/* Combined CSS Styles (layout + flyouts + text), Tim Reeves, Stand 2012-01-05 */ /************************/ /* LAYOUT (uncommented) */ /************************/ html { width: 100%; height: 100%; margin: 0; padding: 0; /* font-size: 100.1%; */ font-family: Arial, Tahoma, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif; font-family: Calibri, Lucida Grande, Arial, Tahoma, Helvetica, Geneva, Swiss, Trebuchet MS, Lucida Sans Unicode, SunSans-Regular, sans-serif; font-family: Segoe UI, Frutiger Next, DejaVu Sans, Bitstream Vera Sans, Lucida Grande, Lucida Mac, Tahoma, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif; } body { margin: 0; padding: 0; background-color: transparent; } /* To make things "pixelgenau" */ img, table, table td, form, div, div div, div div div, div div div div, pre, label { margin: 0; padding: 0; border-width: 0; border-style: none; text-align: left; overflow: hidden; } table { border-spacing: 0; } td { vertical-align: top; } /* div.content form.login td has middle */ div.website { width: 100%; min-width: 960px; height: auto; min-height: 600px; overflow: visible; /* Allows mobiles to get an scroller */ text-align: center; background-color: transparent; } div.header { position: static; width: 100%; height: 3%; overflow: hidden; background-color: transparent; } div.footer { position: static; width: 100%; height: 3%; overflow: hidden; background-color: transparent; } div.main { position: relative; height: 94%; width: 960px; margin: 0 auto auto 0; /* Positioned on the LEFT */ margin: 0 auto 0 auto; /* The horizontal centering */ overflow: visible; background-color: transparent; } div.head { position: relative; width: auto; height: 120px; text-align: left; overflow: hidden; /* background-image: url(../images/std/kopf.jpg); No file in prototype */ background-image: none; background-repeat: no-repeat; background-color: transparent; } div.extra { position: absolute; left: 0; bottom: 0; width: 100%; height: 29px; text-indent: 20px; /* This is for real */ overflow: hidden; } div.breadcrumbs { position: static; float: left; width: auto; margin: 0; padding: 0; height: 100%; background-color: transparent; } div.secnav { position: static; float: right; width: auto; margin: 0; padding: 0; height: 100%; background-color: transparent; } div.breadcrumbs p, div.secnav p { margin: 0 6px 0 0; line-height: 29px; vertical-align: bottom; white-space: nowrap; } div.secnav p span#fontsize { } div.secnav p span#fontsize span.spacer { } div.nav { position: static; float: left; width: 200px; margin: 0; height: auto; padding: 1em 0; background-color: transparent; overflow: visible; } div.nav div.nav2 { /* Zweitnavi */ padding: 16px 0 0 10px; } div.nav div.nav2 p { margin: 4px 0 0 0; } div.scroller { position: static; width: 760px; /* Pixelgenau! div.nav + div.scroller = div.main !!!!!!!! */ height: auto; overflow: auto; background-color: transparent; } div.content { position: static; margin-left: 22px; width: 707px; /* div.scroller.width - div.content.margin-left - 30 für (Scroller + re. Abstand) */ height: auto; overflow: hidden; padding-bottom: 8px; background-color: transparent; } div.foot { /* At bottom of div.main */ position: static; width: auto; height: 29px; /* Set to same height as div.extra if so positioned */ text-align: left; text-indent: 0; overflow: hidden; background-color: transparent; border-top: 1px solid #AAAAAA; } div.shortie { height: 6px; margin: 0; overflow: hidden; } /*************************/ /* FLYOUTS (uncommented) */ /*************************/ div.menu { position: relative; top: 0; left: 18px; width: 182px; margin: 0; padding: 0; height: auto; overflow: visible; z-index: 2; } div#fotooltip { /* For Flyout-Menu Tooltip */ color: #444444; font-size: 11px; font-size: 8pt; position: absolute; top: 0; left: 0; width: auto; height: auto; z-index: 999; padding: 1px 5px; /* white-space: nowrap; */ display: none; background-color: white; background-image: url(../images/std/tip.png); background-repeat: repeat-x; background-position: bottom; border-top: 1px solid #888888; border-left: 1px solid #666666; border-right: 1px solid #444444; border-bottom: 1px solid #555555; -o-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -o-box-shadow: 4px 2px 2px #666; -moz-box-shadow: 4px 2px 2px #666; -webkit-box-shadow: 4px 2px 2px #666; box-shadow: 4px 2px 2px #666; /* hor offset +right, vert offset +down, blur radius */ } ul.menu, ul.menu li ul, ul.menu li ul li ul { margin: 0; padding: 0; border-style: none; border-width: 0; list-style-type: none; list-style-image: none; z-index: 3; } ul.menu { position: relative; width: 175px; /* 0 - 174 */ } ul.menu li ul, ul.menu li ul li ul { position: absolute; visibility: hidden; top: -25px; left: 156px; padding: 24px 24px 24px 0; background-color: transparent; opacity: 0.95; } ul.menu li ul li.fst ul { top: -24px; } ul.menu li ul { width: 175px; padding-right: 0; } ul.menu li ul li ul { width: 175px; padding-right: 24px; } ul.menu li:hover > ul { visibility: visible; } ul.menu li a:hover ul ul, ul.menu li a:hover ul a:hover ul ul { visibility: hidden; } ul.menu li a:hover ul, ul.menu li a:hover ul a:hover ul { visibility: visible; } ul.menu li, ul.menu li ul li, ul.menu li ul li ul li { margin: 0; padding: 0; height: 23px; font-size: 11px; } ul.menu li ul li { } ul.menu li ul li ul li { } ul.menu li.fst, ul.menu li ul li.fst, ul.menu li ul li ul li.fst { height: 24px; } ul.menu li { } ul.menu li ul { } ul.menu li ul li { } ul.menu li ul li ul { } ul.menu li a, ul.menu li a:link, ul.menu li a:visited, ul.menu li a:active, ul.menu li a:focus, ul.menu li a:hover { display: block; height: 22px; line-height: 22px; width: 173px; margin: 0; padding: 0; font-size: 11px; letter-spacing: 0.02em; letter-spacing: 1px; font-weight: bold; text-indent: 10px; border-style: solid; text-decoration: none; } ul.menu li ul li a, ul.menu li ul li a:link, ul.menu li ul li a:visited, ul.menu li ul li a:active, ul.menu li ul li a:focus, ul.menu li ul li a:hover { width: 173px; } /* In this implementation, 3rd level links are just as broad */ ul.menu li ul li ul li a, ul.menu li ul li ul li a:link, ul.menu li ul li ul li a:visited, ul.menu li ul li ul li a:active, ul.menu li ul li ul li a:focus, ul.menu li ul li ul li a:hover { width: 173px; } * html ul.menu li a, * html ul.menu li a:visited { width: 175px; w\idth: 173px; } ul.menu li a, ul.menu li.sub ul li a, ul.menu li.sub ul li.sub ul li a { background-image: none; } ul.menu li.sub a, ul.menu li.sub ul li.sub a { background-repeat: no-repeat; background-position: right center; } ul.menu li table { position: absolute; top: 0; left: -1px; border-collapse: collapse; } ul.menu li:hover { position: relative; } * html ul.menu li a:hover { position: relative; top: 0; } ul.menu li a, ul.menu li a:visited { border-width: 0 1px 1px 1px; } ul.menu li.fst a, ul.menu li.fst a:visited { border-width: 1px 1px 1px 1px; } ul.menu li.sub ul li a, ul.menu li.sub ul li a:visited { border-width: 0 1px 1px 1px; } ul.menu li.sub ul li.fst a, ul.menu li.sub ul li.fst a:visited { border-width: 1px 1px 1px 1px; } ul.menu li.sub ul li.sub ul li a, ul.menu li.sub ul li.sub ul li a:visited { border-width: 0 1px 1px 1px; } ul.menu li.sub ul li.sub ul li.fst a, ul.menu li.sub ul li.sub ul li.fst a:visited { border-width: 1px 1px 1px 1px; } ul.menu li a, ul.menu li a:visited { border-color: #AAAAAA; } ul.menu li.sub a { background-image: url(../images/std/menuarrow.gif); } ul.menu li.sub ul li.sub a { background-image: url(../images/std/menuarrow.gif); } a.avblefo, a.avblefo:link, a.avblefo:visited, a.avblefo:active, a.avblefo:focus { color: #006440; background-color: #E7FFDF; /* 231 255 223 */ } a.avblefo:hover { color: #006440; background-color: #F6F8EB; } a.iscurfo, a.iscurfo:link, a.iscurfo:visited, a.iscurfo:active, a.iscurfo:focus, a.iscurfo:hover { color: #006440; background-color: #F6F8EB; } /********/ /* TEXT */ /********/ h1, h2, h3 { /* Arial Black displayed cursive by IE6 (: */ text-decoration: none; letter-spacing: 1px; padding: 0; } h4, h5, h6 { font-weight: bold; text-decoration: none; padding: 0; } p, li, td, th { font-size: 1em; text-decoration: none; padding: 0; } h1 { font-size: 1.5em; margin: 0.7em 0 0.4em 0; } h2 { font-size: 1.4em; margin: 0.9em 0 0.3em 0; } h3 { font-size: 1.3em; margin: 0.75em 0 0.2em 0; } h4 { font-size: 1.2em; margin: 0.7em 0 0.15em 0; } h5 { font-size: 1.1em; margin: 0.6em 0 0.1em 0; } h6 { font-size: 1em; margin: 0.5em 0 0.05em 0; } p { margin: 0.5em 0 0.65em 0; line-height: 130%; } ul, ol { margin: 0.5em 0 0 1.1em; padding: 0; } ul { list-style-type: disc; } ul.sec { list-style-type: circle; } ol { margin-left: 1.4em; } ul li, ol li { margin: 0 0 0.65em 0; padding: 0; } p.pretty:first-letter { font-weight: bold; } p.nachoben { margin-top: 1em; display: none; /* Wird in JavaScript aktiviert - falls es JS gibt :) */ } .vielluft { margin-top: 1.3em; margin-bottom: 0.65em; } .mehrluft { margin-top: 1em; margin-bottom: 0.65em; } .ohneluft { margin-top: 0; margin-bottom: 0; } .vorliste { margin-bottom: 0.3em; } .letzte { margin-bottom: 0; padding-bottom: 1.3em; } .topless { margin-top: 0 !important; } .bottomless { margin-bottom: 0 !important; } .lastitem { padding-bottom: 12px !important; } .moretop { margin-top: 0.8em !important; } .morebottom { margin-bottom: 0.8em !important; } strong, .strong, .bold { font-weight: bold; } .small, .smallBold, div.extra, p.nachoben { font-size: 0.89em; } .smaller, .smallerBold { font-size: 0.95em; } .smallBold, .smallerBold { font-weight: bold; } .mittig { text-align: center; } .bildbeschriftung { font-size: 11px; letter-spacing: 1px; font-weight: normal; } .floatleft { display: block; float: left; text-align: left !important; margin: 0.65em 12px 0.3em 0 !important; } .floatright { display: block; float: right; text-align: center !important; margin: 0.65em 0 0.3em 12px !important; } hr.myrule { height: 1px; border-style: none; /* note that msie doesnt collapse margins around an hr */ margin: 1.4em 0 1.4em 0; padding: 0; } span#fontsize img { display: inline; vertical-align: text-bottom; } img.bordercenter { display: block; text-align: center; margin: 1.6em auto 0 auto; border: 1px solid rgb(142,163,163); } img.luftoben, div.luftoben { margin-top: 12px !important; } div.floatright img { display: block; } div.halfpic { width: 266px; /* Pic 264 + 2 Border */ height: auto; } div.halfpic img { display: block; border: 1px solid rgb(142,163,163); } div.halfpicleft { float: left; margin: 0 6px 0.65em 0; } div.halfpicright { float: right; margin: 0 0 0.65em 6px; } div.infobox { border-width: 1px; border-style: solid; margin: 0.5em 0 0.65em 0; padding: 6px 13px; width: auto; } /* Simple Table Data without borders, e.g. Impressum, Kontaktdaten */ table.data { margin-top: 0.65em; } table.data td { padding-bottom: 0.6em; } /* Simple Table Data for north-sout-east-west (quadratic) layout */ table.quad { } table.quad td { padding-bottom: 2.4em; } table.quad td.last { padding-bottom: 0; } table.quad td img { } table.quad td.left { text-align: right; } table.quad td.left p { text-align: right; margin-right: 20px; } table.quad td.right p { text-align: left; margin-left: 20px; } table.quad td.bottom { vertical-align: bottom; } /* Simple Table Data for row(s) aligned to bottom, centered on page */ table.midbot { margin: 2.4em auto 0 auto; } table.midbot td { padding-right: 12px; vertical-align: bottom; } table.midbot td.last { padding-right: 0; } table.midbot td p { margin-bottom: 0; } table.midbot td.moregap { padding-right: 20px; } /* Standard link style */ a, a:link, a:visited, a:active, a:focus { background-color: transparent; text-decoration: underline; } /* Except on Hover */ a:hover { text-decoration: underline; } /* Classes for Extra-Navigation */ a.avble, a.avble:link, a.avble:visited, a.avble:active, a.avble:focus { background-color: transparent; text-decoration: none; padding: 0 2px; } a.avble:hover { text-decoration: none; padding: 0 2px; } a.iscur, a.iscur:link, a.iscur:visited, a.iscur:active, a.iscur:focus { background-color: transparent; text-decoration: underline; padding: 0 2px; } a.iscur:hover { text-decoration: underline; padding: 0 2px; } div.secnav p span#fontsize a, div.secnav p span#fontsize a:link, div.secnav p span#fontsize a:visited, div.secnav p span#fontsize a:active, div.secnav p span#fontsize a:focus { } div.secnav p span#fontsize a:hover { } div.secnav p span#fontsize span.current { padding: 0 2px; }