/* CSS Document */
/* Wahooka 2007 */
html {
font-family:Verdana, Arial, sans-serif;
font-size:100%;
height:100%
}

body {
background-color:#6fa8d0;
height:100%;
margin:0;
padding:0
}

#haupt {
height:100%;
margin:0 auto;
padding:0;
position:relative;
width:900px
}

#header_small {
background:transparent url(./bilder/header_small.jpg) no-repeat 0 100%;
float:left;
height:200px;
left:0;
margin:0;
padding:0;
position:absolute;
top:0;
width:250px
}

#header_big {
background:transparent url(./bilder/header_big.jpg) no-repeat 0 100%;
height:200px;
left:250px;
margin:0;
padding:0;
position:absolute;
top:0;
width:650px
}

#navi {
background:transparent url(./bilder/Navi_top.jpg);
background-position:top left;
background-repeat:no-repeat;
float:left;
height:325px;
left:0;
position:absolute;
top:200px;
width:250px
}

#menu {
background:transparent url(./bilder/Navi.jpg);
height:308px;
margin:17px 0 0;
overflow:hidden;
padding:0;
position:relative;
width:250px
}

#menu ul {
margin:0;
padding:0
}

#menu li {
display:inline;
height:45px;
list-style-type:none;
width:250px
}

#menu a {
background:transparent url(./bilder/Navi_hov.jpg) no-repeat 500px 650px;
color:#000;
display:block;
float:left;
height:0;
overflow:hidden;
padding-top:45px;
text-decoration:none;
width:250px
}

* html #menu a {
height:0
}

#menu a#item1:hover {
background-position:0 0;
z-index:50
}

#menu a#item2:hover {
background-position:0 -45px;
z-index:50
}

#menu a#item3:hover {
background-position:0 -90px;
z-index:50
}

#menu a#item4:hover {
background-position:0 -135px;
z-index:50
}

#menu a#item5:hover {
background-position:0 -180px;
z-index:50
}

img {
border:0
}

#content {
background:transparent url(./bilder/content.jpg) no-repeat 0 100%;
height:323px;
left:250px;
margin:0;
padding:0 0 2px;
position:absolute;
top:200px;
width:650px
}

#content_in {
display:block;
height:100%;
max-height:100%;
overflow:auto;
padding:0 200px 0 25px;
position:relative;
z-index:3
}

#content_in p {
font-size:80%;
font-weight:700
}

#content_in h2 {
font-size:120%;
font-weight:700;
text-decoration:underline
}

#content_in h3 {
font-size:110%;
font-weight:700;
text-decoration:underline
}

#footer {
background:#000;
display:block;
left:0;
margin-left:19px;
padding:3px 0;
position:absolute;
text-align:center;
top:523px;
width:882px
}

#footer p {
color:#fff;
font-size:60%;
margin:0;
padding:0
}

a {
color:#fff;
font-size:100%;
text-decoration:none
}

a:hover {
color:#fff;
text-decoration:underline
}

a.ext {
background:transparent url(./bilder/link.gif) no-repeat 0 50%;
color:#6fa8d0;
font-weight:700;
padding-left:14px;
padding-right:1px;
text-decoration:none
}

a.ext:link,a.ext:visited {
color:#6fa8d0;
text-decoration:none
}

a.ext:hover {
text-decoration:underline
}

a.ext:active {
text-decoration:none
}

.just {
text-align:justify
}

#footer a.link1 {
background:transparent url(./bilder/user_green.gif) no-repeat 2px 100%;
padding-left:16px
}

#footer a.link2 {
background:transparent url(./bilder/tick.gif) no-repeat 2px 100%;
padding-left:16px
}

#footer a.link3 {
background:transparent url(./bilder/world.gif) no-repeat 2px 100%;
padding-left:16px
}

a:link,a:visited,a:active {
color:#fff;
text-decoration:none
}