ul{list-style-type:square;}
li.space{margin-bottom:8px;}
a{color:black;text-decoration:underline;}
a:hover, .screenshot:hover{text-decoration:none;}
span.screenshot{text-decoration:underline;}
a.screenshot{text-decoration:none;}
.zitat{padding-top:8px;}
a.screenshot img{border:1px solid black;background:#fff;padding:4px;}
.vote{text-decoration:none;cursor:help;}
.vote_contra a{color:red;}
.vote_pro{color:green;}
body{font-family:sans-serif;background-color:#CCCCCC;color:black;font-size:small;text-align:center;}
h1{font-family:sans-serif;font-size:large;}
img{border:0px;}
.header_links{float:left;width:12%;padding-top:20px;margin-bottom:50px;}
#header .linkseperator{display:none;}
.headericons{vertical-align:middle;}
#header h1{display:none;}
#header span{clear:both;display:block;margin-bottom:10px;}
#headerextra2{margin-top:0px;height:120px;width:98%;background:url(images/hplogo2.jpg) center no-repeat;}
.zwei{background-color:#8C8C8C;font-size:xx-small;text-align:right;padding:2px;}
.content{margin:auto;float:left;width:84%}
#footer{text-align:right;float:right;width:12%;}
#footer span{clear:both;display:block;margin-bottom:0px;}
.quote_header{font-size:x-small;font-weight:bold;background-color:#ABABAB;line-height:230%;width:auto}
.quote{background-color:#DDDDDD;width:90%;border-left:1px solid white;border-top:1px solid white;border-right:1px solid black;border-bottom:1px solid black;text-align:left;padding:15px;margin-bottom:20px;position:relative;left:4%;clear:both;}
.quote2{background-color:#DDDDDD;width:400px;border-left:1px solid white;border-top:1px solid white;border-right:1px solid black;border-bottom:1px solid black;text-align:left;padding:15px;margin-bottom:20px;position:relative;left:30%;clear:both;}
.quote_zeile{display:block;padding-left:20px;margin-bottom:1px;}
.quote_zeile:first-letter{margin-left:-20px;}
.gallerybox{margin:0 auto;width:600px;clear:both;padding:1em;text-align:left;}
.gallerybox .gallerypic{float:left;margin-right:1em;padding:3px;}
.title{color:black;font-weight:bold;}
table{margin:auto}
.headtext{font-weight:bold;color:black;text-align:center;}
.headlinebg{background-color:#8C8C8C;}
.tdtop{background-color:#8C8C8C;}
.hicell{background-color:#DDDDDD;}
.hicell10{font-size:small;background-color:#8C8C8C;}
.rankc{background-color:#DDDDDD;}
.hirankc{font-weight:bold;background-color:#8C8C8C;}
.rankc10center{font-size:small;text-align:center;}
.hirankc10center{font-weight:bold;font-size:small;background-color:#8C8C8C;text-align:center;}
.small{font-size:x-small;font-family:sans-serif;}
.asmall{font-size:x-small;color:black;font-family:sans-serif;text-align:center;}
.male{color:#0000c7;}
.female{color:#93006a;}
.bot{color:black;}
.werbung{z-index:-1;text-align:center;}
.rank{background-color:#DDDDDD;padding:3px;margin:0px;padding-left:15px;width:10%;border-left:1px solid white;border-top:1px solid white;border-right:1px solid black;border-bottom:1px solid black;font-weight:bold;position:relative;left:4%;}
li.offline{color:#707070;}
a.offline{color:#707070;}
#map{width:500px;height:500px;background-image:url(newmap.png);margin:auto;}
.add_2{float:right;}
@media screen and (max-width:500px){
 html,body{width:100%;margin:0;padding:0;}
 div.content{float:none;width:100%;}
 div.header_links{float:none;width:100%;}
 div.quote{position:static;width:auto;border-left:none;border-right:none;}
 #header span{line-height:25px;margin-bottom:0 !important;border-top:1px solid white;border-bottom:1px solid black;}
 #header .header_links>p{height:33px;padding-top:3px;border-top:1px solid white;border-bottom:1px solid black;margin:0;}
 #header .header_links>br,#header .header_links>a{display:none;}
 #header .header_links a{text-decoration:none;}
 div.content>div.zwei>span{white-space:nowrap;}
}