/************************* Common **********************/
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100.01%;
	margin: 10px 0 10px 0;
	padding: 0;
	text-align: center;
}

h1,h2,h3,h4 { margin: 0; padding: 0 0 1em 0; }
h1 {font-size: 1.4em;  padding: 0.2em 0 1.5em 0; line-height:1.2em; }
h2 {font-size: 1.2em; line-height:1.2em; }
h3 {font-size: 1em; }
h4 {font-size: 1em; }

.cnt_labl { clear:left; width:11em; display:block; float:left; }
.cnt_content { width:200px; float:left; }


/************************* Links **********************/
/* common link */
a { text-decoration: none;}
a:hover { text-decoration: underline;}

/* link images */
a img {border:none;}

a.app_pdf {
	margin: 0; padding: 0 0 0 20px;
	background-image: url(../images/icon_pdf.gif); 
	background-repeat:no-repeat;
	background-position: left;
	}

/* internal link */
a.jumpbtn_int {
	margin: 0; padding: 0 0 0 16px;
	background-image: url(../images/more_btn.gif); 
	background-repeat:no-repeat;
	background-position: left;
	}
	
/* internal e-mail link */
a.email_int {
	margin: 0; padding: 0 0 0 16px;
	background-image: url(../images/mail_icon.gif); 
	background-repeat:no-repeat;
	background-position: left;
	}


/************************* Fontsize-Tool **********************/
.fs_btn { float:left; margin:0 1em 0 1em; padding:0 0 0 25px; line-height:20px; }
.fs_dec { background:url(../images/fs_dec.gif) no-repeat; }
.fs_inc { background:url(../images/fs_inc.gif) no-repeat; }
.fs_base { background:url(../images/fs_base.gif) no-repeat; }



/************************* Trennlinien **********************/
hr {
background-color: #225582; /* Farbe für Opera und Firefox */
color: #225582; /* Farbe für Internet Explorer (IE) */
border: 0;
height:1px;
}
.hd { display:none; }
hr.mborder { height:2px;}

/************************* Layout-Container **********************/
#site_container {
	/*width: 48.75em;  um später die Breite der Website einfach anpassen zu können, alle weiteren widths in % !!!!!! */
	width: 60em;
	margin: 0px auto 10px auto;
	text-align: center;
	}	

#head_image {
	width: 100%; height: 140px; 
	background-image:url(../images/head_image2.jpg);
	text-align:left;
	}
#logo_container { height:140px; width:197px; position:relative; z-index:75; margin: 0; padding: 0; top:0; left:0.7em; }
#logo_container a img { border:none; }

#logo_alt { display:none; }


#site_body {
	width: 97%;
	margin: 0 auto;
	padding: 0;}
	
#topnav {
	width: 100%;
	margin: 0;
	padding: 0;
	/*float: left;*/
	height: 1.625em;
	}

/************************* Search **********************/

#topnav #search { width: 25.8%; height: 1.625em; float: left; margin: 0; padding: 0; overflow:hidden; line-height: 1.625em; }

#topnav #search h2{ display:block; margin-top: 0.4em; padding: 0; font-size: 0.75em; font-weight: bold; float: left; width: 5.3em; padding-left:0.3em;}
#topnav #search input.textfield { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.75em; /*height: 1em;*/ width: 11.5em; float: left; margin-top: 0.4em;}
#topnav #search input.button { font-size: 0.75em; height:17px; width:17px; float: left; margin-top: 0.4em; padding:0; background-color:none; border:none;}


#searchresult { width:100%; margin:0 0 3em 0; padding:0; overflow:hidden; line-height: 1.625em; }
#searchresult #note { width:100%; font-weight:bold; }
#searchresult input.kontakt { border:1px solid #708eaf; font-family: Verdana, Arial, Helvetica, sans-serif; width:22em; float:left; font-size: 1em; }
#searchresult input.button { font-size: 0.75em; float: left; height:17px; width:17px; margin: 0.1em 0 0 0.5em; padding:0; background-color:none; border:none;}

/************************* Content **********************/
#content_container { 
	width: 73.2%;  
	margin: 0; padding: 0; 
	overflow:hidden; 
	font-size: 0.75em; 
	float: right; 
	text-align: center;
	}

#site_content {
	width: 100%;
	margin: 0;
	padding: 0;
	float: left;
	text-align: left;
	}
	
#ifr_panel {
	/*width:60px; 
	height:70px;
	margin:70px auto 20px auto;*/
	
	width:80px; 
	height:100px;
	margin:40px auto 20px auto;
	}
#ifr_panel img {
	border:0 none;
	}
	

/************************* Footer **********************/
#footer {
	clear: both;
	float: left;
	width: 100%;
	height: 1.75em;
	margin: 1em 0 0 0;
	padding: 0.25em 0 0.25em 0;
	font-size: 0.65em;
	}


#footer_left { width: 21.1%; margin: 0; padding: 0; overflow: hidden; float: left; text-align:left; background-image: url(../images/bg_footer_left.gif); }

#footer_left ul { list-style:none; margin: 0; padding:0; }
#footer_left ul li { display: inline; margin: 0; padding:0; }

#footer_left a { width: 45%; margin: 0; padding: 0; }

#footer_left a.left { width: 40%; }
#footer_left a.right { width: 60%;	text-align: right;  }

#footer_right { float:right; }

	
	
/************************* Ansprechpartner **********************/
.content_block_contacts { clear:both; /*float:left;*/ width: 100%; margin: 0 0 0 0; padding: 0 0 1.5em 0; }

.contacts_titlebox { display:block; height:2em; width:100%; margin:0; padding:0;}
.contacts_titlebox h2 { margin:0; padding:0; line-height:1.5em; }

.contacts_contentbox { clear:both; float:left; width:100%; margin:1em 0 0 0; padding:0; }
.contacts_contentbox_list { clear:both; float:left; width:100%; margin:0.5em 0 0 0; padding: 0.5em 0 0.5em 0; border-bottom:1px solid #ccc; }

.noborder {border: none;}

/************************* Teaser **********************/
/* Selection Panel */
.teaser_selection_box {
	clear:left; 
	width:100%; 
	margin:1.5em 0 1em 0;
	padding:0; 
	float:left;
}
.teaser_selection_hinttxt {
	margin:0 0 1.5em 0;
	padding:1em 1em 0em 1em;
}

/* Category Teasers Title */
.teaser_titlebox {
	clear:both; float:left;
	display:block; 
	height:2em;
	line-height: 2em;
	width:100%; 
	margin:2em 0 1em 0;
	}
.teaser_titlebox h3 { margin:0; padding:0 0 0 1em; }
.teaser_titlebox form { margin: 10px 15px 5px 15px; }


/* Teasers-Definitions */
.teaser_overview_block { clear:both; width:100%; margin:0 0 1.5em 0; padding:0; float:left; border:1px solid #ccc; }

.teaser_overview_image { float:left; width:170px; margin:1em 0 0 10px; padding:0; position:absolute; z-index:3; }
.teaser_overview_cnt { margin:0; padding:1em 1em 1em 0; border-left:170px solid #fff; min-height:112px; }

.teaser_overview_cnt h2 { padding: 0.2em 0 0.5em 0; }

.teaser_overview_cnt .teaser_lab { width:100%; clear:right; }
.teaser_overview_cnt .teaser_labl { clear:both; width:40%; float:left; }
.teaser_overview_cnt .teaser_lab2 { float:right; width:55%; }


.readmore_btn { clear:both; margin:0; padding:0 0 1em 0; float:left; }
.readmore_btn a, .readmore_btn2 a {
	margin: 0 0 1em 0; padding: 0 0 0 16px;
	background-image: url(../images/more_btn.gif); 
	background-repeat:no-repeat;
	background-position: left;
	}

.readmore_btn2 { margin:0; padding:0 0 1em 0; }

span.teaser_lastmod { padding-right: 10px; font-size: 0.75em; }

/************************* Login **********************/

form#login { border:1px solid #ccc; margin:0; padding:1em; }
.login_box { clear:both; float:left; width:100%; border:1px solid #ccc; margin:0 0 1em 0; padding:0; }
.login_box_cnt { padding:1em; }


/************************* PDFs **********************/
.linkblock { width:100%; margin: 5px 0 0 0; }
.linkblock .pdfdesc { padding:0; margin:0; }
#content div.linkblock div.pdfdesc p { margin:0; padding:0; }
.pdf_reader { clear:both; float:left; margin:1em 0 1.5em 0; font-size:0.9em; padding:0; width:100%; }



/************************* Verfahrensdaten **********************/
.step_block {
	width: 49%;
	float: left;
	margin: 0 0 1em 0;
}
.date_block {
	width: 49%;
	float: left;
	margin: 0 0 1em 0;
}


/************************* Bilder **********************/
.image1_container_p { width:150px; font-size: 0.9em; }
.image2_container_p { width:200px; font-size: 0.9em; }
.image4_container_p { width:524px; font-size: 0.9em; }

.image1_container_p img, .image2_container_p img, .image4_container_p img { padding-bottom:0.5em; }
.image1_container_p p, .image2_container_p p, .image4_container_p p { padding:0; margin:0; }

a.open_img_class1 { width:150px; height:20px; position:absolute; z-index:75;}
a.open_img_class2 { width:200px; height:20px; position:absolute; z-index:75;}
a.open_img_class3 { width:524px; height:20px; position:absolute; z-index:75;}



/************************* Lieferung **********************/
.deliver_box { clear:both; float:left; width: 100%; margin:0 0 0.5em 0; padding:0 0 0.5em 0; }
.deliver_box input { float:left; }
.deliver_txt { float:left; margin:0; padding:0; width:90%;  }



/************************* Beleg **********************/
a.btn_record:link, a.btn_record:visited, a.btn_record:active, a.btn_record:hover { 
	display:block; float:left;
	color:#ffffff; background-color:#225582;
	border: 1px solid #ffffff;
	padding:0.3em 1em 0.4em 1em;
	cursor: pointer; 
	font-size:1em;
	text-decoration:none;
}



/************************* ERRORS **********************/
#validation_errors { float:left; width: 100%; margin: 0; padding: 0 0 1.5em 0; color:#FF0000; }
#validation_errors:after { content:""; display:block; height:1px; float:left; }



/************************* FORMULARE **********************/
#content_footer ul li input.btn_class_print {
	width: 12em; 
	float: right; 
	text-align:right; 
	padding: 0 1.2em 0 0; 
	background-image:url(../images/bg_cofooter_print.gif); 
	background-position: right;
	background-repeat: no-repeat;
	margin:0;
	border:0 none;
	text-decoration:none;
	background-color:#fff;
	color:#225582;
	cursor:pointer;
	overflow: visible; /* Workaround for ie making too much padding in input buttons (Cross-Browser) */
	}
#content_footer ul li input.btn_class_print:hover { text-decoration:underline !important; }	

/************************* PROJEKTDETAILS **********************/

#mapdetail_title h1 {
	font-size:20px;
	padding: 0px 0px 0px 0px;
	margin:0px;
	line-height:22px;
}

#mapdetail_subtitle h2 {
	font-size:18px;
	padding:0px;
	margin:0px;
	line-height:22px;
}

#mapdetail_district h3 {
	text-align:left;
	font-size:12px;
	padding: 0px 0px 0px 0px;
	
}

#mapdetail_header {
	width:580px;
	height:150px;
	padding-bottom:30px;
	text-align:left;
}


#mapdetail_image {
	width:150px;
	height:150px;
	float:left;
}

#mapdetail_desc {
	width:410px;
	margin-left:18px;
	height:150px;
	float:left;
}

#mapdetail_desc_no_image {
	width:415px;
	margin-left:2px;
	height:150px;
	float:left;
}

#mapdetail_title {
	width:410px;
	height:60px;
}

#mapdetail_subtitle {
	width:410px;
	height:68px;
}

#mapdetail_district {
	width:410px;
	height:20px;
	padding:10px 0px 0px 0px;
}

#mapdetail_block {
	width:580px;
	padding:5px 0px 5px 0px;
	border-bottom:1px solid #000;
}

#mapdetail_last_block {
	width:580px;
	padding:5px 0px 5px 0px;
}

table.mapdetail {
	margin:0px; padding:0px;
}

table.mapdetail td {
	padding-left:15px;
	vertical-align:top;
	font-size:12px;
	text-align:left;
}

table.mapdetail ul {
	padding:0px 0px 0px 15px;
	list-style:inside;
	line-height:16px;
}


table.mapdetail th {
	margin:0px;
	padding:0px;
	vertical-align:top;
	text-align:left;
	font-size:12px;
}

table.mapdetail td p {
	margin:0px;
	padding:0px;
}

a.detail_print {
	background-image:url("../images/bg_cofooter_print.gif");
	background-position:right center;
	background-repeat: no-repeat;
	float:left;
	text-align:left;
	padding:0 1.4em 0 0;
	margin:0;
	font-size:0.75em;
	color:#225582;
}