/* 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 #42474A; }
	
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;
	}

ul li {
	position: relative;
	}
	
li ul {
	position: absolute;
	left: -153px; 
	top: 0;
	display: none;
	}
							
ul li a {
	display: block;
	text-decoration: none;
	color: #E7F0F3;
	background-color: #3366cc; 
	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: #545657; } /* Hover Styles */
		
li ul li 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: 3366cc;
  color: #003399;
  display: block;
  padding:6px 15px 6px 15px;
  text-decoration: none;
  width: 260px;
  text-decoration: none;
  height:104px;
}

.box ul li a:hover {
  background: #2A2D31;
  color: #003399;
}
  
.box ul li a em {
  color: #003399;
  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{/*Diese Box wird hervorgehoben*/
border-left:3px solid #00AAE4;
width:257px!important;
}

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

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

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

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

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

#footer{
margin:auto;
margin-bottom:50px;
padding:0;
height:20px;
width:730px;
text-align:left;
clear:both;
color:#666666;
font-size:10px;
padding:15px 15px 15px 0;
text-transform:uppercase;
background:url(pics/bkg_footer.jpg) no-repeat;
}



#footer a:link{ color:#666666;}
#footer a:hover{ color:#666666;}

#footer a:visited{ color:#666666;}