body {
background: #F2F2F2 url(img/bg.jpg) top repeat-x;
}

h3 {
background: url(img/h3.jpg) repeat-y;
width: 510px;
height: 30px;
margin-left: -20px;
padding-left: 20px;
padding-top: 10px;
text-align: center;
color: #fff;
}

#container {
margin: 0 auto;
width: 770px;
}

#header {
background: url(img/head.jpg);
width: 770px;
height: 170px;
}

#navi {
float:left;
width: 770px;
position: absolute;
margin-top: -33px;
font-size:93%;
}

#navi ul {
margin:0;
padding:10px 10px 0 130px;
list-style:none;
}

#navi li {
display:inline;
margin:0;
padding:0;
}

.navi_active {
float:left;
background:url(img/navi_a1.gif) no-repeat left top;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
}

.navi_active span {
background:url(img/navi_a2.gif) no-repeat right top;
float: left;
display:block;
font: bold 12px "Verdana";
color:#000;
padding:5px 15px 4px 6px;
}

#navi a {
float:left;
background:url(img/navi1.gif) no-repeat left top;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
}

#navi a span {
float:left;
display:block;
background:url(img/navi2.gif) no-repeat right top;
padding:5px 15px 4px 6px;
font: bold 12px "Verdana";
color:#000;
}

#navi a span {
float:none;
}

#navi a:hover span {
color:#000;
}

#navi a:hover {
background-position:0% -42px;
}

#navi a:hover span {
background-position:100% -42px;
}

#textcontainer {
background: url(img/textcontainer.gif);
}

#text {
background: #fff url(img/text.jpg) top left no-repeat;
width: 490px;
margin-top: 0px;
margin-left: 20px;
padding: 20px;
font: normal 14px "georgia";
}

#bilder {
background: url(img/bilder.gif) top right no-repeat;
float: right;
position: absolute;
width: 200px;
padding-top: 81px;
margin-top: 0;
margin-left: 550px;
text-align: center;
}

#footer {
position: absolute;
background:url(img/foot.jpg);
padding: 10px 0 0 40px;
width: 730px;
height: 45px;
font: normal 10px "verdana";
color: #000;
}

#footer a {
color: #000;
text-decoration: underline;
}

#footer a:hover {
color: #666;
text-decoration: none;
}