@charset "UTF-8";
/**
 * Cascading Style Sheets für
 * www.vipilodoge.de
 */
 
/******************************************************************************************************************* 
 * ALLGEMEINE FORMATIERUNG 
 ******************************************************************************************************************/
html, body {
	color:#000;
	text-align:center;
	background:#fff;
}
body, h1, h2, h3, h4, p, span, input, select, option, a, textarea, ul {
	font-family: Verdana, Arial, sans-serif;
	font-weight:normal;
}
h1 			{ font-family: Georgia; font-size:16px; color:#663300;}
h2 			{ font-family: Georgia; font-size:18px; color:#000; padding-bottom:15px; }
h3 			{ font-family: Georgia; font-size:14px; color:#cce900; text-transform:uppercase; }
ul 			{ font-size:12px; color:#333; list-style:none; }
p 			{ font-size:12px; color:#333; }
a 			{ text-decoration:none; color:#663300; }
a:hover		{ color:#ff7300; }
.linear 		{ display:none; }
.clearer	{ clear:both; }
a img, img 	{ border: none; overflow:hidden; display:block; }

/******************************************************************************************************************* 
 * STRUKTUR & AUSRICHTUNG
 ******************************************************************************************************************/
#Wrapper {
	position:relative;
	text-align:left;
	width: 700px;
	margin:0 auto;
	padding: 0;
}
	
	#Header {
		width:680px;
		margin-left:20px;
		height: 60px;
		background: transparent url(../images/punktlinie_braun.gif) repeat-X left bottom;
		margin-bottom:4px;
		margin-top:9px;
	}
		#Logo {
			float:left;
			width:20%;
		}
		#Topnav {
			float:right;
			margin-top:25px;
			width:65%;
		}
	
	#Claim {
		float:left;
		width:680px;
		margin-bottom:5px;
		margin-left:22px;
	}
	
	#Image {
		clear:both;
	}
	
	#Frame {
		float:left;
		width:680px;
		margin-left:20px;
		margin-bottom:20px;
	}
	
		#Mainnav {
			float:left;
			width:190px;
		}
		
		#Content {
			float:left;
			width:480px;
			padding-top:7px;
			padding-bottom:50px;
		}
		
	#Footer {
		clear:both;
		width:100%;
		background:#ebebeb;
		height:150px;
		border-top:1px solid #dfdfdf;
		text-align:center;
	}

/******************************************************************************************************************* 
 * TOPNAV LISTE
 ******************************************************************************************************************/
#Topnav ul {
	float:right;
	margin-right:1px;
	margin-top:5px;
}
#Topnav li {
	float:left;
	list-style: none !important;
	padding-left:8px;
}
#Topnav li a {
	display: block; 
	font-family: Verdana, Helvetica, Arial, sans-serif; 
	font-weight: 100 !important;
	font-size: 10px;
	text-decoration: none; 
	padding: 0; 
	width:100%;
	border: 0;
	line-height:18px;
	color:#663300;
}
#Topnav li a:hover {
	color:#ff7300;
}


/******************ff7300************************************************************************************************* 
 * Claim
 ******************************************************************************************************************/
#Claim h1 {
	float:left;
	font-weight: 100 !important;
}
#Claim span {
	float:right;
	font-family: Georgia; 
	font-weight: 100 !important;
	font-size:10px; 
	color:#663300;
	line-height:20px;
}

/******************************************************************************************************************* 
 * MAINNAV LISTE
 ******************************************************************************************************************/
ul#Main {
	width:170px;
}
ul#Main li {
	display: block; 
	list-style: none !important;
}
ul#Main li a {
	font-size:11px;
	display:block;
	line-height:26px;
	color:#663300;
	padding:0 0 0 8px;
	text-transform:uppercase;
	background: transparent url(../images/punktlinie_braun.gif) repeat-X left bottom;
}
ul#Main li a.erster {
	margin:0 0 10px 0;
}
ul#Main li a:hover {
	color:#ff7300;
}
ul#Main li a.selected {
	color:#ff7300;
	text-decoration: none;
}
ul#Sub li a {
	display:block;
	line-height:24px;
	color:#663300;
	padding:0 0 0 14px;
	text-transform:none;
	margin-left:7px;
	background: transparent url(../images/p_mainnav_braun.gif) no-repeat left top;
}
ul#Sub li.selected a {
	color:#ff7300;
}

/******************************************************************************************************************* 
 * Zustazinfo
 ******************************************************************************************************************/
#Zusatzinfo {
	width:170px;
	margin-top:20px;
}
#Zusatzinfo a, #Zusatzinfo p {
	font-size:10px;
}
#Zusatzinfo a {
	display:block;
	font-size:10px;
	padding-left:15px;
	margin-bottom:3px;
	line-height:14px;
	background: #fff url(../images/icon_pdf.gif) no-repeat left top;
}
/******************************************************************************************************************* 
 * CONTENT
 ******************************************************************************************************************/
#Content p {
	line-height:18px;
	padding-bottom:12px;
}

/******************************************************************************************************************* 
 * FOOTERNAV LISTE
 ******************************************************************************************************************/
#Footerinfo{
	text-align:left;
	position:relative;
	width: 490px;
	margin:0 auto;
	padding:0 0 0 210px;
}
.adresse p{
	font-size: 11px;
	padding:10px 0;
	color:#777;
	line-height:20px;
}
.servicenav {
	width:100%;
	margin-bottom:5px;
}
.servicenav li {
	float:left;
	list-style: none !important;
	padding-right:8px;
}
.servicenav {
	float:left;
	position:relative;
	margin:0 auto;
}
.servicenav li a {
	display: block; 
	padding: 0; 
	width:100%;
	text-decoration: none; 
	font-family: Verdana, Helvetica, Arial, sans-serif; 
	font-size: 11px;
	border: 0;
	line-height:30px;
	color:#663300;
}
.servicenav li a:hover {
	color:#ff7300;
}
.bookmark {

}
.bookmark img{
 float:left;
 margin-right:1px;
}
ul.thumbs li img {
	width:140px;
	height:90px;
}