/* CSS Styles for FindWord, Tim Reeves, Stand 2013-08-27 */ /* For the xml parser the canvas is , not */ html { width: 100%; /* Gecko and Opera both need expl. height, in html AND body */ height: auto; /* FF1.5 likes this, 100% forces erroneous vert. scroller, */ height: 100%; /* but everybody else, incl. FF1.0, wants/needs this value, */ margin: 0px; /* which is why we need "startup.js" for a good job */ padding: 0px; overflow: auto; /* Gecko and Opera both need this HERE for scrollers */ border-style: none; background-color: #FFEED6; /* Firefox XML-Parser needs this here, body insufficient */ font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif, Tahoma; } body { width: 100%; height: 100%; margin: 0px; padding: 0px; overflow: hidden; border-style: none; background-color: #FFEECC; /* alt */ background-color: #FFEED6; } img, table, table td, form, div, div div, div div div, div div div div { margin: 0px; padding: 0px; border-style: none; border-width: 0px; text-align: left; overflow: hidden; background-color: transparent; } table { /* Let width default - works better in IE6 when a scrollbar comes */ border-collapse: collapse; /* Gets rid of IE Borders */ border-spacing: 0px; /* Gets rid of Firefox Borders */ } div.ganzerInhalt { /* Container for whole content - height adjusted in Javascript */ position: absolute; top: 0px; left: 0px; width: 895px; height: 100%; overflow: visible; } /* LAYOUT-1: nav(147) 0-146, Trennstrich 147, cont1scroll(746) 148-893 bsp: bilder 616px breit, rand li/re = 62/68 Summe 746 */ div.nav { position: absolute; top: 0px; top: 3%; left: 0px; width: 147px; height: auto; font-size: 13px; background-color: #FFEED6; padding-bottom: 8px; z-index: 2; } div.navhg { position: absolute; top: 0px; top: 3%; left: 0px; width: 147px; height: 100%; height: 94%; background-color: #FFEED6; border-right: 1px solid #FEBE5D; z-index: 1; } div.cont1scroll { /* Container for cont1 - gets the vertical scroller if need be */ position: absolute; top: 3%; left: 148px; width: 745px; height: 94%; overflow: auto; background-color: #FFF8ED; border-left: 1px solid #FEBE5D; border-right: 1px solid #FEBE5D; border-top: 1px solid #FEBE5D; border-bottom: 1px solid #FEBE5D; } div.cont1 { position: absolute; top: 0px; left: 62px; width: 616px; height: auto; } /* LAYOUT-S: nav(147) 0-146, Trennstrich 147, cont1scroll(746) 148-893 Inhalt 550px breit, rand li/re = 95/101 Summe 746 */ div.conts { position: absolute; top: 0px; left: 95px; width: 550px; height: auto; } div.contm { position: absolute; top: 0px; left: 85px; width: 570px; height: auto; } /* LAYOUT-2: nav(147) 0-146, Trennstrich 147, nav2(195) 148-342, HG-Strich 343, cont2(550) 344-893 */ /* nav + nav2 + cont2 for pages with secondary menu */ div.nav2 { position: absolute; top: 43px; top: 3%; left: 148px; width: 194px; margin: 0px; padding: 0px; padding-top: 24px; overflow: visible; text-align: left; background-color: #FFF3DB; /* alt */ background-color: #FFF4E3; padding-bottom: 8px; border-left: 1px solid #FEBE5D; border-top: 1px solid #FEBE5D; z-index: 2; } div.nav2hg { position: absolute; top: 0px; top: 3%; left: 148px; width: 194px; height: 100%; height: 94%; background-color: #FFF4E3; border-left: 1px solid #FEBE5D; border-right: 1px solid #FFD79A; border-top: 1px solid #FEBE5D; border-bottom: 1px solid #FEBE5D; z-index: 1; } iframe.cont2 { position: absolute; top: 3%; left: 344px; width: 550px; height: 94%; margin: 0px; /* Padding-bottom is a bad idea here - falsifies the 94% height */ text-align: left; overflow: hidden; background-color: #FFF8ED; border-style: none; border-top: 1px solid #FEBE5D; border-right: 1px solid #FEBE5D; border-bottom: 1px solid #FEBE5D; border-left: 0px none #FEBE5D; } iframe.beispiel { position: static; margin: 0px; padding: 0px; width: 660px; border: 0px none #FFF8ED; } /* Classes for Navigation */ div.nav p.logo { margin: 0px 0px 0px 7px; padding: 2px 0px 20px 0px; } /* avble: Verfügbar | iscur: Aktuell (ohne Unterpunkte) */ /* ofcur: Offen und Aktuell | offen: Geöffnet (Unterpunkt ist Aktuell) */ a.avble1, a.avble1:link, a.avble1:visited, a.avble1:active, a.avble1:focus, a.avble1:hover, a.iscur1, a.iscur1:link, a.iscur1:visited, a.iscur1:active, a.iscur1:focus, a.iscur1:hover, a.ofcur1, a.ofcur1:link, a.ofcur1:visited, a.ofcur1:active, a.ofcur1:focus, a.ofcur1:hover, a.offen1, a.offen1:link, a.offen1:visited, a.offen1:active, a.offen1:focus, a.offen1:hover, a.avble2, a.avble2:link, a.avble2:visited, a.avble2:active, a.avble2:focus, a.avble2:hover, a.iscur2, a.iscur2:link, a.iscur2:visited, a.iscur2:active, a.iscur2:focus, a.iscur2:hover, a.ofcur2, a.ofcur2:link, a.ofcur2:visited, a.ofcur2:active, a.ofcur2:focus, a.ofcur2:hover, a.offen2, a.offen2:link, a.offen2:visited, a.offen2:active, a.offen2:focus, a.offen2:hover, a.avble3, a.avble3:link, a.avble3:visited, a.avble3:active, a.avble3:focus, a.avble3:hover, a.iscur3, a.iscur3:link, a.iscur3:visited, a.iscur3:active, a.iscur3:focus, a.iscur3:hover, a.avble, a.avble:link, a.avble:visited, a.avble:active, a.avble:focus, a.avble:hover, a.iscur, a.iscur:link, a.iscur:visited, a.iscur:active, a.iscur:focus, a.iscur:hover { display: block; height: 17px; width: 126px; font-weight: normal; text-decoration: none; letter-spacing: 0px; margin: 12px 0px 0px 8px; padding: 2px 0px 0px 4px; } a.avble2, a.avble2:link, a.avble2:visited, a.avble2:active, a.avble2:focus, a.avble2:hover, a.iscur2, a.iscur2:link, a.iscur2:visited, a.iscur2:active, a.iscur2:focus, a.iscur2:hover, a.ofcur2, a.ofcur2:link, a.ofcur2:visited, a.ofcur2:active, a.ofcur2:focus, a.ofcur2:hover, a.offen2, a.offen2:link, a.offen2:visited, a.offen2:active, a.offen2:focus, a.offen2:hover { height: 16px; font-size: 12px; width: 126px; margin: 0px 0px 0px 8px; padding: 1px 0px 0px 4px; } a.avble3, a.avble3:link, a.avble3:visited, a.avble3:active, a.avble3:focus, a.avble3:hover, a.iscur3, a.iscur3:link, a.iscur3:visited, a.iscur3:active, a.iscur3:focus, a.iscur3:hover { height: 16px; font-size: 12px; width: 120px; margin: 0px 0px 0px 8px; padding: 1px 0px 0px 10px; } a.avble1, a.avble1:link, a.avble1:visited, a.avble1:active, a.avble1:focus { color: #00477D; background-color: transparent; } a.avble1:hover { color: #00477D; background-color: #EDF7FF; } a.iscur1, a.iscur1:link, a.iscur1:visited, a.iscur1:active, a.iscur1:focus { color: #00477D; background-color: #85CAFF; } a.iscur1:hover { color: #002D50; background-color: #85CAFF; } a.ofcur1, a.ofcur1:link, a.ofcur1:visited, a.ofcur1:active, a.ofcur1:focus { color: #00477D; background-color: #85CAFF; border-bottom: 1px solid #106DB2; } a.ofcur1:hover { color: #002D50; background-color: #85CAFF; border-bottom: 1px solid #106DB2; } a.offen1, a.offen1:link, a.offen1:visited, a.offen1:active, a.offen1:focus { color: #00477D; background-color: #85CAFF; border-bottom: 1px solid #106DB2; } a.offen1:hover { color: #002D50; background-color: #85CAFF; border-bottom: 1px solid #106DB2; } a.avble2, a.avble2:link, a.avble2:visited, a.avble2:active, a.avble2:focus { color: #106DB2; background-color: #EDF7FF; border-top: 1px solid #74BDF5; } a.avble2:hover { color: #00477D; background-color: #CCE8FF; border-top: 1px solid #74BDF5; } a.iscur2, a.iscur2:link, a.iscur2:visited, a.iscur2:active, a.iscur2:focus { color: #106DB2; background-color: #B0DBFF; border-top: 1px solid #A6CADB; } a.iscur2:hover { color: #00477D; background-color: #B0DBFF; border-top: 1px solid #74BDF5; } a.ofcur2, a.ofcur2:link, a.ofcur2:visited, a.ofcur2:active, a.ofcur2:focus { color: #106DB2; background-color: #B0DBFF; border-top: 1px solid #74BDF5; border-bottom: 1px solid #74BDF5; } a.ofcur2:hover { color: #00477D; background-color: #B0DBFF; border-top: 1px solid #74BDF5; border-bottom: 1px solid #74BDF5; } a.offen2, a.offen2:link, a.offen2:visited, a.offen2:active, a.offen2:focus { color: #106DB2; background-color: #CCE8FF; border-top: 1px solid #74BDF5; border-bottom: 1px solid #74BDF5; } a.offen2:hover { color: #00477D; background-color: #CCE8FF; border-top: 1px solid #74BDF5; border-bottom: 1px solid #74BDF5; } a.avble3, a.avble3:link, a.avble3:visited, a.avble3:active, a.avble3:focus { color: #005CA3; background-color: #EDF7FF; } a.avble3:hover { color: #00477D; background-color: #CCE8FF; } a.iscur3, a.iscur3:link, a.iscur3:visited, a.iscur3:active, a.iscur3:focus { color: #106DB2; background-color: #B0DBFF; } a.iscur3:hover { color: #00477D; background-color: #B0DBFF; } /* Link classes for menu entries in "nav2" */ div.nav2 h3 { margin: 0px auto 18px 16px; } div.nav2 div { font-size: 12px; margin: 8px auto 13px 12px; } div.nav2 div div { margin: 0px; padding: 1px 0px 0px 4px; } a.avble, a.avble:link, a.avble:visited, a.avble:active, a.avble:focus, a.avble:hover, a.iscur, a.iscur:link, a.iscur:visited, a.iscur:active, a.iscur:focus, a.iscur:hover { display: block; height: auto; font-size: 12px; width: 166px; margin: 0px; padding: 1px 0px 0px 4px; } a.avble, a.avble:link, a.avble:visited, a.avble:active, a.avble:focus { color: #00477D; background-color: transparent; /* IE6 Bug: When the BG-Color changes due to hover, IE modifies the height */ /* That's the reason why the links are put in
tags in the html source */ } a.avble:hover { color: #00477D; background-color: #EDF7FF; } a.iscur, a.iscur:link, a.iscur:visited, a.iscur:active, a.iscur:focus { color: #00477D; background-color: #CCE8FF; } a.iscur:hover { color: #002D50; background-color: #CCE8FF; } hr.myrule { height: 1px; color: #FFD79A; background-color: #FFD79A; border-style: none; /* note that msie doesnt collapse margins around an hr */ margin: 16px 0px 16px 0px; padding: 0px; } hr.weiter { /* note that msie doesnt collapse margins around an hr */ margin: 16px 0px 8px 0px; } div.nav2 hr.myrule { width: 162px; margin: 16px auto 0px 15px; } p.nachrule { } div.nav2 p { font-size: 12px; margin: 12px auto 0px 16px; } /* div.nav2 p.letzte a, div.nav2 p.letzte a:link, div.nav2 p.letzte a:visited, div.nav2 p.letzte a:active, div.nav2 p.letzte a:focus, div.nav2 p.letzte a:hover { text-decoration: none; } */ p.nachrule a, p.nachrule a:link, p.nachrule a:visited, p.nachrule a:active, p.nachrule a:focus, p.nachrule a:hover { text-decoration: none; } .dlb { cursor: pointer; color: #00477D; /* font-family needed to override browser-standard style-sheets */ font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif, Tahoma; font-size: 11px; font-weight: bold; letter-spacing: 0.02em; text-decoration: none; text-align: center; padding: 2px 10px; border-top: 1px solid #3DABFF; border-left: 1px solid #3DABFF; border-right: 1px solid #0A6CAD; border-bottom: 1px solid #0A6CAD; background: #F5FAFF; background: -moz-linear-gradient(top, #F5FAFF 0%, #D1EBFF 48%, #C4E5FF 52%, #B5DFFF 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F5FAFF), color-stop(48%,#D1EBFF), color-stop(52%,#C4E5FF), color-stop(100%,#B5DFFF)); background: -webkit-linear-gradient(top, #F5FAFF 0%,#D1EBFF 48%,#C4E5FF 52%,#B5DFFF 100%); background: -o-linear-gradient(top, #F5FAFF 0%,#D1EBFF 48%,#C4E5FF 52%,#B5DFFF 100%); background: -ms-linear-gradient(top, #F5FAFF 0%,#D1EBFF 48%,#C4E5FF 52%,#B5DFFF 100%); background: linear-gradient(to bottom, #F5FAFF 0%,#D1EBFF 48%,#C4E5FF 52%,#B5DFFF 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F5FAFF', endColorstr='#B5DFFF',GradientType=0 ); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 2px rgba(255,255,255,1); -webkit-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 2px rgba(255,255,255,1); box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 2px rgba(255,255,255,1); text-shadow: 0px -1px 0px rgba(000,000,000,0.2), 0px 1px 0px rgba(255,255,255,1); } .dlb:hover { color: #002D50; background: #EDF6FF; background: -moz-linear-gradient(top, #EDF6FF 0%, #C7E7FF 48%, #B8E0FF 52%, #A8D9FF 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#EDF6FF), color-stop(48%,#C7E7FF), color-stop(52%,#B8E0FF), color-stop(100%,#A8D9FF)); background: -webkit-linear-gradient(top, #EDF6FF 0%,#C7E7FF 48%,#B8E0FF 52%,#A8D9FF 100%); background: -o-linear-gradient(top, #EDF6FF 0%,#C7E7FF 48%,#B8E0FF 52%,#A8D9FF 100%); background: -ms-linear-gradient(top, #EDF6FF 0%,#C7E7FF 48%,#B8E0FF 52%,#A8D9FF 100%); background: linear-gradient(to bottom, #EDF6FF 0%,#C7E7FF 48%,#B8E0FF 52%,#A8D9FF 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EDF6FF', endColorstr='#A8D9FF',GradientType=0 ); } .dlb:active { border-top: 1px solid #0A6CAD; border-left: 1px solid #0A6CAD; border-right: 1px solid #179AFF; border-bottom: 1px solid #179AFF; background: #e0f1ff; background: -moz-linear-gradient(top, #e0f1ff 0%, #bce3ff 48%, #a5d9ff 52%, #7ac5ff 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e0f1ff), color-stop(48%,#bce3ff), color-stop(52%,#a5d9ff), color-stop(100%,#7ac5ff)); background: -webkit-linear-gradient(top, #e0f1ff 0%,#bce3ff 48%,#a5d9ff 52%,#7ac5ff 100%); background: -o-linear-gradient(top, #e0f1ff 0%,#bce3ff 48%,#a5d9ff 52%,#7ac5ff 100%); background: -ms-linear-gradient(top, #e0f1ff 0%,#bce3ff 48%,#a5d9ff 52%,#7ac5ff 100%); background: linear-gradient(to bottom, #e0f1ff 0%,#bce3ff 48%,#a5d9ff 52%,#7ac5ff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0f1ff', endColorstr='#7ac5ff',GradientType=0 ); } button.dlarrow { padding: 4px 10px 4px 6px; } /* Andreas wollte feste Buttonbreite */ td.download button.dlb, td.download button.dlarrow { padding: 2px 0; width: 144px; } /* ENDE Navigation */ div.ctrDiv { height: 1px; width: 1px; } h1, h2, h3, h4, h5 { color: #AF292F; /* alt */ color: #E3001B; /* männchen */ color: #CC061A; /* kompromiss */ text-decoration: none; } p, ul, ol, li, td, th, div { color: #000000; text-decoration: none; } h1 { font-size: 20px; letter-spacing: 1px; margin: 18px 0 16px 0; line-height: 140%; } h2 { color: #555555; font-size: 16px; margin: 21px 0px 12px 0px; } h3 { font-size: 15px; margin: 18px 0px 4px 0px; } /* H3 at the start of a page */ h3.erste { margin: 24px 0px 12px 0px; } h4 { font-size: 13px; margin: 12px 0px 4px 0px; } h4.mehrluft { margin: 18px 0px 4px 0px; } h4.nachrule { /* For stupid IE */ margin: 12px 0px 4px 0px; } h5 { color: #444444; font-size: 13px; margin: 12px 0px 4px 0px; } h5.erste { margin: 24px 0px 4px 0px; } p, ul, ol, li, td, div { font-size: 13px; text-align: justify; } div.nav2 p, div.nav2 ul, div.nav2 ol, div.nav2 li, div.nav2 td, div.nav2 div { text-align: left; } p { margin: 4px 0px 8px 0px; } p.erste { margin-top: 0px; } p.ohneluft { margin: 0px; } p.vielluft { margin-top: 24px; } p.mehrluft, h5.mehrluft { margin-top: 14px; } p.vorliste { margin-bottom: 4px; } p.letzte, ul.letzte, h5.letzte { margin-bottom: 0px; padding-bottom: 15px; } p.nachoben { margin-top: 12px; font-size: 11px; } ul, ol { color: #555555; margin: 4px 0px 0px 14px; padding: 0px; } ul.mehrluft { /* TR */ margin-top: 8px; margin-bottom: 8px; } ul { list-style-type: disc; } ul.sec { list-style-type: circle; } ul.sec li { margin-left: 0px; } ol { margin-left: 20px; } ul li, ol li { color: #555555; margin: 0px 0px 6px 0px; padding: 0px 0px 0px 1px; text-align: justify; } td { vertical-align: top; } .rot { color: #CC061A; } .std { color: #000000; } .hervor { color: #CC7A00; /* gelb */ color: #CC061A; /* rot */ font-weight: bold; letter-spacing: 1px; } .sehrklein { font-size: 11px; } .durchgestrichen { color: #999999; text-decoration: line-through; } .topless { margin-top: 0px !important; } .bottomless { margin-bottom: 3px !important; } p.justinlist { text-align: justify; margin-top: 0px; margin-bottom: 8px; } strong, .strong { font-weight: bold; /*letter-spacing: 1px;*/ } strong { display: block; } em { font-style: normal; letter-spacing: 2px; } span.bsl { /* Backslash ist bei Arial bold unmöglich dünn (-: */ font-family: Verdana, Tahoma, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif; letter-spacing: 1px; } /* Standard link style : Permanently blue-grey links */ a, a:link, a:visited, a:active, a:focus { color: #00477D; background-color: transparent; text-decoration: underline; } /* Except on Hover */ a:hover { color: #002D50; background-color: #E8F5FF; text-decoration: underline; } /* Sammelsurium */ b { color: #444444; } td.blurb { padding-bottom: 6px; } table.framed { width: auto; margin: 6px 0; border-collapse: separate; } td.rahmen { padding: 6px; border-top: 1px solid #FFD08A; border-right: 1px solid #FFD08A; empty-cells: show; } td.rahmen.links { border-left: 1px solid #FFD08A; } td.rahmenObenUnten { border-top: 1px solid #FFD08A; border-left: 1px solid #FFF8ED !important; border-right: 1px solid #FFF8ED !important; } a.bsp, a.bsp:link, a.bsp:visited, a.bsp:active, a.bsp:focus, a.bsp:hover { background-color: transparent; text-decoration: none; } div.navhg a.sprache, div.navhg a.sprache:link, div.navhg a.sprache:visited, div.navhg a.sprache:active, div.navhg a.sprache:focus, div.navhg a.sprache:hover { /* Similar to a.avble2 */ display: block; position: absolute; bottom: 0px; left: 8px; height: 17px; width: 126px; font-size: 12px; text-decoration: none; margin: 0px; padding: 2px 0px 0px 4px; } b.big { font-size:18px; } /* Stern (Wildcard) */ /* For handling Screenshots in Text */ img.floatLeft { float: left; margin-right: 15px; } img.floatRight { float: right; margin-left: 15px; } p.clear, h3.clear, h5.clear { clear: both; } p.float { overflow: hidden; } /* hidden for MSIE */ img.linkerrand { padding-left: 2px; } img.linkerrand1 { padding-left: 1px; } img.umgebrochen { padding-top: 6px; }