html{height:101%;}

body{
font-family:Arial, Helvetica, sans-serif;
color:#242424;
font-size:12px;
background:url(images/bg_body.jpg) center top no-repeat #0b0b0b;
}

#wrap, #topbox, #contentwrap, #content{
width:960px;
}

#wrap{
position:relative;
margin:0 auto;
padding-top:194px;
}

#wrap:after{content:"";}

	a#logo{
	position:absolute;
	top:50px;
	left:32px;
	display:block;
	z-index:99;
	}

#topbox{
position:absolute;
top:0;
height:194px;
background:url(images/bg_header.png) left bottom no-repeat;
z-index:2;
}

	#message{
		position:absolute;
		left:313px;
		top:61px;
		z-index:99;
	}
	
	#social{
		position:absolute;
		left:726px; top:34px;
	}
	
		#social li{
			float:left;
			margin-right:6px;
		}
		
	#newsletter{
		position:absolute;
		right:20px;top:25px;
		display:block;
		width:59px;
		height:6px;
		padding-top:54px;
		background:url(images/icon_mail.png) center no-repeat;
		text-decoration:none;
		color:#b8b9bb;
	}
	
	ul#mainnav{
		position:absolute;
		top:108px; left:482px;
	}

		#mainnav li{
		float:left;
		height:31px;
		padding-left:10px;
		margin-right:5px;
		background:url(images/nav_left.png) left bottom no-repeat;
		}
		
		#mainnav a{
		display:block;
		float:left;
		height:26px;
		padding:5px 10px 0 0;
		background:url(images/nav_right.png) right bottom no-repeat;
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size:16px;
		font-weight:bold;
		color:#000;
		text-decoration:none;
		}
		
		#mainnav li:hover, #mainnav li.active{background:url(images/nav_left.png) left top no-repeat;}
		
			#mainnav li:hover a, #mainnav li.active a{
			background:url(images/nav_right.png) right top no-repeat;
			color:#8f8f8f;
			}
			
	#breadcrumb{
		position:absolute;
		left:20px;top:144px;
		font-size:11px;
		line-height:18px;
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	}
	
	#breadcrumb a, #breadcrumb span{
		font-size:10px;
		font-weight:bold;
		font-family:Arial, Helvetica, sans-serif;
		}
	
	#breadcrumb a{
		color:#ff6600;
		text-decoration:none;
		padding-right:5px;
	}
	
	#breadcrumb a:hover{text-decoration:underline;}
			
	form#search{
		position:absolute;
		width:175px; height:18px;
		right:20px; top:144px;
	}
	
		input#suchen{
			position:absolute;
			left:0; top:0;
			width:142px;
			height:14px;
			padding:2px 5px 2px 5px;
			background:url(images/bg_search.png) left top no-repeat;
			font-family:Arial, Helvetica, sans-serif;
			font-size:11px;
			line-height:14px;
			color:#818182;
			border:none;
		}
		
		input#submit{
			position:absolute;
			right:0px; top:0px;
			width:23px;
			height:18px;
			background:url(images/btn_search.gif) right top no-repeat;
			border:none;
		}

#contentwrap{
position:relative;
}

	#content{
	position:relative;
	background:url(images/bg_content.gif) bottom no-repeat;
	padding-bottom:30px;
	}

		
	#rightcol{
	width:525px;
	padding:20px 200px 30px 35px;
	float:right;
	line-height:15px;
	}
	
		h1{
			font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
			font-size:20px;
			line-height:20px;
			color:#8f8f8f;
			margin-bottom:10px;
			font-weight:normal;
		}
		
		h2, h3, h4, h5, h6{
			font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
			font-size:14px;
			line-height:18px;
			color:#8f8f8f;
			margin-bottom:10px;
			font-weight:normal;
		}
		
		#rightcol p{
			margin-bottom:10px;
		}
		
		#rightcol a{
			color:#ff6600;
			text-decoration:none;
		}
		
		#rightcol a:hover{text-decoration:underline;}
		
		#rightcol img{
			float:right;
			margin:3px 0 15px 20px;
		}
		
			#rightcol img.leftfloat{
				float:left;
				margin:3px 15px 15px 0;
			}
		
			#rightcol img.nofloat{
				float:none;
				margin:0 auto;
				margin-bottom:15px;
			}
		
		#rightcol ul{margin-bottom:15px;}
		
		#rightcol li{
			padding:3px 15px 3px 15px;
			background:url(images/bullet_cube.gif) 0 2px no-repeat;
		}
		
		span.u{text-decoration:underline;}
		span.b{font-weight:bold;}
		
		#rightcol .imglist{
		}
		
		#rightcol .imglist li{
			background:none;
			padding:3px 0 3px 0;
			clear:both;
		}
		
			#rightcol .imglist img{
				float:left;
				margin-right:10px;
				width:100px;
			}

	#leftcol{
	width:200px;
	float:left;
	padding-top:10px;
	}
	
		#sidebarnav{}
		
			#sidebarnav li{width:200px; float:left;}
		
			#sidebarnav a{
				display:block;
				padding:15px 10px 5px 20px;
				font-size:13px;
				line-height:15px;
				color:#b8b9bb;
				text-decoration:none;
			}
			
			#sidebarnav a:hover{
				color:#ff6600;
			}
	
	#bottombox{
	clear:both;
	width:920px;
	padding:0 20px 67px 20px;
	background:url(images/bg_footer.png) left bottom no-repeat;
	font-size:11px;
	color:#b8b9bb;
	line-height:14px;
	}
	
		#footertop{
			height:15px;
			padding:10px 0 10px 0;
			border-bottom:1px solid #b8b9bb;
			color:#d2d2d2;
		}
		
			#footertop #right{
				float:right;
				font-size:12px;
			}
		
			#footertop li{
				padding:0 7px 0 7px;
				float:left;
				border-right:1px solid #ff6600;
			}
			
				#footertop li.first{
					padding:0 7px 0 0;
				}
				
				#footertop li.last{
					padding:0 0 0 7px;
					border-right:none;
				}
			
			#footertop a{
				display:block;
				float:left;
				color:#ff6600;
				text-decoration:none;
			}
			
			#footertop a:hover{
				text-decoration:underline;
			}
			
		#footerbottom{
			clear:both;
			padding:25px 0 150px 0;
		}
		
		#footerbottom ul{
			width:175px;
			float:left;
		}
		
			#footerbottom ul.space{
				margin-right:175px;
			}
				
			#footerbottom li{
				width:175px;
			}
		
			#footerbottom li.first{
				padding-bottom:20px;
				font-size:14px;
				line-height:16px;
				font-weight:bold;
				text-decoration:underline;
			}
			
			#footerbottom a{
				display:inline;
				text-decoration:none;
				color:#b8b9bb;
			}
			
			#footerbottom a:hover{text-decoration:underline;}
			
		#copyright{
			clear:both;
			height:14px;
			padding-top:5px;
			background:url(images/bg_copyright.gif) left top no-repeat;
			text-transform:uppercase;
		}
	
	#information {
	position:absolute;
	bottom:-321px; left:206px;
	width: 175px;
	font-size:11px;
	line-height:14px;
	}
	
		#information li.first{
			padding-bottom:20px;
			font-size:14px;
			line-height:16px;
			font-weight:bold;
			text-decoration:underline;
			color:#b8b9bb;
		}
		
		#information a {
		display:inline;
		text-decoration:none;
		color:#b8b9bb;
		}
		
		#information a:hover {text-decoration:underline;}
	
/* ---------------------------------------------------*/
*{
margin: 0;
padding: 0;
list-style: none;
}

:focus{
outline: 0;
}

img{
border: 0;
display:block;
}

.static{
position:static;
}

.clearfix:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}

.clearfix {
display: inline-block;
}

html[xmlns] .clearfix {
display: block;
}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
/* End hide from IE-mac */