/* rheinline.de // CSS File */
/* Copyright (c) 2009 rheinline - agentur für digitale medien */

/* Basic Reset */ 
html, body, ul, li, div, p, h1, h2, h3, h4 , h5, h6	{ margin:0; padding:0; }
.clr {display: block; height:1px; clear:both;}
h1 {margin: 0 0 20px 0;}
img { border:0;  }
object {outline:0; }

a, a:link, a:active, a:visited{ color: #000000; text-decoration:none; border-bottom:1px dotted #000000; }
a:hover{ color: #000000; text-decoration:none; border:0; }

/* Basic Layout */
html, body 
{
	background: #ffffff url(../image/body_background.jpg) top left repeat-x; 
	height: 100%; 
	min-height: 100%;	
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size:12px; 
	font-weight: normal; 
	text-decoration:none; 
	color: #666f6f; 
	line-height: 22px; 
}

#wrapper 
{
	width: 976px;
	position: relative; 
	margin: 0 0 20px -507px; 
	left: 50%;  
	height: 100%; 
	min-height: 100%; 
	height: auto !important; 
	padding: 0px 20px 20px 20px; 	
	display: block;	 
}



#header 
{
	height: 260px; 
	width: 100%; 
}

#header a 
{
	border:0; 
}

#hirsch
{
	margin: 5px 0 0 0; 
	width: 270px; 
	height: 250px; 
	border:0; 
	outline:0; 
	float:left; 
	display: block; 
}

#logo 
{
	margin: 60px 0 0 0; 
	float:right; 
	display: block;
}

#container
{
	margin: 60px 0 0 0; 
	padding: 0 0 0 20px; 	
	height:auto;
}

#leftbar 
{
	width: 300px; 
	height: auto; 
	float:left; 
}

#leftbar div
{
	margin-bottom: 50px; 
}

#navigation
{
	width:100%; 
	
}

.nav_trenner 
{
	width: 90%; 
	height:1px;
	border-bottom: 1px dotted #000000;  
	display: block; 
}

#navigation: ul 
{
	list-style:none; 
	margin:0; 
	padding:0; 
}

#navigation ul li
{
	width: 90%; 
	display: block; 
	margin:0; 
	padding: 0; 
	
}

#navigation ul li a
{
	height: 30px; 
	margin:0; 
	display: block; 
	padding: 10px 0 0 20px;  
	text-decoration: none; 
	color: #666f6f; 
	font-weight: bold; 
	font-size: 16px;
	border-bottom: 1px dotted #000000; 
}

#navigation ul li a:hover, 
#navigation ul li a.active
{
	height: 30px; 
	margin:0; 
	display: block; 
	padding: 10px 0 0 20px;  
	background-color: #ffc600; 
	text-decoration: none; 
	color: #666f6f; 
	font-weight: bold; 
	font-size: 16px; 
	border-bottom: 1px dotted #000000; 
}


#content 
{
	width:540px; 
	margin: 0 0 0 100px; 
	float:left; 
}

#content ul 
{
	margin: 0 0 0 20px; 
}

#footer 
{	
	height: 150px; 
	clear:both;
	width:100%; 
	display: block; 
	padding: 40px 0 0 0;
	background:#FFFFFF url(../image/footer.jpg) top left repeat-x;
}

#inFooter
{
	width: 976px; 
	position:relative; 
	left: 50%; 
	margin: 0 0 0 -400px; 
	color: #ffffff; 	
}

.copyright
{
	padding: 30px 0 0 40px;	
}

#team
{
	height: 141px; 
	width: 288px; 
	float:left; 
}

#wellen 
{
	background:url(../image/wellen.jpg) top left no-repeat;
	width:554px; 
	height: 27px;
	float:left;
	margin-top: 39px; 
}

#wellen a
{
	color: #ffffff; 
	border-bottom-color:#ffffff; 
}

#wellen a:hover
{
	color: #ffffff; 
	border:0;
}