/*
Theme: bettina huenicke
Author: rosch-werbung.de
Umsetzung: http://www.rosch-werbung.de/
*/
/******************************
	Reset Defaults
 ******************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, del, dfn, 
font, img, ins, kbd, q, s, samp, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption 
	{ margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline;}
ul { list-style: none;}
table {	border-collapse: separate; border-spacing: 0;}
caption, th, td { text-align: left;	font-weight: normal;}
/******************************
	Defaults
 ******************************/
html, body{
height:100%;
background:#fff;
color:#666;
font-family: Trebuchet MS, Myriad Pro, Arial, Helvetica, sans-serif;
}
/******************************
      text
 ******************************/
h1{ 
	display:block;
	position:absolute;
	top:190px; left:30px;
	z-index:2;
}
	h1 a, h1 a:active, h1 a:hover { 
		color:#802065;
		font-size: 20px;
		text-decoration:none;
	}
	
	.start h1{ 
	display:block;
	position:absolute;
	top:190px; left:30px;
	z-index:2;
}
	h1 a, h1 a:active, h1 a:hover { 
		color:#802065;
		font-size: 20px;
		text-decoration:none;
	}
	
h2 {
	color:#999;
	font-size: 14px; 
	font-weight:bold;  
	margin:0 0 25px 0; 
	}
	
	.start h2 {
	top:60px; left:150px;
	position:absolute;
	z-index:3
	}
	
a, a:link, a:visited {
	color: #666;
	font-weight: normal;
	background-color: inherit;
	text-decoration:none
} 
a:hover, a:active {color:#e1001a;}

p {font-size:13px; margin-bottom:10px}

/******************************
      container
 ******************************/
#distance { 
	float:left;
	height:50%;
	margin-bottom:-291px; /* half of container's height */
	width:1px;
	}
#wrap_out{
	clear:left;
	margin:0 auto;
	position:relative; /* puts container in front of distance */
	text-align:center;
	width: 988px; height: 582px;
   }
 #wrap_in{
 	background:url(bilder/grafiken/hg.jpg) no-repeat;
	border:0px solid #ededed;
	clear:left;
	margin:0 auto;
	position:relative; /* puts container in front of distance */
	text-align:center;
	width: 988px; height: 592px;
   }

#inhalt {
	font-size:11px;
	line-height:16px;
	position:absolute;
	top: 259px; left: 72px;
	text-align:left;
	width:948px;
	z-index:3
   }  
   
.kontakt #inhalt{
	font-size:11px;
	line-height:16px;
	position:absolute;
	top: 270px; left: 72px;
	text-align:left;
	width:948px;
	z-index:3
   }

/******************************
      navigation
 ******************************/
#nav { height:20px; padding:60px 0 20px 0;}
#nav ul {margin-left:238px;}
#nav ul li{display:block; display:inline; float:left; padding-right:10px}
#nav ul li.bullet { background:url(bilder/grafiken/bullet.gif) no-repeat 0 9px; padding-left:24px}

#nav ul a:link, 
#nav ul a:visited{display:block; color:#666;  text-decoration:none; font-size:18px; text-transform:uppercase}

#nav ul a:hover {color:#e1001a}

#nav ul li.current a:link, 
#nav ul li.current a:visited, 
#nav ul li.current a:hover, 
#nav ul li.current a:active{
color:#000; 
	text-decoration:none;
	}