@charset "UTF-8";
/**
 * Cascading Style Sheets für
 * www.impuls.de
 */
 
/******************************************************************************************************************* 
 * ALLGEMEINE FORMATIERUNG 
 ******************************************************************************************************************/
body {
	color:#fff;
	text-align:center;
	background:#212121 url(../images/bg-body.jpg) repeat-x;
}
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:#fff; text-transform:uppercase; }
h2 			{ font-size:13px; color:#fff;}
ul 			{ font-size:12px; color:#000; list-style:none;}
p 			{ font-size:12px; color:#ccc;}
a 			{ text-decoration:none; color:#fff; }
a:hover		{ color:#ddd; }
.clearer	{ clear:both; }
a img, img 	{ border: none; overflow:hidden; display:block; }

/******************************************************************************************************************* 
 * STRUKTUR & AUSRICHTUNG
 ******************************************************************************************************************/
#Wrapper {
	position:relative;
	text-align:left;
	margin:0 auto;
	width: 1024px;
}

	#Topnav {
		float:right;
		width:50%;
	}

	#Header {
		padding:0 0px 5px 0px;
	}
			
	#Themennav {
		position: relative; 
		float:left;
		width:339px;
		height:382px;
		margin-right:6px;
		background: url(../images/bg-themennav.jpg) no-repeat;
	}
		#Themennav-main {
			float:left;
			width:100%;
			height:36px;
			position:absolute;
			bottom:0px;
			left:0px;
		}
		#Themennav-sub {
			width:100%;
			position:absolute;
			bottom:56px;
			left:40px;
		}
	
	#Themenbild {
		float:left;
		width:679px;
		background: url(../images/bg-themenbild.jpg) no-repeat;
		margin-bottom:35px;
	}
		#Themenbild-main {
			float:left;
			width:100%;
			height:346px;
		}
		#Themenbild-sub {
			float:left;
			width:100%;
			height:36px;
		}
	
	#Subnav {
		float:left;
		width:350px;
		height:200px;
	}
	
	#Content-leistung {
		float:left;
		width:670px;
		padding-left:350px;
		min-height:400px;
		padding-right:30px;
	}
	#Content-unternehmen {
		float:left;
		width:600px;
		min-height:400px;
		padding-right:30px;
	}
	
	#Footer {
		clear:both;
		width:100%;
		background: url(../images/bg-footer.jpg) no-repeat;
		height:36px;
	}

/******************************************************************************************************************* 
 * Header
 ******************************************************************************************************************/
#Header img {
	padding:5px 0px 0px 0px;
}

/******************************************************************************************************************* 
 * Topnav
 ******************************************************************************************************************/
#Topnav ul {
	float:right;
}
#Topnav ul li {
	float:left;
	height:16px;
	padding-left:10px;
	padding-top:20px;
	border-right:1px solid #737373;
}
#Topnav ul li a{
	font-family: Helvetica, Arial, sans-serif; 
	font-weight: 100 !important;
	font-size: 12px;
	text-decoration: none; 
	color:#737373;
	padding-right:10px;
}
#Topnav ul li a:hover {
	color:#ffffff;
}
#Topnav ul li a.selected {
	color:#ffffff;
}

/******************************************************************************************************************* 
 * Themennav-main
 ******************************************************************************************************************/
#Themennav-main ul{
	margin-left:25px;
	margin-top:9px;
}
#Themennav-main ul li{
	float:left;
}
#Themennav-main ul li a{
	display:block;
	background: url(../images/lp-themennav-main.jpg) no-repeat;
	padding-left:15px;
	color:#535353;
	font-size: 16px;
}
#Themennav-main ul li a:hover{
	color:#fff;
}
#Themennav-main ul li a.selected {
	color:#fff;
	background: url(../images/lp-themennav-main-red.jpg) no-repeat;
}

/******************************************************************************************************************* 
 * Themennav-sub
 ******************************************************************************************************************/
#Themennav-sub ul{
}
#Themennav-sub ul li{
	padding:6px 0;
}
#Themennav-sub ul li a{
	display:block;
	font-family: Helvetica, Arial, sans-serif; 
	font-weight: 100 !important;
	font-size: 20px;
	text-decoration: none; 
	color:#434343;
}
#Themennav-sub ul li a:hover{
	color:#ffffff;
}
#Themennav-sub ul li a.selected{
	color:#fff;
}

/******************************************************************************************************************* 
 * Themenbild/Mainnav
 ******************************************************************************************************************/
#Themenbild-sub ul {
	margin-left:10px;
}
#Themenbild-sub ul li {
	float:left;
	height:35px;
}
#Themenbild-sub ul li a{
	display: block;
	font-family: Helvetica, Arial, sans-serif; 
	font-weight: 100 !important;
	font-size: 16px;
	text-transform:lowercase;
	text-decoration: none; 
	color:#808080;
	line-height:36px;
	padding:0 20px 0 13px;
}
#Themenbild-sub ul li a:hover {
	color:#fff;
}
#Themenbild-sub ul li a.selected{
	color:#fff;
	background: url(../images/lp-themenbild-main-aktiv.jpg) repeat-x right top;
}

/******************************************************************************************************************* 
 * Subnav
 ******************************************************************************************************************/
#Subnav ul {
	margin-left:25px;
}
#Subnav ul li {
	padding:7px 0;
}
#Subnav ul li a{
	display:block;
	font-family: Helvetica, Arial, sans-serif; 
	font-weight: 100 !important;
	font-size: 16px;
	text-decoration: none; 
	color:#707070;
	padding-left:15px;
}
#Subnav ul li a:hover{
	color:#fff;
}
#Subnav ul li a.selected{
	color:#fff;
	background: url(../images/lp-themennav-main-red.gif) no-repeat;
}
#Subnav ul li.selected a{
	color:#fff;
	background: url(../images/lp-themennav-main-red.gif) no-repeat;
}
/******************************************************************************************************************* 
 * Content
 ******************************************************************************************************************/
#Content-leistung h1, #Content-unternehmen h1 {
	padding-bottom:15px;
}
#Content-leistung h2, #Content-unternehmen h2 {
	padding-bottom:20px;
}
#Content-leistung p, #Content-unternehmen p {
	padding-bottom:20px;
	line-height:24px;
	font-size:14px;
	color:#979797;
}
#Content-leistung ul, #Content-unternehmen ul {
	padding-left:20px;
	padding-bottom:20px;
	list-style-type:disc;
}
#Content-leistung li, #Content-unternehmen li {
	line-height:24px;
	font-size:14px;
	color:#979797;
}

/******************************************************************************************************************* 
 * Footer
 ******************************************************************************************************************/
.footer-left {
	float:left;
	width:339px;
}
.footer-left ul{
	margin-left:20px;
}
.footer-left ul li a{
	line-height:36px;
	color:#535353;
}
.footer-left ul li a:hover{
	color:#fff;
}
.footer-right {
	float:left;
}
.footer-right p{
	line-height:36px;
	color:#535353;
}