html {
height : 100%;
}
body {
font-size : 0.7em;
background-image : url(../images/bg.gif);
background-repeat : repeat-x;
background-color : #e4e4e4;
margin : 0;
padding : 0;
font-family : verdana;
}
a:link, a:active, a:hover {
text-decoration : none;
font-weight : bold;
color : #91c765;
}
a:visited {
text-decoration : none;
font-weight : bold;
color : #91c765;
}
a img {
border : none;
}
div.content {
background-image : url(../images/m.gif);
width : 583px;
}
div.content div {
background-image : url(../images/t.gif);
background-repeat : no-repeat;
}
div.content div div {
padding : 20px 20px 28px;
background-image : url(../images/b.gif);
background-position : 0 100%;
background-repeat : no-repeat;
}
div.content div div div {
background : none;
padding : 0;
margin : 0;
}
div.title {
font-family : verdana;
margin-left : 22em;
min-width : 16em;
font-weight : bold;
color : #748b49;
}
hr {
background-image : url(../images/divisor.gif);
background-repeat : no-repeat;
border : none;
}
span.icon {
width : 28px;
height : 28px;
display : block;
float : left;
background-repeat : no-repeat;
}
.article {
background-image : url(../images/article.gif);
}
#logi {
background-image : url(../images/article.gif);
width : 28px;
height : 28px;
display : block;
float : left;
background-repeat : no-repeat;
}
#email2 {
background-image : url(../images/article.gif);
width : 28px;
height : 28px;
display : block;
float : left;
background-repeat : no-repeat;
}
#infobox {
position : relative;
font-weight : normal;
color : #fff;
font-family : verdana;
background-image : url(../images/infobox.jpg);
width : 575px;
height : 154px;
}
#infobox div {
position : absolute;
left : 26px;
top : 32px;
width : 220px;
}
#infobox span {
position : absolute;
left : 424px;
}
#container {
width : 782px;
margin-left : auto;
margin-right : auto;
background-image : url(../images/body.gif);
position : relative;
}
#head {
background-image : url(../images/head.jpg);
height : 122px;
vertical-align : bottom;
position : relative;
}
#topbar {
position : absolute;
left : 8px;
top : 6px;
color : #b2b2b2;
}
#topbar a:link, #topbar a:active, #topbar a:visited, #topbar a:hover {
color : #b2b2b2;
text-decoration : underline;
font-weight : normal;
}
#topbar a:hover {
text-decoration : none;
}
#search-bar {
position : absolute;
top : 6px;
right : 16px;
padding : 0;
}
#search-bar input {
background : none;
border : none;
margin : 0;
vertical-align : top;
}
#search-bar input.input {
width : 217px;
height : 21px;
background-image : url(../images/search_box.gif);
background-repeat : no-repeat;
padding-top : 4px;
padding-left : 8px;
}
#search-bar input.submit {
width : 31px;
height : 25px;
background-image : url(../images/search.gif);
background-repeat : no-repeat;
}
#body {
margin-left : 11px;
position : relative;
min-height : 720px;
}
#tabs {
position : absolute;
top : 164px;
left : -42px;
width : 42px;
padding : 0;
margin : 0;
}
#tabs ul {
list-style : none;
padding : 0;
margin : 0;
}
#tabs ul li {
padding : 0;
margin : 0;
margin-bottom : 6px;
float : left;
}
#tabs ul li a {
text-decoration : none;
display : block;
width : 42px;

padding : 0;
margin : 0;
}
#tabs ul li.mail a {
background-image : url(../images/mail.gif);
height : 129px;
}
#tabs ul li.freunde a {
background-image : url(../images/community.jpg);
height : 160px;
}
#tabs ul li.infos a {
background-image : url(../images/infos.gif);
height : 129px;
}
#sidebar {
position : absolute;
right : 8px;
top : 0;
}
#ads-box {
width : 175px;
background-image : url(../images/adsm.gif);
}
#ads-box div {
background-image : url(../images/adst.gif);
background-repeat : no-repeat;
}
#ads-box div div {
background-image : url(../images/adsb.gif);
background-repeat : no-repeat;
background-position : 0 100%;
padding-top : 40px;
padding-bottom : 10px;
}
#login-box {
width : 163px;
height : 109px;
background-image : url(../images/loginbox.gif);
background-repeat : no-repeat;
padding-top : 40px;
padding-right : 12px;
margin-bottom : 10px;
}
#login-box input, #login-box label {
float : left;

font-size : 0.9em;
margin : 3px;
color : #859e5a;
}
#login-box input.input {
  width: 60px;
  margin: 2px;

}
#login-box inpu {
  width: 110px;
  margin: 0px;
}

#login-box input.submit {
width : 95px;
height : 20px;
border : none;

}
#foot {
background-image : url(../images/foot.gif);
height : 39px;
border-bottom : 1px solid #447b79;
color : white;
font-weight : normal;
padding-left : 16px;
padding-top : 26px;
}
#foot a:link, #foot a:active, #foot a:visited, #foot a:hover {
font-weight : normal;
text-decoration : underline;
color : #fff;
}
#foot a:hover {
text-decoration : none;
}
#nav {
height : 53px;
background-image : url(../images/navl.gif);
background-repeat : no-repeat;
}
#nav div {
height : 53px;
background-image : url(../images/navr.gif);
background-repeat : no-repeat;
background-position : 100% 0%;
}
#nav ul {
margin : 0;
padding : 0;
margin-left : 509px;
list-style : none;
}
#nav ul li {
float : left;
padding : 0;
margin : 0;
}
#nav ul li a {
display : block;
height : 53px;
text-decoration : none;
padding : 0;
margin : 0;
}
#nav ul li.home a {
width : 64px;
background-image : url(../images/home.gif);
}
#nav ul li.home a:hover {
background-image : url(../images/home_active.gif);
}
#nav ul li.anmelden a {
width : 87px;
background-image : url(../images/anmelden.gif);
}
#nav ul li.anmelden a:hover {
background-image : url(../images/anmelden_active.gif);
}
#nav ul li.agb a {
width : 50px;
background-image : url(../images/agb.gif);
}
#nav ul li.agb a:hover {
background-image : url(../images/agb_active.gif);
}
#nav ul li.faq a {
width : 50px;
background-image : url(../images/faq.gif);
}
#nav ul li.faq a:hover {
background-image : url(../images/faq_active.gif);
}

#box-logif {
width : 193px;
height : 170px;
padding-top : 80px;
padding-right : 5px;
padding-left : 400px;
margin-bottom : 500px;
background-image : url(../images/bgbox.jpg);
background-repeat : no-repeat;
position : absolute;
}
#box-logif div {
position : absolute;
left : 26px;
top : 32px;
width : 220px;
}