/* CSS Document */

body{
margin:0;
padding:0;
font-family:Lucida Sans, Tahoma, Verdana, arial, sans-serif;
background-color:#313131;
color:#fff;
font-size:1em;
} 

a{
text-decoration:none;
color:#999;
}

#kolom1 h1, #kolom1_contact h1{
margin:15px 0 20px 15px;
padding:0 0 1px 2px;
font-size:1.2em;
color:#999;
border-bottom:1px dotted #999;

}

img{
behavior:url(iepngfix.htc); 
}

#home_link img{
border:none;}

#wrapper_header{
margin:0;
padding:0;
width:900px;
margin-left:auto;
margin-right:auto;
}

#logo_vrouwke{
width:60px;
height:200px;
float:left;
}

#logo_vrouwke2{
width:58px;
height:200px;
float:right;
}

#logo_vrouwke img{
margin:10px 0 0 10px;
width:34px;
height:110px;
}

#logo_vrouwke2 img{
margin:10px 0 0 15px;
width:34px;
height:110px;
}

#logo_soisbelle{
width:165px;
height:50px;
}

#footerbelle{
width:780px;
height:50px;
clear:both;
font-size:0.8em;
margin-left:auto;
margin-right:auto;
padding-bottom:30px;
padding-top:20px;
}

#footer_kolom1{
margin:0;
padding:0;
width:440px;
height:50px;
background-color:#444;
border-left:1px dotted #999;
border-top:1px dotted #999;
border-bottom:1px dotted #999;
float:left;
}

#footer_kolom1 p{
margin:10px 10px 0 15px;
}

#footer_kolom2{
margin:0;
padding:0;
width:338px;
height:50px;
border-right:1px dotted #999;
border-top:1px dotted #999;
border-bottom:1px dotted #999;
float:right;
}

#footer_kolom1 a{
border-bottom:1px dashed #999;

}

#footer_kolom1 a:hover{
background-color:#fff;
}

#wisselheader{
margin:10px 0 0 0;
padding:0;
width:780px;
xfloat:left;
margin-left:auto;
margin-right:auto;
}

#wisselheader img{
border:1px solid #666;
}

#logo{
margin:0;
padding:0;
left:20px;
top:20px;
position:relative;
}

.infoblok{
margin:0;
padding:0;
background-color:#222;
width:780px;
margin-left:auto;
margin-right:auto;
height:150px;
}

#menu{
margin:0;
padding:0;
width:780px;
font-size:0.8em;
font-weight:bold;
color:#999;
float:left;
}

#navmenu img{
float:left;
margin:5px 20px 0 0;
}

#navmenu ul{
margin:0;
padding:0;
padding:40px 0 0 20px;
}

#navmenu li{
margin:0;
padding:0;
display:inline;
text-decoration:none;
color:#fff;
padding:0 10px 0 0;
}

#navmenu a{
text-decoration:none;
color:#ccc;
}

#navmenu a:hover{
color:#637C84;
}

#navmenu a:active{
color:#999;
}

#kolommen{
width:780px;
margin-left:auto;
margin-right:auto;
}

#kolom1{
margin:0;
padding:0;
width:430px;
clear:right;
float:left;
}

#kolom2{
margin:20px 0 0 0;
padding:0 0 0 15px;
width:320px;
float:right;
}

#kolom1_contact{
margin:0 0 0 0;
padding:0 0 0 0;
width:430px;
clear:right;
float:left;
border-left:1px dotted #999;
}

#kolom1_contact .artikel{
margin:0;
border:none;
}

#kolom2_contact{
margin:20px 0 0 0;
padding:0 0 0 15px;
width:320px;
height:380px;
float:right;
}


.artikel{
padding-left:15px;
margin:20px 0 0 0;
border-left:1px dotted #999;
}

.artikel h2, .foto_container h2{
margin:0 0 10px 0;
font-size:0.9em;
color:#0099CC;
}

.artikel h2 .datum{
font-weight:normal;
padding-right:10px;

}

.artikel p{
margin:0 0 10px 0;
padding:0;
font-size:0.7em;
line-height:18px;
font-weight:normal;
text-align:justify;
}

.artikel a{
border-bottom:1px dashed #999;
}

.artikel a:hover{
background-color:#fff;
}


.artikel img{
float:left;
padding:0 15px 0 0;
}

.foto_container{
margin:20px 0 0 0;
padding:0 0 0 10px;
margin:20px 0 0 0;
border-left:1px dotted #999;
}

.foto_container img{
margin:0 9px 9px 0;
padding:0;
border:1px solid #666;
}

.foto_container embed{
width:420px;
height:338px;

}

.artikel a{
text-decoration:none;
border-bottom:1px dashed #999;
}

.artikel .kalender, .artikel .kalender p{
font-size:0.8em;
}

.artikel .kalender ul{
margin:0;
padding:0;
list-style-type:none;
border-bottom:2px solid #555;
padding:15px 15px 15px 15px;
margin:0 0 20px 0;
background:#444;
}


.artikel .kalender .date{
font-size:0.8em;
color:#999;
font-style:italic;
margin-right:5px;
}

.artikel .kalender .name{
xcolor:#b9a88c;
color:#0099CC;
font-size:1.4em;
padding:0 0 0 0;
}

.artikel .kalender .adres{

}

.artikel .kalender .info{
display:block;
padding:5px 0 0 0;
}

.artikel .kalender .website{
color:#999;
border-bottom:1px dashed #999;
font-size:0.9em;
}



.artikel .kalender b{
}



.concerten_overzicht h3, .nieuwsarchief h3, .boekingen h3, .nieuwsbrief h3{
margin:0 0 20px 0;
padding:0;
xcolor:#fff;
color:#B19985;
font-size:1em;
border-bottom:1px dotted;
}


.concerten_overzicht, .nieuwsarchief{
padding-bottom:25px;
}

.lists_methover h3{
margin:0 0 20px 0;
padding:0;
color:#B19985;
font-size:1em;
border-bottom:1px dotted;
}

.lists_methover a{
text-decoration:none;
color:#999;
display:block;
padding:4px;
font-size:0.7em;
}

.lists_methover a:hover{
text-decoration:none;
background-color:#444;
}

.concerten_overzicht ul, .nieuwsarchief ul{
margin:0;
padding:0;
list-style-type:none;
font-size:0.7em;
line-height:18px;
width:310px;
}


.concerten_overzicht a, .nieuwsarchief a{
text-decoration:none;
color:#999;
display:block;
padding:4px;
xfont-size:0.7em;

}

.concerten_overzicht a:hover, .nieuwsarchief a:hover{
text-decoration:none;
background-color:#444;
}

.concerten_overzicht li, .nieuwsarchief li{
border:0;
border-bottom:1px dotted #555;
}

.concerten_overzicht .optreden{
float:right;
}

.nieuwsarchief{
clear:right;
}

.boekingen{

display:block;
color:#999;
line-height:20px;
margin-bottom:20px;
}

.boekingen a{
border-bottom:1px dashed #999;
}

.boekingen a:hover{
background-color:#fff;
}

.boekingen dl{
margin:0;
padding:0;
font-size:0.7em;
clear:right;
}

.boekingen dt{


width:170px;
float:right;

}


.boekingen dd{
margin:0;
padding:0;
width:150px;
}



#contactbelle{
margin-bottom:20px;
}

#contactbelle fieldset{
margin:0;
padding:0;
border:none;
}

#contactbelle legend{
display:none;
}

#contactbelle label{
display:block;
float:left;
line-height:1.8;
font-size:0.7em;
vertical-align:top;
}


#contactbelle fieldset label strong{
color:red;
text-transform:uppercase;
width:25em;
float:left;
	


}

#contactbelle ol{
margin:0;
padding:0;
}

#contactbelle li{
list-style-type: none;
margin: 0;
padding:3px 0 3px 0;
float:left;
}

#contactbelle label{
width:140px;
color:#999;
}

#contactbelle textarea{
width:260px;
height:160px;
margin-bottom:5px;
background-color:#444;
border:0;
overflow:hidden;
color:#999;
padding-left:3px;
}

#contactbelle input{
background-color:#444;
border:0;
width:260px;
color:#999;
padding-left:3px;
}



#contactbelle #contact_submit{
width:90px;
margin-top:10px;
padding:3px 3px;
color:#999;
border:1px solid #999;
font-size:0.7em;
float:right;
margin-right:15px;
}

#knoppen{
width:360px;
float:left;
}

#contactbelle #knoppen #aankoopcd_goback{
width:140px;
margin-top:10px;
padding:3px 3px;
color:#999;
border:1px solid #999;
font-size:0.7em;
margin-right:15px;
}

#contactbelle #knoppen #aankoopcd_submit{
width:180px;
margin-top:10px;
padding:3px 3px;
color:#999;
border:1px solid #999;
font-size:0.7em;
margin-right:15px;
}





#contact_guestbook fieldset{
margin:0;
padding:0;
border:none;
}

#contact_guestbook legend{
display:none;
}

#contact_guestbook label{
display:block;
line-height:1.8;
font-size:0.7em;
vertical-align:top;
}

#contact_guestbook ol{
margin:0;
padding:0;
}

#contact_guestbook li{
list-style-type: none;
margin: 0;
padding:3px 0 3px 0;
}

#contact_guestbook label{
width:140px;
color:#999;
}

#contact_guestbook textarea{
width:310px;
height:160px;
margin-bottom:5px;
background-color:#444;
border:0;
overflow:hidden;
color:#999;
padding-left:3px;
}

#contact_guestbook input{
background-color:#444;
border:0;
width:310px;
color:#999;
padding-left:3px;
}



#contact_guestbook #contact_submit{
width:90px;
margin-top:10px;
padding:3px 3px;
color:#999;
border:1px solid #999;
font-size:0.7em;
float:right;
margin-right:15px;
}

#contact_guestbook #label_guestbook{
width:310px;
}

#contact_guestbook #norobot{
width:150px;
}

#contact_guestbook #captchaimage{
padding:0 20px 0 0;
float:left;
}

.nieuwsbrief{
clear:left;
padding-bottom:25px;

}

.nieuwsbrief fieldset{
margin:0;
padding:0;
border:none;
}

.nieuwsbrief legend{
display:none;
}

.nieuwsbrief label{

display:block;
float:left;
line-height:1.8;
font-size:0.7em;
vertical-align:top;
padding-left:10px;
width:140px;
color:#999;

}

.nieuwsbrief ol{
margin:0;
padding:0;
}

.nieuwsbrief li{
list-style-type: none;
margin: 0;
padding:3px 0 3px 0;

}


.nieuwsbrief input{
background-color:#444;
border:0;
width:160px;
color:#999;
padding-left:3px;




}

.nieuwsbrief #nieuwsbrief_submit{
width:90px;
margin-top:10px;
padding:3px 3px;
color:#999;
border:1px solid #999;
font-size:0.7em;
float:right;
margin-right:15px;
}

.nieuwsbrief p{
font-size:0.7em;
line-height:18px;
color:#999;
}

.tienpxleft a{
margin-left:10px;

}



.guestbook_overrule{
color:#fff;
float:none;
clear:both;
font-size:0.8em;
line-height:1.3em;
}

.guestbook_overrule p, h1, h2, h3, h4, h5, h6{
float:none;
margin:0;
font-weight:normal;
color:#fff;
clear:both;
}

.guestbook_overrule ul{
margin:0;
padding:0;
list-style-type:none;
border-bottom:2px solid #555;
padding:15px 15px 15px 15px;
margin:0 0 20px 0;
background:#444;
}

.guestbook_overrule .name{
color:#b9a88c;
font-size:1.4em;
padding:0 0 0 0;
}

.guestbook_overrule .date{
font-size:0.8em;
color:#999;
font-style:italic;
margin-right:5px;
}

.guestbook_overrule .time{
font-size:0.8em;
color:#999;
font-style:italic;
}

.guestbook_overrule .message{
display:block;
padding:5px 0 0 0;
}

.guestbook_overrule .email{
color:#999;
border-bottom:1px dashed #999;
font-size:0.9em;
}


.error_gb{
display:block;
background:red;
padding:10px;
font-size:0.8em;
margin-bottom:20px;
}

.error_gb p{
font-size:1em;
}

#discografie{
width:420px;
}

#discografie .cd{
clear:both;
padding:0 0 40px 0;
margin:0 0 40px 0;
min-height:200px;
height:auto !important;
height:200px;

}

#discografie .cd img{
width:189px;

}

#discografie .cd h4{
margin:20px 0 20px 0;
color:#0099CC;
}

#discografie .cd .nummers{
margin:0;
padding:0;
font-size:0.8em;
color:#999;
width:190px;
margin:0 0 0 230px;
line-height:1.4em;
}

.tekst_discografie{
font-size:0.8em;
}

.concerten_overzicht #verkoop_cd:hover{
border:0;
background-color:#313131;
}













