@charset "utf-8";
/* --------------------- Infos ----------------------
Erstellt am: 16.09.2009
letzte Änderungen am: 16.09.09
Design: creadicto
*/
/* --------------------- HTML ----------------------*/
body{background:url(image/body2.png) repeat-x #000000;}
h2{ font-family:"Myriad Pro Light"; font-size:20px; color:#FFFFFF; font-stretch:narrower; font-weight:lighter;}
a{color:#FFFFFF;text-decoration:none;}
a: hover{color:#FFFFFF;text-decoration:none;}
a: visited{color:#FFFFFF;text-decoration:none;}
html,body{margin:0;padding:0;}
/* --------------------- DIV BOXEN ----------------------*/
#wrapper{
	width:968px;
	margin:0 auto;
	/*background-image:url(image/flecken.png);*/
	clear:both;
	position:relative;
}
#header{
	width:968px;
	position:relative;
	margin-top:-10px;
}
#content{
	position:relative;
	width:520px;
	font-family:"Myriad Pro Light";
	font-size:14px;
	color:#FFFFFF;
	margin-top:20px;
float:right;}

#menu {
	padding:0;
	float:left;
	margin-left:390px;
	list-style-type:none;
	font-family:"Myriad Pro Light";
	font-size:14px;
	color:#FFFFFF;
}
#menu li{
	float:left; 
	text-align:center;
	background: #286ab7;
}
#menu li a{
	float:left; 
	position:relative;
	text-align:center;
	padding:15px;
	background: #286ab7;
	margin-top:-25px;
	border-bottom:outset #000000;
	border-right:outset #000000;

}
#menu li a:hover {
	background:#1c4b81;
	color: #fff;
}
#menu li a.active {
	background:#CC9900;
	color: #fff;
	
}
#teaser{
	padding:10px;
	float:left;
	width:228px;
	min-height:300px;
	color:#FFFFFF;
	margin-top:-10px;
	margin-right:10px;
}
#teaser2{
	padding:10px;
	float:left;
	width:520px;
	min-height:300px;
	background-color:#786b5b;
	color:#FFFFFF;
	margin-top:-10px;
	margin-right:10px;
}
/* --------------------- Klassen ----------------------*/
.grafik{
	margin-top:-5px;
	margin-bottom:-10px;
	z-index:700;}
.logo{
	margin-top:20px;
	margin-left:25px;
	
}
.hand{
	margin-left:700px;
	z-index:600;
	position:absolute;
}