@charset "utf-8";
/* CSS Document */

body{
background: #f4f4f3 ;
border-left: 1px solid #e8e7e7;
border-right: 1px solid #e8e7e7;
width: 922px;
height: auto;
margin: 0 auto;
text-align: center;
}

#container{
background: #FFF;
width: 922px;
height: auto;
margin: 0 auto;
text-align: left;
}
/* Left Content */
#left{
width: 677px;
min-height: auto;
float: left;
margin: 0 0 0 1px ;
background: #FFF;
}
		/* Header and Menu */
.header{
background: url(../images/head.jpg) no-repeat;
width:677px;
height: 134px;
margin:0;
padding:0;
}

.header .list{
padding: 107px 0 0 179px;
width: auto;
height: 24px;
margin: 0;
list-style: none;
}

.header .list li{
background: none;
font-family: arial;
height: 19px;
font-size: 12px;
padding: 5px 4px 0 4px;
margin: 0 2px;
width: auto;
color: #FFF;
float: left;
}
.header .list li a,.header .list li a:hover,.header .list li a:active,.header .list li a:visited{
color: #FFF;
text-decoration:none;
display:block;
}
.header .list .current a,.header .list .current a:hover,.header .list .current a:active,.header .list .current a:visited{
color: #d21056;
text-decoration:none;
display: block;
}
.header .list li:hover{
background: #e53172;
}

.header .list .current{
background: #FFF;
font-weight: bold;
color: #d21056;
}
.header .list .current:hover{
background: #FFF;
font-weight: bold;
color: #d21056;
}
/* Inner left menu */
#left .left{
width: 175px;
float: left;
}

#left .left ul{
width: 175px;
height: auto;
margin:0;
padding:0;
list-style: none;
}

#left .left ul .bhead{
background:url(../images/bluemed.jpg) no-repeat;
width: 170px;
height: 23px;
color: #FFF;
font-family: Arial;
font-weight: bold;
font-size: 12px;
padding: 8px 0 0 5px;
margin: 3px 0 0 0;
}

#left .left ul .oneven{
background: #fafafa;
height: 15px;
width: 170px;
font-family: Arial;
font-size: 11px;
color: #535353;
padding: 1px 0 0 5px;
}

#left .left ul .even{
background: #f2f2f2;
height: 15px;
width: 170px;
font-family: Arial;
font-size: 11px;
color: #535353;
padding: 1px 0 0 5px;
}

#left .left ul .even:hover, #left .left ul .oneven:hover{
background: url(../images/bluesml.jpg) no-repeat;
text-decoration: none;
color: #FFF;
}

#left .left ul li a, #left .left ul li a:visited{
color: #535353;
text-decoration: none;
display: block;
}

#left .left ul li a:hover{
color: #fff;
}

#left .left ul .reclame{
width: 121px;
height: auto;
padding: 0 27px;
}

#left .right{

width: 500px;
float:left;
}

#left .right .p{
font-family: Arial;
font-size: 11px;
color: #535353;
margin: 5px 10px 5px 8px;
width: 490px;
}

#left .right .p a, #left .right .p a:link{
text-decoration: none;
color: #d21056;
}

#left .right .p a:hover{
text-decoration: underline;
color: #d21056;
}

#left .right .p h2{
font-size: 14px;
color: #d21056;
padding: 0;
margin: 5px 0 0 0;
font-family: arial;
}

#left .right h3{
width: 498px;
margin: 0 0 0 1px;
background:url(../images/redbig.jpg) no-repeat;
height: 26px;
padding: 5px 0 0 6px;
font-family: Arial;
font-size: 12px;
font-weight: bold;
color: #FFF;
}

#left .right .best{
width: 483px;
height: 58px;
margin: 2px 0 5px 3px;
}

#left .right .best .image{
width: 60px;
height: 58px;
float: left;
}

#left .right .best .tekst{
width: 315px;
height: 58px;
font-family: Arial;
font-size: 11px;
color: #535353;
float: left;
padding: 0 5px 0 5px;
}

#left .right .best .tekst .naam{
color: #d21056;
font-weight: bold;
}

#left .right .best .knoppen{
width: 98px;
height: 58px;
float: left;
list-style: none;
margin:0;
padding:0;
}

#left .right .best .butred a,#left .right .best .butblu a, #left .right .best .butred a:hover, #left .right .best butblu a:hover{
color: #FFF;
display: block;
font-family: Arial;
font-size: 12px;
text-align: center;
text-decoration: none;
}

#left .right .best .butred{
background:url(../images/butgry.jpg) no-repeat;
width: 98px;
height: 15px;
margin: 2px 0 2px 0;
padding: 0;
font-family: Arial;
font-size: 12px;
text-align: center;
padding: 5px 0 5px 0;
}

#left .right .best .butred:hover{
background:url(../images/butred.jpg) no-repeat;
} 
#left .right .best .butblu{
background:url(../images/butgry.jpg) no-repeat;
width: 98px;
height: 15px;
margin: 2px 0 2px 0;
padding: 0;
font-family: Arial;
font-size: 12px;
text-align: center;
padding: 5px 0 5px 0;
}

#left .right .best .butblu:hover{
background: url(../images/butblu.jpg) no-repeat;
}

.butred a:hover, butblu a:hover{
color: #FFF;
text-decoration: none;
}

#right{
width: 239px;
float: left;
padding: 2px 0 0 3px;
}

#right .zoek{
width: 240px;
height: auto;
font-family: Arial;
font-size: 11px;
color: #535353;
}

#right .zoek .head{
width: 237px;
background: url(../images/roodmedium.jpg) no-repeat;
height: 38px;
font-family: Arial;
color: #FFF;
font-size: 12px;
font-weight: bold;
padding: 5px 0 0 3px;
}

#right .zoek .text{
margin: 0 0 0 3px;
}

#right .zoek .text option{
width: 200px;
}


#right .zoek .button{
background:url(../images/butgry.jpg) no-repeat;
width: 98px;
height: 25px;
margin: 5px 10px; 2px 0;
padding: 0;
font-family: Arial;
font-size: 12px;
border: 0;
float: right;
color: #FFF;
}

#right .zoek .button:hover{
background:url(../images/butred.jpg) no-repeat;
color: #FFF;
} 

#right .uitgelicht{
width: 240px;
height: auto;
font-family: Arial;
font-size: 11px;
color: #535353;
margin: 5px 0 0 0;
}

#right .uitgelicht .head{
width: 237px;
background: url(../images/blue-big.jpg) no-repeat;
height: 25px;
font-family: Arial;
color: #FFF;
font-size: 12px;
font-weight: bold;
padding: 5px 0 0 3px;
}

#right .uitgelicht .image{
width: 220px;
height: 144px;
margin: 5px 0 0 10px;
}

#right .uitgelicht .tekst{
width: 105px;
height: auto;
font-weight: bold;
float: left;
margin: 8px 0 0 5px;
}

#right .uitgelicht .tekst .kleur{
font-weight: normal;
color: #d21056;
}

#right .uitgelicht .knop{
width: 100px;
float: left;
height: auto;
list-style: none;
margin: 5px 0 0 22px;
padding: 0;
}

#right .uitgelicht .knop .butred a,#right .uitgelicht .knop .butblu a, #right .uitgelicht .knop .butred a:hover, #right .uitgelicht .knop butblu a:hover{
color: #FFF;
display: block;
font-family: Arial;
font-size: 12px;
text-align: center;
text-decoration: none;
}

#right .uitgelicht .knop .butred{
background:url(../images/butgry.jpg) no-repeat;
width: 98px;
height: 15px;
margin: 2px 0 2px 0;
padding: 0;
font-family: Arial;
font-size: 12px;
text-align: center;
padding: 5px 0 5px 0;
}

#right .uitgelicht .knop .butred:hover{
background:url(../images/butred.jpg) no-repeat;
} 
#right .uitgelicht .knop .butblu{
background:url(../images/butgry.jpg) no-repeat;
width: 98px;
height: 15px;
margin: 2px 0 2px 0;
padding: 0;
font-family: Arial;
font-size: 12px;
text-align: center;
padding: 5px 0 5px 0;
}

#right .uitgelicht .knop .butblu:hover{
background: url(../images/butblu.jpg) no-repeat;
}

.butred a:hover, butblu a:hover{
color: #FFF;
text-decoration: none;
}

/*Footer*/

#footer{
background:url(../images/footer.jpg) #d21056 no-repeat;
width: 922px;
height: 22px;
font-family: Arial;
font-weight: bold;
font-size: 11px;
color: #FFF;
text-align: center;
padding: 8px 0 0 0;
}

#footer a{
color: #FFF;
text-decoration: none;
}

.button{
background: #BABABA;
height: 25px;
margin: 5px 10px 2px 0;
padding: 0 5px 0 5px;
font-family: Arial;
font-size: 12px;
border: 0;
float: left;
color: #FFF;
border: 1px solid #ACACAC;
}

.button:hover{
background: #DA1D61;
border: 1px solid #D21560;
color: #FFF;
}