/* CSS Document */
html {
 height: 100%; /* wichtig */
 padding: 0px;
}
body{
    padding:0;
    margin:0;
    background:url(../images/mainbg.png) 0 0 repeat-x;
    color:#000;
}
div, h1, h2, h3, h4, form, label, input, textarea, img, p {
        margin:0px; padding:0px;
}

a img {border:none}

ul{
        margin:0;
        padding:0;
        list-style-type:none;
        font-size:12px;
        font-family: Arial, Helvetica, sans-serif;
}
.spacer{
        clear:both;
        font-size:0;
        line-height:0;
}
/*------------------------------------------------body--------------------*/

/*------------------------------------------------top part--------------------*/
#temptop{
        background:url(../images/top_part2.gif) 0 0 no-repeat;
        width:954px;
        height:119px;
        margin:0 auto;
        position:relative;
}
#temptop img{
        position:absolute;
        left:27px;
        top:44px;
        width:286px;
        height:66px;
}
#temptop ul{
        width:309px;
        height:29px;
        position:absolute;
        left:629px;
        top:65px;
}
#temptop ul li{
        float:left;
        margin:0 1px 0 0;
}
#temptop ul li a{
        background:url(../images/nav_bg.gif) 0 0 no-repeat;
        width:102px;
        height:29px;
        display:block;
        font:bold 11px/29px Arial, Helvetica, sans-serif;
        color:#fff;
        text-decoration:none;
        text-transform:uppercase;
        text-align:center;
        background-color:inherit;
}
#temptop ul li a:hover{
        background:url(../images/nav_hover.gif) 0 0 no-repeat;
        width:102px;
        height:29px;
        color:#4C4C4C;
        background-color:inherit;
}
#temptop ul li.hover{
        float:left;
        margin:0 1px 0 0;
        background:url(../images/nav_hover.gif) 0 0 no-repeat;
        width:102px;
        height:29px;
        display:block;
        font:bold 11px/29px Arial, Helvetica, sans-serif;
        color:#4C4C4C;
        text-decoration:none;
        text-transform:uppercase;
        text-align:center;
        background-color:inherit;
}
/*------------------------------------------------top part--------------------*/

/*------------------------------------------------header--------------------*/
#header{
        width:920px;
        background:url(../images/top_green_bg.gif) 0 0 repeat-x;
        height:105px;
        margin:0px auto;
        padding:10px 17px 10px 17px;
        text-align:center;
}
#header h1{
        display:block;
        height:28px;
        width:920px;
        margin:0 0 5px 0;
        border-bottom:2px dashed #FDFF35;
}
#header h1 span{
        font:bold 24px/28px Arial, Helvetica, sans-serif;
        color:#FDFF35;
        padding:0 0 0 0;
}
#header p{
        font:bold 13px/19px Arial, Helvetica, sans-serif;
        color:#fff;
        background-color:inherit;
        text-align:center;
        margin:0 0 18px 0;
        display:block;
}
#header p span{
        background-color:#3A6200;
        color:#fff;
        padding:0 2px 0 4px;
}
#header a{
        background:url(../images/btn_click.gif) 0 0 no-repeat;
        width:228px;
        height:25px;
        display:block;
        margin:0 0 0 370px
}
#header a:hover{
        background:url(../images/btn_click_hover.gif) 0 0 no-repeat;
}
/*------------------------------------------------header--------------------*/

/*------------------------------------------------body--------------------*/
#body{
        width:728px;
        margin:0 auto;
        padding:0;
        color:#000;
        background-color:#fff;
}
/*------------------------------------------------body--------------------*/

/*------------------------------------------------breadcrumb--------------------*/
#breadcrumb{
    border-bottom: 5px solid #EEEEEE;
    padding:0 0 15px 0px;
    margin-bottom:15px;
    font:bold 12px Arial, Helvetica, sans-serif;
    color:#000;
}
#breadcrumb span{
    font:bold 12px Arial, Helvetica, sans-serif;
    color:#66CC00;
}
#breadcrumb a{
    text-decoration:underline;
    font:bold 12px Arial, Helvetica, sans-serif;
    color:#000;
}
#breadcrumb a:hover{
    text-decoration:none;
    color:#66CC00;
}
/*------------------------------------------------breadcrumb--------------------*/

#page{
    width:666px;
    padding:0px 15px 0 5px;
    float:left;
}
/*------------------------------------------------page--------------------*/

/*------------------------------------------------BigSize--------------------*/
div.bigsizead
{
    width:728px;
    margin:30px 0 0 0;
}
/*------------------------------------------------contentAd--------------------*/

/*------------------------------------------------left panel--------------------*/
#left{
    width:406px;
    padding:0px;
    float:left;
}
/*------------------------------------------------left panel--------------------*/

/*------------------------------------------------mainIntro--------------------*/
#mainIntro{
    width:404px;
    height:385px;
    margin-bottom:20px;
    border:1px solid #DFD7BB;
    background: #FFFFFE url(../images/bg_mainintro.png) 0 0 no-repeat;
}
#mainIntro h1{
    margin:20px 0 10px 0;
    line-height:26px;
    color:#497C00;
    font-size:26px;
    font-family: Arial, Helvetica, sans-serif;
    padding:12px 0 14px 56px;
    width:299px;
    text-transform:lowercase;
}
#mainIntro p{
    margin:0 13px 0 18px;
    font:bold 13px/19px Arial, Helvetica, sans-serif;
    color:#91835B;
}
#mainIntro p span{
    font:bold 13px/19px Arial, Helvetica, sans-serif;
    color:#C24E01;
    background-color:#fff;
}
#mainIntro ul {
    margin:10px 0 0 5px;
}
#mainIntro ul li{
    display:block;
    /*background:url(../images/solution_div.gif) left bottom repeat-x*/;
    height:22px;
    width:175px;
    /*padding:0 0 1px 0;*/
    padding:0;
    float:left;
}
#mainIntro ul li a{
    background:url(../images/arrow.gif) 15px 9px no-repeat;
    padding:0 0 0 30px;
    font:bold 12px/22px Arial, Helvetica, sans-serif;
    color:#000;
    text-decoration:none;
    display:block;
}
#mainIntro ul li a:hover{
    color:#A60303;
}
/*------------------------------------------------mainIntro--------------------*/

/*------------------------------------------------startnews--------------------*/
#leftNews{
    margin-top:30px;
}
#leftNews h2{
        font:bold 24px/26px Arial, Helvetica, sans-serif;
        color:#FF6600;
        background-color:#fff;
        margin:0 0 12px 0;
        display:block;
}
#leftNews p.lftText{
        font:normal 12px/19px Arial, Helvetica, sans-serif;
        color:#000;
        background-color:#fff;
        margin:0;
        padding:0;
}
#leftNews p.lftText span{
        color:#9E3F01;
        background-color:#FFF6DB;
        font:bold 12px/19px Arial, Helvetica, sans-serif;
}
#leftNews p.viewMore{
        width:77px;
        height:13px;
        background:url(../images/view_more_bg.gif) 0 0 repeat-x;
        padding:0 0 0 330px;
        margin:15px 0 15px 0;
        font-size:0;
        display:block;
}
#leftNews p.viewMore a{
        background:url(../images/view_more.gif) 0 0 no-repeat;
        width:77px;
        height:13px;
        display:block;
}
#leftNews p.viewMore a:hover{
        background:url(../images/view_more_hover.gif) 0 0 no-repeat;
}

/*------------------------------------------------startnews--------------------*/

/*------------------------------------------------mid panel--------------------*/
#mid{
    width:302px;
    padding:0 0 0 20px;
    float:left;
}

#pollstart {
    width:274px;/*--------Plus 18px von 256 auf 274-------------*/
    margin-bottom:10px;
    border:#CCC solid 1px;
    background: #CFCFCF url(../images/mid_stats_bg.gif) 0 0 repeat-x;
    padding:4px 13px 20px 11px;
    font-size:12px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight:bold;
    color:#000;
}

#pollstart h2{
    background: url(../images/h2_poll.gif) 0 0 no-repeat;
    font:bold 22px/38px Arial, Helvetica, sans-serif;
    color:#666;
    text-transform:lowercase;
    padding:0 0 0 46px;
    margin:0;
}

#pollstart p{
    padding:5px 0 10px 0;
    font-size:12px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight:normal;
}

#pollstart ul li{
    margin-bottom:5px;
    font:bold 12px Arial, Helvetica, sans-serif;
    color:#000;
}

#pollstart label.midpoll{
    margin-left:5px;
    font-size:12px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight:bold;
    color:#000;
}

#pollstart span{
    display:block;
    margin:5px 0;
    font-size:12px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight:bold;
    color:#fff;
}


#additional{
    margin-bottom:20px;
    width:274px;/*--------Plus 18px von 256 auf 274-------------*/
    border:#CCC solid 1px;
    background: #CECECE url(../images/mid_grey_bg.gif) 0 0 repeat-x;
    padding:4px 13px 20px 11px;
    font-size:12px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight:normal;
    color:#000;
}

#additional ul li{
    margin-bottom:5px;
    font:normal 12px Arial, Helvetica, sans-serif;
    color:#fff;
}

#additional ul li a{
    font:bold 12px Arial, Helvetica, sans-serif;
    color:#000;
    text-decoration:none;
}

#additional ul li.subcat{
    margin-bottom:5px;
    padding-left:25px;
    background: url(../images/arrow_more.gif) 0 0 no-repeat;
    font:normal 12px Arial, Helvetica, sans-serif;
    color:#000;
}

#additional ul li.subcat a{
    font:normal 12px Arial, Helvetica, sans-serif;
    color:#000;
    text-decoration:none;
}

#additional ul li span{
    margin-left:5px;
}

#additional h3{
    background: url(../images/h2_additional.gif) 0 0 no-repeat;
    font:bold 22px/38px Arial, Helvetica, sans-serif;
    color:#666;
    text-transform:lowercase;
    padding:0 0 0 46px;
    margin:0;
}

#additional p{
    padding:5px 0 10px 0;
}

#similar{
    margin-bottom:20px;
    width:274px;/*--------Plus 18px von 256 auf 274-------------*/
    border:#CCC solid 1px;
    background: #CECECE url(../images/mid_grey_bg.gif) 0 0 repeat-x;
    padding:4px 13px 20px 11px;
    font-size:12px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight:normal;
    color:#000;
}

#similar h4{
    background: url(../images/h2_similar.gif) 0 0 no-repeat;
    font:bold 22px/38px Arial, Helvetica, sans-serif;
    color:#666;
    text-transform:lowercase;
    padding:0 0 0 46px;
    margin:0;
}

#similar p{
    padding:5px 0 10px 0;
}

#similar ul li{
    margin-bottom:5px;
    font:normal 12px Arial, Helvetica, sans-serif;
    color:#fff;
}

#similar ul li a{
    font:bold 12px Arial, Helvetica, sans-serif;
    color:#000;
    text-decoration:none;
}

#similar ul li.subcat{
    margin-bottom:5px;
    padding-left:25px;
    background: url(../images/arrow_more.gif) 0 0 no-repeat;
    font:normal 12px Arial, Helvetica, sans-serif;
    color:#000;
}

/*------------------------------------------------mid panel--------------------*/

/*------------------------------------------------searchform--------------------*/
#searchbox {
    background: #000 url(../images/bg_searchbox.png) 0 0 repeat-x;
    width:302px;
    margin-bottom:20px;
}
#searchbox h2.mem{
    width:242px;
    height:57px;
    background:url(../images/h2_search_n.png) 0 0 no-repeat;
    padding:0 0 0 60px;
    font:bold 20px/57px Arial, Helvetica, sans-serif;
    color:#FFF;
    background-color:inherit;
}
#searchbox form{
    width:266px;
    padding:0 18px;
    margin:0;
}
#searchbox form input.login{
    background:url(../images/btn_search_sm.gif) 0 0 no-repeat;
    width:53px;
    height:13px;
    border:none;
    cursor:pointer;
    float:right;
}
#searchbox form input.txtBox{
    width:188px;
    height:19px;
    border-left:#808080 solid 1px;
    border-top:#808080 solid 1px;
    border-right:#D4D0C8 solid 1px;
    border-bottom:#D4D0C8 solid 1px;
    /*font:normal 11px/19px Arial, Helvetica, sans-serif;*/
    color:#000;
    background-color:#fff;
    margin:0 0 17px 0;
    padding:0 0 0 20px;
}
#searchbox form label{
    font:bold 12px/16px Arial, Helvetica, sans-serif;
    margin:0 0 0 25px;
    color:#EAEAEA;
}
#searchbox p.bottom2{
    width:246px;
    height:25px;
    margin:0 0 5px 0;
}

/*------------------------------------------------searchform--------------------*/

/*------------------------------------------------statistiks--------------------*/

#statsstart{
    margin-bottom:20px;
    width:276px;
    border:#CCC solid 1px;
    background: #CFCFCF url(../images/mid_stats_bg.gif) 0 0 repeat-x;
    padding:4px 13px 20px 11px;
    font-size:12px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight:normal;
    color:#000;
}

#statsstart h2, #statsstart h5
{
    background: url(../images/h2_statistics.gif) 0 0 no-repeat;
    font:bold 22px/38px Arial, Helvetica, sans-serif;
    color:#666;
    text-transform:lowercase;
    padding:0 0 0 46px;
    margin:0;
}

#statsstart p{
    padding:5px 0 10px 0;
}

#statsstart ul li{
    margin-bottom:5px;
    font:bold 12px Arial, Helvetica, sans-serif;
    color:#000;
}

#statsstart ul li span{
    font:normal 12px Arial, Helvetica, sans-serif;
    color:#FFF;
    margin-left:5px;
}

/*------------------------------------------------statistiks--------------------*/

/*------------------------------------------------top5--------------------*/

#topcats{
    margin-bottom:20px;
    width:276px;
    border:#CCC solid 1px;
    background: #CFCFCF url(../images/mid_stats_bg.gif) 0 0 repeat-x;
    padding:4px 13px 20px 11px;
    font-size:12px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight:normal;
    color:#000;
}

#topcats h3
{
    background: url(../images/h3_top_five.gif) 0 0 no-repeat;
    font:bold 22px/38px Arial, Helvetica, sans-serif;
    color:#666;
    text-transform:lowercase;
    padding:0 0 0 46px;
    margin:0;
}

#topcats p{
    padding:5px 0 10px 0;
}

#topcats ul li{
    margin-bottom:5px;
    font:bold 12px Arial, Helvetica, sans-serif;
    color:#000;
}

#topcats ul li span{
    font:normal 12px Arial, Helvetica, sans-serif;
    color:#FFF;
    margin-left:5px;
}
#topcats a {
    color:#000;
}

/*------------------------------------------------top5--------------------*/

/*------------------------------------------------contentAd--------------------*/
p.ad {
    color:#CCCCCC;
    font:normal 10px Arial, Helvetica, sans-serif;
    text-align:right;
    margin-bottom:10px;
}
div.contentad
{
    width:300px;
    border:#CCC solid 1px;
}
/*------------------------------------------------contentAd--------------------*/

#friends{
    margin-bottom:10px;
    width:276px;
    border:#CCC solid 1px;
    background: #CFCFCF url(../images/mid_stats_bg.gif) 0 0 repeat-x;
    padding:4px 13px 20px 11px;
    font-size:12px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight:normal;
    color:#000;
}

#friends h4
{
    background: url(../images/h4_friends.gif) 0 0 no-repeat;
    font:bold 22px/38px Arial, Helvetica, sans-serif;
    color:#666;
    text-transform:lowercase;
    padding:0 0 0 46px;
    margin:0;
}

#friends p{
    padding:5px 0 10px 0;
}

#friends ul li{
    margin-bottom:5px;
    font:bold 12px Arial, Helvetica, sans-serif;
    color:#000;
}

#friends ul li span{
    font:normal 12px Arial, Helvetica, sans-serif;
    color:#FFF;
    margin-left:5px;
}

#friends a {color:#000;
}
/*------------------------------------------------top5--------------------*/


/*------------------------------------------------bodyBottom--------------------*/
#bodyBottom{
        width:689px;
        background:#F1F1F1 url(../images/ganz_frisch.gif) 0 50% no-repeat;
        margin:15px 0 0 0;
        padding:10px 0 10px 39px;
        float:left;
}
#bodyBottom ul{
        width:689px;
        color:#000;
        float:left;
        display:block;
}
#bodyBottom ul li.one{
        padding:7px 10px 20px 10px;
        font:normal 12px/20px Arial, Helvetica, sans-serif;
        color:#131313;
        background-color:#fff;
        float:left;
        border-right:#F1F1F1 solid 10px;
        display:block;
        width:314px;
        height:167px;
}
#bodyBottom ul li.one a.new_title{
        font:bold 14px/20px Arial, Helvetica, sans-serif;
        color:#D35400;
        background-color:#fff;
        text-decoration:underline;
        margin:0px 0px 3px 0px;
        display:block;
}
#bodyBottom ul li.one a.new_title:hover{
        color:#528B00;
        background-color:#fff;
        text-decoration:none;
}

#bodyBottom ul li.one a.new_rm{
        font:bold 12px/20px Arial, Helvetica, sans-serif;
        color:#000;
        background-color:#fff;
        text-decoration:none;
        margin:0 0 0 0;
        display:block;
}
#bodyBottom ul li.one a.new_rm:hover{
        background-color:#fff;
        text-decoration:underline;
}
#bodyBottom ul li.one img.quicklogo{
         width:70px;
         height:53px;
         padding:0 20px 5px 0;
        background-color:#fff;
}

/*------------------------------------------------bodyBottom--------------------*/

/*------------------------------------------------bodyBottomRandom--------------------*/
#bodyBottomRandom{
        width:689px;
        background:#F1F1F1 url(../images/random.gif) 0 50% no-repeat;
        margin:15px 0 0 0;
        padding:10px 0 10px 39px;
        float:left;
}
#bodyBottomRandom ul{
        width:689px;
        color:#000;
        float:left;
        display:block;
}
#bodyBottomRandom ul li.one{
        padding:7px 10px 20px 10px;
        font:normal 12px/20px Arial, Helvetica, sans-serif;
        color:#131313;
        background-color:#fff;
        float:left;
        border-right:#F1F1F1 solid 10px;
        display:block;
        width:314px;
        height:167px;
}
#bodyBottomRandom ul li.one a.new_title{
        font:bold 14px/20px Arial, Helvetica, sans-serif;
        color:#D35400;
        background-color:#fff;
        text-decoration:underline;
        margin:0px 0px 3px 0px;
        display:block;
}
#bodyBottomRandom ul li.one a.new_title:hover{
        color:#528B00;
        text-decoration:none;
}

#bodyBottomRandom ul li.one a.new_rm{
        font:bold 12px/20px Arial, Helvetica, sans-serif;
        color:#000;
        text-decoration:none;
        margin:0 0 0 0;
        display:block;
}
#bodyBottomRandom ul li.one a.new_rm:hover{
        text-decoration:underline;
}

#bodyBottomRandom ul li.one img.quicklogo{
        width:70px;
        height:53px;
        padding:0 20px 5px 0;
        background-color:#fff;
}

/*------------------------------------------------bodyBottomRandom--------------------*/

/*------------------------------------------------footer--------------------*/
#footer{
        width:728px;
        height:103px;
        margin:0 auto;
        padding:25px 0 0 0;
        background:url(../images/footer_bg.gif) 0 0 repeat-x;
        text-align:center;
}
#footer ul{
    display:block;
        align:center;
}
#footer ul li{
    display:inline;
        color:#fff;
        background-color:inherit;
        font:normal 12px/16px Arial, Helvetica, sans-serif;
}
#footer ul li a{
        font:normal 12px/16px Arial, Helvetica, sans-serif;
        color:#fff;
        background-color:inherit;
        padding:0 11px;
        text-decoration:none;
}
#footer ul li a:hover{
        color:#fff;
        background-color:#03373B;
}
#footer p.copyright{
    margin-top:15px;
        font:normal 11px/11px Tahoma, Arial, Helvetica, sans-serif;
        color:#FDFF35;
        background-color:inherit;
}
#footer p.design {
    margin-top:15px;
        font:normal 11px/11px Tahoma, Arial, Helvetica, sans-serif;
        color:#FDFF35;
        background-color:inherit;
}
#footer p.design a.link{
        font:normal 11px/17px Arial, Helvetica, sans-serif;
        color:#fff;
        text-decoration:none;
}
#footer p.design a.link:hover{
        color:#FDFF35;
        background-color:#03373B;
}
/*------------------------------------------------footer--------------------*/

#quickSearch {
        font:normal 12px/12px Arial, Helvetica, sans-serif;
        color:#000;
}
span.highlight {
        background: #FAF3C1;
        color: #000;
        font-weight: bold;
}

/* ----------------------------------------Star rating---------------------- */

.boxrating
{
        display:block;
}

.rating
{
        list-style: none;
        margin: 0px;
        padding: 0px;
        height: 30px;
        position: relative;
        background: url(../img/starrating.gif) top left repeat-x;
}

.rating li
{
        text-indent: -90000px;
        padding: 0px;
        margin: 0px;
        float: left;
}

.rating li a
{
        outline: none;
        display: block;
        width: 30px;
        height: 30px;
        text-decoration: none;
        text-indent: -9000px;
        z-index: 20;
        position: absolute;
        padding: 0px;
        cursor: hand;
        background: none;
}

.rating li a:hover
{
        background: url(../img/starrating.gif) left center;
        z-index: 2;
        left: 0px;
}

.rating a.r1-unit
{
        left: 0px;
}
.rating a.r1-unit:hover
{
        width:30px;
}
.rating a.r2-unit
{
        left:30px;
}
.rating a.r2-unit:hover
{
        width: 60px;
}
.rating a.r3-unit
{
        left: 60px;
}
.rating a.r3-unit:hover
{
        width: 90px;
}
.rating a.r4-unit
{
        left: 90px;
}
.rating a.r4-unit:hover
{
        width: 120px;
}
.rating a.r5-unit
{
        left: 120px;
}
.rating a.r5-unit:hover
{
        width: 150px;
}
.rating a.r6-unit
{
        left: 150px;
}
.rating a.r6-unit:hover
{
        width: 180px;
}
.rating a.r7-unit
{
        left: 180px;
}
.rating a.r7-unit:hover
{
        width: 210px;
}
.rating a.r8-unit
{
        left: 210px;
}
.rating a.r8-unit:hover
{
        width: 240px;
}
.rating a.r9-unit
{
        left: 240px;
}
.rating a.r9-unit:hover
{
        width: 270px;
}
.rating a.r10-unit
{
        left: 270px;
}
.rating a.r10-unit:hover
{
        width: 300px;
}
.rating li.current-rating
{
        background: url(../img/starrating.gif) left bottom;
        position: absolute;
        height: 30px;
        display: block;
        text-indent: -9000px;
        z-index: 1;
}
.voted
{
        color:#999;
}
.thanks
{
        color:#36AA3D;
}

/* JS Box notification */
div.js_notification
{
        top: 10px;
        position: absolute;
        left: 10px;
        width: 200px;
        border: 1px solid black;

        background-color: #FFFFFF;
        font-family: Arial, Verdana, Tahoma;
        font-size: 10pt;
        font-weight: bold;
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 10px;
        padding-right: 10px;
}