@charset "utf-8";
/* CSS Document */

html, body {
	font:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	color:#393939;
	line-height:24px;
	padding:0;
	margin:0;
	background-image:url(pics/back.jpg);
	background-repeat:repeat-y;
}

body {
	behavior: url(csshover.htc);
}


a {text-decoration:none}

#container {
	width:960px;

}

#head {
	width:637px;
	height:213px;
	background-image:url(pics/head.jpg);
	position:absolute;
	left:0;
	top:0;	
}	

.logo {
	width:159px;
	height:160px;
	background-image:url(pics/logo.jpg);
	float:left;
	position:absolute;
	top:25px;
	left:32px;
}


.bluemen {
	width:403px;
	height:111px;
	background-image:url(pics/bluemen.jpg);
	position:absolute;
	top:102px;
	left:234px;
}


#pics {
	background-image:url(pics/bilder.jpg);
	height:526px;
	width:323px;
	float:right;
	position:absolute;
	left:637px;
	top:0px;
}


#navi {
	width:186px;
	height:387px;
	float:left;
	
	font-size:14px;
	font-weight:bold;
	text-align:right;	
	
	margin-top:210px;
	#margin-top:180px;
	position:relative;
	z-index:30;
	
}

#navi img {
	padding-top:3px;
	padding-bottom:3px;
}

#text {
	height:470px;
	width:440px;
	position:absolute;
	top:230px;
	left:251px;	
	z-index:1;
}


h1 { 
	color:#f15424; 
	font-size:14px; 
	
}


p {
	color:#393939;
	font-size:12px;

}

.active {
	color:#f15424;
}
	

/*
===========================================
*/
.topmenu {
	border-top:1px solid #fdc06d;
	height:30px;
	line-height:30px;
	position:relative;
	padding-right:10px;
}

.topmenu a{color:#000000;}
.topmenu a:hover{color:#F15424;}

.topmenu .active{color:#F15424;}

.subnavi_holder {display:none;}
.topmenu:hover .subnavi_holder, .subnavi_holder:hover{
	display:block;
}

.subnavi_holder {
	width:150px;
	border:1px solid #fdc06d;
	background-color:#feefd7;
	position:absolute;
	top:-1px;
	right:-150px;
	z-index:50;
}

.sublink {

	font-weight:normal;
	text-align:left;
	padding-left:20px;
	}