* {
margin: 0;
padding: 0;
}

body {
text-align: center;
font: 12px Verdana, sans-serif;
background: #3F6164;
}


#wrapper {
position: relative;
width: 880px;
margin: 30px auto;
text-align: left; 
}


#mainnavigation {
position: absolute;
top: 1px;
left: 2px;
background: #c6c67b;
width: 250px;
height: 600px;
overflow: auto;
overflow-x:hidden;
}

*html #mainnavigation {
width:250px;
}

#mainnav li {
margin: 0;
list-style: none;
font: 1.3em georgia;
background: #c6c67b;
padding: 11px 0 0 0;
width: 100%;
overflow: hidden;
text-indent: 5px;
color: white;
border-bottom: 1px solid white;
}

*html #mainnav li {
margin-top: -2px;
}


#mainnav a { 
display: block;
padding: 2px 0 1px 0px;
color: #fff;
text-decoration:none;
}

#mainnav a:hover { 
color: #333;
}




#mainnav ul  {
margin-top: 3px;
}

#mainnav ul li {
font-weight: normal;
font: 0.8em verdana;
background: #7bbdc6;
padding: 1px 0 0 0;
text-indent: 0;
border: none;
}

*html #mainnav ul li {
margin-top: -3px;
}

#mainnav ul a {
padding: 2px 0 1px 15px;
background: white;
text-decoration: none; 
color: #555;
}

#mainnav ul a:active{
padding: 2px 0 1px 15px;
background: url() #7bbdb6;
text-decoration: none; 
color: white;
}

#mainnav ul a:visited{
padding: 2px 0 1px 15px;
background: white;
text-decoration: none; 
color: #555;
}

#mainnav ul a:hover {
padding: 2px 0 1px 15px;
background: #7bbdb6;
text-decoration: none; 
color: white;
}

#module {
position: absolute;
right: 0;
top: 0;
width: 600px;
height: 600px;
background-color:#FFFFFF;
}

iframe {
border: 0;
}

h1 {
height: 43px;
width: 100%;
overflow: hidden;
}

h1 a {
display: block;
text-indent: -8000px;
overflow: hidden;
background: white url(../images/headline.png) 0 0 no-repeat;
height: 43px;
width: 100%;
}

h1 a:hover {
background-image: url(../images/headline_hover.png);
}