@charset "utf-8";
/* CSS Document */

BODY {
background: #033;
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 3px;
}

#wrapper {
background-image:url(img/bgr_wrapper.gif);
background-repeat:repeat;
height: auto !important ;
margin: 5px 5%;
min-width: 600px;
min-height:1150px;
overflow:visible;

}


#header {
background: #033 url(img/header.gif) no-repeat right top;
height: 100px;
padding: 0px 0 0px 0px ;
margin:0 0 0 0px;
}

#header h1 a {
padding: 0px 0px 0px 20% ;
margin:-10px 0 0 0px;
font: 16px Georgia;
font-weight: 700;
color: #999966;
text-align:right;
}

#header h1 img {
display:block;
border:none;
margin:-50px 0 -25px 0px;

}
#subheader {
background: url(img/subheader1.gif) repeat-x;
color: #c96;
font-size: 12px;
height: 35px;
padding: 5px 10px 0 0;
margin: 0px 0 0 0;
text-align: right;
}

#subheader span {
color: #c96;
}
#votes{
padding-right: 20px;	
}

.subheader_left {
display: inline-block;
float: left;
font-size: 12px;
padding: 5px 0 3px 13px;
margin:-5px 0px 0px -3px;
text-align: left;
background-image:url(img/ecken/lo.jpg);
background-position: top left;
background-repeat:no-repeat;
}

#subheader_right{
color: #063;
display:block;
font-size: 12px;
padding: 2px 30px 3px 13px;
margin:-5px -13px 0px 0px;
background-image:url(img/ecken/ro.jpg);
background-position: top right;
background-repeat:no-repeat;
}

#subheader_right img{
margin: 0px 0 -3px 0 ;
height: 20px;
width: 20px;
}


#sidebarrechts {
float: right;
margin: 0 5px;
height: 1150px;
padding: 15px 3px 0 0;
text-align: center;
width: 170px;
overflow:visible;
}
#sidebarrechts img {
border: 0;
margin: 15px 0 0 0;
}


#sidebar {
float: left;
font-size: 14px;
height: 1150px;
margin: 0 5px;
padding: 15px 0 0 3px;
width: 170px;
overflow:visible;

}


#sidebarrechts h2 ,
#sidebarrechts p ,
#sidebarrechts a ,
#sidebar h2 ,
#sidebar p ,
#sidebar a 
 {
font-size: 14px;
}


#content {
background-image:url(img/bgr_wrapper.gif);
background-repeat:repeat;
font-size: 12px;
height: auto !important ;
line-height: 20px;
margin:0 180px 0 180px;
padding: 0px 10px 5px 10px;
}



#footer {
color: #000;
height: auto;
padding: 2px;
text-align: right;
}

/*                                                    TEXTE            */

.text_ws {
background: #fff;
border: thin solid #999;
margin: 2px;
padding: 5px;
}

.text_gy {
background: url(img/brg3.gif);
border: thin solid #ccc;
margin: 2px;
padding: 5px;
}


.onlinetop {
background: #ccc;
border: 1px solid #999;
color: #063;
display: inline-block;
font-size: 12px;
padding: 2px;
width: 119px;
}

.text_eintrag img {
float: left;
overflow:visible;
padding: 10px 15px 30px 5px;
}
.text_eintrag {
background: #fff;
border: thin solid #ccc;
border-width: 1px;
margin: 2px;
overflow: auto;
padding: 15px 5px 5px 5px;
text-align:justify;
}

.text_eintrag_ref img {
float: left;
overflow:visible;
margin:0px 0 0 0 ;
padding: 10px 15px 30px 5px;
}

.text_eintrag_ref{
background: #fff;
border: thin solid #ccc;
border-width: 1px;
margin: 2px;
overflow: auto;
padding: 15px 5px 5px 5px;
text-align:justify;
}



#span_index_unten{
border: thin solid #ccc;
color: #060;
background-image:url(img/info_button.gif);
font-weight:normal;
float: right;
text-align:center;
margin: -24px 90px 0 -190px;
padding: 2px 0px 0px 0px;
width: 80px;

}
.bild_beschreibung img {
float: left;
overflow:visible;
padding: 10px 30px 30px 5px;
}

.seite_eintragen {
background: #fff;
border: thin solid #999;
display: block;
font-weight: 700;
height: 24px;
margin: 10px auto;
padding: 2px 2px 0;
text-align: center;
width: 465px;
}
.crumb_index {
color: #000;
font-size: 10px;
font-weight: 400;
margin: 0;
padding: 0;
}
a.crumb_index {
color: #333;
}


#wichtig_rot {
color: #FF0000;
font-weight:bold;
}



/*                                                    LINKS            */

#content .text_ws a {color:#990000;font-weight:bold; }
#content .text_ws a {color:#003333;font-weight:bold; }
#subheader a {color: #CCCCCC; }
#content a {color: #066; text-decoration: none;}
#content a:hover {color: #903; text-decoration: none;}
.button {margin:10px 0 5px 0;}
#logout { color:#FF0000;}



div#boxinfo {
  position: relative; 
  top: 0px; 
  right: 0px; 
  padding: 0px; 
  margin:-5px 0 0 0; 
  width: 250px;
  height:32px; 
  z-index: 100;
  background:#FFFFFF;

}
div#boxinfo img{ width:32px; height:32px; margin:0px;padding:0px;border:none;}
div#boxinfo p {color: #CCCCCC;background:#FFFFFF;margin:-1px;  }
div#boxinfo p:visited {  color: #CCCCCC;  background:#FFFFFF; }
div#boxinfo p:hover { color: #006633; background:#FFFFFF; }
div#boxinfo p span {display: none;}
div#boxinfo p:hover span {
   display: block;
   position: absolute; 
   padding: 4px; 
   top: 0px; 
   left:250px;
   width:250px;
   height:150px;
   z-index: 100;
   color: #660000; 
   background: #FFFFFF;
   font: 13px Verdana, sans-serif; 
   text-align: justify;
   border: thin  #CCCCCC solid;
   text-decoration: none;
   }

.beschreibung_ref
{
margin: 0 0 0 250px;
}


.BM {
border: 0;
margin: 0 auto;
padding: 10px 0 0;
text-align: center;
}

.contentbox_head_top h2 {
background: url(img/headline.gif) repeat;
border: thin solid #ccc;
border-width: 1px 1px 1px 1px;
display: block;
font-size:16px;
height: 30px;
color:#333333;
margin: 0 1px 15px  1px;
padding: 20px 5px 10px 10px;
text-align: justify;
}
#content h4 {
color:#FF0000;
font-size:16px;
text-align: justify;
}


#sterne{
border:none;
}

.contentbox_head_bottom {
background: url(img/headline_botton.gif) repeat-x bottom;
border: solid #ccc;
border-width: 0 1px 1px;
display: block;
line-height: 15px;
margin: -5px 0px 0px 0px;
padding: 0;
text-align: justify;
}
.contentbox_top {
background: url(img/box/contentbox_top.gif) repeat-x;
border: thin solid #ccc;
border-width: 1px 1px 0;
display: block;
font-size: 14px;
margin: 10px  0 0px 0;
padding: 10px  10px 10px 10px;
text-align: justify;
}

.info_index_unten {
display:block;
width:100%;
float:left;
margin: 0 0 1px 0;
padding:0px 0 0 0;
}



.button_vote {
border: thin solid #ccc;
color: #060;
float: right;
margin: -27px 3px 0 0;
padding: 2px;
width: 80px;
}
.button_eintrag_unten {
border: thin solid #ccc;
color: #060;
float: right;
margin: -5px -3px 0 0;
padding: 2px;
width: 80px;
}

.button_index_unten {
border: thin solid #ccc;
color: #060;
float: right;
margin: -24px 0 0 0;
padding: 2px;
width: 80px;
cursor:pointer;
}





#categorien {
margin: 0 auto;
overflow: hidden;
text-align: center;
}
div#categorien div.categorie {
float: left;
font-size: 13px;
text-decoration: none;
}
div#categorien div.categorie a {
background: #fff;
border: thin solid #999;
color: #666;
display: block;
font-weight: 400;
margin: 2px 5px 0 2px;
padding: 5px;
width: 190px;
}
div#categorien div.categorie a:hover {
background: #ffc;
color: #000;
display: block;
}
.inline_frame {
margin: 0 auto;
text-align: center;
}

/*                                                    MENUE          */


.menus a {
background: no-repeat;
border-bottom: 1px inset #333;
color: #666;
display: inline-block;
font-size: 14px;
height: 22px;
margin: 4px 0 -2px -5px;
padding: 1px 5px;
text-align: left;
width: 100%;
}
.menus a:hover {
background: url(img/menu_hover.gif);
}

#logout a:hover {
background: url(img/menu_hover.gif);
}





/*                                                    PASSWORTBEREICH           */

.user {
background: url(img/head.gif);
border: thin solid #ccc;
color: #069;
display: block;
float: left;
font-weight: 700;
margin: 5px 0 0;
padding: 2px 10px 2px 4px;
text-align: left;
width: 130px;
}
.user2 {
border: thin solid #ccc;
color: #069;
display: block;
float: left;
margin: 5px 0 5px 0;
padding: 2px 10px 2px 4px;
text-align: left;
width: 300px;
}

.user3 {
border: thin solid #ccc;
color: #069;
display: block;
float: left;
margin: 5px 0px 0px 0px;
padding: 0px 2px 0px 2px;
text-align: left;
width: 300px;
}

.input_form
{
display:block;
margin:0px;
font-family:Arial,sans-serif;
color: #000000;
font-size:14px;
border: #999999 thin solid;
background-color: #FFFF99;
padding:0 3px 0 20px ;
height:100px;
width:90%;
}
.beschreibung span
{
display:block;
font-size:13px;
width:90%;
padding:0 3px 0 20px ;
margin:-22px 0 0 0px;
}



.input_form_klein
{
display:block;
margin:0px;
font-family:Arial,sans-serif;
color: #000000;
font-size:14px;
border: #999999 thin solid;
background-color: #FFFF99;
padding:0 3px 0 20px ;
height:24px;
width:90%;
}

.beschreibung_klein span
{
display:block;
width:90%;
font-size:13px;
padding:0 3px 0 20px ;
margin:-22px 0 0 0px;
}

#sonderzeichen
{
display:block;
width:90%;
color:#FF9900;
background-color:#333333;
font-size:13px;
padding:0 0px 0 25px ;
margin:0px 0px 0 0px;
}

#sonderzeichen_klein
{
display:block;
width:523px;
color:#FF9900;
background-color:#333333;
font-size:13px;
padding:0 0px 0 3px ;
margin:0px 0px 0 0px;
}

.frage_form
{
margin:0px;
font-family:Arial,sans-serif;
color: #000000;
font-size:12px;
border: #999999 thin solid;
padding:3px;
height:24px;
width:100%;
}

.fehler_form
{
color: #990000;
}

.counts
{
border:none;
margin: 0 0 0 0px;
width:25px;
}

span.add_url
{
border:solid #CCCCCC;
border-width: 1px 1px 0px 1px;
}

a.insideinfo{position:relative; /*this is the key*/ ; z-index:2; color: #000000; text-decoration:none;}
a.insideinfo img{ margin:0 0 -3px 0; padding:5px 5px 10px 5px;
width:12px; height:12px; vertical-align: text-top; border:0px;}
a.insideinfo:hover{z-index:2; }
a.insideinfo span{display: none}
a.insideinfo:hover span{ /*the span will display just on :hover state*/
display:block; position:absolute; left:60px; bottom:-15px ; width:400px;
background-color: #333333; color: #FFFF99; text-align: justify; padding:2px;
line-height:14px;
font-size:12px;font-weight:normal;
}

.checkbox
{
padding: 0px 0px 0px 0px;
margin: 10px 0 0px 0px;
}
.checkbox_fehler
{
width:12px;
height: 12px;
margin: 10px 0 0px 0px;

border: #FF0000 thick solid;
background-color:#FF0000;
padding: 0px 0px 10px 10px;
}