#wunder {
   color: #fff;
   font: normal 12px Arial, sans-serif;
}

#wunder h1 {
   margin: 0;
   font-size: 12px;
   font-weight: bold;
   text-transform: uppercase;
}

#wunder a {
   color: #fff;
}

*html #wunder table {
   font-size: 12px;
}

#wunder input.text {
   font-size: 12px;
}

#wunder select {
   font-size: 12px;
}

#wunder textarea {
   font-size: 12px;
}

#wunder {
   width: 779px;
   background: #000 url(../img/main_bg.jpg) no-repeat top;
}

#wunder #header {
   width: 779px;
   height: 332px;
   margin-bottom: 25px;
   background: url(../img/header_Yavido.jpg) no-repeat;
}

#wunder #header .box {
   position: relative;
   width: 375px;
   height: 170px;
   top: 95px;
   left: 32px;
   padding: 15px;
/*   overflow: hidden; */
}

#wunder #header .box[class] {
   line-height: 1.2em;
}

*html #wunder #header .box {
   width: 385px;
   height: 190px;
   padding: 5px 10px 5px 10px;
}

#wunder #header_follow {
   width: 779px;
   height: 88px;
   margin-bottom: 25px;
}

*html #wunder #header_follow {
   background: url(../img/header_follow_einsteiger_bg.jpg) no-repeat;
}

#wunder #header_follow.webmaster {
   background: url(../img/hpa_header_webmaster.jpg) no-repeat;
}

#wunder #header_follow.einsteiger {
   background: url(../img/header_follow_einsteiger_bg.jpg) no-repeat;
}

#wunder #header_follow.voting {
   background: url(../img/hpa_header_webmaster.jpg) no-repeat;
}

#wunder .content {
   width: 725px;
   margin: 0 0 25px 25px;
}

#wunder .content .head {
   width: 725px;
   height: 10px;
   background: url(../img/content_head_bg.jpg) no-repeat;
}

*html #wunder .content .head {
   font-size: 2px;
}

#wunder .content .body {
   width: 695px;
   padding: 15px;
   background: url(../img/content_body_bg.jpg) repeat-y;
}

*html #wunder .content .body {
   width: 705px;
}

#wunder .content .foot {
   width: 725px;
   height: 10px;
   background: url(../img/content_foot_bg.jpg) no-repeat;
}

#wunder #boxes {
   position: relative;
   width: 779px;
   height: 277px;
   margin-bottom: 25px;
   background: url(../img/boxes_bg.jpg) no-repeat;
}

#wunder #boxes .box1 {
   position: absolute;
   width: 203px;
   height: 176px;
   top: 26px;
   left: 32px;
   padding: 20px 15px 20px 15px;
   overflow: hidden;
}

#wunder #boxes .box1[class] {
   line-height: 1.2em;
}

*html #wunder #boxes .box1 {
   width: 233px;
   height: 216px;
   padding: 15px 15px 10px 15px;
}

#wunder #boxes .box1 ul {
   margin: 0;
   padding: 0;
   padding-left: 15px;
}

#wunder #boxes .box1 ul li {
   margin-bottom: 20px;
   list-style-image: url(../img/arrow.gif);
}

#wunder #boxes .box2 {
   position: absolute;
   width: 221px;
   height: 189px;
   top: 46px;
   left: 267px;
   padding: 20px 15px 20px 15px;
   overflow: hidden;
}

#wunder #boxes .box2[class] {
   line-height: 1.2em;
}

*html #wunder #boxes .box2 {
   width: 231px;
   height: 219px;
   padding: 5px 10px 5px 10px;
}

#wunder #boxes .box3 {
   position: absolute;
   width: 205px;
   height: 176px;
   top: 26px;
   left: 519px;
   padding: 20px 15px 20px 15px;
   overflow: hidden;
}

#wunder #boxes .box3[class] {
   line-height: 1.2em;
}

*html #wunder #boxes .box3 {
   width: 215px;
   height: 206px;
   padding: 5px 10px 5px 10px;
}


#wunder #boxes .box5 {
   position: relative;
   width: 400px;
   height: 726px;
   top: 26px;
   left: 519px;
   padding: 20px 15px 20px 15px;
   background-color: #ff0000;
}

#wunder #boxes .box5[class] {
   line-height: 1.2em;
}

*html #wunder #boxes .box5 {
   width: 400px;
   height: 75px;
   padding: 5px 10px 5px 10px;
}

#wunder #winner {
   position: relative;
   width: 779px;
   height: 560px;
   margin-bottom: 25px;
   background: url(../img/winner_1_bg.jpg) no-repeat;
}

#wunder #winner .winner {
   position: absolute;
   width: 175px;
   height: 150px;
}

#wunder #winner .winner1 {
   top: 56px;
   left: 66px;
}

#wunder #winner .winner2 {
   top: 56px;
   left: 303px;
}

#wunder #winner .winner3 {
   top: 56px;
   left: 545px;
}

#wunder #winner .winner4 {
   top: 234px;
   left: 63px;
}

#wunder #winner .winner5 {
   top: 234px;
   left: 303px;
}

#wunder #winner .winner6 {
   top: 234px;
   left: 545px;
}

#wunder #winner div img {
   margin: 22px 0 0 33px;
}

#wunder #winner a {
   color: #bbff09;
   text-decoration: none;
}

#wunder #winner p {
   margin: 22px 0 0 5px;
   font-weight: bold;
}

#wunder #winner table {
   position: absolute;
   width: 660px;
   top: 410px;
   left: 62px;
}

#wunder #svw {
   width: 779px;
   height: 157px;
   margin-bottom: 25px;
   background: url(../img/svw_bg.jpg) no-repeat;
}

#wunder #svw .box {
   position: relative;
   width: 363px;
   height: 62px;
   top: 60px;
   left: 357px;
   padding: 10px;
   overflow: hidden;
}

#wunder #svw .box[class] {
   line-height: 1.3em;
}

*html #wunder #svw .box {
   width: 383px;
   height: 82px;
   padding: 5px;
}

#wunder #preise {
   margin-bottom: 25px;
}

#wunder #preise .content {
   width: 779px;
   height: 202px;
   margin-left: 0;
   background: url(../img/preise_bg.jpg) no-repeat;
}

#wunder #preise .content .preise {
   float: left;
   display: inline; /* IE double-float margin bug */
   width: 512px;
   height: 202px;
   margin: 15px 0 0 25px;
}

#wunder #preise .content .links {
   float: right;
   width: 218px;

}

#wunder #preise .content .links a {
   text-decoration: none;
}

#wunder #tv {
   position: relative;
   width: 779px;
   height: 321px;
   margin-bottom: 25px;
   background: url(../img/tv_bg.jpg) no-repeat;
}

#wunder #tv .trailer {
   position: absolute;
   width: 200px;
   height: 150px;
   top: 98px;
   left: 89px;
}

#wunder #tv .box {
   position: relative;
   width: 363px;
   height: 213px;
   top: 60px;
   left: 355px;
   padding: 10px;
   overflow: hidden;
}

#wunder #tv .box[class] {
   line-height: 1.3em;
}

*html #wunder #tv .box {
   width: 363px;
   height: 223px;
}


#wunder #extra {
   width: 779px;
   height: 165px;
   margin-bottom: 25px;
}


#wunder .kategorie {
   position: absolute;
   display: none;
   width: 292px;
   height: 312px;
   top: 550px;
   left: 25%;
   padding: 0 10px 10px 10px;
   background: url(../img/popup_bg.jpg) no-repeat;
}

*html #wunder .kategorie {
   width: 292px;
   height: 312px;
}

#wunder .kategorie .title {
   width: 292px;
   padding-top: 7px;
   color: #b4fd00;
   font-size: 13px;
   font-weight: bold;
   text-align: center;
}

#wunder .kategorie ul li {
   margin-bottom: 15px;
   list-style-image: url(../img/arrow.gif);
}

/**
 * PNG Buttons
 */

#wunder .btn_anmelden_webmaster {
   width: 122px;
   height: 28px;
   cursor: pointer;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='img/btn_anmelden_webmaster.png');
}

#wunder .btn_anmelden_webmaster[class] {
   background: url(../img/btn_anmelden_webmaster.png) no-repeat;
}

#wunder .btn_anmelden_einsteiger {
   width: 122px;
   height: 28px;
   cursor: pointer;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='img/btn_anmelden_einsteiger.png');
}

#wunder .btn_anmelden_einsteiger[class] {
   background: url(../img/btn_anmelden_einsteiger.png) no-repeat;
}

#wunder .btn_absenden_webmaster {
   width: 122px;
   height: 28px;
   cursor: pointer;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='img/btn_absenden_webmaster.png');
}

#wunder .btn_absenden_webmaster[class] {
   background: url(../img/btn_absenden_webmaster.png) no-repeat;
}

#wunder .btn_absenden_einsteiger {
   width: 122px;
   height: 28px;
   cursor: pointer;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='img/btn_absenden_einsteiger.png');
}

#wunder .btn_absenden_einsteiger[class] {
   background: url(../img/btn_absenden_einsteiger.png) no-repeat;
}

#wunder .btn_absenden_voter {
   width: 121px;
   height: 28px;
   cursor: pointer;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='img/btn_absenden_voter.png');
}

#wunder .btn_absenden_voter[class] {
   background: url(../img/btn_absenden_voter.png) no-repeat;
}

#wunder .btn_zum_voting {
   width: 129px;
   height: 28px;
   cursor: pointer;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='img/btn_zum_voting.png');
}

#wunder .btn_zum_voting[class] {
   background: url(../img/btn_zum_voting.png) no-repeat;
}

#wunder .btn_zum_voting_webmaster {
   width: 129px;
   height: 28px;
   cursor: pointer;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='img/btn_zum_voting_webmaster.png');
}

#wunder .btn_zum_voting_webmaster[class] {
   background: url(../img/btn_zum_voting_webmaster.png) no-repeat;
}

#wunder .btn_voten {
   width: 86px;
   height: 28px;
   cursor: pointer;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='img/btn_voten.png');
}

#wunder .btn_voten[class] {
   background: url(../img/btn_voten.png) no-repeat;
}


#wunder #unten {
   position: relative;
   width: 779px;
   height: 94px;
   margin-bottom: 25px;
   background: url(../img/Bauchbinde2.png) no-repeat;
}