/* CSS Document Standard-Layout INTERNET + INTRANET */ html{ background-color:#D0D0D082; } html, body {margin:0; padding:0; font-size:100.01%; font-family:Arial, Helvetica, sans-serif;}/*Verdana, */ img {border:none;} body { position:relative; max-width: 980px; min-width:500px; margin: 0 auto; background-color:#ffffff; } /************************************ Anfang LAYOUT *********************************************/ /* Seitenanfang/-ende */ #seitenanfang li a { position:absolute; top:0px; left:-1000px; width:900px;} #seitenanfang li a:hover, #seitenanfang li a:active, #seitenanfang li a:focus {z-index:99; left:0px; width:20em; position:absolute; top:0px; background:#00A600; color:#fff;} #seitenende li a { position:absolute; bottom:40px; left:-1000px; width:900px;} #seitenende li a:hover, #seitenende li a:active, #seitenende li a:focus {z-index:99; left:0px; width:20em; position:absolute; bottom:40px; background:#00A600; color:#fff;} /* Druckansicht */ #seitenanfang_druckansicht {display:none;} #seitenende_druckansicht {display:none;} /* Seitenkopf */ #lanuv_nrw{padding:0.2em 0;} #head { width:auto; min-height:2.7em; background-color:#AAA; border-top:1px solid #666; border-bottom:1px solid #666; position:relative;} #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 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;} /* Farbfeld links von Gesamt-Navi */ #farbe_links {width:12.5em; float:left; height:1.5em;}/* overflow:hidden;*/ body.natur #farbe_links{background-color:#2D822D;}/*grün #00A600 */ body.umwelt #farbe_links{background-color:#006699;} /* blau */ body.verbr #farbe_links{background-color: #FAEC51;} /* gelb FAF451;}*/ 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 ul{display:inline; list-style-type:none; margin-left:0; padding-left:0em;} #nav_ebene1 li {padding:0.3em; display:inline;} #nav_ebene1 a{font-size:70%; } #nav_ebene1 a:link, #nav_ebene1 a:visited {color:#444;} #nav_ebene1 a:focus, #nav_ebene1 a:hover, #nav_ebene1 a:active {color:#FFF; background-color:#666;} #nav_ebene1 a.aktiv {background-color:#666; color:#FFF;} #nav_ebene1 a.aktiv:visited {color:#FFF;} #suche_oben {float:right; width:9em; margin-right:1em; text-align:right; padding-top:0.1em; } #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: #DCEBB9; border-top:1px solid #D0D0D0; border-bottom:1px solid #D0D0D0; min-height:1.4em; } #nav_ebene2 { margin-left:13.2em; }/* height:1.5em;*/ #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:#666; } #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; } /* Inhalt */ #main{clear:both; width:auto; background-color:#FFF;} /*#grau {background-color:#EEE; }*/ #weiss { margin-left:12.5em; background-color:#FFF; padding-right:1em;} #nav_links {margin-left:-12.5em; width:12.5em;float:left; } #nav_links ul.alle {font-size:70%;} #nav_links ul.navi {margin-top:0; padding-top:0.5rem; padding-bottom:0.5em; list-style:url(/gifs/style/blockblau.gif) outside; border:1px solid #bbb;} #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;} #nav_links a.aktiv {background-color:#666; color:#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/blockgelb.gif) outside;} body.landw #nav_links ul.navi {list-style:url(/gifs/style/blockrot.gif) outside;} #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 {font-size:80%; padding-left:1em; } #textanfang {display:inline;} #leitbild {float:left; margin-right:1.5em; margin-bottom:1em; margin-top:0.5em; } #leitbild img{border:none; width:12em;} #fuss {position:relative; width:auto;clear:both; margin-left:-12.5em; margin-top:1em;} #fuss_links {width:12.5em; float:left;text-align:center; } #fuss_links a {font-weight:normal; font-size:70%;} #symbole {width:12.5em; padding-bottom:1em; text-align:center;}/*height:3.5em;*/ #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:250%; color:#808080; font-weight:normal;} h2 {font-size:160%; color:#808080; font-weight:normal;} h3 {font-size:100%; margin-top:2em; } h4 {font-size:100%; font-weight:normal;} h5 {font-size:100%; color:#000000;} h6 {font-size:100%; display:inline; padding-right:3px;} /* für Tastatur-Navigation */ h4.spalte { color:#000000; background-color:#D0D0D0; text-align:left; line-height:2em; font-weight:bold; margin:0px; padding-left: 0.5em; font-size:70%;} /* Text, der nur beim Ausdruck/Druckvorschau sichtbar sein soll (z.B. email-Adresse) */ .adr_klartext {display:none;} /* Allgemeine Klassen */ .ns {position:absolute; left:-1998px; width:1px; height:1px; overflow:hidden;} .us {display:none;} .kleiner {font-size:80%;} .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;} .nicht_sichtbar {position:absolute; left:-1998px; width:1px; height:1px; overflow:hidden;} /* 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; } 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; font-weight:normal;} 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; font-weight:normal; 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;} /* Listen */ 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.horiz {display:inline; margin-left:0;} ul.horiz li {list-style-type:none; display:inline; margin-right:2em;} 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:#EEEEEE; 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; } #nav_boxen {float:right; width:12em; margin:1em;} #nav_box { border:1px solid #DDD; margin-bottom:2em; padding:1em;} #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;} #styleswitch {display:none;} /*{position:absolute; bottom:1em; right:1em;}*/ .hilfe {cursor:help;} .clear_float {clear:both; height:0;} /* 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;} abbr.ohne {border-bottom:none;} address {margin-bottom:1em; font-style:normal} /* Allgemeine Klassen */ .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;} .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%} .unsichtbar {display:none;} .nicht_sichtbar {position:absolute; left:-1998px; width:1px; height:1px; overflow:hidden;} .ohne_v_abstand {margin-bottom:-1em;} .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;} .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;} /************************ ** NRW-Karte ************************/ img.nrw-karte{ width:600px; max-width:100%; } table.nrw-karte img{ height:60px; } table.nrw-karte{ border-collapse:collapse; } table.nrw-karte th{ background-color:#EEE; text-align:center; } table.nrw-karte th, table.nrw-karte td{ padding:.25rem .5rem; border:1px solid #999; vertical-align:middle; /*max-width:200px;*/ }