/* CSS Document Standard-Layout INTERNET + INTRANET */ html, body {margin:0; padding:0; font-size:100.01%; font-family:Arial, Helvetica, sans-serif;} img {border:none;} body {position:relative;} p {margin-top:0.5em; margin-bottom:0.5em;} /************************************ Anfang LAYOUT *********************************************/ /* Seitenanfang/-ende */ #seitenanfang li a { position:absolute; top:0px; left:-1000px; width:900px; background:#00A600; color:#fff;} #seitenanfang li a:hover, #seitenanfang li a:active, #seitenanfang li a:focus {z-index:99; left:0px; width:20em; position:absolute; top:0px;} #seitenende li a { position:absolute; top:0px; left:-1000px; width:900px; background:#00A600; color:#fff;} #seitenende li a:hover, #seitenanfang li a:active, #seitenanfang li a:focus {z-index:99; left:0px; width:20em; position:absolute; top:0px;} /* Druckansicht */ #seitenanfang_druckansicht {display:none;} #seitenende_druckansicht {display:none;} /* Seitenkopf */ #lanuv_nrw{padding:0.2em 0; float:right;} #lanuv_nrw {min-width:55em; text-align:right;} #head {clear:both; width:auto; min-height:2.7em; background-color:#999; border-top:1px solid #666; border-bottom:1px solid #666; position:relative;} #head {min-width:55em;} body.lanuv #head {border-bottom:none;} #fotos {float:left; height:2.7em; padding-left:13.5em;} #fotos img{height:2.5em; padding-top:0.1em;} #nav_service{font-size:70%; position:absolute; bottom:0.1em; left:40em; min-width:20em;} #nav_service {min-width:30em;} #nav_service ul{margin-left:0.5em; padding:0; display:inline;} #nav_service a {font-weight:bold; color:#000; text-decoration:none;} #nav_service li{list-style-type: none; display:inline;} #nav_service a { padding:0 0.5em;} #nav_service a:link, #nav_service a:visited {color:#FFF;} #nav_service a:hover, #nav_service a:active, #nav_service a:focus {color:#000; background-color:#FFF;} /* oberste Leiste (Ebene 1): Natur Umwelt Verbraucherschutz */ #leiste_ebene1 {clear:both; background-color:#FFF; line-height:1.4em; } #leiste_ebene1 {min-width:55em;} /* Farbfeld links von Gesamt-Navi */ #farbe_links {width:12.5em; float:left; height:1.5em;} body.lanuv #farbe_links{background-color:#AAA;}/* grau wie im header */ body.natur #farbe_links{background-color:#2D822D;}/*grün #00A600 */ body.umwelt #farbe_links{background-color:#006699;} /* blau */ body.verbr #farbe_links{background-color: #F4A307;} /* gelb FAF451;#CC9900; F9E82A*/ body.landw #farbe_links{background-color: #CC3333;} /* rot #E72121 */ /* Navigation in Ebene1 */ #nav_ebene1 {margin-left:13.2em; margin-right:12em; padding-top:0.1em;} #nav_ebene1 {min-width:25em;} #nav_ebene1 ul{display:inline; list-style-type:none; margin-left:0; padding-left:0em;} #nav_ebene1 img{width:0.8em; height:0.8em; vertical-align:middle;} #nav_ebene1 li {padding:0; display:inline;} #nav_ebene1 a{font-size:70%; padding:0.3em 0.1em;} #nav_ebene1 a:link, #nav_ebene1 a:visited {color:#444; border:solid 1px #FFF; border-bottom:none;} #nav_ebene1 a:focus, #nav_ebene1 a:hover, #nav_ebene1 a:active {color:#FFF; background-color:#666;} #nav_ebene1 a:visited:focus,#nav_ebene1 a:visited:hover,#nav_ebene1 a:visited:active {color:#FFF; background-color:#666;} #nav_ebene1 a.aktiv {background-color:#E0E0E0; border:solid 1px #BBB; border-bottom:1px solid #E0E0E0; } #nav_ebene1 a.aktiv img {border:solid 1px #FFF;} #nav_ebene1 a.aktiv:visited {color:#444; border:solid 1px #D0D0D0; border-bottom:1px solid #E0E0E0;} #nav_ebene1 a.aktiv:hover {color:#FFF;background-color:#666;} #nav_ebene1 a.aktiv:visited:hover {color:#FFF; background-color:#666;} #suche_oben {float:right; width:9em; margin-right:1em; text-align:right; } #suche_oben form {display:inline;} #suche_oben input{font-size:70%; } #icons {float:right; padding-top:0.3em;} #icons ul{margin-left:1em; display:inline;} #icons li {list-style-type: none; padding-left:2px; display:inline;} #icons a{padding:0 0.2em;} #icons ul a:focus, #icons ul a:hover, #icons ul a:active {color:#FFF; background:none;} #icons a:focus img, #icons a:hover img, #icons a:active img { background-color:#FFF;} /* Navigation Ebene 2, z.B. Umwelt -> Wasser */ #ebene2{clear:both; background-color:#E0E0E0; border-bottom:1px solid #D0D0D0; height:2.4em; } #ebene2 {min-width:55em;} #farbe2_links {width:12.5em; float:left; height:2.4em;} #nav_ebene2 { margin-left:13.2em; } #nav_ebene2 ul{display:inline; list-style:none; margin-left:0; padding-left:0em;} #nav_ebene2 li{padding:0.3em; display:inline;} #nav_ebene2 a{ font-size:70%;} #nav_ebene2 a:link, #nav_ebene2 a:visited {color:#444; } #nav_ebene2 a:focus, #nav_ebene2 a:hover, #nav_ebene2 a:active {background-color:#666; color:#FFF;} #nav_ebene2 a.aktiv{background-color:#666; color:#FFF;} #nav_ebene2 a.aktiv:link, #nav_ebene2 a.aktiv:visited {color:#FFF; } /**************************************************************************************************/ /* MAIN */ #main{clear:both; width:auto; background-color:#FFF;} #main {min-width:55em;} #grau {background-color:#E0E0E0; } #weiss { margin-left:12.5em; background-color:#FFF; padding-right:1em;} /* nav_links */ #nav_links {margin-left:-12.5em; width:12.5em; float:left; border-right:solid 1px #FFF;} body.natur #nav_links ul.navi {list-style:url(/gifs/style/blockgruen.gif) outside;} body.umwelt #nav_links ul.navi {list-style:url(/gifs/style/blockblau.gif) outside;} body.verbr #nav_links ul.navi {list-style:url(/gifs/style/blockorange2.gif) outside;} body.landw #nav_links ul.navi {list-style:url(/gifs/style/blockrot2.gif) outside;} #nav_links ul.navi {margin-top:0.4em; padding-bottom:0.5em; list-style:url(/gifs/style/blockgrau.gif) outside; } #nav_links ul.navi li {font-size:70%; margin-left:-20px; margin-bottom:0.5em; } #nav_links ul.alle {list-style:none; text-align:right; padding-right:0.5em; margin-top:-1em; margin-bottom:0.5em;font-size:70%;} #nav_links a:link, #nav_links a:visited {color:#444;} #nav_links a:focus, #nav_links a:hover, #nav_links a:active{color:#FFF; background-color:#666;} #nav_links a.aktiv {background-color:#666;} #nav_links a.aktiv:link, #nav_links a.aktiv:visited {color:#FFF; } #nav_links a.extern {PADDING-left: 15px; BACKGROUND: url(/gifs/style/extern_grau.gif) no-repeat left top; } #nav_links a.extern:hover, #nav_links a.extern:active, #nav_links a.extern:focus{ BACKGROUND: url(/gifs/style/extern_weiss.gif) no-repeat left top; background-color:#666; color:#FFFFFF; } /* breadcrumb */ #bread { color:#777; padding-top:0.3em; padding-left:1em;} #pfad {font-size:65%;} #pfad h6{font-weight:normal;} #pfad a {color:#777; font-weight:normal;} #pfad a:hover {background-color:#666; color:#FFF;} /* Inhalt */ #inhalt {font-size:80%; padding-left:1em; padding-bottom:4em; } #textanfang {display:inline;} #leitbild {float:left; margin-right:1.5em; margin-bottom:1em; margin-top:0.5em; } #leitbild img{border:none; width:12em;} #leitbanner{margin-top:1em;} #leitbanner img{width:90%;} /* Fuss */ #fuss {position:relative; width:auto; clear:both; margin-left:-12.5em; margin-top:3em;} #fuss_links {width:12.5em; float:left;text-align:center; } #fuss_links a {font-weight:normal; font-size:70%; color:#444;} #fuss_links a:hover {background-color:#666; color:#FFF;} #symbole {width:12.5em; padding-bottom:1em; text-align:center;} #symbole ul { margin-left:0; display:inline;} #symbole ul li {display:inline; list-style:none;} #symbole img {width:1.9em; margin-right:1em;} #symbole ul a:focus, #symbole ul a:hover, #symbole ul a:active {color:#FFF; background:none;} #symbole a:hover img, #symbole a:active img, #symbole a:focus img { background-color:#BBBBBB;} #fuss_mitte_pos {padding-top:2.7em; margin-left:13.5em;} #fuss_mitte {color:#999; font-size:70%; letter-spacing:1px;} #fuss_mitte img {margin-right:1em; width:0.7em;} /************************************ Ende LAYOUT *********************************************/ /* Überschriften */ h1, h2, h3, h4{line-height:150%;} h1 {font-size:180%; font-weight:normal; margin-top:1em; margin-bottom:0.5em;} h2 {font-size:150%; font-weight:normal; margin-top:1em; margin-bottom:0.5em;} h3 {font-size:120%; font-weight:bold; margin-top:2em; margin-bottom:0;} h4 {font-size:100%; font-weight:bold;} h5 {font-size:100%; font-weight:bold; color:#000000; margin:0; padding:0;} h6 {font-size:100%; display:inline; padding-right:3px;} /* für Tastatur-Navigation */ h4.spalte {color:#FFF; font-size:70%; text-align:left; line-height:2em; font-weight:bold; margin:0px; padding-left: 0.5em; background-color:#999;} /* grau */ body.natur h4.spalte{background-color:#2D822D;} /* grün */ body.umwelt h4.spalte{background-color:#006699;} /* blau */ body.verbr h4.spalte{background-color: #F4A307;} /* gelb */ body.landw h4.spalte{background-color: #CC3333;} /* rot */ /***************************************************************************/ /* Text, der nur beim Ausdruck/Druckvorschau sichtbar sein soll (z.B. email-Adresse) */ .adr_klartext {display:none;} /***************************************************************************/ /* Links */ a {text-decoration: none; font-weight:bold;} a:link, a:visited {color:#005E91;} a:focus, a:hover, a:active{color:#FFF; background-color:#005E91;} /* verlinkte IMG */ a.bild:focus, a.bild:hover, a.bild:active {color:#FFF; background-color:#005E91;} a.bild img {border:2px solid #FFF;} a.bild:focus img, a.bild:hover img, a.bild:active img { background-color:#BBB; border:2px solid #005E91;} /* Link-Klassen */ A.extern {PADDING-left: 15px; BACKGROUND: url(/gifs/style/extern.gif) no-repeat left top; } a.extern:hover, a.extern:active, a.extern:focus{ BACKGROUND: url(/gifs/style/extern_weiss.gif) no-repeat left top; background-color:#005E91; color:#FFFFFF; } a.pdf {PADDING-left: 15px; BACKGROUND: url(/gifs/style/pdf.gif) no-repeat left top; } a.pdf:hover, a.pdf:active, a.pdf:focus { BACKGROUND: url(/gifs/style/pdf.gif) no-repeat left top; background-color:#005E91; color:#FFF} a.zip {PADDING-left: 15px; BACKGROUND: url(/gifs/style/zipGenius.gif) no-repeat left top; } a.zip:hover, a.zip:active, a.zip:focus { BACKGROUND: url(/gifs/style/zipGenius.gif) no-repeat left top; background-color:#005E91; color:#FFF} a.excel {PADDING-left: 15px; BACKGROUND: url(/gifs/style/excel.gif) no-repeat left top; } a.excel:hover, a.excel:active, a.excel:focus { BACKGROUND: url(/gifs/style/excel.gif) no-repeat left top; background-color:#005E91; color:#FFF; } A.word {PADDING-left: 15px; BACKGROUND: url(/gifs/style/word.gif) no-repeat left top; } a.word:hover, a.word:active, a.word:focus { BACKGROUND: url(/gifs/style/word.gif) no-repeat left top; background-color:#005E91; color:#FFF; } a.ppt_datei {PADDING-left: 15px; BACKGROUND: url(/gifs/style/ppt.gif) no-repeat left top; } a.ppt_datei:hover, a.ppt_datei:active, a.ppt_datei:focus { BACKGROUND: url(/gifs/style/ppt.gif) no-repeat left top; background-color:#005E91; color:#FFF; } a.ppt_praes {PADDING-left: 15px; BACKGROUND: url(/gifs/style/ppt.png) no-repeat left top; } a.ppt_praes:hover, a.ppt_praes:active, a.ppt_praes:focus { BACKGROUND: url(/gifs/style/ppt.png) no-repeat left top; background-color:#005E91; color:#FFF; } a.mail {PADDING-left: 20px; BACKGROUND: url(/gifs/style/mail.png) no-repeat left top; } a.mail:hover, a.mail:active, a.mail:focus { BACKGROUND: url(/gifs/style/mail_weiss.png) no-repeat left top; background-color:#005E91; color:#FFF; } #nav_links a.mail {PADDING-left: 20px; BACKGROUND: url(/gifs/style/mail_grau.png) no-repeat left top; } #nav_links a.mail:hover, #nav_links a.mail:active, #nav_links a.mail:focus { BACKGROUND: url(/gifs/style/mail_weiss.png) no-repeat left top; background-color:#005E91; color:#FFF; } a.wmp {PADDING-left: 20px; BACKGROUND: url(/gifs/style/wmp.gif) no-repeat left top; } a.wmp:hover, a.wmp:active, a.wmp:focus { BACKGROUND: url(/gifs/style/wmp_weiss.gif) no-repeat left top; background-color:#005E91; color:#FFF; } /***************************************************************************/ /* Style für leere Seiten */ #cont_leer {margin:1em; width:100%;} #cont_leer a {text-decoration:underline; font-size:80%;} a.cont_leer {text-decoration:underline; font-size:80%; margin-right:2em;} /***************************************************************************/ /* Tabellen */ table {border-collapse:collapse; empty-cells:show; font-size:100%;} /* Tabellen mit Rahmen*/ table.rahmen td{border:1px solid gray; padding:2px;} table.rahmen th {border:1px solid gray; padding:2px; font-weight:bold;} table.rahmen th.links {text-align:left;} table.rahmen tr.fett td{font-weight:bold;} table.rahmen td.fett {font-weight:bold;} table.rahmen_m_abstand td{border:1px solid gray; padding:5px;} table.rahmen_m_abstand th {border:1px solid gray; font-weight:bold; padding:5px;} /* Tabellen ohne Rahmen */ th.links {text-align:left; vertical-align:middle;} table.abstand3 td{padding:3px;} table.abstand4 td{padding:4px;} table.abstand5 td{padding:5px;} .th_normal {font-weight:normal;} .th_oben{vertical-align:top;} /***************************************************************************/ /* Listen */ ul {margin-top:0;} ul.o_abstand {margin-top:-1em;} ol.o_abstand {margin-top:-1em;} dl.o_abstand {margin-top:-1em;} /* */ ul.inhalt_mehr_abstand li{margin-bottom:1em; line-height:1.4em;} ul.inhalt_mehr_abstand li ul{margin-top:0.5em;} ul.inhalt_mehr_abstand li li{margin-bottom:0;} ul.mehr_abstand li{margin-bottom:1em; line-height:1.4em;} ol.mehr_abstand li{margin-bottom:1em; line-height:1.4em;} dl.mehr_abstand dd{margin-bottom:1em; line-height:1.4em;} ul.normal li{margin-top:0.5em; margin-bottom:0.5em; line-height:1.3em;} ul.horiz {display:inline; margin-left:0;} ul.horiz li {list-style-type:none; display:inline; margin-right:2em;} ul.linksb {margin-left:1em;} ul.ohne {list-style-type:none;} dl.fett_einzeilig_5 dt {width:5em; font-weight:bold; margin-top:2em;} dl.fett_einzeilig_5 dd {margin-left:6em; margin-top:-1.3em;} dl.fett_einzeilig_10 dt {width:10em; font-weight:bold; margin-top:2em;} dl.fett_einzeilig_10 dd {margin-left:11em; margin-top:-1.3em;} /***************************************************************************/ /* diverse */ .top {height: 1.2em; width:auto;} .top {font-size:80%; text-align:left; padding:2px; background-color:#E0E0E0;; margin:1em -2px; } .top a{PADDING-left: 15px; BACKGROUND: url(/gifs/style/top.gif) no-repeat left bottom; } .top a:hover, .top a:active, .top a:focus { BACKGROUND: url(/gifs/style/top_invers.gif) no-repeat left center; background-color:#005E91; color:#FFF; } .abst_1 {margin-top:1em;} .abst_15 {margin-top:1.5em;} .abst_2 {margin-top:2em;} .abst_25 {margin-top:2.5em;} .abst_3 {margin-top:3em;} #nav_boxen {position:absolute; top:15em; right:0em; background-color:#FFF; width:15em; padding:1em;} .nav_box { border:1px solid #DDD; margin-bottom:2em; padding:0.5em; text-align:center;} .nav_box h4, #nav_box a{font-size:95%;} .nav_box ul.alle {font-size:90%;} .nav_box ul {margin-left:2em;} #aktuelles {width:auto;} #aktuelles td h2 {font-size:100%; font-weight:bold; color:#333; background-color:#EFEFEF; padding:0.3em; margin:0;} #aktuelles p{margin-top:0; margin-bottom:0; padding-top:0.2em;} #aktuelles img{ height:5em; width:5em; padding-right:1em; } #aktuelles .mehr {float:right; font-size:80%; color:red;} #aktuelles td{ padding:0.2em; padding-bottom:2em;} /***************************************************************************/ /* Hilfe Accesskeys */ dl.accesskeys {margin-left:2em;} .accesskeys dt {width:2em; font-weight:bold; margin-top:1em;} .accesskeys dd { margin-left:2em; margin-top:-1.3em;} /***************************************************************************/ /* Allgemeine Klassen */ .rot {color:#FF0000;} .hilfe {cursor:help;} .clear_float {clear:both; height:0;} abbr.ohne {border-bottom:none;} .punkte {border-bottom:1px dotted #000;} address {margin-bottom:1em; font-style:normal} .ns {position:absolute; left:-1998px; width:1px; height:1px; overflow:hidden;} .us {display:none;} .kleiner {font-size:80%;} .w100 {width:100%;} .w90 {width:90%;} .w80{width:80%;} .w50{width:50%;} .kasten {border:1px solid #000;} .kasten_w100 {border:1px solid #000; width:100%;} .taste {border:1px solid #000; padding:1px 4px; background-color:#FFFFCC} /* Hides from IE-mac \*/ * html .clearfix {height: 0.1%;} /* End hide from IE-mac */ .zitat_rechts {float:right; margin-right:0.5em; text-align:right;} /* Bilder */ .bild_links {float:left; margin-right:1.5em; margin-bottom:1.5em; } .bild_rechts {float:right; margin-left:1.5em; margin-right:1em; margin-bottom:1.5em;} .bild_untertitel {margin-top:-0.2em; font-size:85%; text-align:center;} /*font-style:italic;*/ .bild_100 {width:100%} .text_neben_bild {float:left; margin-bottom:1em; min-width:100%;} .text_unter_bild {float:left; margin-bottom:1em; margin-right:1em; text-align:center;} .text_unter_bild_rechts {float:right; margin-bottom:1em; margin-left:1em; text-align:center;} .unsichtbar {display:none;} .nicht_sichtbar {position:absolute; left:-1998px; width:1px; height:1px; overflow:hidden;} .ohne_v_abstand {margin-bottom:-1em;} .p_ohne {margin-top:0; margin-bottom:0;} .text_links {float:left; margin-right:2em; } .text_rechts {float:right; margin-left:2em;} .klein80 {font-size:80%;} .einrueck2 {margin-left:2em;} .einrueck_minus2 {margin-left:-2em;} .fett {font-weight:bold;} .llit {font-size:80%;} .tiefer {font-size:60%; vertical-align:sub; line-height:1em;} .hoeher {font-size:60%; vertical-align:super;} .rahmen .vmitte, .vmitte {vertical-align:middle;} .rahmen .hmitte, .hmitte{text-align:center; margin-left:auto; margin-right:auto;} .rahmen .mitte, .mitte {vertical-align:middle; text-align:center; margin-left:auto; margin-right:auto;} .rahmen .cb, .cb { font-weight:bold; vertical-align:middle; text-align:center;} .oli {vertical-align:top; text-align:left;}