/* Allgemeine Definitionen Ebenen: Info z-index:2 Menu z-index:9 BG Inhalt z-index:4 Inhalt z-index:5 Rand oben/unten z-index:6 Inhaltrahmenunten z-index:7 Location&Sitemap z-index:8 Grafiken z-index:9 */ /* ############################################################ ################# Hauptpositionierungen #################*/ @media screen, handheld { body {height:100%; width:100%; margin:0; padding:0; overflow:visible; position:absolute; top:0; left:0; background:#F4F4F4; background-attachment:fixed; background-repeat:no-repeat; background-position:60% center; background-image:url(_images/mainbg.jpg); line-height:125%; font-family:"Lucida Sans Unicode", sans-serif; font-weight:500; font-size:100.01%; } } @media print { body {} } div.scroll {} div.location {position:fixed; top:0; left:16%; height:12%; width:83%; z-index:8; font-weight:600; line-height:1.3em; border-style:solid; border-width:3px; border-color:#DCDCDC #AAAAAA #AAAAAA #DCDCDC; /* background-repeat:no-repeat; */ background:#EAEAEA; overflow:hidden; } div.sitemap {position:fixed; bottom:0%; height:6%; left:16%; width:83%; color:#494949; font-size:1.0em; border-style:solid; border-width:3px; border-color:#DCDCDC #AAAAAA #AAAAAA #DCDCDC; text-align:left; z-index:8; background:#EAEAEA; } div.sitemap a:link, div.sitemap a:visited, div.sitemap a:hover, div.sitemap a:active, a.link:link, a.link:visited, a.link:hover, a.link:active, .link a:link, .link a:visited, .link a:hover, .link a:active {border-color:#B4B4B4; color:#676767;} div.sitemap a:hover, .link a:hover, a.link:hover {background:#E0E0E0; color:#000000;} div.sitemap a:active, .link a:active, a.link:active {background:#B4B4B4; color:#E2E2E2;} /* ################# Hauptpositionierungen ################## ############################################################*/ /* ############################################################ ################# Inhalt & Umgebung #################*/ div.inhalt {position:absolute; top:23%; /* border:solid 1px red; */ left:18%; width:81%; margin:0px; z-index:5; } div.menu_quick {position:fixed; top:15%; right:0%; width:13%; margin:0px 6px 0 0; z-index:4; background-image:url(menu/background.jpg); background-attachment:fixed; border-style:solid; border-width:3px; padding:6px; border-color:#D0D0D0 #949494 #949494 #D0D0D0;} div.inhaltbg {position:fixed; left:19%; top:19%; height:70%; width:79%; z-index:4; border-style:none; margin:3px 0 0 3px;} div.content {padding:20px 20px 0 20px;} /* ################# Inhalt & Umgebung ################# ############################################################*/ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {font-weight:500; text-align:left; color:#000000;} h1, .h1 {font-size:1.2em; font-weight:600; text-align:left; line-height:150%; color:#494949;} h2, .h2 {font-size:1.0em; line-height:140%; color:#494949;} h3, .h3 {font-size:0.85em; text-align:justify; line-height:130%;} h4, .h4 {font-size:0.7em; font-weight:600; line-height:120%;} h5, .h5 {font-size:0.7em; font-weight:400; line-height:120%;} h6, .h6 {font-size:0.8em; font-weight:600; line-height:120%;} .alerth1, .alerth2, .alerth3, .alerth4, .alerth5 {color:#FF0000;} .alerth1 {font-weight:800; font-size:1.3em;} .alerth2 {font-weight:500; font-size:1.15em;} .alerth3 {font-weight:500; font-size:1em;} .alerth4 {font-weight:600; font-size:0.8em;} .alerth5 {font-weight:400; font-size:0.75em;} /* ############################################################################################ ############################# Sonstige Definitionen ################################## */ .image {border-style:none;} .positionimg img {position:fixed; border-style:none; z-index:98;} .position {position:fixed;} .rahmen {border-style:solid; border-width:3px; padding:10px; width:96%; border-color:#DCDCDC #AAAAAA #AAAAAA #DCDCDC;} .fett {font-weight:600;} .big {font-size:120%; /* font-size:1.25em; line-height:140%; */} .bigger {font-size:135%; font-weight:600; /* font-size:1.35em; line-height:140%; */} .alert {background:#990000; color:#FFFF00; font-size:1.2em; padding:30px; text-align:center; line-height:1.4em; border-style:solid; border-width:8px; border-color:#660000 #330000 #330000 #660000;} .smallalert {background:#990000; color:#FFFF00; font-size:0.95em; font-weight:600; padding:5px; text-align:center; line-height:1.5em; border-style:solid; border-width:4px; border-color:#660000 #330000 #330000 #660000;} .help {cursor:help;} .inaktiv {color:#9C9B9B;} .farbe {color:#000000;} .hover {background:#CECECE;} .input {color:#3D3D3D; background:#E6E6E6; /* background-image:url(_images/sitebackground.jpg); */ border-color:#AAAAAA #DCDCDC #DCDCDC #AAAAAA; /* #949494 #808080 #808080 #949494; */ padding:5px;} .bordercolor {border-color:#D0D0D0;} .background {/* background-image:url(_images/sitebackground.jpg); */ background:#E0E0E0;} /* ############ Buttons ##############*/ a.button:link, a.button:visited, a.button:active, a.button:hover, .button, .button_hover, .button_active, .button:link, .button:visited, .button:active, .button:hover {font-weight:600; border-style:solid; border-width:3px; text-Decoration:none; color:#6F6F6F; background-image:url(_images/bg_button.jpg); border-color:#C2C2C2 #5F5F5F #5F5F5F #C2C2C2; cursor:pointer; padding:2px 5px 2px 5px; margin-top:8px;} a.button:hover, .button:hover, .button_hover, .button_active {position:relative; top:2px; left:2px; padding:2px 5px 2px 5px; color:#3F3F3F; background-image:url(_images/bg_button_over.jpg); border-color:#5F5F5F #C2C2C2 #C2C2C2 #5F5F5F;} a.help:link, a.help:visited, a.help:hover, a.help:active, .help a:link, .help a:visited, .help a:hover, .help a:active {text-decoration:none; font-style:italic;} /* {text-decoration:none; border-top-style:dotted; border-width:1px; margin:0 5px 0 5px; padding:0 1px 0 1px;} */ .line {line-height: 0.2em; height:2px; border-top-style:solid; border-top-width:1px; padding:0px; margin:5px;) /* ############################# Sonstige Definitionen ################################## ############################################################################################ */