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

body {
	background-color:#0f516d;
	font-family:Verdana;
	font-size:12px;
	color:#FFF;
}

h1 {
	font-size: 1.3em;
	color: #ffffff;
}


.navi2 {
	font-family:Verdana;
	text-decoration:none;
	color:#77b1c9;
}

a {
	text-decoration:none;
	color:#ffffff;
}

a:hover {
	text-decoration:underline;
}

/*---container, classes---*/

#main {
	width:687px;
	position:relative;
	margin:50px auto;
}

	#top_navi {
		width:685px;
		height:25px;
		position:relative;
		clear:both;
		color:#ffffff;
		vertical-align:middle;
	}
	
	#banner {
		width:687px;
		height:121px;
		position:relative;
		clear:both;
		border-bottom:1px solid #FFFFFF;
	}
	
	#sub_navi {
		width:685px;
		height:23px;
		position:relative;
		clear:both;
		padding-top:7px;
		text-align:center;
		background-color:#ffffff;
	}
		.sub_navi {
			color:#FFF;
		}
	
	#haupt_navi {
		width:687px;
		height:112px;
		position:relative;
		clear:both;
		border-bottom:2px solid #181818;
	}
		
		#haupt_navi_in {
			width:227px;
			height:112px;
			position:relative;
			float:left;
			border-right:2px solid #181818;
		}
		
	#bottom {
		width:683px;
		position:relative;
		border-right:1px solid #ffffff;
		border-left:1px solid #ffffff;
		border-bottom:1px solid #ffffff;
	}
		#reflex {
			width:683px;
			height:88px;
			position:relative;
			clear:both;
		}
		
			#reflex_in_1 {
				width:226px;
				height:88px;
				position:relative;
				float:left;
				border-right:2px solid #181818;
				background-image:url(img/reflex.jpg);
			}
			
			#reflex_in_2 {
				width:227px;
				height:88px;
				position:relative;
				float:left;
				border-right:2px solid #181818;
				background-image:url(img/reflex.jpg);
			}
			
			#reflex_in_3 {
				width:226px;
				height:88px;
				position:relative;
				float:left;
				background-image:url(img/reflex.jpg);
			}
		
		#content {
			width:603px;
			height:600px;
			padding:0 40px;
			position:relative;
		}
		
			#content_bild {
				width:148px;
				position:relative;
				float:right;
			}