/* CSS Document */


/* relevante Styles am Ende des Dokuments beachten */


* {
	padding:0;
	margin:0;
	font-family:Lucida Sans, Trebuchet MS, Arial, sans-serf;
	}

p .red {color:#ff9900; font-weight:bold;}
	
.clearer {
	height:0;
	font-size:0;
	line-height:0;
	clear:both;
	}
.column_left {
	width:330px;
	float:left;
	}
.column_right {
	width:330px;
	float:right;
	padding-left:0px;
	}
body {
	background:url(../images_system/body_bg.gif) repeat-x #fff;
	}
#container {
	width:950px;
	margin:auto;
	}
#kopf {
	width:950px;
	height:75px;
	overflow:hidden; 
	}
#kopf_inner {
	margin:13px 0 0 0;
	float:right;
	height:59px;
	text-align:right;
	}
#logo {
	float:left;
	}
	#nav {	
		}
		 #nav ul {
				}
			#nav {
				font-family:Arial, Helvetica, sans-serif;
				font-size:10px;
				font-weight:normal;
				}	
			#nav li {
				display: inline;
				}
			#nav li a {
				display: inline;
				padding:7px;   /* bestimmt den Abstand der punkte zueinander*/
				line-height: 12px;
				text-decoration:none;
				color:#555;
				font-size:10px;
				}
			#nav li a:hover, #sup_nav li a:focus {
				color:#A0A6B1;
				text-decoration:none;
				}
			 #nav .tot {
				display: inline;
				padding:7px;   /* bestimmt den Abstand der punkte zueinander*/
				line-height: 4px;
				text-decoration:none;
				color:#A0A6B1;
				font-family:Arial, Helvetica, sans-serif;
				font-size:10px;
				}
#bild {
	height:195px;
	width:960px;
	margin:auto;
	background-position:right top;
	background-repeat:no-repeat;
	padding:0 0 0 15px;
	}
	#bild h1 {
		color:#fff; 
		font-size:20px; 
		font-weight:bold;
		line-height:26px;
		padding:18px 0 0px 0;
		text-shadow:1px 1px 1px #000;
		}
#bild h1 {
		color:#FFFFFF;
		font-size:30px;
		font-weight:normal;
		line-height:34px;
		padding:19px 0pt 0px;
		width:335px;
		}
	#bild h2{
		color:#BAC6DA; 
		font-size:14px; 
		font-weight:normal;
		line-height:20px;
		padding:10px 0 10px 0;
		text-shadow:1px 1px 1px #000;
		}
#klinke {
	position:absolute;
	top:0px;
	right:0px;
	z-index:3;}

/* Suche ++++++++++++++++++++++++++++++++++++++++++ */

#suche {
	text-align:right;
	margin-top:20px;}

#suche_wrapper {
	width:220px;
	height:34px;
	background:url(../images_system/search_bg.gif) no-repeat;			
	vertical-align:top;
	padding:2px 0 2px 2px;
	margin:0 0 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:200px;
	height:13px;
	font-size:11px;
	line-height:11px;
	border:none;
	background:transparent;}


/* rounded corners */

.corner_container, 
	#content_top_right, 
	#content_top_left, 
	#content_bottom_right, 
	#content_bottom_left,
	#teaser_top_right, 
	#teaser_top_left, 
	#teaser_bottom_right, 
	#teaser_bottom_left {
	height:9px;
	width:950px;
	background-repeat:no-repeat;
	}
.corner_container{
	}


#teaser_top_right {
	background-image:	url(../images_system/teaser_top_right.gif);
	background-position:right;
	background-color:#f2f6f8;
	}
#teaser_top_left {
	background-image:url(../images_system/teaser_top_left.gif);
	background-position:left;
	}
#teaser_bottom_right {
	background-image:	url(../images_system/teaser_bottom_right.gif);
	background-position:right;
	background-color:#cee3ef;
	}
#teaser_bottom_left {
	background-image:url(../images_system/teaser_bottom_left.gif);
	background-position:left;
	}


/* Content styles ++++++++++++++++++++++++++++++++++ */

#additional_content {
	margin-top:20px;}

.small {
	font-size:11px;
	color:#999999;
	}

.image_frame {
   	padding:6px;
   	border:1px solid #ddd;
	float: left;
	margin: 0 15px 5px 0;
   }
#content_bereich { 
	width:930px; 
	margin:-30px auto 20px auto; 
	}
#content {
	padding:10px 10px 10px 20px; 
	width:675px; 
	float:left; 
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:16px;
	font-weight:normal;
	color:#626E83;
	}
#content h1 {
	color: #355f8c;
	font-weight:normal;
	font-size:30px;
	text-decoration:none;
	margin: 0px 0 10px 0;
	padding:0 0 0px 0;
	line-height:34px;
	}
#content h2 {
	color: #777;
	font-weight:normal;
	font-size:16px;
	line-height:20px;
	text-decoration:none;
	margin: 15px 0 10px 0;
	}
#content h3 {
	color: #444;
	font-weight:normal;
	font-size:20px;
	text-decoration:none;
	margin: 20 0 3 0;
	}
#content h4 {
	color: #464E5D;
	font-weight:bold;
	font-size:14px;
	text-decoration:none;
	margin:0 0 5px 0;
	padding: 7px 0 2px 0;
	}
#content p {
	font-size:12px;
	line-height:16px;
	font-weight:normal;
	color:#626E83;
	margin:0 0 10px 0;
	}
#content p.teaser {
	margin: 5px 0 15px 0;
	color:#777777;
	font-size:16px;
	font-weight:normal;
	line-height:1.3;
	float:none;
	}
#cont_ref p {      /*Ausnahme fr Referenz bereich*/
	margin:0 0 5px 0;
	padding:0 0 0 0;
	}
.small {
	font-size:11px;
	color:#999999;
	}	
#content p.small {
	font-size:11px;
	color:#999999;
	}	
#content ul {
	margin:5px 0 10px 25px;
	}
#content li {
	font: 12px arial; color:  #222222;
	font-weight:normal;
	color:#000;
	margin-bottom:5px;
	list-style-image:url(../images_system/bullit_klein.gif)
	}
#content a	{
	color: #464E5D;
	font-family:arial,verdana;
	font-weight:bold;
	text-decoration:underline;
	margin: 10 0 10 0;
	}
#content a:hover {
	color:#999999;
	}
#content a img {
	border:0; margin:0 0 0 15px;
	}
#content a img.screenshot {
	border:1px solid #aaa;
	}
	
	
a.big_button {
	display:block;
	width:208px;
	height:38px;
	text-align:center;
	line-height:34px;
	text-decoration:none;
	padding:0px 0 0px 0px;
	font-size:12px;
	color:#555;
	text-shadow:0px 1px 0 #fff;
	background:url(../images_system/big_button.gif) no-repeat 0 0;
	} 
a:hover.big_button  {
	background:url(../images_system/big_button.gif) no-repeat 0 -38px;
	color:#000;}	
	
	
#content a.inline_button {
	display:table;
	position:relative;
	width:150px;
	height:25px;
	text-align:center;
	line-height:25px;
	text-decoration:none;
	margin:10px 0 0 0;
	padding:0px 0 0px 0px;
	font-size:12px;
	color:#fff;
	text-shadow:0px 1px 0 #516e8e;
	background:url(../images_system/button_inline.gif) no-repeat 0 0;
	}
	* html #content a.inline_button {
	display:block;
	} 
#content a:hover.inline_button  {
	color:#516e8e;
	text-shadow:0px 1px 0 #d2deea;
	}	
		
		
.anschnitt_rechts {
	position:relative;
	margin:-5px -8px 0 0;}
	
/*#content a.bullit {
	background:transparent url(../images_system/bullit_active.gif) no-repeat;
	display:block;
	line-height:16px;
	margin:0 0 5px;
	padding:2px 0 5px 22px;
	}	*/
	
.code {
	font-family: "Courier New", Courier, mono;
	font-size: 11px;
	color: #222222;
}
#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;
	}
.bildumfliess {
	float: left;
	margin: 0 15px 5px 0;
	}
#box table {
	width: 275px;
	vertical-align:top;}
#box th p {
	text-align:right;
	vertical-align:top;
	color: #777;
	font-family:arial,verdana;
	font-weight:bold;
	font-size:12px;
	text-decoration:none;
	margin:0;
	padding:0;
	}
#box th h5 {
	text-align:right;
	vertical-align:top;
	color: #777;
	font-family:arial,verdana;
	font-weight:bold;
	font-size:12px;
	text-decoration:none;
	margin:0;
	padding:0;
	}
#box td p{
	text-align:left;
	vertical-align:top;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#000;
	margin:0;
	padding:0;	
	}
.content_box_start {
	padding:0 0 12px 0;
	background-image: url(../images_system/kachel_navi.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	clear:both;}
.content_box_start h2 {
	color: #7a1406;
	font-family:arial,verdana;
	font-weight:normal;
	font-size:18px;
	text-decoration:none;
	margin: 0px 0 0 0;
	padding:0;
	}
.content_box_start p{
	text-align:left;
	vertical-align:top;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#000;
	margin:5px 0 5px 0;
	padding:0;	
	}
	
/* Boxes */	
	
.narrow_box_container {
	margin:20px 0 0;	
	background:url(../images_system/narrow_box_container.gif) no-repeat top left; 
	}
.narrow_box_inner {
	background:url(../images_system/narrow_box_inner.gif) no-repeat bottom left;
	padding:10px 15px 15px 15px;
	}
.wide_box_container {
	margin:5px 0 0;	
	background:url(../images_system/wide_box_container.gif) no-repeat top left; 
	}
.wide_box_inner {
	background:url(../images_system/wide_box_inner.gif) no-repeat bottom left;
	padding:10px 15px 5px 15px;
	width:645px;
	overflow:hidden;
	}


/* Contact Form specials */

#groesse p {color:#7a1406; font-weight:bold;}


/* sitemap special */ 
#content ul.sitemap {font-size:14px; padding:1px 0 8px 20px; margin:0 0 0 0; }
#content ul.sitemap li {font-size:14px; padding:2px 0 0 5px; margin:0 0 0 0; }
#content .sitemap li a {font-size:12px; padding:0; margin:0; }
#content .sitemap ul ul li li a {font-size:11px; padding:0; margin:0; font-weight:normal; }
#content .sitemap ul ul ul li li a {font-size:10px; padding:0; margin:0; font-weight:normal; line-height:10px; }


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


#teaser_container_outer {
	margin-top:0px;
	background:url(../images_system/teaser_outer_tile.gif) 0 40px repeat-x;
	height:294px;
	}
#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:924px;
		height:213px;
	/*	overflow:hidden;
	*/	}

.teaser {
	float:left;
}
.teaser .date {display:none;}

.teaser1, .teaser2, .teaser3, .teaser4 {
	height:175px; 
	overflow:hidden; 
	padding: 0 12px 0 12px;
	
	}
.teaser1, .teaser2, .teaser3, .teaser4 {
	width:205px;
	font-size:10px; 
	color:#626E83;
	}
.teaser1 h3, .teaser2 h3, .teaser3 h3, .teaser4 h3 {
	font-size:14px; 
	color:#464E5D;
	padding:9px 0 22px 0;
text-shadow:0 1px 1px #fff;
	}
.teaser1 p, .teaser2 p, .teaser3 p, .teaser4 p {
	font-size:10px; 
	color:#626E83;
margin:0 0 10px 0; 
	}
.teaser1 a, .teaser2 a, .teaser3 a, .teaser4 a {
	font-size:10px; 
	color:#A0A6B1; font-weight:bold;
margin:0 0 10px 0; 
	}
.teaser1, .teaser2, .teaser3 {
	background-image:url(../images_system/teaser_trenner.gif);
	background-position:top right;
	background-repeat:no-repeat;
	}


.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 .mehr_button {
	margin:5px 0 10px 10px;
	padding:1px 0 10px 9px;}

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

/* inline navigation +++++++++++++++++++++++++++++++ */
.teaserbox_1 {border-bottom:1px solid #ddd;}

.teaserbox_1 a {padding:2px 0 5px 22px; margin:0 0 5px 0;
background:url(../images_system/bullit_active.gif) no-repeat;
line-height:16px; display:block;}

.teaserbox_head a {color: #777;
	font-weight:normal;
	font-size:14px; display:block;
	line-height:20px;
padding:0; background:transparent;
	text-decoration:none;
	margin: 5px 0 10px 0;}



/* Footer Styles +++++++++++++++++++++++++++++++++++++++++++++++++++ */


#footer_container {
	background:#0d2235;
	}
#footer {
	}	
#footer p {
	text-align:left;
	padding:2px 0 0 3px;
	margin:0;
	color:#626E83;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:normal;
	line-height:14px;
	}
#footer p a {
	text-decoration:none;
	color:#cdcdcd;
	font-size:9px;
	}
.footer_item {
	 padding:0px 10px 5px 10px; 
	 text-align:left;
	 }

/* 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; 
background:#fff url(../images_system/bg_input.png) repeat-x;
	padding:2px;
	margin:1px;
	border-top:1px solid #999;
	border-left:1px solid #b4b4b4;
	border-right:1px solid #b4b4b4;
	border-bottom:1px solid #dadada;
	font-size:11px;
	color:#444;
	font-family:Arial, Helvetica, sans-serif;
}
.input70, .not_mandatory70 {
	width:181px; 
	margin:2px 0 0 5px;
background:#fff url(../images_system/bg_input.png) repeat-x;
	padding:2px;
	margin:0;
	border-top:1px solid #999;
	border-left:1px solid #b4b4b4;
	border-right:1px solid #b4b4b4;
	border-bottom:1px solid #dadada;
	font-size:11px;
	color:#444;
	font-family:Arial, Helvetica, sans-serif;
	}

.input50, .not_mandatory50 {width:48px; 	
background:#fff url(../images_system/bg_input.png) repeat-x;
	padding:2px;
	margin:1px;
	border-top:1px solid #999;
	border-left:1px solid #b4b4b4;
	border-right:1px solid #b4b4b4;
	border-bottom:1px solid #dadada;
	font-size:11px;
	color:#444;
	font-family:Arial, Helvetica, sans-serif;
}
.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;}



/* Diese hier noch einsortieren ++++++++++++++++++++++++++++++++++++++ */


.centered {
	margin:auto; width:934px;}

/* Bild bewegen (Moz und WebKit only) ++++++++ */ 

#content a .bildumfliess { margin:8px 20px 0 10px;
-webkit-box-shadow: 0px 3px 10px rgba(0,0, 0, 0.3);
		-moz-box-shadow: 0px 3px 10px rgba(0,0, 0, 0.3);
		box-shadow: 0px 3px 10px rgba(0,0, 0, 0.3);
		-webkit-transition: -webkit-transform;
top: 50px;
		right: 20px;
		-webkit-transform: rotate(-4deg);
		-moz-transform: rotate(-4deg);
		transform: rotate(-4deg);

-webkit-transition: all 0.3s ease-in;}
#content a .bildumfliess:hover,
	a .bildumfliess:focus,
	a .bildumfliess:active {
		z-index: 999;
		
		-webkit-box-shadow: 0px 8px 30px rgba(0,0, 0, 0.5);
		-moz-box-shadow: 0px 8px 30px rgba(0,0, 0, 0.5);
		box-shadow: 0px 8px 30px rgba(0,0, 0, 0.5);
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		transform: rotate(0deg);
	}