@charset "UTF-8";

body, html {
height: 100%;
width: 100%;
margin: 0px;
padding: 0px;
}

body {
font-family: Verdana, Arial, Helvetica, sans-serif;
}

.wrapper {
width: 900px;
height: 550px;
background-image:url(hintergrund_wrapper.jpg);
border-top: 1px solid #397a0d;
}

.header {
width: 900px;
height: 265px;
}

.pics {
width: 350px;
height: 225px;
float:left;
margin-left:30px;
}

.content {
width: 470px;
height: 275px;
text-align: left;
font-size: 12px;
margin-top:-45px;
margin-right:20px;
float:right;
overflow:auto;
padding-right: 10px;
}

.navi {
height: 25px;
float: left;
margin-left: 550px;
margin-top: 92px;
font-size: 14px;
text-align:left;
}

.link {
color: #397a0d;
text-decoration: none;
}

.navi a {
color:#397a0d;
text-decoration:none;
}

.navi a:hover {
font-weight: 600;
}

.hintergrund {
width: 100%;
height: 100%;
position: absolute;
}

.vordergrund {
position: absolute;
}

.hintergrundbild {
width: 100%;
height: 100%;
}

h1 {
font-size:14px;
padding-bottom: 5px;
font-weight: bold;
color:#397a0d;
border-bottom: 1px solid #397a0d;
width: 460px;
}

.fotos {
width: 850px;
height: 295px;
overflow: auto;
text-align: left;
margin-top: -45px;
}

.fotos a {
margin-right: 5px;
}