@charset "UTF-8";
/**
 * Cascading Style Sheets
 * www.whitevision.de
 * Created: 02.07.09
 * Updated: 07.10.09
 */
 
 
/**
  * generel information
  */
html {
	height:100%;
}
body {
	color:#000;
	background:#fff;
	height:100%;
	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:1.88em; 
	color:#7b7b7b; 
	text-transform:uppercase; 
	letter-spacing:0.01em;
}
h2 { 
	font-size:1.0em; 
	color:#336699; 
	font-weight:bold; 
	padding:25px 0 30px 0;
}
ul { 
	font-size:0.81em; 
	color:#666; 
	list-style:none;
}
p 			{ 
	font-size:0.81em; 
	color:#666; 
	line-height:20px; 
	padding-bottom:15px;
}
a {
	font-size:1.00em; 
	text-decoration:none; 
	color:#333; 
}
a:hover { 
	color:#3dff00; 
}
.clearer { 
	clear:both; 
}
.hidden 	{ 
	display:none;
}
a img, img  { 
	border: none; 
	overflow:hidden; 
	display:block; 
}
.green {
	color:#3dff00;
}

/**
  * structure and arrangement
  */
#Wrapper {
	width:1000px;  
	height:543px;  
	text-align:left;
}
.max {
	position:absolute; 
	left:50%;  
	top:50%;
	margin-left:-500px;    
	margin-top:-270px;  
}
.min {
	padding-top:80px;
	margin:0 auto;
	position:relative;
}
	#Header {
		float:left;
		width:100%;
	}
		#Mainmenu {
			position:relative;
			float:left;
			width:912px;
			height:40px;
			background:url(../images/bg-bottom-mainmenu.gif) repeat-x bottom left;
		}
	#Image {
		float:left;
		position:relative;
		width:910px;
		height:500px;
		border-left:1px solid #b2b2b2;
		border-right:1px solid #b2b2b2;
		border-bottom:4px solid #333;
		background:url(../images/bg_standard.gif) no-repeat top left;
	}
	#Logo {
		float:left;
	}
	
		#Content {
			width:620px;
			padding:20px 0 0 20px;
		}
		#Submenu {
			position:absolute;
			left:0;
			top:0;
			width:100%;
			height:21px;
			z-index:1002;
		}
		#SubmenuLayer {
			position:absolute;
			right:0;
			top:0px;
			width:250px;
			height:500px;
			z-index:1001;
			background:url(../images/bg-submenu.png) repeat top left;
			/*display:none;*/
		}
		#SubmenuLayerTeam {
			position:absolute;
			right:0;
			top:0px;
			width:456px;
			height:500px;
			z-index:1001;
			background:url(../images/bg-submenu.png) repeat top left;
			/*display:none;*/
		}
	#Footer {
		float:left;
		width:100%;
		margin-bottom:100px;
	}

/**
  * structure: mainmenu
  */
#Mainmenu ul{
	position:absolute;
	float:left;
	left:0;
	bottom:0;
	z-index:1000;
	background:url(../images/bg-bottom-liste.gif) repeat-x bottom left;
}
#Mainmenu ul li{
	float:left;
}
#Mainmenu ul li a{
	display:block;
	text-transform:uppercase;
	font-size:1.08em;
	color:#999;
	padding:0 20px 17px 0;
}
#Mainmenu ul li a:hover,
#Mainmenu ul li a.selected {
	color:#333;
	background:url(../images/bg-bottom-liste-select.gif) no-repeat bottom left;
}
#Mainmenu ul li a.last{
	padding:0;
}

/**
  * structure: submenu
  */
#Submenu ul {
	float:right;
	padding-left:14px;
}
#Submenu ul li{
	float:left;
	background:#333;
	line-height:21px;
}
#Submenu ul li a{
	display:block;
	color:#fff;
	text-transform:uppercase;
	font-size:1.2em;
	font-weight:normal;
	padding:0 8px;
}
#Submenu ul li a:hover,
#Submenu ul li a.selected{
	background:#000;
}

/**
  * structure: submenulayer
  */
#SubmenuLayer ul.main{
	padding:30px 20px 20px 20px;
}
#SubmenuLayerTeam ul.main {
	padding:20px 10px 20px 15px;
}
#SubmenuLayerTeam ul.sub {
	padding:0px 20px 20px 0px;
}
#SubmenuLayer ul.main li,
#SubmenuLayerTeam ul.main li{
	line-height:20px; 
} 
#SubmenuLayer ul.main li a,
#SubmenuLayerTeam ul.main li a{
	font-size:0.92em;
	color:#fff;
}
#SubmenuLayer ul.sub li a,
#SubmenuLayerTeam ul.sub li a{
	font-size:1.10em;
	color:#fff;
}
#SubmenuLayer ul.main li a.selected,
#SubmenuLayer ul.main li a:hover{
	color:#3dff00;
}
#SubmenuLayerTeam ul.main li a.selected{
	color:#fff;
}
#SubmenuLayerTeam ul.main li a:hover{
	color:#3dff00;
}
#SubmenuLayer ul.sub li.selected a,
#SubmenuLayerTeam ul.sub li.selected a,
#SubmenuLayer ul.sub li a:hover,
#SubmenuLayerTeam ul.sub li a:hover{
	color:#3dff00 !important;
}

/**
  * structure: content
  */
#Content h1 {
	padding-bottom:80px;
}
#Content p {
	line-height:24px;
	color:#7b7b7b;
}
#impressum {
	height:480px;
	overflow:auto;
}

/**
  * structure: footer
  */
#Footer p {
	color:#666;
	font-size:0.68em;
	padding-top:5px;
}

/**
  * structure: team template
  */
#TeamSubnav,
#TeamContent {
	float:left;
}
#TeamSubnav {
	width:160px;
	padding-top:21px;
}
#TeamSubnav  h1{
	font-size:0.86em; 
	color:#fff; 
	font-weight:normal; 
	padding:6px 0 0 20px;
}
#TeamContent {
	width:240px;
	height:439px;
	padding:41px 20px 20px 20px;
	border-left:1px solid #303030;
}
#TeamContent p {
	color:#fff;
	font-size:0.76em;
	font-weight:normal;
}
#TeamSubnav .main li a {
	text-transform:uppercase;
	font-weight:normal;
}
#TeamSubnav .sub li a {
	text-transform:none;
} 