/* CSS-Datei zur Vorlage "http://wwww.css-vorlagen.de/templates/mohnblume/ */
/* Diese Datei darf frei verwendet und angepasst werden, unterliegt jedoch der http://creativecommons.org/licenses/by/2.0/ */


/* Allgemeine Formatierungen */
*{
 margin:0;
 padding:0;
}

body{
 background:#eee;
 background-image: url(/img/bg.gif);
 font:.8em "trebuchet ms", arial, sans-serif;
 text-align:center;
}

/* Fail Hintergrund */
#fail
{
 background-color:#e1e1e1;
 font:1.1em Georgia, "Times New Roman", Times, serif;
 line-height:20px;
 padding: 7px;
} 



/*NEW! Indiklator Formatierung*/
/*#indikator
{
 background-color:#E56717;
 background
}*/

/* Formatierungen Layout (grob) */
#seite{
 background:#fff url(../img/hintergrund.jpg) repeat-y;
 margin:0 auto;
 padding: 0px 10px 5px 13px;
 text-align:left;
 width:715px;
}

#oben{
 background-image: url(/img/ifail.png);
 background-repeat: no-repeat;
 background-position: 5px 0px;
 margin: 0px -10px 0px -16px;
 clear:both;
 height:120px;
 width:742px;
}

#links{
 float:left;
 margin:0 0 20px 0;
 width:508px;
}

#rechts{
 float:left;
 margin:0 0 0 40px;
 width:135px;
 font:bold 1.1em Times;
}

#Bildunten{
 clear:both;
 height:40px;
 width:713px;
}

#unten{
 background-image: url(/img/footer.png);
 background-repeat: no-repeat;
 background-position: 0px 10px;
 margin: 20px -10px -15px -11px;
 clear:both;
 width:734px;
 height: 50px;
}

/* Formatierungen Navigationsleiste */
#navigation{
 float:none;
 width:715px;
 height: 5px;
 font-family:Georgia, "Times New Roman", Times, serif;
 font-size:14px;
 margin: 5px 0px -10px 20px;
}

#navigation ul{
}

#navigation ul li{
 display:inline;
 margin:0 10px 0 0; 
}

#navigation ul li a{
 text-decoration:none;
 border-bottom:4px solid #000;
 color:#fff;
 font:bold 1.0em Times;
}

#navigation ul li a:hover{
 color:#ff8c00;
 text-decoration:none;
 border-bottom:4px solid #ff8c00
}

/* Sonstige Formatierungen */
.titel{
 float:right;
 width:90px;
 padding:0 10px 0 0
}

.titel img{
 border:0
}

/* Schrift-Formatierungen */
h1,h2,h3,h4,h5,h6{
 color:#666;
 font-size:1.5em;
 letter-spacing:0.01em;
 margin:25px 0 0 0
}
h3{
color:#000000;
 font-size:1.5em;
 letter-spacing:0.01em;
 margin:25px 0 0;
}
h6{
 border-top:1px solid #ccc;
 color:#666;
 font-size:10px;
 letter-spacing:0.01em;
 margin:5px 0 0 0
}

#links p{
 text-align:justify
}

#unten p{
 color:#fff;
 font:.85em "trebuchet ms", verdana, sans-serif;
 padding:20px 35px;
}

/* Formatierungen Navigation (Rechte Spalte) */
#rechts ul{
 list-style:none;
 margin:0 0 0 0;
}

#rechts ul li{
 background:url(../img/klecks.gif) no-repeat;
 display:block;
 margin:0 0px 0 0;
 padding:0 0 0 16px;
 font:bold 1.0em Times;
}

#rechts ul li a{
 text-decoration:none;
 color:#000000;
}


#rechts ul li a:hover{
  text-decoration:underline;
}

#hiddendiv {
  display: none;
}

/* Link-Formatierungen */
span{
    color: #ef7505;
}
span:visited {
    color: #800080;
}
span:hover {
    text-decoration:underline;
    cursor: pointer;
}
span:active {
    color: #008080;
}

a:link,a:visited,a:active{
 color:#000000;
 text-decoration:underline
}

a:hover{
 text-decoration:none
}


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

#unten a:hover{
 text-decoration:none
}

/* Login Formatierungen */
#wrapper{
    margin-left: auto;
    margin-right: auto;
    width: 400px;
    text-align: right;
}
#toppanel {
    position: absolute;
    top: 400px;
    width: 0px;
    z-index: 25;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
#panel {
    width: 300px;
    position: relative;
    top: 60px;
    height: 0px;
    z-index: 10;
    overflow: hidden;
    text-align: left;
}
#panel_contents {
    background: black;
    filter:alpha(opacity=70);
    -moz-opacity:0.70;
    -khtml-opacity: 0.70;
    opacity: 0.70;
    height: 160px;
    width: 400px;
    position: absolute;
    z-index: -1;
}


.border {
    border: 15px #1d1d1d solid;
}

img.border_pic {
    border: 15px #1d1d1d solid;
    position: absolute;
    top: 110px;
    float: left;
    margin-left: 150px;
    width: 250px;
    height: 120px;
    z-index: 30;
}
div#login {
    width: 235px;
    height: 110px;
    position: absolute;
    right: 10px;
    top: 10px;
    background: #46392f;
    text-align: left;
    padding-left: 10px;
}
div#login p {
    color:#fff;
    font-family: Georgia, "Times New Roman", Times, serif;
    line-height: 25px;
}
div#login input#password {
    position: relative;
    right: -6px;
}
div#login input#login_btn {
    border: 1px #899690 solid;
    cursor: pointer;
    position: relative;
    top: 10px;
    left: 150px;
}

.panel_button {
    margin: -60px 0 0 42px;
    position: relative;
    top: 40px;
    right: 37px;
    width: 92px;
    height: 1px;
    background: url(img/panel_button.png);
    z-index: 20;
    filter:alpha(opacity=70);
    -moz-opacity:0.70;
    -khtml-opacity: 0.70;
    opacity: 0.70;
    cursor: pointer;
}

.panel_button a {
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
    position: relative;
    top: 32px;
    left: -5px;
    font:bold 1.0em Times;
	
}
.panel_button a:hover {
    color: #999999;
}
.panel_button img{
    position: relative;  
    top: 110px;
    border: none;
}

#register {
    position: relative;
    top: -200px;
    margin: 200px 300px 0px 0px;
    background-color: transparent;
}

#recover {
    position: relative;
    top: -200px;
    margin: 200px 300px 0px 0px;
    background-color: transparent;
}

.vote {
    color: #066FF;
}