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



body{
	font-family:Georgia, "Times New Roman", serif;
	background-color:#f1f1f1;
	}
	
#wrapper{ 
	padding: 10px 10px;
	width: 920px;
	height: 480px;
	background-color:#fff;
	/*border: 1px solid #f1f1f1*/
}

#header{
	height: 35px;
	}
	
h1{ 
	marging-bottom: 5px;
	font-size: 30px;
	line-height: 30px;
	}

#container{
	height: 435px;
	background-color:#FFFFFF;
	}
	
#logo{
	position: absolute;
	left: 12px;
	top: 426px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #585858;
	
	
	}
	
#navi{
	padding-top: 10px;
	float: left;
	width: 200px;
	height: 415px;
	}
	
li {
	list-style-image: url(../buttons/winkel.png);
	line-height: 28px;
	font-size: 14px;
	color: #000;
	list-style-position: inside;
}


#navi a,
#mobileNav a {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #000000;
	text-decoration: none;	
}

#navi a:visited {
	color: #000000;
	text-decoration: none;
}

#navi a:hover {
	color: #c60000;
	text-decoration: none;
}

#navi a:active {
	color: #C60000;
	text-decoration: none;
}

.dotted_line {
	height: 28px;
	width: 190px;
	border-top: 1px dotted #6E6E6E;

}

li:active {
	background-color: #f1f1f1;
}


#content{
	width: 700px;
	height: 435px;
	float: right;
	
	}	

	
#footer{
	padding-top: 5px;
	height: 15px;
	font-family:Verdana, Arial, sans-serif;
	font-size: 10px;
	color:#585858;
	text-align:right;
	line-height: 10px;
	}
#mobileNav,
#next {
	display: none;
	height: 34px;
	border-top: 1px dotted #6E6E6E;
	border-bottom: 1px dotted #6E6E6E;
	line-height: 35px;
	font-size: 14px;
	color: #000;
}

@media (max-width: 680px){
	#wrapper {
		padding: 10px 3%;
		width: 94%;
		height: auto;
	}
	#header {
		height: auto;
	}
	#container,
	#content {
		width: auto;
		height: auto;
		float: none;
	}
	#container {
		position: relative;
		margin-top: 15px;
	}
	#navi {
		padding-top: 0;
		float: none;
		width: auto;
		height: auto;
		width: 100%;
		left: 0;
		top: 35px;
		background: #fff;
		position: absolute;
		border-bottom: 1px dotted #6E6E6E;
		display: none;
	}
	#navi li {
		width: auto;
		list-style-image: none;
		line-height: 35px;
	}
	.dotted_line {
		height: 34px;
	}
	#mobileNav {
		display: block;
		z-index: 10;
		position: relative;
	}
	#next {
		margin: 10px 0;
		display: block;
		position: relative;
	}
	#mobileNav:after,
	#next:after {
		content: " ";
		display: block;
		background: url(../buttons/winkel-dropdown.png);
		width: 11px;
		height: 4px;
		position: absolute;
		right: 0;
		top: 16px;
	}
	#next:after {
		background: url(../buttons/winkel.png);
		height: 11px;
		width: 4px;
		top: 11px;
		right: 2px;
	}
}