html{
    height: 100.1%;
}
body{
    padding: 0;
    margin: 0;
}
body{
    background: #000000 url(background.png) repeat-x;
    text-align: center;
}
body, p, li, input, label{
    font: 12px Verdana, Arial, Helvetica, Geneva, sans-serif;
    line-height: 1.5em;
    color: #cccccc;
}

/****************/

#container{
    position: relative;  
	z-index:100;
    text-align: left;
    margin: 0 auto;
    width: 960px;
}

/****************/

#header{
    background: url(header_winter.png) no-repeat;
    position: relative;
	z-index:100;
    height: 160px;
}

/****************/

#header ul, #header ul li{
    list-style: none;
    padding: 0;
    margin: 0;
}
#header ul{

}
#header li{
    float: left;
}
#header li a{
    display: block;
}
#header li a, #header li a:hover, #header li a.active{
    text-decoration: none;
}

/******/

#navigation{
    position: absolute;
    left: 70px;
    top: 140px;
}
#navigation li a{
    margin: 0 10px 0 10px;
    font-size: 10px;
    color: #666666;
}
#navigation li a:hover, #navigation li a.active{
    color: #ffffcc;
}

/****************/

.categories ul, .categories ul li{
    list-style: none;
    padding: 0;
    margin: 0;
}
.categories ul{
    margin-bottom: 10px;
}
.categories ul li a{
    background: url(
    navi.png) 0 7px no-repeat;
    text-decoration: none;
    padding: 0 0 0 15px;
    line-height: 20px;
    font-size: 11px;
    color: #666666;
    display: block;

    height: 2%;
}
.categories ul li a.active, .categories ul li a:hover{
    background-image: url(navi_active.png);
    color: #ffffcc;
}
.categories ul ul{
    margin-left: 10px;
}
.categories ul ul li a, .categories ul ul li a.active, .categories ul ul li a:hover{
    background: none;
    border-width:1px;
    border-style:solid;
    border-color:#181818;
    padding:1px;  
}
.categories ul ul li a.active, .categories ul ul li a:hover{
    color: #ffffcc;
    background-color: #181818;
    border-width:1px;
    border-style:solid;
    border-color:#202020;
    padding:1px;

}

/****************/

#content{
    background: url(background_content.png) repeat-y;
    position: relative;
}
#content .padding{
    padding: 5px 10px;
}
#content #left{
    position: relative;
    margin: 0 20px 0 0;
    width: 200px;
    float: left;
}
#content #center{
    position: relative;
    margin: 0 20px 0 0;
    width: 520px;
    float: left;
}
#content #right{
    position: relative;
    width: 200px;
    float: left;
}

/****************/

#time .left {
    margin-bottom: 10px;
}
#time p{
    text-align: center;
    font-size: 13px;
    font-weight: bold;
}
#time .left{
    width: 140px;
}

/****************/

#member h2{
    margin-bottom: 15px;
}
#member p{
    font-size: 11px;
}
#member .left {
    font-weight: normal;
    margin-bottom: 10px;
}
#member .left{
    width: 140px;
}
#member .right{
    width: 70px;
}
#member .notice, #member .notice a{
    font-size: 9px;
    color: #ffffcc;
}
/****************/

#aktuell h2{
    margin-bottom: 15px;
}
#aktuell p{
    font-size: 11px;
}
#aktuell .left {
    font-weight: normal;
    margin-bottom: 10px;
}
#aktuell .left{
    width: 140px;
}
#aktuell .notice {
    font-size: 9px;
    color: #ffffcc;
}

/****************/

#empfehlung h2{
    margin-bottom: 15px;
}
#empfehlung p{
    font-size: 11px;
}
#empfehlung .left{
    font-weight: normal;
    margin-bottom: 10px;
}
#empfehlung .left{
    width: 140px;
}
#empfehlung .notice {
    font-size: 9px;
    color: #ffffcc;
}
/****************/

#footer{
    background: url(background_footer.png) no-repeat;

    text-align: center;
    position: relative;
    height: 90px;
}
#footer p{
    padding: 45px 0 0 0;
    line-height: 20px;
    font-size: 10px;
    color: #cccccc;
}

/****************/

.box{
    position: relative;

    z-index: 100;
    height: auto;
}
.box .bottom{
    position: absolute;
    bottom: 0;

    height: 15px;
    width: 200px;
    z-index: 150;
}

/******/

#left .box, #right .box{
    background: url(box_small_top.png) no-repeat;

    min-height: 200px;
    _height: 200px;
}
#left .red, #right .red{
    background-image: url(box_small_right_top.png);
}
#left .box .top, #right .box .top{
    padding: 30px 15px 5px;
}
#left .box .bottom, #right .box .bottom{
    background: url(box_small_bottom.png) no-repeat;
}
#left .red .bottom, #right .red .bottom{
    background-image: url(box_small_right_bottom.png);
}
#right .tipps{
    background-image: url(box_small_top2.png);
}

/******/

#center .box{
    background: url(box_top.png) no-repeat;

    min-height: 475px;
    _height: 475px;
}
#center .red{
    background-image: url(box_top.png);
}
#center .box .top{
    padding: 40px 20px 5px;
}
#center .box .bottom{
    background: url(box_bottom.png) no-repeat;
    width: 520px;
}
#center .red .bottom{
    background-image: url(box_bottom.png);
}
#center .red .line{
    background: url(spaceline.jpg) center repeat-x;
    height: 1px;
}

/****************/

h1, h2, h3, p, ul, .line, .margined, table{
    margin: 0 0 10px 0;
}
h1, h2, h3{

}
h1{
    margin: 0 0 20px 0;
    font-size: 16px;
}
h2, h2 a{
    text-transform: uppercase;
    text-decoration: none;
    font-size: 14px;
    color: #ffffcc;
}
h3{
    font-size: 13px;
    color: #cccccc;
}
ul li, ol li{
    margin: 0 0 0 10px;
}
#center ul, #center ul li{
    list-style: none;
}
#center ul li{
    background: url(li.png) 0 7px no-repeat;
    padding: 0 0 0 15px;
}
a{
    text-decoration: none;
    color: #ffffcc;
}
a:hover, a.active{
    text-decoration: none;
    color: #ff0033;
}
a img{
    border: 1px solid #666666;
}
a:hover img{
     border: 1px solid #fcfcfc;
}

/****************/

.floatleft{
    margin-bottom: 8px;
    margin-right: 15px;
    float: left;
}
.floatright{
    margin-bottom: 8px;
    margin-left: 15px;
    float: right;
}
.left, .right{
    margin: 0 10px 5px 0;
    float: left;
}
.left{
    font-weight: bold;
    margin-right: 0;
    width: 180px;
}
.right{
    width: 280px;
}
.line{
    background: url(spaceline200.jpg) center repeat-x;
    height: 1px;
}
.back{
    border-top: 1px solid #181818;
    padding: 5px 0 0 0;
    margin: 25px 0;
}

/****************/

.news p{
    font-size: 11px;
    color: #666666;
}
.news .more{
    color: #ffffcc;
}
.tipp p{
    font-size: 11px;
    margin: 0;
}
.tipp .item {
    margin: 0 0 10px 0;
}

/****************/

.category{
    margin: 0 15px 10px 0;
    text-align: center;
    width: 150px;
    float: left;
}
.category h3{
    font-size: 11px;
}
.image{
    background: url() no-repeat;
    padding: 40px 10px 0 0;
    text-align: left;
    width: 132px;
}
.red .image{
    background-image: url();
}
.image div{
    background: url() bottom no-repeat;
    padding: 0 10px 10px 10px;
    _padding: 0 8px 10px 8px;
}
.red .image div{
    background-image: url();
}
.imagewide, .imagewide div{
    background-image: url();
}
.red .imagewide, .red .imagewide div{
    background-image: url();
}
.imagewide{
    width: 132px;
}
.adjusthight div{
    height: auto;
    min-height: 100px;
    _height: 100px;
}
.repeater{
    margin: 0 0 20px 0;
}
.repeater h2, .repeater p{
    margin: 0 0 20px 0;
}
.power{
    font-weight: normal;
    color: #be0000;
}
.small{
    font-size: 10px;
    color: #be0000;
}
.member{
    font-weight: normal;
    padding: 4px;
    color: #efefef;
    background-color: #330000;
}

/****************/

.columns{

}
.columns .text{
    margin-right: 15px;
    width: 345px;
    float: left;
}
.columns .text .left{
    width: 120px;
}
.columns .text .right{
    width: 260px;
}
.columns .images{
    width: 120px;
    float: left;
}
.columns .images img{
    margin: 0 0 10px 0;
    float: left;
}

/****************/

.pageselector{

}
.pageselector .page, .pageselector select{
    float: left;
    margin-right: 10px;
}
.pageselector .page{
    line-height: 20px;
}
.pageselector select{
    width: 50px;
}


/****************/

.junk {
cursor: pointer; curser: hand;
}
.clearfix:after { content: ".";     display: block;     height: 0;     clear: both;     visibility: hidden; }
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}