/*
	--------------------------------------------------------
	standards
	--------------------------------------------------------
*/

* {
	margin: 0;
	padding: 0;
	list-style: none;
}
body {
	margin: 0;
	font-size: 100.01%;
	background-color: #D9E5F2;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	background: url(../images/background.gif) repeat -22px 0;
}
p  { font-size: 1em; margin: 0 0 0.5em 0; color: #000000 ;}

a{ text-decoration: none; }
a.pdf{padding-left:23px;margin:2px;background:url(../images/icons/pdf.png) no-repeat;}




#logo { position: absolute; left: 0px; top: 0px; width: 965px; height: 65px; background-color: #FEFEFE; border-bottom: #C20000 solid 4px; overflow: hidden; background: url(../images/logo_johs.gif) no-repeat 0 0; }

#topmenue { position: absolute; padding: 5px 0 5px 15px; top: 74px; left: 0px; width: 950px; background-color: #3265CB; overflow: hidden; font-size: 11px; text-transform: uppercase; font-weight: bold; }

#topmenue li { padding: 0; margin: 0; display: inline; }
#topmenue li.alignright { float:right; padding: 0; margin: 0; margin-top:1px;display: inline; }
#topmenue a { float: left; display: block; margin-right: 1em; color: #fff; }
#topmenue a:hover, #topmenue .aktuell {  color: #3265cb; text-decoration: none; background-color: #A0B7E5;}

#topmenue .suche { position:absolute; top:4px; right:250px; }
#topmenue .suche .suchtext {width:85px; font-size: 0.8em; }
#topmenue .suchbutton {	background-color: transparent; border: none; font-size: 0.8em; color:#fff; }

/* blendet Trennzeichen und "Standort:" aus: */
.nv, .hier { position: absolute; left: -1000px; top: -1000px; width: 0; height: 0; overflow: hidden; display: inline; }

img{ border: none;}

/*
	--------------------------------------------------------
	menü
	--------------------------------------------------------
*/

#mainmenue { position: absolute; top: 120px; left: 0px; width: 160px; font-size: 0.75em; line-height: 1em; font-weight: bold; }
#mainmenue_top{ height: 12px; background: url(../images/bg_navi_oben.jpg) no-repeat right; }
#mainmenue_center { background: url(../images/bg_navi_mitte.jpg) repeat-y right; }
#mainmenue_bottom { margin-top: -1px; height: 12px; background: url(../images/bg_navi_unten.jpg) no-repeat right; }
#mainmenue li{ display: inline; }
#mainmenue li a, #mainmenue li .aktuell{ display: block; padding: 6px 0 8px 15px; }
#mainmenue li li a, #mainmenue li li .aktuell{ display: block; padding: 6px 0 8px 25px; font-weight:normal;}
#mainmenue a{ color: #fff; }
#mainmenue a:hover, #mainmenue .aktuell{ color: #3265cb; text-decoration: none; background-color: #A0B7E5; }

/*
	--------------------------------------------------------
	mitte & rechts
	--------------------------------------------------------
*/

#wrapper { position: relative; left: 180px; top: 125px; width: 905px; }
#footer{ clear: left; margin: 1em 0; }
#content, #bottom_content { float: left; width: 520px; font-size: 0.75em; line-height: 1.5em; margin-bottom: 1em; }
#zusatz, #bottom_zusatz { float: left; width: 210px; margin-left: 30px; font-size: 0.75em;	background-color: #8AA6DD; }

#zusatz #title, #breadcrumb {
	background-image: url(../images/bg_linie_unten.gif);
	background-position: bottom;
	font-size: 1em;
	font-weight: bold;
	padding: 0 0 0.75em 0;
	line-height: 1.5em;
}
h1#breadcrumb {margin-bottom: 1em;}

#bottom_content, #bottom_zusatz { background-image: url(../images/bg_linie_oben.gif); background-position: top; font-size: 0.75em; padding: 0.75em 0 0.75em 0; }

#content h2 { clear:both; font-size:1.5em; margin:0.5em 0em 0.7em 0em; }
#content h3, div.zwititel { clear:both; font-size:1.25em; margin:1em 0em 0em 0em; }
#content h4 { clear:both; font-size:1.15em; }
#content p { font-size:1em; }
#content .image_left { 
	float:left; 
	margin:0.45em 14px 0.65em 0; 
	border: 1px solid #333;
}
#content .image_right { 
	float:right; 
	margin: 0.45em 0 0.65em 14px; 
	border: 1px solid #333;
}
#content .image_gross { 
	float:left; 
	margin: 0.45em 0 0.65em 0; 
	border: 1px solid #333;
}
#content .imageblock { float:none; }
#content .image_leftblock { float: none; 	border: 1px solid #333;}
#content .image_rightblock { float: none; border: 1px solid #333;}

#content .galerie {	clear:both; }
#content .imagebox {
	width: auto;
	margin-right: 1em;
	clear:both; 
	float: left;
}
#content .imgboxright {
	width: 217px;
	margin-left: 1em;
	clear:both; 
	float: right;	
}
span.imagecontext { display: block;	 font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 0.8em; }
span.galbu { display: block;	 width:100px; height:25px; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 0.8em; line-height: 1em; }

#content ul{margin-bottom:1em;}
#content li{
	margin-left:1.35em;
	padding-left:0.5em;
	list-style-type: disc;
}
#content ul.adressliste li{margin-bottom:0.5em;}
#content .zwititel {
	display:block;
	font-weight:bold;
	border-bottom: 1px solid #3366CC;
}
#content .text {
	font-size:1em;
	/*text-align:	justify;*/
	}

#searchlist h2 {font-size: 1.2em;}
#searchlist h2 a {color:#000000;}

/*
	--------------------------------------------------------
	rechte seite
	--------------------------------------------------------
*/

#zusatz .meldung, #zusatz .letztemeldung {
	padding:1.4em 0;
	margin: 0 1em 0 1em;
	border-bottom: 1px solid #CC0000;
}
#zusatz .letztemeldung {border-bottom: none;}
#zusatz .datum {margin-bottom:0.25em;}
#zusatz .titel {font-weight: bold; margin-bottom:0.25em;}
#zusatz .text {}
#zusatz a {	color: #CC0000;}

.row1 td {
	background-color: transparent;
	xwidth: 250px;
	padding: 0.5em;
	text-align:left;
	vertical-align:top;
}
.row2 td {
	background-color: #BFD6E8;
	xwidth: 250px;
	padding: 0.5em;
	text-align:left;
	vertical-align:top;
}

.row3 td {
	background-color: #DCDCDC;
	width: 250px;
	text-align:left;
	vertical-align:top;
}
/*
	--------------------------------
	Formular Styles
	--------------------------------
*/	

.redaxform h3 { margin-top:0.75em; }
.redaxform div { margin-bottom:0.5em; }
.redaxform div div, .redaxform div li { margin-bottom:0; list-style:none;}
.redaxform fieldset { margin-bottom:0.25em; border: 0 none transparent; clear: both; padding-left:150px; }
.redaxform input.redaxdateneingabe, textarea.redaxdateneingabe { background-color: #FFF; border: 1px solid #D2D2D2; }
.redaxform input.formbutton { border-color: transparent; background-color: transparent; font-weight: bold; }
.redaxform label { float: left; margin-left: -150px; }
.redaxform input, .redaxform select, .redaxform textarea { width: 70%; }
.redaxform option { width: 100%; }
.redaxform input.checkbox, .redaxform input.radio { width: 20px; }
.redaxform #Absenden input { width: 7em; margin-top: 1em; margin-left: 150px; }
.redaxfuncbutton { border: 1px solid #123F67; background-color: #FFF; color: #123F67; font-weight: bold;	float: right;}
.redaxfuncbutton:hover { color: #CC0000; }


.umfrage {
	/*width:650px;*/
}
.umfrage fieldset { margin-bottom:0.25em; border: 0 none transparent; clear: both; }
.umfrage fieldset h2  {	font-weight:normal;}
.umfrage fieldset label  {font-weight:normal;font-size:1em;display:block;}
.umfrage fieldset legend  {display:none;}
.umfrage .redaxdateneingabe label {font-size:0.8em;color:#666666;}
.umfrage textarea, .umfrage select, .umfrage input{width:60%;}
.umfrage input[type="radio"]{	float:left;	margin-right: 1em;}
.umfrage #Send {clear:both;text-align:right;	width:150px;float:right;}


/*
	--------------------------------
	Newsletter Styles
	--------------------------------

#NLAboForm label {width:190px !important;margin:0;padding:0;display:block; float:left;}
#NLAboForm label.text {	margin:0; padding:0;display:block; width:500px;}
#NLAboForm ul.inputlist,  #NLAboForm .aboform {display:block;	margin-left:200px; width:250px;text-align:left;padding:0;}
#NLAboForm ul.inputlist li {list-style:none;display:block;	margin:0; border:0;}
#NLAboForm fieldset , #NLAboForm h2 {clear:both;margin:10px 0 0 20px;}
*/	



.ErrorMsg  {
	color:#DD0000;
	font-size:0.8em;
	margin:5px;
	border-color:#DD0000;
	border-style:solid;
	border-width:1px;
	padding:5px;
		
}

.SysMsg {
	color:#0000DD;
	font-size:0.8em;
	margin:5px;
	border-color:#0000DD;
	border-style:solid;
	border-width:1px;
	padding:5px;	
}




div.breaker {
	clear:both;
	height:0px; !important;
	overflow:hidden;
	margin:0px !important;
	padding:0px !important;
}
