/* CSS-Design, 18.01.06:	pietzpluswild.de fuer den Städtetag NRW */


/* Grundelemente */

body {
   color: #000;
	text-align: center;
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	}

.Grundrahmen_drucken  {
	width:38em;
	margin-right:auto;
	margin-left:auto;
	margin-top:12px;
	padding:0px;
	text-align:left;
	position: relative;
}

.Farbrahmen_drucken  {
   color: #000;
	width:38em;
	line-height: 100%;
	padding: 1px;
	background-color: #fff;
}

img {border: 0;}

hr {display:none; 
}

a {color: #14152A; text-decoration: none; background-color: #fff;}

ul, ol, li {
	list-style: none;
	margin: 0em;
	border: 0em;
	padding: 0px;
}

.versteckt {display: none;}

.neuer_abschnitt {clear: both;}
.neuer_abschnitt_2 {
clear: both;
padding: 2em 0em 0em 0em;
}


.bild_top { margin: 0; }

h2 {
font-size: 0.95em;
color: #008E3A;
font-weight: bold;
line-height: 1.3em;
background-color: #fff;
}

h3 {
font-size: 0.8em;
color: #008E3A;
font-weight: bold;
background-color: #fff;
}

h4 {
font-size: 0.7em;
color: #DB7211;
font-weight: bold;
background-color: #fff;
}

h5 {
font-size: 0.75em;
color: #DB7211;
font-weight: bold;
background-color: #fff;
}

h6 {
font-size: 1em;
color: #DB7211;
font-weight: bold;
background-color: #fff;
}



	
/* Kopf */

.kopfrahmen {
float:left;
background-image: url(images/kopf.gif);
width: 58em;
}

#nav_oben {
   float: left;
}

#nav_oben ul { 
   float: left;
	width:57.4em;
	padding: 0em 0em 0em 0.3em;
}

#nav_oben li { 
   float: left;
	color: #545454;
	padding: 0px 2px 3px 6px;
	background-color: transparent;
}

#nav_oben li a {color: #545454; font-size: 0.65em; text-decoration: none; font-weight: normal; background-color: transparent;}
#nav_oben li a:link {color: #545454; background-color: transparent;}
#nav_oben li a:visited {color: #545454; background-color: transparent;}
#nav_oben li a:hover {color: #000; background-color: transparent; text-decoration: underline;}
#nav_oben li a:active {color: #545454; background-color: transparent;}
#nav_oben li a:focus {color: #000; background-color: transparent; text-decoration: underline;}

.blau_leer {padding: 1px; float:left; width:38.6em;}

.logobox {
float:left;
padding: 0.15em 0em 0em 0.3em;
}

.bannerbox {
float:left;
padding: 0.9em 2em 0em 7em;
}

.banner:link, .banner:visited, .banner:active {
	color: #008000;
	font-size: 0.7em;
	background: url(images/banner_link.gif) no-repeat top left;
   padding: 0.2em 0.75em 0.2em 1em;
	font-weight: normal;
	line-height: 1.6em;
	background-color: transparent;
}

.banner:focus, .banner:hover {
	color: #4D536A;
	text-decoration: underline;
	background-color: transparent;
}




/* Navigation */

.erste {
	line-height: 1.3em;
	background: url(images/nav_1.gif) no-repeat bottom left;
	font-size: 0.7em;
	padding: 0.4em 0.75em 0.4em 1em;
}


.erste a {color: #545859; text-decoration: none; font-weight:bold; 	background-color: #fff;}
.erste a:link {color: #545859; 	background-color: #fff;}
.erste a:visited {color: #545859; 	background-color: #fff;}
.erste a:hover {color: #E66D00; 	background-color: #fff;}
.erste a:active {color: #545859; 	background-color: #fff;}
.erste a:focus {color: #E66D00; 	background-color: #fff;}



.erste_aktiv {
	line-height: 1.3em;
	background: url(images/nav_1_aktiv.gif) no-repeat bottom left;
	font-size: 0.7em;
	padding: 0.4em 0.75em 0.4em 2.2em;
}

.erste_aktiv a {color: #545859; text-decoration: none; font-weight:bold; background-color: #FFEAC1;}
.erste_aktiv a:link {color: #545859; background-color: #FFEAC1;}
.erste_aktiv a:visited {color: #545859; background-color: #FFEAC1;}
.erste_aktiv a:hover {color: #E66D00; background-color: #FFEAC1;}
.erste_aktiv a:active {color: #545859; background-color: #FFEAC1;}
.erste_aktiv a:focus {color: #E66D00; background-color: #FFEAC1;}


.zweite {
   line-height: 1.5em;
	background: url(images/nav_2_aktiv.gif) no-repeat bottom left;
	font-size: 0.7em;
   padding: 0.2em 0.75em 0.2em 2.2em;
}

.zweite a {color: #575D71; text-decoration: none; font-weight: normal; background-color: #fff;}
.zweite a:link {color: #575D71; background-color: #fff;}
.zweite a:visited {color: #575D71; background-color: #fff;}
.zweite a:hover {color: #CD552B; background-color: #fff;}
.zweite a:active {color: #575D71; background-color: #fff;}
.zweite a:focus {color: #CD552B; background-color: #fff;}

.zweite_aktiv {
   line-height: 1.5em;
	background: url(images/nav_2_aktiv.gif) no-repeat bottom left;
	font-size: 0.7em;
   padding: 0.2em 0.75em 0.2em 2.2em;
}

.zweite_aktiv a {color: #E87B19; text-decoration: none; font-weight: bold; background-color: #fff;}
.zweite_aktiv a:link {color: #E87B19; background-color: #fff;}
.zweite_aktiv a:visited {color: #E87B19; background-color: #fff;}
.zweite_aktiv a:hover {color: #CD552B; background-color: #fff;}
.zweite_aktiv a:active {color: #E87B19; background-color: #fff;}
.zweite_aktiv a:focus {color: #CD552B; background-color: #fff;}

.dritte {
   line-height: 1.5em;
	background: url(images/nav_3.gif) no-repeat top left;
	font-size: 0.6em;
	padding: 0.2em 0.75em 0.2em 3.6em;
}

.dritte a {color: #575D71; text-decoration: none; font-weight: normal; background-color: #fff;}
.dritte a:link {color: #575D71; background-color: #fff;}
.dritte a:visited {color: #575D71; background-color: #fff;}
.dritte a:hover {color: #CD552B; background-color: #fff;}
.dritte a:active {color: #575D71; background-color: #fff;}
.dritte a:focus {color: #CD552B; background-color: #fff;}

.dritte_aktiv {
   line-height: 1.5em;
	background: url(images/nav_3_aktiv.gif) no-repeat top left;
	font-size: 0.6em;
   padding: 0.2em 0.75em 0.2em 3.6em;
}

.dritte_aktiv a {color: #EA8830; text-decoration: none; font-weight:bold; background-color: #fff;}
.dritte_aktiv a:link {color: #EA8830; background-color: #fff;}
.dritte_aktiv a:visited {color: #EA8830; background-color: #fff;}
.dritte_aktiv a:hover {color: #CD552B; background-color: #fff;}
.dritte_aktiv a:active {color: #EA8830; background-color: #fff;}
.dritte_aktiv a:focus {color: #CD552B; background-color: #fff;}


.links:link, .links:visited, .links:active {
	color: #586162;
	font-size: 1em;
	background: url(images/pfeil_content_3.gif) no-repeat top left;
   padding: 0em 0.75em 0.3em 1.3em;
	font-weight: bold;
	background-color: transparent;
}

.links:focus, .links:hover {
	color: #4D536A;
	text-decoration: underline;
	background-color: transparent;
}




/* Linker Content */

.box1 {
float: left;
padding: 1em 0em 0em 2em;
width:12em; 
}

.nav_klein:link, .nav_klein:visited, .nav_klein:active {
	color: #A6434C;
	font-size: 1em;
	background-color: #fff;
}

.nav_klein:focus, .nav_klein:active, .nav_klein:hover {
	color: #4D536B;
	background-color: #fff;
}

.trennlinie_links {
background: url(images/trennlinie_3.gif) top left;
background-repeat: repeat-x;
   padding: 0em 0em 0.2em 0em;
	width: 14em;
}




/* Mitte Content */

.rahmen_nav  {
   float: left;
	padding: 0em 0.3em 1em 0.6em;
	width:14.6em;
}

.inhaltsrahmen  {
   float: left;
	padding: 0em 1em 1em 1em; 
	width:34em;
}

.rahmen_textbreite  {
   float: left;
	padding: 0.7em 0em 0em 0em; 
	width:38em;
}


.trennlinie {
background: url(images/trennlinie.gif) top left;
background-repeat: repeat-x;
   padding: 0em 0em 0.2em 0em;
	width: 35em;
}

.trennlinie_3 {
background: url(images/trennlinie.gif) top left;
background-repeat: repeat-x;
   padding: 0em 0em 0.2em 0em;
	width: 26.5em;
}

.trennlinie_2 {
background: url(images/trennlinie.gif) top left;
background-repeat: repeat-x;
   padding: 0em 0em 0.2em 0em;
	width: 33em;
}

.content_link:link, .content_link:visited, .content_link:active {
	color: #586162;
	font-size: 0.7em;
	background: url(images/pfeil_content.gif) no-repeat top left;
   padding: 0em 0.75em 0.3em 1.3em;
	font-weight: bold;
	background-color: #fff;
}

.content_link:focus, .content_link:hover {
	color: #4D536A;
	text-decoration: underline;
	background-color: #fff;
}

.content2:link, .content2:visited, .content2:active {
	color: #586162;
	font-size: 1em;
	font-weight: normal;
	background-color: #fff;
	text-decoration: underline;
}

.content2:focus, .content2:hover {
	color: #4D536A;
	text-decoration: none;
	background-color: #fff;
}

.drucken:link, .drucken:visited, .drucken:active {
	color: #586162;
	font-size: 0.7em;
	background: url(images/drucken.gif) no-repeat top left;
   padding: 0em 0.75em 0.6em 1.8em;
	font-weight: bold;
	background-color: #fff;
}

.drucken:focus, .drucken:hover {
	color: #4D536A;
	text-decoration: underline;
	background-color: #fff;
}

.bildbox { float: left; margin: .3em .5em .2em 0; }

.druckbox {
	padding: 0em 0em 0em 21.7em;
	float: left;
}

.logobox2 {
	padding: 0em 0em 0em 23em;
	float: right;
}

.abstand { 
padding: 7em 0em 0em 0em;
}

.abstand_2 { 
padding: 0.4em 0em 0em 0em;
}

.text_gross {
font-size: 1em;
line-height: 1.5em;
color: #404847;
font-weight: normal;
background-color: #fff;
}

.versammlung {
float: left;
padding: 1em 0em 0.3em 0em;

}

.versammlung_1 {
float: left;
width:12em;
margin: 0em 0.6em 0em 0em;
}

.versammlung_2 {
float: left;
width:13.6em;
margin: 0em 0em 0em 0.6em;
}



/* Rechter Content */

.rechterrahmen {
float:left;
font-size: 0.7em;
width:17.8em;
padding: 0em 0em 0em 0.7em;
}

.extranet:link, .extranet:visited, .extranet:active {
	color: #008BEC;
	font-size: 1em;
	background: url(images/pfeil_extranet.gif) no-repeat top left;
   padding: 0em 0.75em 0.3em 2em;
	font-weight: bold;
	background-color: #fff;
}

.extranet:focus, .extranet:hover {
	color: #4D536A;
	text-decoration: underline;
	background-color: #fff;
}

.extranet_abstand {
	padding: 0.3em 0em 0em 0em;
}

.randbox_1 {
	border-top: 1px solid #D7E5D1;
	border-bottom: 1px solid #D7E5D1;
	padding: 0.3em 0em 0.3em 0em;
	width: 16.5em;
	float: left;
}

.randbox_2 {
	padding: 1em 0em 0.8em 0.4em;
	width: 16.5em;
	float: left;
}

.randbox_3 {
	padding: 1em 0em 1em 0.5em;
	width: 16.5em;
	float: left;
	background: url(images/box_2.gif) no-repeat top left;
}

.randbox_staedte {
	padding: 0.2em 0em 0.2em 0em;
	width: 16.7em;
	float: left;
	background-color: #F7F3E8;
	color: #000;
}


.randbox_4 {
	border-top: 1px solid #F9F2E8;
	border-bottom: 1px solid #F9F2E8;
	border-left: 1px solid #F9F2E8;
	border-right: 1px solid #F9F2E8;
	padding: 0.1em 0em 1em 0.3em;
	width: 16.2em;
	float: left;
	background: url(images/boxback.gif) repeat-x top left;
}

.randbox_5 {
	padding: 1.1em 0.7em 0.3em 1.9em;
	width: 13.5em;
	float: left;
}

.rechts:link, .rechts:visited, .rechts:active {
	color: #586162;
	font-size: 0.9em;
   background: url(images/pfeil_content_2.gif) no-repeat top left;
	padding: 0em 0.75em 0.3em 1.6em;
	font-weight: bold;
	background-color: #fff;
}

.rechts:focus, .rechts:hover {
	color: #4D536A;
	text-decoration: underline;
	background-color: #fff;
}

.rechts_head {
	color: #586062;
	font-size: 1em;
	background: url(images/pfeile_staedte_2.gif) no-repeat top left;
   padding: 0em 0.75em 0.3em 1.8em;
	font-weight: bold;
	background-color: #F7F3E8;
}

.rechts_staedte:link, .rechts_staedte:visited, .rechts_staedte:active {
	color: #586062;
	font-size: 1em;
	background: url(images/pfeile_staedte.gif) no-repeat top left;
   padding: 0em 0.75em 0.3em 1.8em;
	font-weight: bold;
	background-color: #F7F3E8;
}

.rechts_staedte:focus, .rechts_staedte:hover {
	color: #4D536A;
	text-decoration: underline;
	background-color: #F7F3E8;
}

.text_klein {
font-size: 0.7em;
color: #404847;
font-weight: normal;
background-color: #fff;
}

.text_klein_b {
font-size: 0.7em;
color: #404847;
font-weight: normal;
background-color: #fff;
}

.text_klein_c {
font-size: 0.75em;
color: #404847;
font-weight: normal;
background-color: #fff;
line-height: 1.5em;
}

.text_klein_fett {
font-size: 0.95em;
color: #DF832D;
font-weight: bold;
background-color: #fff;
}

.text_klein_normal {
font-size: 0.95em;
color: #404847;
font-weight: normal;
background-color: #fff;
}

.text_klein_normal_h {
font-size: 0.95em;
color: #404847;
font-weight: normal;
background-color: #fff;
}

.text_klein_h {
font-size: 0.95em;
color: #339A31;
font-weight: bold;
background-color: #fff;
}




/* Fuss */

.text_link:link, .text_link:visited, .text_link:active {
	color: #586162;
	font-size: 0.65em;
   padding: 0em 0.75em 0.3em 1.3em;
	font-weight: normal;
	background-color: transparent;
}

.text_link:focus, .text_link:hover {
	color: #4D536A;
	text-decoration: underline;
	background-color: transparent;
}

.fuss {
	padding:  0.3em 0 2em 0;
}

.seitenfuss {
	text-align: center;
	padding:  3em 0em 1em 0em;
}

.nav_unten:link, .nav_unten:visited, .nav_unten:active {
	color: #008E3A;
	font-size: 0.7em;
   padding: 0em 0.2em 0.3em 0.6em;
	font-weight: bold;
	background-color: #fff;
}

.nav_unten:focus, .nav_unten:hover {
	color: #4D536A;
	text-decoration: underline;
	background-color: #fff;
}




.unten_leer {padding: 0em 0em 1em 0em; float:left; width:24em;}

.text {
font-size: 0.75em;
line-height: 1.5em;
color: #404847;
font-weight: normal;
background-color: #fff;
}

.text_klein_f {
font-size: 0.7em;
color: #404847;
font-weight: normal;
}



/* Formular */


form {
margin: 0px;
}

fieldset {
color: #565658; 
background-color: #fff;
border-color: #fff; 
border-style: solid; 
border-width: 1px; 
}

input.kopf { 
border-color: #DADCDB; 
border-style: solid; 
border-width: 1px; 
color: #565658; 
font-size: 0.85em; 
height: 1.4em; 
line-height: 1.1em; 
float: left;
width: 11em; 
background-color: #fff;
padding: 0.2em 0 0 0.4em;
}

.abschicken { 
color: #9497A6; 
font-size: 1.4em; 
height: 11px; 
margin: 0px 0px 2px 2px; 
padding: 2px 0px 0px 0px; 
width: 14px; 
background-color: #fff;
}

.spezial_3 { 
color: #018F39; 
float: left; 
font-size: 1em; 
line-height: 1em; 
margin-top: 1px; 
padding: 0em 0.4em 0em 0.2em; 
font-weight:bold;
background-color: #fff;
}

.button {
padding: 1px;
text-align:center; 
font-size:10px; 
font-weight:normal;
color:#42484A;
background-color:#CCE6CC; 
border-width:1px; }

.button2 {
float: left;
text-align:center; 
font-size:10px; 
font-weight:normal;
color:#42484A;
background-color:#F0F3F1; 
border-width:1px; 
margin: 4px;
padding: 0px;
width: 60px;
}


.button_center { 
padding: 0em 0em 0em 13em;
	}


.formular_12 { 
clear: both }

.formtext {
font-size: 1.1em;
color: #008E3A;
background-color: #fff;
}

.formtext2 {
display:none;
}

.suche_feld2 {
	width:17em;
	font-size:1em;
}

.suche_feld3 {
	float: left;
}


label.b1 { 
float: left; 
text-align: right; 
width: 18em; 
margin-right: .3em; 
} 

label.b2 { 
float: left; 
text-align: left; 
width: 18em; 
margin-right: .3em; 
} 

.text_1 {
font-size: 0.7em;
line-height: 1.5em;
color: #404847;
font-weight: normal;
background-color: #fff;
}

.text_formular { color: #39405D; font-size: 0.8em; font-weight: normal; line-height: 1.5em; }


input.right { 
float: left; 
width: auto; 
clear: both; 
margin-left: 5.3em; 
margin-right: .3em; 
color: #4D536B;
background-color: #fff;
} 

input[type=checkbox].right, 
input[type=radio].right, 
input[type=submit].right { 
margin-left: 6.3em; 
} 

.rubrikboxen {
   float: left;
	padding: 0em 1em 2em 1em;
	width: 15em;
}



/* Sitemap*/

.sitemap { float: left; padding: 0.5em 0em 0.5em 1em; width: 12em;}



/* Suche*/

#suchergebnis li {
	font-size: 0.7em;
	width: 35em;
	line-height: 1.5em;
	border-bottom:	1px solid #D7E5D1;
   padding: 1.4em 0 1.4em 0;
}

#suchergebnis li a {color: #E66D00; text-decoration: none; text-decoration: underline;}
#suchergebnis li a:link {color: #E66D00; text-decoration: underline;}
#suchergebnis li a:visited {color: #E66D00; text-decoration: none;}
#suchergebnis li a:hover {color: #E66D00; background-color: #ffffff; text-decoration: none;}
#suchergebnis li a:active {background-color: #fff; color: #3843DB;}
#suchergebnis li a:focus {color: #E66D00; background-color: #ffffff; text-decoration: none;}



#suchanzahl li {
   float: left;
	font-size: 0.7em;
	padding: 0.4em 0.1em 0.4em 0;
}

#suchanzahl li a {color: #008000; text-decoration: none; font-weight: bold;}
#suchanzahl li a:link {color: #008000;}
#suchanzahl li a:visited {color: #008000;}
#suchanzahl li a:hover {color: #008000; background-color: #ffffff; text-decoration: underline;}
#suchanzahl li a:active {background-color: #fff; color: #3843DB;}
#suchanzahl li a:focus {color: #008000; background-color: #ffffff; text-decoration: underline;}

.such_kopf {
font-size: 0.7em;
color: #14152A;
padding: 0.8em 0 0.8em 0;
}