/* CSS Document */

/* include suggest search styles */
@import url("suggestSearch.css");

body, div, h1, h2, h3, h4, h5, ul, li, p, a {
	margin:0;
	padding:0;
	}

body {
	font-family:Lucida Grande, Arial, Helvetica, sans-serif;
background-color:#2f2f2f;}

.centered {
	width:885px;
	margin:auto;
	}
.clearer {
	height:0;
	line-height:0;
	font-size:0;
	clear:both;
	}
	
.column_left {
width:290px;float:left;}

.column_right {
width:290px;float:right;padding-left:0px;}
	
#klinke {
	position:absolute;
	top:0px;
	right:0px;
	z-index:3;}
#header_container {
	background:url(../images_system/header_bg_outer.gif) repeat-x;
	height:81px;
	overflow:hidden;
	}
#header_inner {
	background:url(../images_system/header_bg_inner.gif) repeat-x;
	}
	
	
#pagehead {
	padding-top:10px;
	background:url(../images_system/pagehead_bg_gradient.gif) repeat-x #fff;}
	
	
	#ph_left{
		float:left;
		width:450px;
		}


/* ... */
/* eigentlicher Teil ausgelagert in die einzelnen Farbstyles */
	
	
	#kopfbild{
		float:left;
		margin-left:1px;
		height: 168px;
		width: 410px;
		}
		

#pagebody {background:#fff;padding: 0 0 25px 0}
#pagebody_inner {}


/* Suche */

#suche {
	text-align:left;
	margin:7px 0 0 0px;}

#suche_wrapper {
	width:220px;
	height:30px;
	background:url(../images_system/search_bg.gif) no-repeat;			
	vertical-align:middle;
	padding:0px 0 0 0;
	margin:0 auto;}

	*html #suche_wrapper, *+html #suche_wrapper {
	width:220px;
	height:34px;
	background:url(../images_system/search_bg.gif) no-repeat;			
	vertical-align:top;
	padding:2px 0 0 2px;
	margin:0 0 0 auto}

.inputfield {
	width:180px;
	height:13px;
	font-size:11px;
	line-height:11px;
	border:none;
	background:transparent;}

.inputbutton {border:none; padding:5px 0 0 5px;
background:none;}

#suche input:focus {background:transparent;}


/* Content Bereich */


#content {
	float:left;
	width:600px;
	font-size:11px;
	padding:15px 0 0 10px;
	line-height:16px;	
position:relative;	
	}
#content h2 {
	font-size:14px; color:#000; 
	line-height:19px;
	margin:5px 0 0px 0;
padding:0;
	}
#content h3 {
	font-size:12px; color:#555; 
	line-height:16px;
	margin:5px 0 0px 0;
padding:0;
	}
#content h3 a {
	font-size:12px; color:#9a230d;
	line-height:16px;
	margin:5px 0 0px 0;
padding:0;
text-decoration:none;
	}
#content h4, #content h4 a {
	font-size:11px; color:#9a230d; 
	line-height:16px;
	margin:5px 0 0px 0;
padding:0;
	}
#content p {
	color:#666; 
	margin:5px 0 10px 0;
	}
#content ul {
	margin:10px 0 10px 30px;
	}
#content a {
	color:#000;
	}
#content .outgoinig_link {
	padding:0 0 0 17px; 
	background:url(../images_system/outgoing_link.gif);
	background-repeat:no-repeat; 
	background-position:2px 2px;
	}
#content li {
	background-image: url(../images_system/bullit_klein_dots.gif); 
	background-repeat: no-repeat;
	background-position:0 5px; 
	list-style:none;
	padding:0 0 0 15px;}

.image_frame {
   	padding:6px;
   	border:1px solid #ddd;
	float: left;
	margin: 5px 15px 5px 0;
   }
  
 #trenner{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	padding:5px 0 0 0;
	margin:10px 0 10px 0;
	background-image: url(../images_system/kachel_navi.gif);
	display:block; clear:both;}
hr{
	padding:5px 0 0 0;
	margin:10px 0 10px 0;
	background-image: url(../images_system/kachel_navi.gif);
	background-color:transparent;
	border-color:transparent; clear:both;
	}

#content td ul {
	padding:14px 10px 10px 15px;
	margin:8px 0 3px 0;
background:url(../images_system/td_ul_bg.jpg) no-repeat;
	}

#content .teaser {
float:none; font-weight:bold; font-size:12px; line-height:12px;}


.bildumfliess {
	float: left;
	margin: 0 15px 5px 0;
	}


.zwei_spaltige_table {
	width:100%
	}
	.zwei_spaltige_table td {
		width:50%;
		padding-right:15px;
		vertical-align:top;
		}

#side_picture {
float:right;
font-size:9px; text-align:center;
padding-left:10px;
}
#side_picture img {
padding:5px;
border:1px solid #dedede;
}
#side_picture p {
font-size:9px;
}


/* Inputs -------------  */

input, textarea {
padding:2px;
border-top:1px solid #aaa;
border-bottom:1px solid #ccc;
border-right:1px solid #bbb;
border-left: 4px solid #9a230d;
background:url(../images_system/input_background.gif) repeat-x;
font-size:11px;}

.input100 {
	width:200px;}
.input50 {
	width:50px;}
.not_mandatory100 {
	width:200px;
	border-left: 4px solid #aaa;}
.not_mandatory50 {
	width:50px;
	border-left: 4px solid #aaa;}
.input20 {
	width:20px;}

.not_mandatory20 {
	width:20px;
	border-left: 4px solid #aaa;}


input:focus, textarea:focus {
	background:#F8E3E3;
}



 
/* Inline Teaser */

.teaserbox_1, .teaserbox_2 {
	background:url(../images_system/teaser_inline_bg.jpg) no-repeat;
	padding:5px 10px 5px 15px; 
	margin:0 0 0 -8px;
	}

.teaserbox_head {
	font-size:15px; 
	font-weight:bold; 
	color:#000; 
	line-height:19px;
	}
.teaserbox_head a {
	color:#000; 
	text-decoration:none;
	}
.mehr_button {
	display:block;
	color:#fff;
	background: url(../images_system/mehr_button.gif) no-repeat;
	margin:5px 0 10px 0;
	padding:0px 0 10px 9px; 
	}
a.mehr_button  {
	font-weight:bold;
	font-size:10px;
	color:#fff;
	text-decoration:none;
	}

#content a.mehr_button  {
	color:#fff}

/* Teaser bereich ------------ */


#teaser_container_outer {
	margin-top:0px;
	background:url(../images_system/teaser_outer_tile.gif) repeat-x;}
#teaser_container_inner {}
	#teaser_container_left {
		float:left;
		}
	#teaser_container_right {
		float:left;
		}
	#teaser_container_content {
		background:url(../images_system/teaser_container_body_tile.gif) repeat-x;
		float:left;
		width:864px;
		height:213px;
	/*	overflow:hidden;
	*/	}

.teaser {
	float:left;
}

.teaser1, .teaser2, .teaser3, .teaser4 {
	height:175px; 
	overflow:hidden; 
	padding: 0 12px 0 12px;
	
	}
.teaser1, .teaser2, .teaser3, .teaser4 {
	width:190px;
	}
.teaser1 h3, .teaser2 h3, .teaser3 h3, .teaser4 h3 {
	font-size:12px; 
	color:#333;
	padding:7px 0 15px 0;
	}
.teaser1 p, .teaser2 p, .teaser3 p, .teaser4 p {
	font-size:10px; 
	color:#333;
margin:0 0 10px 0; 
	}
.teaser1, .teaser2, .teaser3 {
	background-image:url(../images_system/teaser_trenner.gif);
	background-position:top right;
	background-repeat:no-repeat;
	}

.teaser .mehr_button {
	margin:5px 0 10px 10px;
	padding:1px 0 10px 9px;}

.date {display:block; font-size:8px; margin:5px 0 5px 0;}

		
#footer {
	background:url(../images_system/footer.gif) repeat-x;
	}
#footer_inner {
	height:100px;}
#footer_logo {}



#footer ul {
				margin:10px 0 0 0;
				padding:0;
				}
			#footer {
				padding: 0px;	/*muss mit Abstand im li a korrespondieren*/
				margin: 0px;
				font-family:Arial, Helvetica, sans-serif;
				font-size:11px;
				font-weight:normal;
				}	
			#footer li {
				display: inline;
				padding: 0 0;
				margin: 0 0;
				}
			#footer li a {
				display: inline;
				padding:11px;   /* bestimmt den Abstand der punkte zueinander*/
				margin:0px 0px;
				line-height: 18px;
				text-decoration:none;
				color:#999;
				font-family:Arial, Helvetica, sans-serif;
				font-size:11px;
				font-weight:normal;
				background-image:none;
				}
			#footer li a:hover {
				color:#fff;
				text-decoration:underline;
				}
			#footer li a:focus {
				color:#7a1406;
				text-decoration:none;
				}
			
			#footer .tot {
				display: inline;
				padding:7px;   /* bestimmt den Abstand der punkte zueinander*/
				margin:0px 0px;
				line-height: 4px;
				text-decoration:none;
				color:#7a1406;
				font-family:Arial, Helvetica, sans-serif;
				font-size:11px;
				font-weight:normal;
				background-image:none;
				}
			
#footer p {
	text-align:left;
	padding:0 0 0 7px;
	margin:10px 0 0 0;
	color:#666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:normal;
	line-height:14px;
	}

.footer_item {
	 height:72px; 
	 padding:0px 10px 5px 10px; 
	 float:left; 
	 text-align:left;
	}
/* Kalender Modul ------------------ */


#kalender {
    border:1px solid #b3b3b3;
    border-collapse:collapse;

}
#kalender th {
    border-left:1px solid #b2b3b3;
    border-bottom: 1px dashed #b3b3b3;
    border-collapse:collapse;
    background-color:#d2eafc;
    text-align:left;
    padding:2px;
    font-size:13px;
	color:#5d5d5d;
    }
#kalender td {
    border-left:1px solid #c5c5c5;
    border-bottom: 1px dotted #c5c5c5;
    border-collapse:collapse;
    font-size:8px;
    padding:0px;
	margin:0;
    }
#kalender td b {
    margin:0;
    padding:0 0px 0 5px;
    font-size:11px;
    font-weight:normal;
    color:#444;
    }
#kalender td p {
    margin:0;
    padding:0;
    font-size:9px;
    font-weight:normal;
    color:#888;
    }

/* WE */

.WE  {
    border-left:1px solid #b3b3b3;
    border-bottom: 1px dotted #b3b3b3;
    border-collapse:collapse;
    background-color:#dedede;
color:#000;
    }
.WE b {
    margin:0;
    padding:0 2px 0 5px;
    color:#000;
    }
.WE p {
    margin:0;
    padding:0;
    color:#000;
    }
.TE  {
    border-left:1px solid #b3b3b3;
    border-bottom: 1px dashed #b3b3b3;
    border-collapse:collapse;
    background-color:#ff9900;
    }
.TE b {
    margin:0;
    padding:0 2px 0 5px;
    color:#000;
    }
.TE p {
    margin:0;
    padding:0;
    color:#555;
    }

/* Kontaktform experimental /////////////////////// */

label {
	display:block;
	width:120px;	
	float:left;
	}
.label20
{
	width:40px;
}
.float_left
{
	display:block;
	margin-right: 5px;
	float:left;

}
label.check {
	float:none; 
	display:inline;
	}
.inputcheck {
	margin:5px 5px 0px 5px;
	}
.input100, .not_mandatory100 {
	width:240px; 
	border:1px solid #888;
	margin:2px 0 0 5px;
	}
.input70, .not_mandatory70 {
	width:181px; 
	border:1px solid #888; 
	margin:2px 0 0 0px;
	}

.input50, .not_mandatory50 {width:50px; border:1px solid #888;margin:2px 0 0 5px;}

.send {margin:10px 120px;}
.nonbreakingelement {float:left; margin:0 5px 0 0;}

fieldset {border:1px solid #aaa; margin:10px 0; padding:10px;
background:#f5f5f5}
legend { font-weight:bold; font-size:12px; color:#9a230d;}