﻿@charset "UTF-8";
/**
 * Cascading Style Sheets f�r
 * 
 * Global
 */
 
/******************************************************************************************************************* 
 * ALLGEMEINE FORMATIERUNG 
 ******************************************************************************************************************/
html, body {
	height:100%;
}
 body {
	color:#595959;
	background-color:#fff;
	text-align:center;
}
body, h1, h2, h3, h4, p, span, input, select, option, a, textarea, ul {
	font-family: "Helvetica", Arial, sans-serif;
	font-weight:normal;
}
h1 			{ font-size:22px; color:#009ee0; }
h2 			{ font-size:14px; color:#b8b8b8; }
h3			{ font-size:12px; color:#009ee0; }
ul 			{ font-size:12px; color:#595a5c; line-height:20px; list-style:disc; margin-left:15px; padding-bottom:15px;}
ol 			{ font-size:12px; color:#595a5c; line-height:20px; margin-left:15px; padding-bottom:15px;}
p 			{ font-size:12px; color:#9c9e9f; line-height:20px; padding-bottom:15px;}
a 			{ text-decoration:none; color:#086d98; }
a:hover		{ color:#595a5c; }
.clearer	{ clear:both; }
.linear 		{ display:none;}
a img, img 	{ border: none; overflow:hidden; display:block; }

.text-tuerkis { color:#46c1e3; }
.text-braun { color:#976039; }
.text-rot { color:#ff4f42; }

img {
	behavior: url(assets/templates/mlp/iepngfix/iepngfix.htc)
}
	
/******************************************************************************************************************* 
 * STRUKTUR & AUSRICHTUNG
 ******************************************************************************************************************/
#Wrapper {
	text-align:left;
	margin:0 auto;
	width: 1000px;
	height:100%;
	bottom:-1px;
	background:url(../images/bg_wrapper2.gif);
	background-repeat:no-repeat;
}
	#Header{
		width:1000px;
		height:344px;
		overflow:hidden;
	}
		#header-image{
			float:right;
			width:649px;
			height:300px;
			margin-bottom:44px;
			position:relative;
		}
			#header-button{
				width:134px;
				height:134px;
				float:right;
				margin-top:202px;
				position:absolute;
				right:0px;
				z-index:2;
			}
			#logo{
				float:left;
				margin-top:25px;
			}
/*------------------------------------------------------------------- NAVIGATION*/
	#navigation{
		height:40px;
	}
	#navigation ul {
		margin-top:9px;	
		float:right;
		width:650px;
	}
		#Breadcrumbs{
			margin-top:9px;	
			float:left;
			font-size:0.8em;
			overflow: hidden;
   			white-space: nowrap;
    		width: 330px;
		}
		#Breadcrumbs a, a:visited{
			font-size:11px;
			color:#9c9e9f;
		}
		
		.socialmedia {
			padding-left:15px;
		}
		.socialmedia img {
			float:left;
			padding:3px 5px 0 0px;
		}
	
/*------------------------------------------------------------------- CONTENT*/
	#content-wrap{
		width:100%;
		margin-top:30px;
		margin-bottom:24px;
	}
	a.block-arrow{
		color:#086d98;
		font-size:1.5em;
		display:block;
		padding-left:40px;
		margin-top:10px;
		background:url(../images/arrow.gif);
		background-repeat:no-repeat;
	}
	.block-arrow{
		color:#086d98;
		font-size:1.5em;
		display:block;
		padding-left:40px;
		margin-top:10px;
		background:url(../images/arrow.gif);
		background-repeat:no-repeat;
	}
	.block-arrow a{
		color:#086d98;
	}
	.weiterempfehlen{
		color:#9c9e9f;
		font-size:1.2em;
		display:block;
		padding-left:20px;
		margin-top:10px;
		background:url(../images/arrow_grey.gif);
		background-position:0 3px;
		background-repeat:no-repeat;
	}
	.liste-leistungsbereich li{
		font-weight:bold;
	}
	.liste-leistungsbereich li a{
		font-weight:bold;
		color:#595A5C;
	}
	.liste-leistungsbereich li ul{
		list-style:none;
		margin-left:0px;
	}
	.liste-leistungsbereich li ul li{
		font-weight:normal;
	}
	#content-wrap .text-blau{
		font-weight:bold;
		color:#086d98;
	}
	#content-wrap .text-lila{
		font-weight:bold;
		color:#800066;
	}
	#content-wrap .text-blau-nonbold{
		font-weight:normal;
		color:#086d98;
	}
/*------------------------------------------------------------------- CONTENT BREIT*/
		#content-breit{
			float:right;
			width:500px;
			padding-right:150px;
		}
		#content-breit p a{
			color:#086D98;
		}
		#content-breit h1{
			font-size:0.8em;
			text-transform:uppercase;		
			color:#9c9e9f;
		}
		#content-breit h2{
			font-size:1.1em;
			color:#000;
			line-height:1.5em;
			margin:5px 0px 40px 0px
		}
		#content-breit p{
			color:#595959;
		}
		#content-breit iframe{
			margin-top:40px;
		}
/*------------------------------------------------------------------- CONTENT LEFT*/
		#content-left{
			float:left;
			width:280px;
			padding-left:20px;
		}
			#content-left p{
				font-size:0.8em;
				color:#9c9e9f;
			}
			.block-left{
				background:url(../images/bg_block_bottom.gif);
				background-repeat:no-repeat;
				background-position:50% bottom;
				padding-bottom:15px;
				margin-bottom:20px;
			}
			.block-left img{
				float:left;
				margin:0px 10px 10px 0px;
			}
/*------------------------------------------------------------------- CONTENT RIGHT*/
		#content-right{
			float:right;
			width:300px;
		}
			#content-right p{
				color:#595959;
			}
			#content-right h1{
				font-size:0.8em;
				text-transform:uppercase;		
				color:#9c9e9f;
			}
			#content-right h2{
				font-size:1.1em;
				color:#086d98;
				line-height:1.5em;
				margin:5px 0px 40px 0px
			}
			.blog-eintrag{
				background:url(../images/bg_block_bottom.gif);
				background-repeat:no-repeat;
				background-position:50% bottom;
				padding-bottom:25px;
				margin-bottom:20px;
			}
			.blog-eintrag h3{
				color:#a0a0a0;
				font-weight:normal;
				font-size:0.81em;
				line-height:18px;
				padding-bottom:5px;
			}
			.blog-eintrag a, a:visited{
				color:#086d98;
			}
		#content{
			padding:0px 350px;
		}
		#content p{
			color:#595959;
		}
		#content p a{
			color:#086D98;
		}
		#content h1{
			font-size:0.8em;
			text-transform:uppercase;		
			color:#9c9e9f;
		}
		#content h2{
			font-size:1.1em;
			color:#000;
			line-height:1.5em;
			margin:5px 0px 40px 0px
		}

#clear{
    content: ".";
    display: block;
    height: 0;
    width:1000px;
    clear: both;
    visibility: hidden;
	
}
/*------------------------------------------------------------------- FOOTER*/
#footer{
	clear:both;
	width:1000px;
	height:290px;
	background:url(../images/bg_footer.jpg);
	background-repeat:no-repeat;
}

	#footer-left{
		float:left;
		width:300px;
		padding-top:30px;
		color:#9c9e9f;
	}
		#footer-left p{
			clear:both;
			float:left;
			width:100%;
			padding:0;
		}
		#footer-left .smicons {
			padding-left:6px;
			padding-top:10px;
		}
		#footer-left .fokus {
			padding-bottom:10px;
		}
		#footer-left img{
			float:left;
			margin:10px 5px 5px 0px;
		}
	
	#footer-right{
		float:right;
		width:620px;
		padding:30px 0px 0px 30px;
	}
	#footer-right .footer-list{
		float:left;
		width:205px;
		min-height:160px;
		margin:0;
		padding:0;
	}
	#footer-right ul{
		float:left;
		width:205px;
		margin:0;
	}
	#footer-right ul li{
		list-style:none;
	}
		#footer-right-top{
			padding:30px 0px 0px 30px;
		}
	#footer p a{
		color:#9c9e9f;
	}
	#footer p a:hover{
		color:#000;
	}
	#footer-right ul li a{
		color:#9c9e9f;
	}
	#footer-right ul li a:hover{
		color:#000;
	}
	#footer-right h2{
		font-size:0.8em;
		color:#595959;
	}
	#footer-right ul .footer-list-first a{
		color:#595959;
	}

.text-grey-dark{
	font-size:1.0em;
	color:#646464;
}
.text-black{
	color:#000;
}
/*------------------------------------------------------------------- FORMULARE*/
fieldset{
	margin-top:20px;
}
input{
	border:0;
	width:404px;
	height:23px;
	font-size:1.0em;
	color:#9c9e9f;
	padding-left:5px;
	background:url(../images/bg_form_text.gif);
}
textarea{
	border:0;
	width:404px;
	height:101px;
	font-size:1.0em;
	color:#9c9e9f;
	padding:5px 0px 0px 5px;
	background:url(../images/bg_form_textarea.gif);
}
label{
	display:block;
	font-size:1.0em;
	color:#9c9e9f;
	text-transform:uppercase;
}
#seiteempfehlen #senden{
		color:#086d98;
		width:90px;
		font-size:1.5em;
		display:block;
		padding-left:20px;
		margin-top:10px;
		background:url(../images/arrow.gif);
		background-repeat:no-repeat;
}
#cfContact{
		float:left;
		color:#086d98;
		width:160px;
		font-size:1.5em;
		display:block;
		padding-left:20px;
		margin-top:10px;
		background:url(../images/arrow.gif);
		background-repeat:no-repeat;
		margin-right:30px;
}
#cfDelete{
		color:#086d98;
		width:160px;
		font-size:1.5em;
		display:block;
		padding-left:20px;
		margin-top:10px;
		background:url(../images/arrow.gif);
		background-repeat:no-repeat;
}
.errors {
	padding:0px 30px 20px 0;
	margin:20px 0px 0px 0px;
	font-size:0.7em;
	color:red;
	font-weight:normal;
	font-family:Verdana, sans-serif;
	width:420px;
}
/*-------------------------------------------
 Main Navigation
 -------------------------------------------*/
#nav, #nav ul { /* all lists */
    padding: 0;
    margin: 0;
    list-style: none;
    line-height: 1;
    float: left;
}

#nav li { /* all list items */
    float: left;
}

#nav {
    width: 700px;
}

#nav.e1 li {
    float: left;
    line-height: 13px;
    margin-right: 10px;
    padding-right: 10px;
}

#nav.e1 li a {
    color: #9C9E9F;
    text-transform: uppercase;
    font-size: 13px;
    padding-bottom:11px;
}

#nav.e1 li a:hover {
    color: #9C9E9F;
    text-decoration:none;
}
#navigation li.active a{
    color: #000;
}

#nav a {
    display: block;
}

#nav li ul { /* second-level lists */
    position: absolute;
    width: 209px;
    left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
    background: url(../images/dropdown.png);
    background-repeat: no-repeat;
    background-position: bottom;
    padding-left:40px;
}

#nav ul.e2 li {
		line-height: 29px;
    background: none;
    padding: 0px 6px;
    border-bottom:1px solid #878787;
    width:182px;
    height:35px;
    margin-left:-12px;
}
#nav ul.e2 .last{
	border:none;
}
#nav ul.e2 li a {
    width: 190px;
    color: #878787;
    margin: 0px;
    padding-left: 0px;
    text-transform: none;
    padding-bottom:0px;
}

#nav ul.e2 li a:hover {
    color: #000;
    text-decoration: none;
}

#nav li ul ul { /* third-and-above-level lists */
    margin: -1em 0 0 200px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
    left: -999em;
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
    left: auto;
    margin-left: -30px;
    padding-bottom: 10px;
}

#nav li li:hover ul, #nav li li li:hover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
    left: auto;
    margin-left: 198px;
}

#nav2 {
    float: right;
    width: 250px;
}

#nav2 li {
    float: left;
    height: 29px;
    line-height: 15px;
    padding-left: 30px;
}

#nav2 li a {
    color: #917b42;
    text-transform: uppercase;
    font-size: 12px;
	height:26px;
}

#h-image {
    clear: both;
    float: left;
    margin-top: 50px;
    position: relative;
    width: 1000px;
    height: 292px;
    border: 1px solid black;
}
