BODY {
font-family : Arial;
font-size : 90%;
color : #666666;
margin : 3px;
}
#wrapper {
background : #fff;
margin : 0 auto 0;
min-height : 800px;
height : auto !important ;
}
* html #wrapper {
min-height : 800px;
height : auto !important ;
}
#header {
background-color : #009999;
background : url(img/head.gif);
background-repeat : repeat;
margin-left : 1px;
}
#header h1 {
font : 240% Georgia;
text-align : center;
padding-left : 270px;
color : #336699;
background-color : #009966;
background : url(img/head2.gif);
background-repeat : no-repeat;
margin-top : 0;
height : 50px;
padding-top : 15px;
padding-bottom : 15px;
margin-bottom : 0;
}
#header a {
padding-right : 10px;
color : #666666;
}
#subheader {
margin-left : 1px;
margin-bottom : 0;
margin-top : 0;
margin-right : 1px;
padding-right : 10px;
height : 21px;
color : #006633;
font-size : 12px;
padding-top : 5px;
text-align : right;
background : url(img/mitte.gif);
background-repeat : repeat-x;
}
#subheader img {
text-align : center;
vertical-align : middle;
margin-top : 0;
padding-top : 0;
padding-bottom : 4px;
}
#subheader a {
padding-right : 10px;
color : #333333;
text-align : right;
text-decoration : underline;
font-size : 12px;
}
#subheader a:hover {
padding-right : 10px;
color : #ff0000;
text-align : right;
font-size : 12px;
}
#content {
margin-bottom : 0;
margin-top : 0;
margin-left : 125px;
margin-right : 145px;
padding-left : 5px;
padding-top : 15px;
padding-right : 5px;
padding-bottom : 0;
line-height : 20px;
border-left-width : 1px;
border-left-color : #999999;
border-left-style : solid;
border-right-width: 1px;
border-right-color:#CCCCCC;
border-right-style : solid;

min-height : 800px;
height : auto !important ;
}
#content h1 {
color : #ff0033;
text-decoration : underline;
font-size : 16px;
padding-bottom : 0;
text-align : left;
margin-top : 4px;
margin-bottom : 20px;
}
#content h2 {
color : #006633;
text-decoration : underline;
font-size : 14px;
padding-bottom : 0;
text-align : center;
margin-top : 4px;
margin-bottom : 0;
}
#content h3 {
font-size : 12px;
padding-bottom : 0;
text-align : left;
margin-top : 4px;
margin-bottom : 0;
}
#content h3 a {
color:#FFFFFF;
font-size : 12px;
padding-bottom : 0;
text-align : left;
margin-top : 4px;
margin-bottom : 0;
}

#content h3 a:hover {
color: #33FF00;
}

#content h4 {
font-size : 12px;
color : #cc0000;
font-weight : normal;
padding-bottom : 0;
text-align : left;
margin-top : 4px;
margin-bottom : 0;
}
#content h6 {
text-align : center;
font-size : 16px;
color : #cc0033;
font-style : italic;
padding-top : 5px;
margin-top : 5px;
margin-bottom : 5px;
}
#content p {
color : #333333;
padding-top : 0;
margin-top : 5px;
margin-bottom : 5px;
text-align : justify;
}
#content a {
color : #009933;
text-align : left;
font-weight : bold;
margin-top : 5px;
margin-bottom : 5px;
}
#content a:hover {
text-align : left;
color : #ff0033;
font-weight : bold;
margin-top : 5px;
margin-bottom : 5px;
}
#sidebar {
width : 125px;
float : left;
color : #666;
margin-top : 0;
margin-bottom : 0;
text-align : left;
padding-left : 3px;
padding-right : 0;
padding-top : 15px;
min-height : 800px;
height : 800px;
}
#sidebar h3 {
font-weight : bold;
font-size : 12px;
}
.imgsidebar {
height : 112px;
width : 105px;
border : 0;
margin-top : 10px;
padding-left : 5px;
}

.menus a {
display : inline-block;
width : 100px;
border-bottom-color : #3399cc;
border-bottom-width : 1px;
border-bottom-style : solid;
color : #666666;
font-size : 13px;
padding-left : 6px;
padding-right : 0;
padding-bottom : 2px;
padding-top : 2px;
font-weight : bold;
background-image : url(img/menu.gif);
background-repeat : no-repeat;
}
.menus a:hover {
display : inline-block;
color : #cc0033;
font-size : 13px;
font-weight : bold;
padding-left : 6px;
padding-right : 0;
padding-bottom : 2px;
padding-top : 2px;
background-image : url(img/menu_hover.gif);
background-repeat : no-repeat;
background-color : #3399cc;
}
.subcurrentlist {
display : inline-block;
width : 117px;
color : #006633;
font-size : 13px;
padding-left : 6px;
padding-bottom : 3px;
padding-top : 3px;
font-weight : bold;
background-image : url(img/menu.gif);
background-repeat : no-repeat;
}
#sidebarrechts {
width :145px;
float : right;
color : #666;
padding-top :15px;
margin : 0;
text-align : center;
padding-right : 0px;
min-height : 800px;
height : 100%;
}
#subfooter {
padding : 2px;
height : 16px;
color : #cccccc;
font-size : 10px;
}
#footer {
padding : 2px;
height : auto;
text-align : right;
color : #000000;
border-top-color : #000000;
border-top-style : solid;
border-top-width : 1px;
}
#footer p {
color : #999999;
font-size : 12px;
}
#footer a {
color : #000000;
font-size : 12px;
}
table.center {
margin-left : auto;
margin-right : auto;
width : 99%;
color : #006699;
}
.crumb {
font-size : 70%;
}
form_add {
padding : 0;
line-height : 10px;
}
br.small {
line-height : 5px;
}
hr.linie {
background-color : #cccccc;
color : #b3b362;
border : #b3b362;
height : 1px;
margin : 5px;
}
hr.linie2 {
background-color : #cccccc;
color : #b3b362;
border : #b3b362;
height : 1px;
margin : 2px;
}
div.gruen {
padding : 10px;
height : auto;
text-decoration : none;
font-size : 90%;
margin-bottom : 10px;
margin-top : 5px;
background : url(counter2/brg3.gif);
}
div.gruen span {
font-size : 10px;
color : #cccccc;
}
div.last {
display : block;
margin-top : 20px;
padding : 10px;
margin-right : 5px;
text-decoration : none;
font-size : 90%;
}
div#categorien {
overflow : hidden;
}
div#categorien div.categorie {
float : left;
text-decoration : none;
font-size : 14px;
padding-left : 0;
}
div#categorien div.categorie a {
display : inline-block;
padding-left : 5px;
width : 200px;
color : #666666;
font-weight : normal;
margin-bottom : 3px;
background-image : url(img/cat.gif);
background-repeat : no-repeat;
padding-bottom : 2px;
padding-top : 1px;
}
div#categorien div.categorie a:hover {
display : inline-block;
padding-left : 5px;
width : 200px;
color : #000000;
font-weight : normal;
margin-bottom : 3px;
background-image : url(img/cat_hover.gif);
background-repeat : no-repeat;
padding-bottom : 2px;
padding-top : 1px;
}
div.clear {
clear : left;
margin : 0;
padding : 0;
height : 0;
line-height : 0;
font-size : 0;
}
a {
color : #006666;
text-decoration : none;
font-size : 90%;
}
a:hover {
text-decoration : none;
color : #cc0033;
}





.eintrag {
background : url(counter2/brg3.gif);
padding-right : 10px;
padding-left : 10px;
padding-top : 5px;
padding-bottom : 5px;
margin-top : 0;
margin-right : 5px;
margin-bottom : 10px;
margin-left : 5px;
text-decoration : none;
font-size : 90%;
min-width : 50%;
min-height : 150px;
}
.eintrag img {
float : left;
padding-left : 10px;
padding-right : 10px;
padding-top : 15px;
padding-bottom : 30px;
}
.kopfeintrag {
text-align : left;
background-color : #009999;
padding-right : 10px;
padding-left : 10px;
padding-top : 2px;
padding-bottom : 2px;
margin-top : 5px;
margin-right : 5px;
margin-bottom : 0;
margin-left : 5px;
color : #ffffff;
}
.kopfeintrag h3 {
color : #ffffff;
}


.user {
text-align : left;
background-color : #009999;
background : url(img/head.gif);
background-repeat : repeat;
padding-right : 10px;
padding-left : 4px;
padding-top : 2px;
padding-bottom : 2px;
margin-top : 5px;
margin-bottom : 0;
color: #006699;
font-weight: bold;
}

.user2 {
text-align : left;
color: #006699;

}
div.liste1 {
display : inline-block;
font-size : 12px;
height : 35px;
width : 300px;
margin : 1px;
background : url(counter2/brg3.gif);
float : left;
padding-left : 5px;
padding-right : 5px;
padding-top : 5px;
padding-bottom : 5px;
}
div.liste2 {
display : inline-block;
font-size : 12px;
height : 35px;
width : 200px;
margin : 1px;
background : url(counter2/brg3.gif);
float : left;
padding : 5px;
}
div.liste3 {
display : inline-block;
text-align : center;
font-size : 12px;
height : 35px;
width : 80px;
margin : 1px;
background : url(counter2/brg3.gif);
float : left;
padding : 5px;
}
.liste {
background : url(counter2/brg3.gif);
padding-left : 5px;
padding-right : 5px;
font-size : 14px;
font-family : Arial, Helvetica, sans-serif;
}
.liste_vote {
background-color : #339999;
padding-left : 5px;
padding-right : 2px;
text-align : right;
}
.liste_bm {
padding-left : 2px;
padding-right : 2px;
text-align : right;
}
.liste_h {
color:#FFFFFF;
padding-left : 5px;
padding-right : 5px;
text-align : right;
background-color : #339999;
width : 400px;
}

.adds{
margin-left:auto;
margin-right:auto;
text-align : center;
}

.thumb a {
border : 0;
}
.warnung {
width : 120px;
height : 16px;
display : inline-block;
background-color : #336666;
color : #ffffcc;
font-size : 12px;
font-weight : bold;
padding : 2px;
border : #cccccc;
border-width : 1px;
border-style : solid;
margin-bottom : 2px;
}
.onlinetop {
display : inline-block;
width : 119px;
color : #006633;
font-size : 12px;
border : 1px solid #999999;
padding : 2px;
background-color : #cccccc;
}
.online {
display : inline-block;
width : 65px;
color : #000000;
font-size : 11px;
border-left : 1px solid #cccccc;
border-bottom : 1px solid #cccccc;
padding : 2px;
}
.online2 {
border-right : 1px solid #cccccc;
border-bottom : 1px solid #cccccc;
display : inline-block;
width : 50px;
text-align : right;
color : #666666;
font-size : 11px;
padding : 2px;
}
.keys {
display : inline-block;
width : 120px;
padding-left : 5px;
padding-left : 5px;
background-color : #ffffcc;
color : #000000;
font-size : 10px;
border : #cccccc;
border-width : 1px;
border-style : solid;
}
.keymain {
width : 120px;
font-size : 12px;
font-weight : bold;
padding : 2px;
border : #cccccc;
border-width : 1px;
border-style : solid;
}
.add1 {
padding-left : 27px;
padding-top : 10px;
}
#small1 {
line-height : 1px;
height : 1px;
}
.such_button {
background : url(img/suchen.gif) 0% 50%;
background-repeat : no-repeat;
padding-top : 3px;
width : 120px;
text-align : left;
font-size : 12px;
font-weight : bold;
height : 20px;
border-width : 0;
}
.vote {
padding : 0;
margin : 0;
width : 80px;
font-size : 10px;
border : 0 solid #333333;
background-color : #ff9900;
color : #000000;
}
.vote2 {
padding-left : 0;
padding-right : 2px;
width : 100px;
background-color : #339999;
border : 0 solid #333333;
color : #ffffff;
font-size : 12px;
text-decoration : underline;
text-align : right;
}
.button {
background : url(img/suchen.gif);
background-repeat : no-repeat;
text-align : left;
font-weight : bold;
width : 120px;
height : 25px;
border-width : 0;
}
.button_vote {
background : url(img/vote.gif);
background-repeat : no-repeat;
text-align : right;
width : 100px;
height : 20px;
color : #ffffff;
border-width : 0;
}
.backlink {
background : url(img/aendern.gif);
background-repeat : no-repeat;
text-align : right;
width : 50px;
height : 20px;
color : #ffffff;
border-width : 0;
}
.abstand1 {
margin-left : 30px;
}
.top {
display : inline-block;
color : #006633;
text-align : left;
font-size : 12px;
padding-left : 2px;
padding-bottom : 3px;
padding-top : 3px;
}
.left {
float : left;
display : inline-block;
color : #006633;
text-align : left;
font-size : 12px;
padding-left : 10px;
padding-bottom : 3px;
}
.form {
margin-bottom : 0;
margin-top : 5px;
}
.formsm {
margin-bottom : 0;
margin-top : 5px;
}
.formular {
font-size : 11px;
padding : 10px;
line-height : 13px;
}
.counts {
border : 0;
color : #669966;
border-style : solid;
border-color : #cc0000;
}
.eintragch {
border : 1px;
color : #006600;
font-size : 14px;
border-style : solid;
border-color : #cccccc;
}
.eintragen a {
display : inline-block;
padding-left : 7px;
width : 200px;
color : #cc3333;
font-weight : bold;
margin-bottom : 3px;
background-image : url(img/cat_hover.gif);
background-repeat : no-repeat;
padding-bottom : 2px;
padding-top : 1px;
margin-left : 1px;
}
h1 {
text-align : center;
color : #0066ff;
font-size : 16px;
}
.bild_rechts {
text-align : right;
float : right;
margin : auto;
}
.fett {
text-align : left;
color : #cc3333;
font-weight : bold;
}
.note{
text-align : left;
color: #666666;
font-size : 11px;
}

.box_top {
background-image : url(img/box_top.gif);
background-repeat : no-repeat;
text-align : center;
height : 30px;
padding : 0;
margin : 0 0 0 10px;
}
.box_top h2 {
color : #999999;
font-size : 12px;
padding : 10px 0 10px 0;
margin : 0 0 0 0;
}
.box_mitte {
background-image : url(img/box_mitte.gif);
background-repeat : repeat-y;
height : 110%;
padding : 0;
margin : 0 0 -15px 10px;
}
.box_mitte a {
text-align : center;
color : #0000ff;
font-size : 12px;
padding : 0;
}
.box_mitte p {
text-align : center;
color : #666666;
font-size : 12px;
padding : 0;
}
.box_mitte img {
height : 100px;
width : 94px;
border : 0;
padding-top : 20px;
padding-left : 0;
margin-left : 0;
padding-bottom : 0;
}
.box_button {
background-image : url(img/box_button.gif);
background-repeat : no-repeat;
text-align : left;
color : #999999;
font-size : 12px;
padding : 0;
margin : 0 0 0 10px;
}

a.info{
    position:relative; /*this is the key*/
    z-index:2;;
    color:#000;
    text-decoration:none}
	
a.info img{
width:15px;
height:15px;
vertical-align: text-top;
border:0px;}
	
a.info:hover{z-index:2; }

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:-3em; left:2em; width:15em;
    border:1px solid  #666666;
    background-color: #FFFFCC; color:#000;
    text-align: left;
	padding:3px;
	font-weight:normal;}
	
a.info img{
	padding-left:0px;}