html {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px; 
	color: #575757;
	line-height:18px;
	}

body {
	margin: 0;
	}

img {
	border: none;
	}

a {
	color: #D13722; 
	text-decoration: underline;
	}

a:active {
	color: #575757;
	}
	
a:hover {
	color: #000000;
	}	
	
a#active {
	color: #575757;
	}	
	
hr {
	border: 1px dotted grey;
	margin:0;
	height:1px;
	}	


/* header */

div.header {
	background: url("images/grau.gif") repeat-x;
	padding: 4px 0 0 120px;
}


/* navigation level 1 + 2 */

div.navigation {
	width:160px;
	xheight: 320px;
	float: left; 
	margin: 82px 0 0 30px; 
}
	
div.navigation a {
	display: block; 
	font-weight: bold; 
	color: #545454; 
	text-decoration: none;
	line-height: 120%;
}
	
div.navigation a:hover, active {
	color: #D13722;
}

div.navigation a.nav1 {
	padding: 11px 0 0 10px; 
	background: url("images/pfeilRot.gif") no-repeat 0 15px;
}
div.navigation a.nav1active {
	padding: 4px 0 0 10px; 
	background: url("images/pfeilRot.gif") no-repeat 0 15px;
	color: #D13722;
}
div.navigation a#active {
	color: #D13722;
} 


div.navigation a.nav2 {
	padding: 3px 0 0 18px; 
	font-weight: normal; 
	background: url("images/pfeilRot2.gif") no-repeat 10px 7px;
}
div.navigation a.nav2active {
	padding: 3px 0 0 18px; 
	font-weight: normal; 
	background: url("images/pfeilRot2.gif") no-repeat 10px 7px;
	color: #D13722;
}


/* inhalt */

div.content {
	padding-right:15px; 
	margin: 50px 0 10px 0; 
	width: 500px; 
	height: 330px;
	float:left;
	}

h1 {
	font-size: 17px;
	font-weight:bold;
	}

h2 {
	font-size: 12px;
	font-weight:bold;
	margin:0;
	color: #575757;
	text-decoration:none;
	}	


/* navigation portrait ohne block */

div.content  p.spalte {
	width:33%;
	float:left;
	margin:0 0 20px 0;
	}



/* navigation innerhalb text */

div.content p a {
	padding: 0 0 0 12px;
	background: url("images/pfeilRot.gif") no-repeat 3px 4px;
	}

div.content p a:hover {
	background: url("images/pfeilSchwarz.gif") no-repeat 3px 4px;
	}
	
div.content ul {
	list-style-type:none;
	padding:0 10px 0 0;
	margin:0;
	}
	
div.content ul img {
	padding:0 3px 3px 0;
	}	
	
	
	
div.content table {
	 width:500px;
	 margin:0;
	 }

div.content table td {
	 padding:0 0 40px 0;
 	 width:33%;
	 vertical-align:middle;
	 }

	 



/* inhalt bild rechts */

div.content div.bildRechts {
	display: block;
	float: right; 
	width: 130px;
	margin: 0 0 10px 10px;
	xbackground:  url("images/lupe.gif") no-repeat 0 0;
	}
	
div.content div.bildRechts img {
	margin: 0 0 10px 0;
	}



div.content p.thumbnails {
	padding:0;
	margin:0;
	}




/* rechte Spalte  */

div.karo {
	margin:0;
	}

div.berti {
	position:absolute;
	left:730px;
	top:370px;
}


/* kontaktformular */	
	
input, textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color:#E1E1E1;
	border:none;
	padding:3px;
	color:#000;
	}

div.content  form input.text {
	width: 300px;
	margin-top: 5px;
	}
	
div.content  form textarea {
	width:300px;
	height:80px;
	margin-top: 5px;
	}	
	
div.content form p label.bez {
	float: left;
	width:100px;
	margin: 0;
	padding-top: 5px;
	}		
	
/* Senden-Button */

div.content div.abschicken a {
	display:block;
	width:100px;
	height:20px;
	margin: 5px 0 10px 305px;
	float:left;
	background: url("images/buttonAbschicken.gif") no-repeat;
	}
	
div.content div.abschicken a:hover {
	background: url("images/buttonAbschickenOver.gif") no-repeat;
	}
	
div.content div.abschicken a:active {
	background: url("images/buttonAbschickenActive.gif") no-repeat;
	}