body  {
font-family: verdana, arial, georgia, helvetica, sans-serif;
font-size:11px;
color: #BFBFBF;
background: #000000;
line-height: 1.2em;
}


.absatz {
padding: 0 0px;
line-height: 180%;
font-family: verdana, arial, georgia, helvetica, sans-serif;
font-size:10px;
font-color:#888;
}

.nav-container {
    background-color: #333;
    width: 950px;
    /* Abgerundete Kanten */
    border-radius: 12px;
    overflow: hidden;
  }

.nav-menu {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: left;
    align-items: center;
  }

.nav-menu li {
    display: flex;
    align-items: center;
    position: relative;
  }

  /* Kurze Trennlinie */
.nav-menu li:not(:last-child)::after {
    content: "";
    height: 12px;
    width: 1px;
    background-color: #666;
    position: absolute;
    right: 0;
  }

.nav-menu li a {
    display: block;
    color: white;
    text-align: center;
    padding: 15px 25px;
    text-decoration: none;
    font-family: Arial, sans-serif;
    font-size: 12px;
    transition: color 0.3s ease;
  }

  /* Hover-Farbe und Aktive Seite */
.nav-menu li a:hover,
.nav-menu li a.active {
    color: #ff8c00; /* Orange */
  }



a {
text-decoration: none;
color: #BFBFBF;

}


a.linkadmin {
        color: #e27a12;
        font-weight:bold;
        text-decoration: none;
        font-family: verdana, arial, georgia, helvetica, sans-serif;
        font-size:10px;
        }




p  {
color:#BFBFBF;
font-family: verdana, arial, georgia, helvetica, sans-serif;
font-size:10px;

}

p1  {
color:#FF9F00;
font-family: verdana, arial, georgia, helvetica, sans-serif;
font-size:10px;

}

b  {
color:#FF9F00;
font-family: verdana, arial, georgia, helvetica, sans-serif;
font-size:10px;

}

ban  {
color:#FF9F00;
font-family: verdana, arial, georgia, helvetica, sans-serif;
font-size:10px;

}

.wrap {
position: absolute;
margin: 0 auto;
width: 960px;
}

#header {
position: absolute;
height: 50px;
background: #080808;
color: #ccc;
margin: 0 0 10px;
}


#logo {
float: right;
margin: 40px 20px 10px 0;
color:#757575;
letter-spacing: .1.8em;
font-size: 2.9em;
}

h1 { letter-spacing: -0.04em; font-size: 1.8em; color:#6F6F6F; margin: 0 0 10px; }
h2 { font-size: 1.4em; text-shadow: 1px 1px 1px #fff; margin: 0 0 10px; color: #9F0000; }
h3 { font-size: 16px; margin: 0 0 9px; }
h4 { font-size: 14px;  margin: 0 0 10px; color: #9F0000; }

#menu { clear: both; padding: 13px 0 0; }
#menu li { display: inline; font-family: verdana, arial, georgia, helvetica, sans-serif; font-weight:bold; font-color:#757575; font-size: 1.8em; }
#menu li a { float: left; padding: 2px 8px 5px 0; margin: 2px 10px 5px 0; color: #757575; border-right: 2px solid #757575; }
#menu li.last a { border: 0; padding: 0; }
#menu li a:hover { color: #F46109; }
#menu li a.current { font-family: verdana, arial, georgia, helvetica, sans-serif; font-weight:bold; font-size: 1.8em; color: #757575; }

#main {
width: 960px;
}


.linetop {
clear: both;
border-bottom: 1px dotted #ccc;
padding: 10px 0 0;
margin: 0 0 10px;
width: 960px;
}




#footer {
border-top: 1px dotted #ccc;
padding: 10px 0 0;
clear: both;
background:#000000;
height: 100px;

}

#copyright {
border-top: 1px dotted #ccc;
font-family: verdana, arial, georgia, helvetica, sans-serif;
font-size:10px;
clear: both;
background:#000000;
height: 40px;
padding: 15px 0px 0px;
color: #888;

}

#star {
font-family: verdana, arial, georgia, helvetica, sans-serif;
font-size:9px;
height: auto;
color: #888;

}



#sidemain {
margin: 0 auto;
width:960px;
}


#cu3er-container {
position: absolute;
margin-top:0px;
padding-left:0px;
padding-right:0px;
width:960px;
}

#poll-container {
position: absolute;
margin-top:0px;
padding-left:0px;
padding-right:0px;
width:960px;
}

#werbung {
position: absolute;
width:486px;
height:60px;
top:30px;
right:0px;
}


#werbung1 {
position: absolute;
width:486px;
height:60px;
top:30px;
right:0px;
}


#flag {
position: absolute;
width:32px;
height:18px;
top:75px;
left:140px;
}


#live {
position: absolute;
width:160px;
height:622px;
top:20px;
left:10px;
}

#friend {
position: absolute;
width:400px;
height:auto;
float:left;
bottom:0px;
margin: 0px 5px 5px;
padding: 5px 0px 5px;

left:0px;
font-family: verdana, arial, georgia, helvetica, sans-serif;
font-size:9px;
color: #888;
}

#logout {
position: absolute;
width:170px;
top:5px;
right:11px;
font-family: verdana, arial, georgia, helvetica, sans-serif;
font-size:10px;
font-weight:bold;
color: #888;
}


#vtext {
position: absolute;
width:800px;
height:auto;
top:15px;
left:25px;
}

#livev {
position: absolute;
width:200px;
height:55px;
top:25px;
left:0px;
}

#imgbox {
        width:880px;
        height:280px;
        margin: 20px 20px 20px;
        padding: 30px 30px 30px;
        border:0px solid #ccc;
        background:#4F4F4F;
        margin:15px;
        float:right;
        display:inline;
      -moz-border-radius:10px; /* Firefox */
      -webkit-border-radius:10px; /* Safari, Chrome */
      -khtml-border-radius:10px; /* Konqueror */
        border-radius:10px; /* CSS3 */
        behavior:url(border-radius.htc);
        }


#imgboxenindex {
        width:500px;
        height:auto;
        margin: 10px 10px 10px;
        padding: 20px 20px 20px;
        border:0px solid #ccc;
        background:#4F4F4F;
        margin:15px;
        float:right;
        display:inline;
      -moz-border-radius:10px; /* Firefox */
      -webkit-border-radius:10px; /* Safari, Chrome */
      -khtml-border-radius:10px; /* Konqueror */
        border-radius:10px; /* CSS3 */
        behavior:url(border-radius.htc);
        }



#imgboxenstart {
        width:500px;
        height:290px;
        margin: 10px 10px 10px;
        padding: 20px 20px 20px;
        border:0px solid #ccc;
        background:#4F4F4F;
        margin:15px;
        float:right;
        display:inline;
      -moz-border-radius:10px; /* Firefox */
      -webkit-border-radius:10px; /* Safari, Chrome */
      -khtml-border-radius:10px; /* Konqueror */
        border-radius:10px; /* CSS3 */
        behavior:url(border-radius.htc);
        }

#imgboxengast {
        width:500px;
        height:290px;
        margin: 10px 10px 10px;
        padding: 20px 20px 20px;
        border:0px solid #ccc;
        background:#4F4F4F;
        margin:15px;
        float:right;
        display:inline;
      -moz-border-radius:10px; /* Firefox */
      -webkit-border-radius:10px; /* Safari, Chrome */
      -khtml-border-radius:10px; /* Konqueror */
        border-radius:10px; /* CSS3 */
        behavior:url(border-radius.htc);
        }



#pollboxenstart {
        width:500px;
        height:290px;
        margin: 10px 10px 10px;
        padding: 20px 20px 20px;
        border:0px solid #ccc;
        background:#4F4F4F;
        margin:15px;
        float:left;
        display:inline;
      -moz-border-radius:10px; /* Firefox */
      -webkit-border-radius:10px; /* Safari, Chrome */
      -khtml-border-radius:10px; /* Konqueror */
        border-radius:10px; /* CSS3 */
        behavior:url(border-radius.htc);
        }




#imgboxencomm {
        width:500px;
        height:auto;
        margin: 10px 10px 10px;
        padding: 20px 20px 20px;
        border:0px solid #ccc;
        background:#4F4F4F;
        margin:15px;
        float:right;
        display:inline;
      -moz-border-radius:10px; /* Firefox */
      -webkit-border-radius:10px; /* Safari, Chrome */
      -khtml-border-radius:10px; /* Konqueror */
        border-radius:10px; /* CSS3 */
        behavior:url(border-radius.htc);
        }


#imgboxenpages {
        width:700px;
        height:auto;
        margin: 10px 10px 10px;
        padding: 20px 20px 20px;
        border:0px solid #ccc;
        background:#4F4F4F;
        margin:15px;
        float:right;
        display:inline;
      -moz-border-radius:10px; /* Firefox */
      -webkit-border-radius:10px; /* Safari, Chrome */
      -khtml-border-radius:10px; /* Konqueror */
        border-radius:10px; /* CSS3 */
        behavior:url(border-radius.htc);
        }


#imgboxhelp {
        width:500px;
        height:380px;
        margin: 10px 10px 10px;
        padding: 20px 20px 20px;
        border:0px solid #ccc;
        background:#4F4F4F;
        margin:15px;
        float:right;
        display:inline;
      -moz-border-radius:10px; /* Firefox */
      -webkit-border-radius:10px; /* Safari, Chrome */
      -khtml-border-radius:10px; /* Konqueror */
        border-radius:10px; /* CSS3 */
        behavior:url(border-radius.htc);
        }


#imgboxplayer {
        width:500px;
        height:auto;
        margin: 10px 10px 10px;
        padding: 20px 20px 20px;
        border:0px solid #ccc;
        background:#4F4F4F;
        margin:15px;
        float:right;
        display:inline;
      -moz-border-radius:10px; /* Firefox */
      -webkit-border-radius:10px; /* Safari, Chrome */
      -khtml-border-radius:10px; /* Konqueror */
        border-radius:10px; /* CSS3 */
        behavior:url(border-radius.htc);
        }


#imgboxen {
        width:500px;
        height:auto;
        margin: 10px 10px 10px;
        padding: 20px 20px 20px;
        border:0px solid #ccc;
        background:#4F4F4F;
        margin:15px;
        float:right;
        display:inline;
      -moz-border-radius:10px; /* Firefox */
      -webkit-border-radius:10px; /* Safari, Chrome */
      -khtml-border-radius:10px; /* Konqueror */
        border-radius:10px; /* CSS3 */
        behavior:url(border-radius.htc);
        }


#newsbox {
        width:500px;
        height:auto;
        margin: 10px 10px 10px;
        padding: 20px 20px 20px;
        border:0px solid #ccc;
        background:#4F4F4F;
        margin:15px;
        float:right;
        display:inline;
      -moz-border-radius:10px; /* Firefox */
      -webkit-border-radius:10px; /* Safari, Chrome */
      -khtml-border-radius:10px; /* Konqueror */
        border-radius:10px; /* CSS3 */
        behavior:url(border-radius.htc);
        }



div.bg {
width:100px;
height:222px;
float:left;
margin: 15px 10px 10px;
padding:0px;
}



#bgpages {
background-color:#0000FF;
border:1px solid #FFDF00;
width:150px;
height:222px;
float:left;
margin: 15px 10px 10px;
padding:34px;
}


#linkbox {
        width:300px;
        height:auto;
        margin: 20px 20px 20px;
        padding: 20px 20px 20px;
        border:0px solid #ccc;
        background:#4F4F4F;
        margin:2px;
        float:left;
        display:inline;
      -moz-border-radius:10px; /* Firefox */
      -webkit-border-radius:10px; /* Safari, Chrome */
      -khtml-border-radius:10px; /* Konqueror */
        border-radius:10px; /* CSS3 */
        behavior:url(border-radius.htc);
        }

#pagesbox {
        width:50px;
        height:auto;
        margin: 10px 10px 10px;
        padding: 10px 10px 10px;
        border:1px solid #ccc;
        background:#000000;
        margin:2px;
        float:left;
}


#paybox {
        width:300px;
        height:auto;
        margin: 5px 5px 5px;
        padding: 5px 20px 5px;
        border:0px solid #ccc;
        background:#4F4F4F;
        margin:2px;
        float:left;
        display:inline;
      -moz-border-radius:10px; /* Firefox */
      -webkit-border-radius:10px; /* Safari, Chrome */
      -khtml-border-radius:10px; /* Konqueror */
        border-radius:10px; /* CSS3 */
        behavior:url(border-radius.htc);
        }


#teaserpaybox {
        width:300px;
        height:auto;
        font-family: verdana, arial, georgia, helvetica, sans-serif;
        color: #8F8F8F;
        font-size:10px;
        margin: 5px 5px 5px;
        padding: 0px 0px 0px;
        border:0px solid #4F4F4F;
        background:#000000;
        margin:0px;
        float:left;
        display:inline;
        }



#teaserbox {
        width:450px;
        height:auto;
        margin: 5px 5px 5px;
        padding: 5px 20px 5px;
        border:1px solid #7F7F7F;
        background:#0F0F0F;
        margin:2px;
        float:left;
        display:inline;
        }


#twitterbox {
        width:450px;
        height:auto;
        font-family: verdana, arial, georgia, helvetica, sans-serif;
        color: #8F8F8F;
        font-size:10px;
        margin: 5px 5px 5px;
        padding: 5px 20px 5px;
        border:1px solid #7F7F7F;
        background:#0F0F0F;
        margin:2px;
        float:left;
        display:inline;
        }

#youtoubebox {
        width:450px;
        height:auto;
        font-family: verdana, arial, georgia, helvetica, sans-serif;
        color: #8F8F8F;
        font-size:10px;
        margin: 5px 5px 5px;
        padding: 5px 20px 5px;
        border:1px solid #7F7F7F;
        background:#0F0F0F;
        margin:2px;
        float:left;
        display:inline;
        }

#rssbox {
        width:450px;
        height:auto;
        font-family: verdana, arial, georgia, helvetica, sans-serif;
        color: #8F8F8F;
        font-size:10px;
        margin: 5px 5px 5px;
        padding: 5px 20px 5px;
        border:1px solid #7F7F7F;
        background:#0F0F0F;
        margin:2px;
        float:left;
        display:inline;
        }

#flickrbox {
        width:450px;
        height:auto;
        font-family: verdana, arial, georgia, helvetica, sans-serif;
        color: #8F8F8F;
        font-size:10px;
        margin: 5px 5px 5px;
        padding: 5px 20px 5px;
        border:1px solid #7F7F7F;
        background:#0F0F0F;
        margin:2px;
        float:left;
        display:inline;
        }

#friendfeedbox {
        width:450px;
        height:auto;
        font-family: verdana, arial, georgia, helvetica, sans-serif;
        color: #8F8F8F;
        font-size:10px;
        margin: 5px 5px 5px;
        padding: 5px 20px 5px;
        border:1px solid #7F7F7F;
        background:#0F0F0F;
        margin:2px;
        float:left;
        display:inline;
        }


#vr {
        width:280px;
        height:auto;
        margin: 10px 10px 10px;
        padding: 10px 10px 10px;
        border:0px solid #ccc;
        background:#000000;
        margin:2px;
        float:left;
        display:inline;
        }


#videobox {
        width:900px;
        height:auto;
        margin: 10px 10px 10px;
        padding: 20px 20px 2px;
        border:0px solid #ccc;
        background:#4F4F4F;
        margin:10px;
        float:right;
        display:inline;
      -moz-border-radius:10px; /* Firefox */
      -webkit-border-radius:10px; /* Safari, Chrome */
      -khtml-border-radius:10px; /* Konqueror */
        border-radius:10px; /* CSS3 */
        behavior:url(border-radius.htc);}


#sidepageswerb {
position: absolute;
z-index:1;
left:5px;
height:auto;
top:13px;
width: 340px;
        float: left;
        clear: both;
        padding: 6px;
        background-color: #1F1F1F;
        border:1px solid #2F2F2F;
        margin: 0 0 12px;
        font-family: verdana, arial, georgia, helvetica, sans-serif;
        color: #BFBFBF;
}



#sidepageswerb3 {
position: absolute;
z-index:2;
left:5px;
height:auto;
top:255px;
width: 340px;
        float: left;
        clear: both;
        padding: 6px;
        background-color: #1F1F1F;
        border:1px solid #2F2F2F;
        margin: 0 0 12px;
        font-family: verdana, arial, georgia, helvetica, sans-serif;
        color: #BFBFBF;
}


#share {
position: absolute;
z-index:10;
right:10px;
height:auto;
bottom:72px;
width: 100px;
        float: right;

}


#messenger {
position: absolute;
z-index:10;
left:0px;
height:auto;
bottom:20px;
width: 350px;
        float: left;
        clear: both;
        padding: 6px;
        background:#000000;
        margin: 0 0 12px;
        font-family: verdana, arial, georgia, helvetica, sans-serif;
        color: #BFBFBF;
}


#categories{
        background: url("../images/icon_categories.png") no-repeat top left #2F2F2F;
        font-family: Verdana,Arial,Tahoma,Geneva,sans-serif;
        font-size: 10px;
        font-weight: bold;
        margin: 0 0 2px 0;
        padding: 0 0 0 32px;
        color: #BFBFBF;
        text-transform: uppercase;
        line-height: 28px;

}

.cssdesign{
border: 1px dotted #CFCFCF;
background-color: #AFAFAF;
height: 15px;
padding-top: 5px;
padding-left: 10px;
font-family: "Courier New", Courier, monospace;
font-size: 11px;
}

.cssdesign:hover{
background-color: #FFFFFF;
}

/* Styling für die Balkendiagramme */
.result-row {
  margin-bottom: 15px;
  font-weight: bold;
}

.bar-bg {
  background-color: #e0e0e0;
  border-radius: 5px;
  overflow: hidden;
  margin-top: 5px;
}

.bar-fill {
  background-color: #28a745; /* Grün für die Balken */
  color: white;
  padding: 5px 10px;
  text-align: right;
  font-size: 0.9em;
  transition: width 1s ease-in-out; /* Animationseffekt */
  width: 0; /* Startet bei 0 für die Animation */
}

.poll-option { display: block; margin-bottom: 10px; cursor: pointer; }
.poll-button { background: #007bff; color: #fff; border: none; padding: 10px 20px; border-radius: 5px; cursor: pointer; }