body{
    margin: 0px;
    padding: 0px;
    background-color: #cdcdcd;
    font-size: 12px;
    font-family: verdana, arial;
}

#container{
    width: 978px;
    margin: 0px auto;
}

#header{
    width: 978px;
    height: 282px;
    background: url('../images/header.gif') no-repeat;
}

p{
    margin: 0px;
    padding: 5px 3px 3px 5px;
}

#logo{
    padding: 0 0 0 67px;
    float: left;
}

#welcome{
    color: #000;
    font-size: 12px;
}

#login_text{
    font-size: 10px;
    margin: 8px 0 0 0;
    word-spacing: 18px
}

#nickname{
    margin: 6px 0 3px 0;
    font-size: 10px;
}

#nickname input{
    width: 80px;
    border: 0px;
    margin: 0 0 0 0px;
    font-size: 10px;
}

#wachtwoord{
    margin: 0 0 2px 0;
    font-size: 10px;
}

#wachtwoord input{
    width: 80px;
    border: 0px;
    margin: 0 0 0 22px;
    font-size: 10px;
}

form{
    margin: 0px;
}

#vergeten{
    margin: 6px 0 3px 0;
    font-size: 10px;
}

#vergeten input{
    width: 140px;
    border: 0px;
    margin: 0 0 0 0px;
    font-size: 10px;
}

#login{
    width: 212px;
    height: 115px;
    background: url('../images/login.gif') no-repeat;
    margin: 0 0 0 660px;
    padding: 28px 0 0 16px;
    color: #fff;
    font-weight: bold;
    font-size: 12px;
}

.login_link{
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    font-size: 10px;
}

.login_link2{
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    font-size: 12px;
    line-height: 18px;
}

.login_link:hover, .login_link2:hover{
    color: #000;
}

.login_submit{
    width: 0px;
    height: 0px;
    margin: 0px;
    padding: 0px;
    border: 0px;
}

#menu{
    width: 978px;
    height: 37px;
    overflow: hidden;
    text-align: center;
}

ul{
    width: 978px;
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

li{
    font-size: 17px;
    color: #fff;
    display: inline;
}

li.item a{
    line-height: 38px;
    padding: 9px 11px 8px 11px;
    color: #fff;
    text-decoration: none;
    background: url('../images/menu_over2.gif') top center no-repeat;
}

li.item a:hover{
    color: #000;
    background-position:0% -37px;
}

li.item_actief a{
    line-height: 38px;
    padding: 9px 11px 8px 11px;
    color: #000;
    background: url('../images/menu_actief.gif') bottom center no-repeat;
    text-decoration: none;
}

#zoeken{
    width: 930px;
    height: 72px;
    padding: 20px 0 0 0;
    margin: 0px auto;
    text-align: center;
}

#zoeken_zoeken{
    height: 26px;
    padding: 0 0 0 18px;
    margin: 0px;
    float: left;
}

.zoekvlak{
    width: 300px;
    height: 18px;
    margin: 0 6px 0 10px;
    padding: 3px 0 3px 0;
    border: 1px solid #a4d613;
    vertical-align: top;
    float: left;
}

.zoekknop{
    width: 62px;
    height: 26px;
    margin: 0px;
    padding: 0px;
    border: 0px;
    background: url('../images/zoek.gif') no-repeat;
    cursor: pointer;
    float: left;
    vertical-align: top;
}

#zoeken_letters{
    line-height: 26px;
    padding: 0px;
    margin: 0px;
    word-spacing: 2px;
}

.zoekletter{
    font-size: 17px;
    color: #a4d613;
    text-decoration: none;
}

.zoekletter:hover{
    color: #000;
}

#zoeken_stijl{
    width: 930px;
    padding: 0px;
    margin: 20px 0 0 0;
    text-align: center;
    word-spacing: 2px;
}

.zoekstijl{
    font-size: 13px;
    color: #000;
    text-decoration: none;
}

.zoekstijl:hover{
    color: #a4d613;
}

#error_frontpage{
    clear: both;
}

#error_frontpage_header{
    width: 949px;
    height: 19px;
    background: url('../images/error1_header.gif') no-repeat;
}

#error_frontpage_center{
    width: 949px;
    height: 19px;
    background: url('../images/error1_center.gif') repeat-y;
    text-align: center;
    font-size: 14px;
    color: #000;
}

#error_frontpage_footer{
    width: 949px;
    height: 16px;
    background: url('../images/error1_footer.gif') no-repeat;
}

#goed_frontpage_header{
    width: 949px;
    height: 19px;
    background: url('../images/goed1_header.gif') no-repeat;
}

#goed_frontpage_center{
    width: 949px;
    height: 19px;
    background: url('../images/goed1_center.gif') repeat-y;
    text-align: center;
    font-size: 14px;
    color: #000;
}

#goed_frontpage_footer{
    width: 949px;
    height: 16px;
    background: url('../images/goed1_footer.gif') no-repeat;
}

#content{
    width: 958px;
    margin: 0 0 0 15px;
}

.sterren{
    float: left;
}

.sterren_aantal{
    vertical-align: top;
    color: #a3a3a3;
    font-size: 12px;
}

.sterren_aantal_clip{
    color: #a3a3a3;
    font-size: 13px;
}

.thumb{
    width: 74px;
    height: 55px;
    float: left;
    padding: 0 10px 0 0;
}

.favorieten_checkbox{
    width: 50px;
    line-height: 55px;
    height: 55px;
    float: left;
}

.info{
    width: 326px;
    height: 55px;
    float: left;
}

.info_favorieten{
    width: 500px;
    height: 55px;
    float: left;
}

.info_zoeken{
    width: 550px;
    height: 55px;
    float: left;
}

.nummer{
    height: 39px;
}

.nummerinfo{
    height: 20px;
}

.bekeken{
    float: right;
    color: #a3a3a3;
}

.head2{
    width: 567px;
    height: 27px;
    background: url('../images/head2.gif') no-repeat;
    font-size: 17px;
    color: #fff;
    padding: 16px 0 0 45px;
    overflow: hidden;
}

.center2{
    width: 593px;
    background: url('../images/center2.gif') repeat-y;
    padding: 0 9px 0 9px;
}

.footer2{
    width: 612px;
    height: 17px;
    background: url('../images/footer2.gif') no-repeat;
}

.head3{
    width: 430px;
    height: 27px;
    background: url('../images/head3.gif') no-repeat;
    font-size: 17px;
    color: #fff;
    padding: 16px 0 0 42px;
}

.center3{
    width: 454px;
    background: url('../images/center3.gif') repeat-y;
    padding: 0 9px 0 9px;
}

.footer3{
    width: 472px;
    height: 17px;
    background: url('../images/footer3.gif') no-repeat;
}

.head4{
    width: 288px;
    height: 27px;
    background: url('../images/head4.gif') no-repeat;
    font-size: 17px;
    color: #fff;
    padding: 16px 0 0 44px;
}

.head4_wit{
    width: 332px;
    height: 19px;
    background: url('../images/head4_wit.gif') no-repeat;
}

.center4{
    width: 314px;
    background: url('../images/center4.gif') repeat-y;
    padding: 3px 9px 0 9px;
}

.footer4{
    width: 332px;
    height: 17px;
    background: url('../images/footer4.gif') no-repeat;
}

.footer4_grijs{
    width: 332px;
    height: 17px;
    background: url('../images/footer4_grijs.gif') no-repeat;
}

.head5{
    width: 658px;
    height: 27px;
    background: url('../images/head5.gif') no-repeat;
    font-size: 17px;
    color: #fff;
    padding: 16px 0 0 44px;
}

.head5_wit{
    width: 702px;
    height: 19px;
    background: url('../images/head5_wit.gif') no-repeat;
}

.center5{
    width: 684px;
    background: url('../images/center5.gif') repeat-y;
    padding: 0 9px 0 9px;
}

.footer5{
    width: 702px;
    height: 17px;
    background: url('../images/footer5.gif') no-repeat;
}

.head6_wit{
    width: 242px;
    height: 19px;
    background: url('../images/head6_wit.gif') no-repeat;
}

.center6{
    width: 224px;
    background: url('../images/center6.gif') repeat-y;
    padding: 0 9px 0 9px;
}

.footer6{
    width: 242px;
    height: 17px;
    background: url('../images/footer6.gif') no-repeat;
}

.head7{
    width: 307px;
    height: 30px;
    background: url('../images/head7.gif') no-repeat;
    font-size: 17px;
    color: #fff;
    padding: 16px 0 0 44px;
}

.center7{
    width: 313px;
    background: url('../images/center7.gif') repeat-y;
    padding: 5px 19px 5px 19px;
}

.footer7{
    width: 351px;
    height: 17px;
    background: url('../images/footer7.gif') no-repeat;
}

.mobiel1{
    float: left;
    width: 706px;
}

.mobiel2{
    float: left;
    width: 353px;
}

.mobiel3{
    float: left;
    height: 200px;
}

.meer{
    text-align: right;
    padding: 5px 10px 0 0;
}

#page5{
    width: 702px;
    float: left;
}

#banner{
    width: 242px;
    margin: 0 0 0 5px;
    float: left;
}

#nieuwste{
    width: 472px;
    float: left;
}

#populaire{
    width: 472px;
    margin: 0 0 0 5px;
    float: left;
}

.clip_front{
    color: #000;
}

.clip_front:hover{
    color: #64a600;
}

#clip{
    width: 612px;
    float: left;
}

#player{
    text-align: center;
    padding: 14px 0 5px 0;
}

#player2{
    text-align: center;
    padding: 14px 0 5px 0;
}

#clipinfo{
    width: 332px;
    margin: 0 0 0 5px;
    float: left;
}

#clipinfo_text{
    width: 294px;
    padding: 0 0 18px 20px;
    float: left;
}

#clipinfo_text_grijs{
    width: 294px;
    background: #f2f2f2;
    padding: 2px 0 10px 20px;
    clear: both;
}

#reacties{
    padding: 5px 0 0 0;
}

.reactie1{
    font-size: 13px;
    color: #000;
    padding: 10px 22px 10px 19px;
}

.reactie2{
    background-color: #f2f2f2;
    font-size: 13px;
    color: #000;
    padding: 10px 22px 10px 19px;
}

.reactie_user{
    float: left;
    font-size: 13px;
    color: #779c0e;
    margin: 0 10px 0 0;
}

.reactie_datum{
    color: #b9b9b9;
    font-size: 13px;
}

.reactie_reactie{
    font-size: 13px;
    margin: 10px 0 0 0;
}

#reactieplaatsen{
    padding: 0 22px 10px 19px;
}

#reactie_form{
    width: 558px;
    height: 89px;
    border: 1px solid #80d500;
    margin: 0px;
    padding: 0px;
}

#reactie_but{
    width: 138px;
    height: 26px;
    border: 0px;
    background: url('../images/plaatsreactie.gif') no-repeat;
    cursor: pointer;
    margin: 10px 0 0 422px;
}

#log_res{
    line-height: 30px;
    font-weight: bold;
}

.clipinfo_title{
    width: 294px;
    font-size: 17px;
    color: #70ba00;
    margin: 8px 0 0 0;
}

.sterren_title{
    font-size: 17px;
    color: #70ba00;
    margin: 0 5px 0 0;
    float: left;
}

#favoriet_text2{
    cursor: pointer;
    width: 250px;
}

.thickbox{
    width: 294px;
    font-size: 17px;
    color: #70ba00;
    margin: 8px 0 0 0;
    text-decoration: none;
}

#stem_text, #favorite_text{
    margin: 0 0 0 90px;
    font-size: 11px;
}

.ster{
    cursor: pointer;
}

.clipinfo_info{
    width: 294px;
    font-size: 13px;
}

.list1{
    height: 66px;
    font-size: 13px;
    color: #000;
    padding: 11px 22px 0 22px;
}

.list2{
    height: 66px;
    background-color: #f2f2f2;
    font-size: 13px;
    color: #000;
    padding: 11px 22px 0 22px;
}

#add_frontpage{
    clear: both;
}

#add_frontpage_header{
    width: 949px;
    height: 19px;
    background: url('../images/add1_header.gif') no-repeat;
}

#add_frontpage_center{
    width: 949px;
    background: url('../images/add1_center.gif') repeat-y;
}

#add_frontpage_footer{
    width: 949px;
    height: 16px;
    background: url('../images/add1_footer.gif') no-repeat;
}

img{
    border: 0px;
}

fieldset{
    border: 0px;
    margin: 0px;
    padding: 0px;
    display: inline;
}

#zoeken_vv{
    padding: 15px 0 5px 0;
    text-align: center;
}

.zoeken_terug, .zoeken_volgende{
    color: #70ba00;
    font-size: 14px;
    text-decoration: underline;
}

.zoeken_terug:hover, .zoeken_volgende:hover{
    color: #548b01;
}

.zoeken_page{
    color: #70ba00;
    font-size: 14px;
    text-decoration: underline;
}

.zoeken_page:hover{
    color: #548b01;
}

.zoeken_page_actief{
    color: #548b01;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
}

.center{
    text-align: center;
}

.error_registeren
{
    color: red;
    font-size: 10px;
    text-align: left;
}

h1, h2{
    font-size: 17px;
    color: #fff;
    padding: 0px;
    margin: 0px;
    font-weight: normal;
}

.clear{
    clear: both;
}

.top40_list1{
    height: 66px;
    font-size: 13px;
    color: #000;
    padding: 11px 0px 0 0px;
}

.top40_list2{
    height: 66px;
    background-color: #f2f2f2;
    font-size: 13px;
    color: #000;
    padding: 11px 0px 0 0px;
}

.top40_number {
    height: 32px;
    width: 32px;
    color: #fff;
    font-size: 12px;
    padding: 18px 0 0 8px;
    text-align: center;
    background: url('../images/top40_dot.png') no-repeat 7px 10px;
    float: left;
}

.top40_thumb{
    width: 74px;
    height: 55px;
    float: left;
    padding: 0 10px 0 5px;
}

.itunes_info{
    width: 526px;
    height: 55px;
    float: left;
}

.itunes_info .nummer{
    height: 22px;  
}
.itunes_info .ilink{
    height: 18px;
}