/* Design & Code (c) Reset Media, Milos Radovic */

html, body { padding: 0; margin: 0; text-align:center;}

body {
	font: normal 12px/1.5em "Arial", "Verdana", sans-serif;
	background: url(pics/bkg_gray.jpg) repeat-x #907655; padding-bottom: 250px;
	height: 100%;}
	
h1{
font-size:11px;
font-weight:normal;
margin:0;
padding:0;
}
	
/* ---------- Listen und Navigation ---------- */

ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 290px; /* Width der Menu Items */
	border-bottom:0;
	}

#nav ul li {
	position: relative;
	}
	
li ul {
	position: absolute;
	left: -153px; 
	top: 0;
	display: none;
	}
							
ul li a {
	display: block!important;
	text-decoration: none;
	color: #C5B39B;
	background-color: #45392a; 
	padding:6px 0 6px 15px;
	margin-bottom:1px;
	border-bottom:0;
	text-transform:uppercase;
	font-size:10px;
	}

/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */

ul li a:hover { color: #fff; background: #514331; } /* Hover Styles */
		
li ul a { padding:6px; width:140px; margin:0; color:#fff;} /* Sub Menu Styles */
		
li:hover ul, li.over ul { display: block; } /* The magic */

/* Hier sind die UL's im DIV BOX definiert */
.box ul {
 list-style: none;
 height: 100%;
 margin: 0;
}

.box ul li a {
  background: url(pics/bkg_box_long.gif) #42474A;
  color: #C5B39B;
  display: block;
  padding:6px 15px 6px 15px;
  text-decoration: none;
  width: 260px;
  text-decoration: none;
  height:220px;
}

.box ul li a:hover {
  background: #372d21;
  color: #fff;
}
  
.box ul li a em {
  color: #fff;
  font-style: normal;
}

.box ul li a strong {
  background: none;
  color: #fff;
  font-weight:bold;
  display: block;
  position: relative;
  top: 3px;
}

.box ul li a:hover strong {
color:#777777;
}

.box ul li a span {
  position: relative;
  top: 5px;
}

.box2{ /*Das hier nimmt der letzen Box das Margin weg*/
margin-bottom:0;
}

.topbox em{/*Diese Box wird hervorgehoben*/

color:#fff!important;
}

/* ---------- Divs and Container ---------- */

#container{
width:745px;
height:600px;
margin:70px auto;
margin-bottom:0;
padding:0;
}

#imagepool{
height:570px;
width:430px;
border: 0px solid white;
margin:0;
padding:0;
float:left;
}

		#imagepool {position:relative;height:198px; clear:both;}		
		#imagepool IMG {position:absolute;top:0;left:0;z-index:8;}		
		#imagepool IMG.active {z-index:10;}		
		#imagepool IMG.last-active {z-index:9;}

#leftcontent{
width:290px;
margin:0 0 0 15px;
padding:0;
float:left;
text-align:left;
background-color:#352c21;
}

#Logo{
background-color:#fff;
width:260px;
height:96px;
padding:18px 15px 5px 15px;
text-align:center;
color:#707070;
font-size:10px;
}

#footer{
margin:auto;
margin-bottom:50px;
padding:0;
height:20px;
width:730px;
text-align:left;
clear:both;
color:#45392a;
font-size:10px;
padding:3px 15px 15px 0;
text-transform:uppercase;
/*background:url(pics/bkg_footer.jpg) no-repeat;*/
/* Ausgeblendet wegen Darstellungsfehler?!? in Safar */
}

#footer a{
color:#fff;
}

#footer a:link{
color:#fff;
}
#footer a:visited{
color:#fff;
}
#footer a:active{
color:#fff;
}
#footer a:hover{
color:#937955;
}

.one{
color:#937955!important;
}




#teaser1{
background-color:#fff;
float:left;
height:86px;
margin:15px 15px 0 0;
width:173px;
border: 0;
}

#teaser2{
background-color:#fff;
float:left;
height:86px;
margin:15px 15px 0 0;
width:173px;
border: 0;
}

#teaser3{
background-color:#fff;
float:left;
height:86px;
margin:15px 15px 0 0;
width:173px;
border: 0;
}


#teaser4{
background-color:#fff;
float:left;
height:86px;
margin:15px 0 0 0;
width:173px;
border: 0;
}

#teaser1 img, #teaser2 img, #teaser3 img, #teaser4 img{
border:0;
}