* {
margin: 0;
padding: 0;
}

body {
background: url(img/hg.gif) center repeat-y;
font: 13px/160% Arial, Helvetica, Verdana sans-serif;
color: #333;
}
		#box {
			width: 800px;
			margin: 0px;
			margin-left: auto;
			margin-right: auto;
			padding: 0px;
			
		}

		#balk_head {
			background-color: #333;
			height: 10px;
		}
		
		#img_head {
		height: 240px;
			background-color: #333;
			/*border-bottom: 1px solid red;*/
		}
		
#img_head_li img { /* damit im IE kein 2-3 px Abstand nach unten erzeigt wird. */
display: block; /* nur in box li, da sonst immer nach img ein Umbruch erzeugt wird*/
}
	
	
	#img_head_mi img { /* damit im IE kein 2-3 px Abstand nach unten erzeigt wird. */
display: block; /* nur in box li, da sonst immer nach img ein Umbruch erzeugt wird*/
}
	
	
	#img_head_re img { /* damit im IE kein 2-3 px Abstand nach unten erzeigt wird. */
display: block; /* nur in box li, da sonst immer nach img ein Umbruch erzeugt wird*/
}
	
		#img_head_li {
			width: 200px;
			float: left;
			/*border-bottom: 1px solid blue;*/
			
		}

		#img_head_mi {
			width: 500px;
			float: left;
			/*border-bottom: 1px solid yellow;*/
		}
		
		#img_head_re {
			width: 100px;
			float: left;
			/*border-bottom: 1px solid green;*/
		}
		
		
		#balk_mit {
			background-color: #333;
			height: 10px;
		}
		
		#contentbox {
			
			
		}
		
		
		#content {
			padding: 5px;
			margin-left: 235px;
			margin-right: 125px;
			
			background-color: fff;
			
		}

		#nav {
			float: left;
			width: 200px;
			margin: 0;
			}
			
			
			
	/* +++++++++++++++++++  NAVIGATION +++++++++++++++++++++++ */
	
.aktiv {
display: block;
padding: 3px 0px 3px 15px;
width: 200px;
background-color: #9c6;
border-bottom: 1px solid #fff;
text-transform: uppercase;
font-weight: normal;
color: #fff;
}	

.aktiv_sub {
display: block;
padding: 3px 0px 3px 15px;
width: 200px;
background-color: #9c6;
border-bottom: 1px solid #fff;
font-weight: normal;
color: #fff;
}	
	
#nav ul
{

list-style-type: none;
}

#nav a
{
height: 22px;
display: block;
padding: 4px 0px 4px 15px;
background-color: #693;
border-bottom: 1px solid #fff;
text-transform: uppercase;
font-weight: normal;
}

#nav a:link, #navlist a:visited
{
color: #fff;
text-decoration: none;
}

#nav a:hover
{
background-color: #9c6;
color: #fff;
}


#nav ul ul
{
margin: 0px;
padding: 0px;

list-style-type: none;

}

#subnavlist a,
#subnavlist a:link, 
#subnavlist a:visited,
#subnavlist a:active, 
#subnavlist a:focus
{
display: block;
padding: 3px 0px 3px 15px;
background-color: #693;
border-bottom: 1px solid #fff;
text-transform: uppercase;
border-bottom: 1px solid #fff;
text-transform: none;
background-color: #693;
color: #fff;
text-decoration: none;
}

#subnavlist a:hover
{
display: block;
padding: 3px 0px 3px 15px;
width: 185px;
background-color: #693;
border-bottom: 1px solid #fff;
text-transform: uppercase;
border-bottom: 1px solid #fff;
text-transform: none;
background-color: #9c6;
color: #fff;
text-decoration: none;
}

/* +++++++++++++++++++++++++++ ENDE NAVIGATION +++++++++++++++++++++++ */

		#foot {
			clear: both;
			padding: 5px;
			margin-top: 5px;
			color: #666;
			font-size: 11px;
			
		}
		
		
		
/* ++++++++++++++++++++++++++ ENDE ELEMENTE ++++++++++++++++++++++++++++ */		

/* ++++++++++++++++++++++++++ TEXTFORMATIERUNGEN ++++++++++++++++++++++++++ */

a:link,
a:visited,
a:active,
a:focus
{
text-decoration: none;
color: #666;
font-weight: bold;
}
		

		
a:hover {
text-decoration: none;
color: #333;
font-weight: bold;
}



h1 {
font: bold 14px/180% Arial,Helvetica,Verdana, sans-serif;
color: #666;
margin: 20px 0 20px 0;
text-transform: uppercase;
}
		
h2 {
font: bold 13px/180% Arial,Helvetica,Verdana, sans-serif;
color: #333;
margin: 5px 0;
}
	
h3 {
font: bold 12px/180% Arial,Helvetica,Verdana, sans-serif;
color: #333;
margin: 10px 0;
}

p {
margin-bottom: 15px;
}

.rechts {
text-align: right;
}

.callback {
margin: 15px;
background: #9c6;
padding: 20px 10px 5px 30px;
color: #000;
}

.rand {
border: 1px solid #333;
margin-right: 15px;
}

.angebote {
border-bottom: 1px dotted #666;
padding: 7px 0px;
margin-bottom: 7px;
}

.done {
font: bold 14px/180% Arial,Helvetica,Verdana, sans-serif;
color: #666;
margin: 20px 0 20px 0;
}

.error {
font-weight: bold;
color: #000;
background-color: red;
padding: 2px;
width: 490px;
}
