/* CSS Document */

* {
	margin: 0;
	padding: 0;
}


body{
	font: normal 62.5% verdana, arial, helvetica, sans-serif;
	margin-top: 14px;
	background-color: #BDCECC;
	color:#656464;
}

/**Funktionsgruppen *********************************************************/
.cleaner1, .cleaner2 {
	display: block; clear: both; font-size: 0px; line-height: 0px; background: transparent; }
.cleaner1 {	height: 0px; }
.cleaner2 {	height: 1px; }

a { text-decoration:none; color:#017266; text-decoration:underline; }
a:hover { color:#017266; text-decoration:underline; }
.hide{display:none;}

/**LAYOUT********************************************************************/

.pos { width: 960px; margin: 0 auto; background: #fff; }

#content { background-color: #fff; }


/* Header */
#logo{
	float:left;
	border-left: 28px solid #fff;
	background: #fff url(../img/header_bg.jpg) -23px 14px no-repeat;
	padding: 70px 0 85px 11px;
	width:209px;
}

#kopf {
	float:right;
	border-right: 14px solid #fff;
	background-color:#fff;
	width:698px;
}

	#kopf ul#mainnavi {
		list-style:none;
		width:708px;
		margin-left: -12px;
		background: #6CB4AD url(../img/navi_bg.gif) repeat-x;
		height: 21px;
	}

		#kopf ul#mainnavi li {
			display:inline;
			float:left;
			background: #f00 url(../img/navi_bg_start.jpg) 0px 0px repeat-x !important;
			height: 21px;
			width: 100px;
		}

		#kopf ul#mainnavi li a#start{ margin-left:0px;}

		#kopf ul#mainnavi li a {
			font-weight:bold;
			color:#FFECD3;
			font-size:1.1em;
			padding: 4px 34px;
			text-align: center;
			display: block;
			margin-left:5px;
			background: #6CB4AD url(../img/navi_bg.gif) repeat-x;
			text-decoration:none;
		}

			#kopf ul#mainnavi li a:hover, #kopf ul#mainnavi li a.active, a #start_active {
				background: #6F8482 url(../img/navi_bg_on.gif) 0px 0px repeat-x;
			}

			#kopf ul#mainnavi li#start a {
				background: #f00 url(../img/navi_bg_start.jpg) 0px 0px repeat-x !important;
				margin-left: 0px;
				padding: 4px 35px;
			}

			#kopf ul#mainnavi li#start a.active, #kopf ul#mainnavi li#start a:hover {
				background: #6F8482 url(../img/navi_bg_on_start.jpg) 0px 0px repeat-x !important;
				margin-left: 0px;
				padding: 4px 35px;
			}

	#navi_ende {
		background: #fff url(../img/downav_bg.jpg) 0px 1px repeat-x;
		height:9px;
		width:696px;
	}

#header{
	margin-top: 14px;
	background: #fff url(../img/header.jpg) no-repeat;
	height: 95px;
	border-bottom: 7px solid #fff;
	padding: 5px 0 0 415px;
	font-size: 0.9em;
}

	#header a { text-decoration:none; padding-left: 10px;}
	#header a:hover { text-decoration:underline; }





h1 { color:#272C2B; font-size:1.4em; font-weight:bold; letter-spacing:0.01em; border-bottom:1px solid #BFBFBF; padding-bottom: 3px; margin: 20px 2px 0 0; }

.start_hl2_1 {
	color:#00887A;
	line-height: 2em;
	font-size:1.7em;
}

.start_hl2_2 {
	font-size: 1.5em;
}


#breadcrumbs { height: 35px; padding: 0; margin: 3px 0 0 0; }
#breadcrumbs a { text-decoration:none; }
#breadcrumbs a:hover {text-decoration: underline; }


#content{background:#FAFAFA url(../img/content_bg.gif) repeat-x;  border-left: 14px solid #fff;  border-right: 14px solid #fff;  border-bottom: 20px solid #fff; }

#cert {
	font-size: 1.1em;
	line-height: 1.4em;
	background: url(../img/trenner.gif) repeat-x;
	margin-left: -5px;
	padding: 10px 5px;
}


/* Subnavi */
#subnav {
	float: left;
	width: 200px;
	background: url(../img/subnav_bg.gif) repeat-y;
	margin-top: 26px;
	overflow: hidden;
}
	#subnav ul {
		list-style: none;
		margin: 0;
		padding: 0px;
		width: 190px;
	}

	#subnav ul li {
		background: #F1F1F1;
		font-weight: bold;
		color: #00887A;
		text-transform: uppercase;
		border-bottom: 7px solid #fff;
	}

		#subnav ul li a {
			border-bottom: 7px solid #fff;
			text-decoration: none;
			font-size: 1.1em;
			padding: 7px 0 7px 15px ;
			display: block;
			color: #656464;
		}

		#subnav ul li a:hover, #subnav ul ul li a.active {
			color:#017266;
			background: #E1E9E8 url(../img/subnavi_bg_on.gif) repeat-y ;
		}

		#subnav ul li a.active {
			color:#017266;
		}


	#subnav ul ul li {
		background:#F9F8F8;
		text-transform: none;
		font-weight: normal;
	}
		#subnav ul ul li a {
			border-bottom: none;
		}

	#subnavi_ende {
		background: #FAFAFA url(../img/subnav_bg_ende.gif) repeat-x;
		width:200px;
		height:7px;
	}



/** CONTENT**************************************************************************************/

#main_left { float: left; width: 697px; padding: 25px 0px 0 33px; }
#main_left ul.zoom2 { padding-left:0px; height:18px;}
#main_left ul {margin:0px; font-size:1.1em; padding-left:10px;}
#main_left ul li{list-style:none; background: #FAFAFA url(../img/list_pfeil.gif) 0px 6px no-repeat; padding: 0 0 5px 15px;}
#main_left ul li.zoom{font-size:0.9em; color:#FFEDD3; list-style:none; background: url(../img/pfeil_gelb.jpg) 0px 5px no-repeat;}
#main_left ul li a
{
  text-decoration: none;
  color:#000;
}
#main_left ul li a:hover
{
  text-decoration:underline;
}


#main_left ul li.zoom a {
  color:#FFEDD3;
  text-decoration: none;
  width:100px;
}
#main_left ul li.zoom a:hover {
  color:#FFEDD3;
  text-decoration: underline;
}


.zweispalter_50_50 { line-height: 1.5em; font-size:1.2em; margin:0; padding-bottom:10px;}
.zweispalter_50_50 .bilder{ width: 222px; float:right; padding: 0 0 20px 20px; margin-top:0px;}
.zweispalter_50_50 .bilder2{width: 160px; float:right; padding: 0 0 20px 10px; }
.zweispalter_50_50 .bilder4{ width: 270px; float:right; padding: 0 0 20px 20px; margin-top:0px;}
.zweispalter_50_50 .bilder2 img.geschichte{}
.zweispalter_50_50 .bilder  img.geschichte{ float:right; padding: 0 0 20px 20px;}
.zweispalter_50_50 .bilder_left{width:222px;  float:left; padding: 0 20px 20px 0px; margin-top:4px;}
.zweispalter_50_50 .bilder img{border-left: 5px solid #fff; border-right: 5px solid #fff; border-top:5px solid #fff;}
.zweispalter_50_50 .bilder3 img{border-left: 5px solid #fff; border-right: 5px solid #fff; border-top:5px solid #fff;}
.zweispalter_50_50 .bilder_left img{border-left: 5px solid #fff; border-right: 5px solid #fff; border-top:5px solid #fff;}
.zweispalter_50_50 div.bildtitel{ color:#FFEDD3; border-left: 5px solid #fff; background-image:url(../img/zoom_bg.jpg); background-repeat: repeat-x; border-right: 5px solid #fff; border-bottom:5px solid #fff; font-size:0.9em; padding:5px 0 5px 10px; line-height: 1.2em; font-weight:bold; margin-top:1px;}
.zweispalter_50_50 div.bildtitel4{ color:#FFEDD3; background:url(../img/zoom_bg.jpg) repeat-x; font-size:0.9em; padding:5px 0 10px 10px; line-height: 1.4em; font-weight:bold; margin-top:1px;}
.zweispalter_50_50 div.bildtitel2{width:145px; color:#FFEDD3; background-image:url(../img/zoom_bg.jpg); background-repeat: repeat-x;  font-size:0.9em;  padding:5px 0 5px 5px;  font-weight:bold; margin-top:1px;}
.zweispalter_50_50 div.test {
	background-color: #000;
	border-bottom: 1px solid #EFEFEF;
	width:222px;
}
.zweispalter_50_50 .bilder3_con div.bildtitel { border: none; margin-right: 0; width: 202px;}


.bilder3_con {
	float: left; width: 210px; margin-right: 15px; padding-top: 20px;
}
.bilder3_con .bildtitel {
	color:#FFEDD3; border-top: 1px solid #fff; background: url(../img/zoom_bg.jpg) repeat-x;
	padding: 3px 5px 5px 5px; font-size:1.1em; line-height: 1.2em; font-weight: bold;
}


.linkbox_innen { padding: 1px 0 1px 0; background-color: #fff; border-bottom: 1px solid #EFEFEF; height:25px; }
	.linkbox_innen a { text-decoration:none; color:#000; font-size:0.9em; }
	.linkbox_innen a:hover { text-decoration:underline; }

.zweispalter_50_50 div.linkbox_innen ul li { background-color:#ccc; height:17px; margin: 3px;}

.trenner{ background: #FAFAFA url(../img/trenner.gif) repeat-x; height: 10px; }

ul#history li { list-style: none; background-image: none; }


/** FOOTER*************************************************************************************/
#footer{ border-top: 1px solid #BFBFBF; margin: 0 14px; }
#footer p{ padding: 10px 0 10px 230px; font-size: 0.9em; }

/** KONTAKTFORM **/
#kontaktform {
	padding: 20px; border: 1px solid #BFBFBF; margin-right: 100px;
}

#kontaktform label { display: block; float: left; width: 120px; }
#kontaktform input, #kontaktform textarea {
	width: 240px; font: normal 1em verdana, arial, sans-serif; padding: 2px; margin-bottom: 5px; }
#kontaktform textarea { height: 6em; }
#kontaktform input.form_submit {
	width: auto; margin-top: 10px; cursor:pointer; margin-left: 120px; }
#kontaktform fieldset {
	border: none; padding: 10px 0;
}
#kontaktform legend {
	color:#656464; font-weight: bold;
}

#sortform { padding: 2px; text-align: center; }
#sortform select { padding: 2px; width: 220px; }