/* Ministerium Bauen und Verkehr des Landes Nordrhein-Westfalen Internet Screen Styles */

html, body { font-size: 100%; }
body { margin: 0px; background-color: #FFFFFF; background-image: url(../images/bg_body.gif); background-repeat: repeat-y; background-position: 970px 0px; }

/* keine img borders, clear floats */
img { border: none; }
img.left { float: left; margin-right: 10px; margin-bottom: 5px; }
img.right { float: right; margin-left: 10px; margin-bottom: 5px; }

*.clear { clear: both; line-height: 0%; font-size: 0%; height: 0px; }
*.clearPrint { display: none; }

/* FONT ATTRIBUTE */
html, body, body * { font-family: Arial, Helvetica, sans-serif; color: #4b4b4b; }

/* Headlines */
h1, h2, h3, h4, h5, p, ol, ul, table, fieldset { font-family: Arial, Helvetica, sans-serif; }
h1 { display: block; margin-top: 0px; margin-bottom: 0.5em; font-size: 130%; line-height: 130%; color: #023065; font-weight: bold; }
h2 { display: block; margin-top: 0.5em; margin-bottom: 0.3em; font-size: 100%; font-weight: bold; }
h3 { font-size: 100%; margin-top: 0px; margin-bottom: 0px; }
h4 { font-size: 100%; }
h5 { font-size: 100%; }
h6 { font-size: 100%; }
div#content.subhome h1 {font-size: 150%;}

/* GRUNDAUFBAU */
div#Page { margin: 11px 11px 0px 11px; border-bottom: 11px solid #fff; background-image: url(../images/bg_subnav.gif); background-repeat: repeat-y; width: 947px; text-align: left; }
div#contentContainer { clear: both; }
/* GRUNDAUFBAU Ende */

/*---------------------- SEITENELEMENTE -----------------------*/

/* HEADER */
div#headerContainer	{ height: 112px; border-bottom: 11px solid #fff; background-color: #edf0f4; background-image: url(../images/bg_head.jpg); background-repeat: no-repeat; }
img#logo { float: right; margin-top: 57px; margin-right: 10px; }
img#logoPrint { display: none; }

/* SITETOOLS */
ul#sitetools { list-style: none; margin: 77px 0px 0px 10px !important; float: left; font-size: 70%; }
ul#sitetools li { margin: 0px; float: left; padding: 3px 0px; background-image: url(../images/sitetools_sepline.gif); background-repeat: no-repeat; background-position: right center; }
ul#sitetools li.fontsize { padding: 0px 0px; background-image: none; }
ul#sitetools li.home { padding: 3px 15px 3px 30px; background-image: none; }
ul#sitetools li.last { background-image: none; }

ul#sitetools a,
ul#sitetools a:link,
ul#sitetools a:active,
ul#sitetools a:visited { text-decoration: none; padding: 3px 10px; margin-right: 1px; color: #646464; }
ul#sitetools a:hover,
ul#sitetools a:visited:hover { text-decoration: none; color: #000; }
ul#sitetools li.fontsize a { padding: 0px 3px 0px 0px !important; }

ul#sitetools a#aktiv,
ul#sitetools a#aktiv:link,
ul#sitetools a#aktiv:active,
ul#sitetools a#aktiv:visited { color: #023065; }
ul#sitetools a#aktiv:hover,
ul#sitetools a#aktiv:visited:hover { color: #000; }
/* SITETOOLS Ende */
/* HEADER Ende */

/* CONTENT */
div#leftColumn { float: left; width: 150px; margin-right: 10px; font-size: 70%; line-height: 120%; }
div#rightColumn { float: right; width: 170px; font-size: 70%; line-height: 140%; background-color: #e1e1e1; padding-top: 10px; }
div#content { float: left; padding-bottom: 24px; font-size: 82%; line-height: 140%; }
div#textblock { float: left; }

/* Besonderheiten Subhomepages */
div#content.subhome { width: 606px; margin-right: 10px; }
div#content.subhome div#textblock { width: 606px; }
div#content.subhome div#keyvisual { float: left; width: 400px; margin-right: 10px; }
div#content.subhome div#keyvisual img { margin-bottom: 1em; }
div#content.subhome div#breadcrumb { margin-bottom: 25px; }
.keyvisualWeg {  display:none;  }

/* Besonderheiten Standard Folgeseite */
div#content.standard { width: 787px; }
div#content.standard div#textblock { width: 397px; margin-right: 10px; }
div#content.standard div#keyvisual { float: right; width: 377px; position:relative;}
div#content.standard div#keyvisual img { margin-bottom: 1em; }
div#content.standard div#breadcrumb { margin-bottom: 25px; }
div#content.standard div#rightColumn { display: none; }

/* Besonderheiten breite Folgeseite */
div#content.breit { width: 787px; }
div#content.breit div#textblock { width: 787px; }
div#content.breit div#breadcrumb { margin-bottom: 25px; }

div#content.breit div#keyvisual { display: none; }
div#content.breit div#rightColumn { display: none; }
/* CONTENT Ende */

/*---------------------- SPECIAL PAGE ELEMENTS -----------------------*/

/* ELEMENTS LEFT COLUMN */

/* SUBNAVIGATION */
div#subnav { width: 125px; color: #000; line-height: 120%; margin: 17px 25px 30px 0px; border-bottom: 1px solid #b2b1b2; }
div#subnav ul { list-style: none; margin: 0px; padding: 0px; text-align: right; }
div#subnav li { margin: 0px; padding: 0px; line-height: 120%; }

/* alle Links */
div#subnav a,
div#subnav a:link,
div#subnav a:active,
div#subnav a:visited { text-decoration: none; display: block; padding-left: 5px; padding-right: 12px; line-height: 120%; }
div#subnav a:hover, 
div#subnav a:visited:hover { text-decoration: none !important; color: #fff; background-color: #023065 !important; }

/* Zustand aufgeklappt */
div#subnav a.offen,
div#subnav a.offen:link,
div#subnav a.offen:active,
div#subnav a.offen:visited { background-image: url(../images/subnav_icon_auf.gif) !important; background-repeat: no-repeat !important; background-position: right center !important; color: #023065 !important; }
div#subnav a.offen:hover,
div#subnav a.offen:visited:hover { background-image: url(../images/subnav_icon_auf_hover.gif) !important; background-repeat: no-repeat !important; background-position: right center !important; color: #fff !important; }

/* Zustand aktiv */
div#subnav a#aktiv,
div#subnav a#aktiv:link,
div#subnav a#aktiv:active,
div#subnav a#aktiv:visited { background-image: url(../images/subnav_icon_aktiv.gif) !important; background-repeat: no-repeat; background-position: right center; color: #023065 !important; }
div#subnav a#aktiv:hover,
div#subnav a#aktiv:visited:hover { background-image: url(../images/subnav_icon_aktiv_hover.gif) !important; background-repeat: no-repeat; background-position: right center; color: #fff !important; }

/* Besonderheiten Ebene 1-3 */
div#subnav ul#level1 li { border-top: 1px solid #b1b2b1; }
div#subnav ul#level1 a,
div#subnav ul#level1 a:link,
div#subnav ul#level1 a:active,
div#subnav ul#level1 a:visited { background-image: url(../images/subnav_icon_zu.gif); background-repeat: no-repeat; background-position: right center; color: #023065; font-weight: bold; font-size: 120%; padding-top: 5px; padding-bottom: 5px; }
div#subnav ul#level1 a:hover,

div#subnav ul#level1 a:visited:hover { background-image: url(../images/subnav_icon_zu_hover.gif); color: #fff; }

div#subnav ul#level2 { margin-bottom: 6px; }
div#subnav ul#level2 li { border: none; }
div#subnav ul#level2 a,
div#subnav ul#level2 a:link,
div#subnav ul#level2 a:active,
div#subnav ul#level2 a:visited { background-image: none; border: none; color: #646464; font-weight: normal; font-size: 120%; padding-top: 3px; padding-bottom: 3px; }
div#subnav ul#level2 a:hover,
div#subnav ul#level2 a:visited:hover { color: #fff; }

div#subnav ul#level3 a,
div#subnav ul#level3 a:link,
div#subnav ul#level3 a:active,
div#subnav ul#level3 a:visited,
div#subnav ul#level3 a:hover,
div#subnav ul#level3 a:visited:hover { font-size: 100%; }
/* SUBNAVIGATION Ende */

/* Suche */
div#quickSearch { float: left; margin-top: 5px; margin-bottom: 100px; background-color: transparent; width: 125px; }
div#quickSearch label { display: none; }
div#quickSearch form { margin: 0px; font-size: 100%; }
div#quickSearch input.searchField { float: left; width: 90px; margin-left: 10px; border: 1px solid #3b5f88; font-size: 85%; padding: 0px; }
div#quickSearch input.searchButton { float: right; }

/* ELEMENTS LEFT COLUMN Ende */
/*..........................................................................................*/
/* ELEMENTS CONTENT COLUMN */

/* Text-Links in fett mit Pfeil */
div#contentContainer a,
div#contentContainer a:link,
div#contentContainer a:active,
div#contentContainer a:visited { color: #023065; text-decoration: none; background: url(../images/list_icon.gif) no-repeat 0px 0.4em; padding-left: 9px; font-weight: bold; }
div#contentContainer a:hover,
div#contentContainer a:visited:hover { text-decoration: underline; }

/* BREADCRUMB */
div#breadcrumb { line-height: 110%; font-size: 80%; color: #707070; }
div#breadcrumb span { color: #000; float: left; margin-right: 5px; }
div#breadcrumb a,
div#breadcrumb a:link,
div#breadcrumb a:active,
div#breadcrumb a:visited { text-decoration: none; font-weight: normal !important; background: none !important; padding: 0px !important; }
div#breadcrumb a:hover,
div#breadcrumb a:visited:hover { text-decoration: underline; }
/* BREADCRUMB Ende */

/* CONTENT BOXES */
div.infobox { border: 1px solid #023065; padding: 17px 20px; }
div.infobox h2 { margin-top: 0px; }
/* CONTENT BOXES Ende */


/* ELEMENTS CONTENT COLUMN Ende */

/*---------------------- GENERAL PAGE ELEMENTS -----------------------*/
p			{ margin-top: 0px; margin-bottom: 0.3em; }

div.linkliste a { display: block; margin-bottom: 0.4em; }
div#textblock a.mehr { display: block; }
div.box a.mehr,
div#tabBoxInhalt a.mehr { display: inline; margin-left: 20px; }
div#textblock ul li a,
div#textblock ul li a:link,
div#textblock ul li a:active,
div#textblock ul li a:visited,
div#textblock ul li a:hover,
div#textblock ul li a:visited:hover { display: block; margin-bottom: 0.4em; background: none; padding-left: 0px;}

/* link with PDF icon */
a.PDF,
a.PDF:link,
a.PDF:visited,
a.PDF:active { text-decoration: none; display: block; font-weight: bold; background-image: url(../images/pdf_icon.gif) !important; background-repeat: no-repeat; background-position: 0px 0.1em !important; padding-left: 15px !important; margin-top: 3px; margin-bottom: 3px; line-height: 120%;}
a.PDF:hover,
a.PDF:visited:hover { text-decoration: underline; }

/* Lists */
ol,
ul { margin-bottom: 0.3em; padding: 0px; margin-top: 0px; }
ol { margin-left: 5px; }
div#textblock ul,
div#rightColumn ul { list-style: none; margin: 0; }
div#textblock ul li,
div#rightColumn ul li { background: url(../images/list_icon.gif) no-repeat 0px 0.4em; padding-left: 9px; margin: 3px 0px; }
div#textblock ul li,
div#rightColumn ul li { margin-left: 10px; }
div#textblock li ul li,
div#rightColumn li ul li { background-image: url(); background-repeat: no-repeat; background-position: 0px 7px; }

div#textblock ol li,
div#rightColumn ol li { margin-left: 24px; }


/* TABLES */
table { border-collapse: collapse; font-size: 100%; } /* font-size: 100% wegen ie5 */
th, td { padding: 0 5px 5px 0; vertical-align: top; text-align: left; border-bottom: 1px solid #fff; }
th { padding: 3px 12px; background: #ded9cf; font-weight: bold; }
td { padding: 8px 12px; }
td.left { text-align: left; }
td.right { text-align: right; }
table table { margin: 0px; }

form table th, form table td { padding: 0 5px 5px 0; vertical-align: top; text-align: left; border-bottom: 1px solid #fff; }

/* tables with lines */
table.lines { font-size: 100%; }
table.lines td { border: 1px solid #fff; background: #edece8; }
table.lines th { border: 1px solid #fff; background: #ded9cf; }

/* TABLES Ende */

/* SPECIAL PAGES */
/* Presse */
div.news { clear: both; margin-bottom: 1.3em; }
div.datum { font-weight: bold; display: block; }
div.shortnews { }

/* Kontakte */
span.kontaktzeile { display: block; }
div.person { border-top: 1px solid #b5b5b5; padding-top: 12px; padding-bottom: 15px; position: relative; }
div.person div.bild { width: 145px; margin-right: 15px; float: left; padding-top: 3px; }
div.person div.bild img { width: 145px; }

div.person div.kontaktdaten { position: absolute; left: 160px; bottom: 12px; }

/* Sitemap */

div.sitemap { float: left; margin-right: 10px; width: 195px; }
div.sitemap ul { list-style: none; margin: 0px; padding: 0px; }
div.sitemap li { margin: 0px; padding: 0px; line-height: 120%; }
div.sitemap ul li div { padding: 2px 0px 2px 9px; font-weight: bold; }

div.sitemap ul.level1 { font-size: 130%; }
div.sitemap ul.level2 { font-size: 75%; margin-left: 10px; margin-bottom: 1em; }
div.sitemap ul.level3 { font-size: 100%; margin-left: 10px; }

div.sitemap a,
div.sitemap a:link,
div.sitemap a:active,
div.sitemap a:visited,
div.sitemap a:hover, 
div.sitemap a:visited:hover { display: block; padding-top: 2px; padding-bottom: 2px; }

/* Suche */
/* Suchergebnisseite */
div.suchformular { margin-bottom: 20px; display: block; }
div.suchformular a,
div.suchformular a:link,
div.suchformular a:active,
div.suchformular a:visited,
div.suchformular a:hover, 
div.suchformular a:visited:hover { background: none !important; padding: 0px !important; }

ol#trefferliste { margin-top: 1.5em; margin-bottom: 1.5em; }
ol#trefferliste li { margin-top: 1.5em; margin-bottom: 1.5em; }
ol#trefferliste li strong { display: block; }

/*forms + fieldsets */
div#content form { font-size: 100%; display: block; margin-bottom: 1em; width: 100%; clear: both; }
div#content input.text,
div#content textarea { margin-bottom: 0.5em; font-size: 100%; border-width: 1px; border-style: solid; border-color: #b5b5b5; }
div#content input.text { width: 250px; padding-top: 2px; padding-bottom: 2px; float: left; }
div#content textarea { display: block; width: 100%; height: 100px; }
div#content input.radio,
div#content input.checkbox { margin: 0; float: left; margin-right: 5px; }
div#content select { margin-bottom: 0.5em; font-size: 100%; }
div#content label { float: left; font-size: 100%; line-height: 120%; padding-top: 2px; padding-bottom: 3px; margin-right: 5px; font-weight: normal; }
div#content div.formrow { clear: both; }

label.width_30,
div.width_30 label { width: 30px; }
label.width_70,
div.width_70 label { width: 70px; }
label.width_95,
div.width_95 label { width: 95px; }
label.width_120,
div.width_120 label { width: 120px; }
label.width_175,
div.width_175 label { width: 175px; }

div#content span.Kommentar { display: block; font-size: 100%; line-height: 120%; padding-top: 3px; padding-bottom: 3px; }
div#content fieldset { background: url() repeat-y left; border: 0px; border-bottom: 1px solid #a8cce8; padding: 10px 15px 0px 11px; margin: 0px 0px 25px 0px; }
div#content form input.Button { margin: 0px; font-size: 100%; }
div#content form div.Buttons { clear: both; text-align: right; display: block; padding-top: 1em; font-size: 100%; }

div#content span.Fehler { color: #cc0000; margin-bottom: 0.5em; display: block; font-size: 100%; line-height: 120%; padding-top: 3px; padding-bottom: 3px; }
div#content label.Fehler { color: #cc0000; }
div#content input.Fehler,
div#content textarea.Fehler { border-color: #cc0000; background-color: #fccbc8; }

/* Suchformular */
input#Suche { width: 400px !important; float: left; }
div.SucheTextfeld input.Button { float: left; }
div.suchformular select { float: left; margin-right: 15px; }


/* Newsletterformular */
#newsletterform label {
 display: inline-block; 
 vertical-align: top; 
 width: 100px;
}
#newsletterform input.text {
 margin-bottom: 0.2em !important;
 width: 210px !important;
}

/*..........................................................................................*/
/* ELEMENTS RIGHT COLUMN */

/* RIGHT MARGINAL BOX */
div.box a,
div.box a:link,
div.box a:active,
div.box a:visited { color: #023065; text-decoration: none; background: url(../images/list_icon.gif) no-repeat 0px 0.4em; padding-left: 9px; font-weight: bold; }
div.box a:hover,
div.box a:visited:hover { text-decoration: underline; }

div.box { background-color: #fff; margin: 0px 10px 10px 10px; padding: 7px 10px 12px 10px; clear: both; }
div.box h1 { font-size: 100%; line-height: 120%; margin: 0px 0px 3px 0px; display: block; }
/* div.box h1 a { background-image: none !important; padding: 0px !important; }
div.box h1 a:hover,
div.box h1 a:visited:hover { text-decoration: underline; } */
div.box span { display: block; }
div.box img { width: 130px; margin-bottom: 0.5em; }

/* ELEMENTS RIGHT COLUMN Ende */

/* Footer */
div#anchortop { /*position: absolute; bottom: 20px; left: 11px; */ width: 160px; margin-top: -33px; }
div#anchortop a { float: right; color: #023065; font-size: 70%; font-weight: bold; text-decoration: none; margin-right: 25px; padding: 1px 12px 5px 10px; background: url(../images/subnav_icon_zu.gif) no-repeat right 5px; }
div#anchortop a:hover { text-decoration: underline; }
/* Footer Ende */


/*Tabs*/
div#tabBox { clear: both; padding-top: 1.5em; margin-bottom: 1.5em;}

ul.tabLeiste { margin: 0px; padding: 0px; list-style: none; padding: 0px; /*float: left;*/ clear: both; }
ul.tabLeiste li { margin: 0px 1px 0px 0px !important; padding: 0px !important; white-space: nowrap; float: left; }

ul.tabLeiste li a,
ul.tabLeiste li a:link,
ul.tabLeiste li a:active,
ul.tabLeiste li a:visited { color: #000 !important; text-decoration: none; white-space: nowrap; display: block; margin: 0px !important;}
ul.tabLeiste li a:hover,
ul.tabLeiste li a:visited:hover { text-decoration: underline; }

ul.tabLeiste li.aktiv a,
ul.tabLeiste li.aktiv a:link,
ul.tabLeiste li.aktiv a:active,
ul.tabLeiste li.aktiv a:visited,
ul.tabLeiste li.aktiv a:hover,
ul.tabLeiste li.aktiv a:visited:hover { color: #fff !important; }

/* high Tab */
ul.big li { background: url(../images/bg_bigtab_li.gif) no-repeat left top !important; font-size: 100%; font-weight: bold; }
ul.big li a, 
ul.big li a:link, 
ul.big li a:visited,
ul.big li a:hover, 
ul.big li a:visited:hover { padding: 4px 10px 4px 10px !important; background: url(../images/bg_bigtab_re.gif) no-repeat right top !important;}

/* aktiver big Tab */

ul.big li.aktiv { background: url(../images/bg_bigtab_li_aktiv.gif) no-repeat left top !important; }
ul.big li.aktiv a,
ul.big li.aktiv a:link,
ul.big li.aktiv a:visited,
ul.big li.aktiv a:hover,

ul.big li.aktiv a:visited:hover { background: url(../images/bg_bigtab_re_aktiv.gif) no-repeat right top !important; }

/* low Tab */
ul.small { margin: 0px; padding:0px; }
ul.small li { background: url(../images/bg_smalltab_li.gif) no-repeat left top !important; font-size: 75%; padding: 0px;}
ul.small li a, 
ul.small li a:link, 
ul.small li a:visited,
ul.small li a:hover, 
ul.small li a:visited:hover { padding: 2px 5px 2px 5px !important; font-weight: normal !important; background: url(../images/bg_smalltab_re.gif) no-repeat right top !important; }

/* aktiver small Tab */

ul.small li.aktiv { background: url(../images/bg_smalltab_li_aktiv.gif) no-repeat left top !important; }
ul.small li.aktiv a,
ul.small li.aktiv a:link,
ul.small li.aktiv a:visited,
ul.small li.aktiv a:hover,

ul.small li.aktiv a:visited:hover { background: url(../images/bg_smalltab_re_aktiv.gif) no-repeat right top !important; }

div#tabBoxBorder { clear: both; border: 1px solid #b1b2b1; padding: 0px 10px 12px 10px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px;}
div#tabBoxBorder ul.tabLeiste { padding-top: 10px; min-height: 1.7em; }
div#tabBoxBorder ul.tabLeiste li { border-bottom: 1px solid #b1b2b1}
div#tabBoxInhalt { padding-top: 10px;  font-size:80%; line-height:140%; clear: both;}
div.tabBoxGrafik { float: left; }
div.tabBoxGrafik img { margin-right: 10px; } 

div#tabBoxInhalt h1 { font-size: 130%; margin-top: 0; margin-bottom: 0.2em; padding-top: 1em; }

div.galleryLayer {position:absolute;background-color:#ffffff;top:0px;left:0px;width:100%;height:30px;filter:alpha(opacity=60); -moz-opacity: 0.60; opacity: 0.60;}
div.galleryLayer a,
div.galleryLayer a:link,
div.galleryLayer a:visited,
div.galleryLayer a:hover,
div.galleryLayer a:hover:visited {background-image:none !important;padding:0px !important}

a.galleryPrev {position:absolute;margin:3px;left:0px;}
a.galleryNext {position:absolute;margin:3px;right:0px;}
span.galleryCenter {position:absolute;margin:3px;left:175px;}

#anmeldung_formular {
 width: 40em;
}

#anmeldung label {
 width: 11em;
 float: left;
}

#anmeldung label.forum_checkbox {
 width: 38em;
}
#anmeldung input#forum1, #anmeldung input#forum2, #anmeldung input#forum3 {
 float: left;
}
#anmeldung input#forum1, #anmeldung input#forum2, #anmeldung input#forum3 , #anmeldung input#teilnahme{
 clear: both;
}
#anmeldung div {
 line-height: 18pt !important;
}
			
span.error {
 color: red;
}

#anmeldung input.aknw {
 width: 3.5em;
}

#anmeldung input.anmeldung {
 width: 15em;
}

#tagline {
                      position: absolute;
	padding-left: 123px;
                     padding-top: 20px;
                     font-weight: bold;
}