


* { margin: 0; padding: 0; }


	.fixed:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
	.fixed{ display:block;}

	.fixed{
		min-height:1%;
		}
	* html .fixed{
		height:1%;
		}

body
{
	background-color:#021E35;
	color: #000; 
   	font-size: 13px;
   font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, sans-serif;
	line-height:28px;
}

	a { 
		color:#0063B1;
		text-decoration: none;  
	}
	img{ border:none;}
	
	a:hover { 
	color:#B1BFE9;
	}



#wrap{
	width:780px;
	
	margin:0 auto;
	border: 2px solid #000; border-top:none; border-bottom:none;
	padding:0 40px 0 40px;
	
	background-color:#FFFFFF;	
}


#header{ position:relative; height:395px; }

	#logo{
		position:absolute; top:0; left:25px; z-index:99;
		width:180px; height:140px; 
		 border-top:none;	
	}
		#logo a img{ border:none;}
		#logo h1{ line-height:30px; text-align:center; font-size:38px; margin-top:10px; color:#111;}

		
	
	
	#nav ul
	{ 
		position:absolute; top:68px; right:5px;
		padding:0; 
		list-style: none;
	}
		#nav li{ display: inline; }
			#nav a
			{ 
				display: block; 
				float: left;
				color:black;
				padding:5px 10px 5px 10px;
				letter-spacing:2px;
				text-decoration:none; font-size:14px;
				border: 1px solid white;				
			}
			
				#nav a:hover{ text-decoration:none; background-color:#0063B1; border: 1px solid black;color:white; }
				#nav a.selected {  background-color:#0063B1; color:#FFFFFF; border: 1px solid black; }	
				#nav .active a:hover{ text-decoration:none; }
				
	
	
	#header-img
	{ 
		position:absolute; top:100px; height:250px; width:770px;
		
		 padding:5px;
	}

	#orientierung{ position:absolute; top:365px; left:8px; font-size:12px;}




#main{ padding:7px;}

	
	#sidebar{ float:left; width:190px; height:350px;
			  padding:20px 5px 0 5px; background:#fff no-repeat top right;
	}
		#sidebar p{ margin-bottom:5px; padding:0 20px 0 10px;  text-align: justify; }
		
		#sidebar h3{ width:90%; margin:10px auto; border-bottom:1px solid #b9b9b9; text-align:center; font-size:16px; }
		
		#sidebar img{   }
		
		
		
		.subnav { width:170px; }
	
			.subnav ul { border-top: 1px solid #ececec; padding: 0; }
			
			.subnav li { margin: 0; border-bottom: 1px solid #ececec; list-style: none; }
			
				.subnav li a 
				{ 
					display: block; padding: 5px 15px 5px 10px;
					letter-spacing:1px;
					 color:#000;  text-decoration: none; text-align:left;	
				}
				
					.subnav li a:hover 
					{
						 background:#0063B1;
						text-decoration:none; color:#fff;	 
					}
					
					.subnav a.selected 
					{ 
						background:#ccc;
						text-decoration:none; color:black; 
					}
					

	
	#content
	{ 
		width:550px; float:right;
		padding:10px 5px 0 5px;
	}
	
		#content h1{
				 margin: 10px 0 15px 0;  padding: 0px 0 2px 0px;
				font-size:32px;
				 text-indent:15px; letter-spacing:1px;	
				 letter-spacing:1px;
				 color:#0063B1;
		}
		
		#content h2{
				 margin:30px 0 15px 0; text-indent:15px; 
				 font-size:21px;
				 color:#0063B1;
					
		}

			
			#content h3{ 
		border-bottom:1px dotted #B1BFE9;
		padding-bottom:8px;
		margin-top:10px;
		margin-bottom:10px;
		color:#0063B1;
		margin-left:15px;
		margin-right:15px;
		font-size:15px;
	}
	
	#content h4{ 
		border-bottom:1px dotted #ccc;
		padding-bottom:8px;
		margin-top:10px;
		margin-bottom:10px;
		color:#0063B1;
		margin-left:15px;
		margin-right:15px;
		font-size:123x;
	}
	
		#content p{ 
				margin: 0 15px 15px 15px;
				color: #000; line-height: 22px; text-align:justify; 
				line-height:26px;
		}
		
		#content ul{ 
		list-style-type: circle;
		list-style-position: outside;
		margin-left:32px;
		margin-bottom:15px;
		
	}
	
	
		
	
	#box { 
		border:1px solid #B1BFE9;
		background-color:#F3F3F3;
		padding-left:10px;
		padding-right:10px;
		padding-bottom:8px:
		padding-top:8px;
		
	}
		
	

#footer{ margin-top:10px; border-top:1px solid #ddd; padding:10px 7px 20px 7px; text-align:center; }
	
	#footer p{ margin-bottom:3px; font-size:12px;}
	#footer p.madeby a{ color:#000; }
	

#news {
			margin-bottom:0px;
		}
		
		
		
	#page-wrap						
		{ background: white; width: 518px; margin-top:10px; 
								  padding: 0px 0; }

	#slider		{ margin-left:0px; background: white url(../images/slider-bg.jpg); height: 227px; overflow: hidden;
				position: relative; margin: 0px 0; }
										
								   
	#mover							{ width: 518px; position: relative; }
	

.slide			
		{ padding: 0px 0px; width: 518px; float: left; position: relative; }
		
.slide h1
		{ font-size: 20px; letter-spacing: 1px;
								  color: #ac0000; }
								  
.slide p	
		{ color: #999; width: 280px; }
		
.slide img	
		{ position: absolute; top: 10px; left: 325px; width:186px; }
		
#slider-stopper	
		{ position: absolute; top: 0px; right: 20px; background: #ccc; color: white;
								  padding: 2px 2px; font-size: 10px; text-transform: uppercase; z-index: 10000; }


	.Button {
background-color:#A2A298; color:#fff; width:150px; border:0px solid white;
text-align:left;
padding:6px;
margin-left:15px;
font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, sans-serif;
}




html { overflow-y: scroll; }
#plan a { text-decoration: none; }
#plan p { font-size: 15px; margin: 0; }
#page-wrap { width: 100%; margin: 0; text-align:left; margin-left:0px; }

#plan { margin-left:0px; }

			

#plan ul { list-style: none; }
#plan ul li a { display: block;  padding: 3px; color: black; margin-bottom:2px solid white; }
#plan ul li a:hover { background: #0063B1; color: white; }
#plan ul li:last-child a {  }

#organic-tabs { margin-left:0px; padding-top: 15px; padding-bottom:0px; padding-left:0px; margin: 0px }

#all-list-wrap { margin-left: 0px; padding:0px; }


#explore-nav { overflow: hidden; margin: 0; }
#explore-nav li { width: 40px; float: left;}
#explore-nav li.last { margin-right: 0; }
#explore-nav li a { display: block; padding: 5px; margin-right:5px; background: #B1BFE9; color: black; font-size: 10px; text-align: center; border-right: 2px solid white; }
#explore-nav li a:hover { background-color: #0063B1; }

ul#january li a { border-bottom: 1px solid #ccc }
ul#february li a { border-bottom: 1px solid #ccc }
ul#march li a { border-bottom: 1px solid #ccc }
ul#april li a { border-bottom: 1px solid #ccc }
ul#may li a { border-bottom: 1px solid #ccc }
ul#june li a { border-bottom: 1px solid #ccc }
ul#july li a { border-bottom: 1px solid #ccc }
ul#august li a { border-bottom: 1px solid #ccc }
ul#september li a { border-bottom: 1px solid #ccc }
ul#october li a { border-bottom: 1px solid #ccc }
ul#november li a { border-bottom: 1px solid #ccc }
ul#december li a { border-bottom: 1px solid #ccc }

#january, #february, #march, #april, #may, #june, #july, #august, #september,  #october, #december { display: none; }

#explore-nav li#ex-jan a.current, ul#january li a:hover { background-color: #0063B1; color: white;  }
#explore-nav li#ex-feb a.current, ul#february li a:hover { background-color: #0063B1; color: white; }
#explore-nav li#ex-mrz a.current, ul#march li a:hover { background-color: #0063B1; color: white; }
#explore-nav li#ex-apr a.current, ul#april li a:hover { background-color: #0063B1; color: white; }
#explore-nav li#ex-may a.current, ul#may li a:hover { background-color: #0063B1; color: white; }
#explore-nav li#ex-jun a.current, ul#june li a:hover { background-color: #0063B1; color: white; }
#explore-nav li#ex-jul a.current, ul#july li a:hover { background-color: #0063B1; color: white; }
#explore-nav li#ex-aug a.current, ul#august li a:hover { background-color: #0063B1; color: white; }
#explore-nav li#ex-sep a.current, ul#september li a:hover { background-color: #0063B1; color: white; }
#explore-nav li#ex-okt a.current, ul#october li a:hover { background-color: #0063B1; color: white; }
#explore-nav li#ex-nov a.current, ul#november li a:hover { background-color: #0063B1; color: white; }
#explore-nav li#ex-dez a.current, ul#december li a:hover { background-color: #0063B1; color: white; }	



div#feature_list {
			width: 535px;
			height: 240px;
			overflow: hidden;
			position: relative;
			margin-bottom:35px;
			margin-top:35px;
		}
		
		div#feature_list h3 {
			color:black;
			text-decoration:none;
			border:none;
			padding-bottom:0px;
			margin-bottom:0px;
			margin-top:0px;
			margin-left:2px;
			font-size:16px;
		}

		div#feature_list ul {
			position: absolute;
			top: 0;
			list-style: none;	
			padding: 0;
			margin: 0;
		}

		ul#tabs {
			left: 0;
			z-index: 2;
			width: 239px;
		}

		ul#tabs li {
			font-size: 12px;

		}
		
		ul#tabs li img {
			padding: 5px;
			border: none;
			float: left;
			margin: 10px 10px 0 0;
		}

		ul#tabs li a {
			color: #222;
			text-decoration: none;	
			display: block;
			padding: 10px;
			height: 60px;
			outline: none;
		}

		ul#tabs li a:hover {
			text-decoration: none;
		}

		ul#tabs li a.current {
			background:  url('images/feature-tab-current.png');
			color: white;
		}

		ul#tabs li a.current:hover {
			text-decoration: none;
			cursor: default;
		}

		ul#output {
			right: 0;
			width: 333px;
			height: 240px;
			position: relative;
		}

		ul#output li {
			position: absolute;
			width: 333px;
			height: 240px;
		}

		ul#output li a {
			position: absolute;
			bottom: 10px;
			right: 10px;
			padding: 8px 12px;
			text-decoration: none;
			font-size: 11px;
			color:black;
			background: #0063B1;
			-moz-border-radius: 5px;
		}
		
		ul#output li a:hover {
			background: #021E35;
			color: #FFF;
		}



