/*	---------------------------------- Boxen ---------------------------------- */

html { height: 100%; margin: 0; padding: 0; }

body {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px; font-weight: normal; line-height: 16px; color: #555;
	margin-top: 20px; padding: 0;
	text-align: center;
	background: #FFF url(../bilder/allg/bg.gif) repeat-x; }

div#contentstart {
	text-align: center;
	width: 800px; height: 300px;
	margin: 0 auto; padding-top: 280px; }
	
div#header { 
	text-align: left;
	width: 800px; height: 150px;
	margin: 0 auto; padding: 0; }

div#content {
	text-align: left;
	width: 800px;
	margin: 0 auto; padding: 0; 
	background: url(../bilder/allg/bg_weiss.gif) top left repeat-y; }
	
div#links {
	width: 145px; height: 350px;
	margin-left: 25px; padding: 40px 10px 30px 15px; 
	background: url(../bilder/allg/bg_content_li.gif) top left repeat-x; }

div#menue {
	width: 170px; height: 387px;
	margin-left: 25px; padding-top: 30px; 
	background: url(../bilder/allg/bg_content_li.gif) top left repeat-x; }
		
div#rechts {
	float: right; 
	width: 510px;
	margin: 0; padding: 38px 25px 30px 25px;
	min-height:350px;
	height:auto !important;  /* für moderne Browser */
	height:350px;  /*für den IE */ 
	background: url(../bilder/allg/bg_content.gif) top left repeat-x; }

div#footer { clear: both; text-align: right; margin-top:10px; color: #999999;}
	
/*	---------------------------------- Nav ---------------------------------- */
	
	#nav {
		position: absolute; 	
		height: 22px;
		margin: 8px 0 0 240px; padding: 0;
		list-style: none; display: inline; overflow: hidden; }
		
	#nav li { margin: 0; padding: 0; display: inline; list-style-type: none; }
	
	#nav a {
		float: left;
		padding: 22px 0 0 0;
		overflow: hidden; 
		height: 0px !important; 
		height /**/:22px; /* for IE5/Win */ }
			
	#nav a:hover { background-position: 0 -30px; }
	#nav a:active { background-position: 0 -60px; }
	#nav a.selected, #navmain a.selected:hover { background-position: 0 -60px; cursor: default; }	
	#vh a  { width: 112px; background:    url(../bilder/nav/nav_vh.gif) top left no-repeat; }
	#raum a  { width: 118px; background:    url(../bilder/nav/nav_raum.gif) top left no-repeat; }
	#projekte a  { width: 76px; background:    url(../bilder/nav/nav_projekte.gif) top left no-repeat; }
	#kontakt a  { width: 74px; background:    url(../bilder/nav/nav_kontakt.gif) top left no-repeat; }
	#nav img { float: left; margin: 0; padding: 0; }
	
	#vhen a  { width: 112px; background:    url(../bilder/naven/nav_vh.gif) top left no-repeat; }
	#raumen a  { width: 122px; background:    url(../bilder/naven/nav_raum.gif) top left no-repeat; }
	#projekteen a  { width: 76px; background:    url(../bilder/naven/nav_projekte.gif) top left no-repeat; }
	#kontakten a  { width: 74px; background:    url(../bilder/naven/nav_kontakt.gif) top left no-repeat; }
	
/*	---------------------------------- Menue ---------------------------------- */

	#menue ul { margin: 0; padding: 3px 0 0 0; list-style-type: none; background-color: #FFF;}
	#menue li { margin-bottom: 3px; }

	#menue a {
		width: 155px;
		margin: 0; padding: 5px 0 5px 15px;
		display: block; text-decoration: none;
		color: #6D432E; background-color: #EEE; }

	#menue a:hover, #menue a:active { color: #6D432E; background-color: #FFF; }
	#menue a.selected, #menue a.selected:hover { color: #CC6933; background-color: #F8EFE8; cursor: default; }
	
/*	---------------------------------- Formatierung ---------------------------------- */

	p { margin: 0px 0px 6px 0px; padding: 0; }
	
	.absatz  { margin: 0px 0px 0px 0px; padding: 0; }

	.head { padding-left: 20px; font-weight: bold; color: #CC6933; background:  url(../bilder/allg/dothl.gif) no-repeat;}
	.bold { font-weight: bold; color: #6D432E; }
	.boldhl { font-weight: bold; color: #CC6933; }

	.dot { margin-bottom: 0px; color: #6D432E; padding-left: 20px; background:  url(../bilder/allg/dotdk.gif) no-repeat;}	
  	.dotend { padding-left: 20px; color: #6D432E; background:  url(../bilder/allg/dotdk.gif) no-repeat;}
	.dothl { margin-bottom: 0px; color: #CC6933; padding-left: 20px; background:  url(../bilder/allg/dothl.gif) no-repeat;}	
		
	.teaser { float: right; }
	.bildbox1 { float: left; text-align: center; font-size: 9px; color: #6D432E; }	
	.bildbox { float: left; margin-left: 25px; text-align: center; font-size: 9px; color: #6D432E; }  
  
	a:link {text-decoration: none; color: #CC6933;}
	a:visited {text-decoration: none; color: #CC6933;}
	a:hover {text-decoration: none; color: #6D432E;}
	a:active {text-decoration: none; color: #6D432E;}