/* CSS Document */

body{
background-image:url(../img/background_body.gif);
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#fff;
}

#container{
width:842px;
padding:0;
margin: 0 auto;
}

#header{
width:842px;
height:177px;
background-image:url(../img/top4.jpg);
}

#header #banner_top{
border:1px solid #fff;
float:right;
margin:70px 10px 0 10px;
}

#header b{
display:none;
}

H1{
font-size:12px;
color:#fff;
}

#maincolumn{
width:500px;
float:left;
margin-right:0;
}

#maincolumn H1{
width:326px;
height:25px;
background-image:url(../img/back_top_large.jpg);
padding:5px 0 0 20px;
margin:10px 0 0 0;
}

#rightcolumn{
width:300px;
min-height:362px;
background-image:url(../img/background_rightcolumn.jpg);
margin:40px 0 0 500px;
}

#rightcolumn H1{
width:213px;
height:26px;
background-image:url(../img/back_top_small.jpg);
padding:5px 0 0 20px;
float:right;
}

#rightcolumn #button_fav{
margin:40px 0 0 65px;
}


#footer{
clear:both;
width:841px;
height:32px;
background-image:url(../img/background_footer.jpg);
margin-top:20px;
}

/* BLOKJE */

#blokje{
width:124px;
height:177px;
background-image:url(../img/background_blokje.jpg);
float:left;
}

#blokje #naam{
font-size:9px;
padding:10px 0 0 20px;
}

#blokje #picture{
width:99px;
height:84px;
border:1px solid #fff;
margin:5px 0 0 15px;
text-align:center;
}

#blokje #webcam, #blokje #bellen{
margin:5px 0 2px 15px;
}

#toplinks{
margin:0px 0 0 100px;
padding:0;
}

#toplinks li{
list-style-type:none;
font-size:11px;
}

#toplinks a{
color:#666;
text-decoration:none;
}

.spot{
margin-right:5px;
}

.photo{
height:84px;
max-width:99px;
width: expression(this.width > 99 ? 99: true);
}

.photo_fade{
height:84px;
max-width:99px;
width: expression(this.width > 99 ? 99: true);
filter: alpha(opacity=0.25);
-moz-opacity:0.23;
opacity=0.25;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0.25)";

filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0.25); 
}