body{
background-image:url('images/background.jpg')
}

/* Container - Voor het centreren van de website */

#container{
margin: 0px auto;
width: 1000px;
height: 150px;
}

/* Header */

#header{
background-image:url('images/header.png');
background-repeat: no-repeat;
width: 974px;
height: 140px; 
}

/* Menu */

#menutopleft{
background-image:url('images/menu_top_left.png');
background-repeat: no-repeat;
width: 20px;
height: 27px;
float:left;
}

#menutopcenter{
background-image:url('images/menu_top_center.png');
background-repeat: repeat-x;
width:937px;
height:27px;
float:left;
}

#menutopright{
background-image:url('images/menu_top_right.png');
background-repeat: no-repeat;
width: 17px;
height: 27px;
float:left;	
clear:right;
}

#menutopcenter a{
font-family: Verdana;
font-size:12px;
font-weight:bold;
color: #4c4646;
text-decoration: none;
}

#menutopcenter a:hover{
font-family: Verdana;
font-size:12px;
font-weight:bold;
color: #000;
border-bottom:1px solid #fb8800;
}

#menutopcenter .selected{
font-family: Verdana;
font-size:12px;
font-weight:bold;
color: #000;
border-bottom:1px solid #fb8800;
}

/* De wrapper zorgt ervoor dat de sidebar en het contentgedeelte gepositioneert worden. */

#wrapper{
position:relative;
}

/* Content */

#contentcontainer{
position:absolute;
padding-top:20px;
top:20px;
left:0px;
}

#contenttop{
float:left;
background-image:url('images/content_top.png');
background-repeat: no-repeat;
width:695px;
height:13px;
}

#content{
float:left;
padding-left:12px;
padding-right:12px;
background-color: #FFFFFF;
width:671px;
min-height:600px;
font-family: Arial;
font-size: 12px;
color:#696868;
word-spacing: 1px;
}

#content a{
color: #ED7B00;
text-decoration: underline;
}

#contentbottom{
float:left;
background-image:url('images/content_bottom.png');
background-repeat: no-repeat;
width:695px;
height:18px;
}

#content h1{
font-family: Verdana;
font-size:18px;
font-weight:bold;
color: #fe8b00; 
margin: 0px;
padding:0px;
}


/* Producten */

#productcontainer{
margin-top:10px;
position:absolute;
}

#productcontainer2{
top:405px;
position:absolute;
}

#banner{
position:absolute;
top:150px;
left:90px;
}


#product1{
position:absolute;
}

#product2{
position:absolute;	
left:227px;
}

#product3{
position:absolute;
left:454px;
}

.productcontent{
width:205px;
height:135px;
border-left: 1px solid #bdbdbd;
border-right: 1px solid #bdbdbd;
background-color:#faf3f3;
font-family:Verdana;
font-size: 11px;
color: #6d6d6d;
padding-left:5px;
padding-right:5px;
}

.productcontent a{
text-decoration: none;
}


.producttop{
background-image:url('images/product_top.png');
background-repeat: no-repeat;
width:217px;
height:12px;
}

.productbottom{
background-image:url('images/product_bottom.png');
background-repeat: no-repeat;
width:217px;
height:11px;
}

.productcontent h3{
font-family:Verdana;
font-size: 12px;
font-weight:bold;
color: #6d6d6d;
padding: 0px;
margin: 0px;
}

.producttitel{
position:absolute;
margin-left:6px;
margin-top:2px;
}

.productomschrijving{
position:absolute;
width:90px;
margin-left:6px;
margin-top:22px;
}

.productimg{
position:absolute;
margin-left:100px;
width:100px;
text-align:center;
}

.productprijs{
font-family:Verdana;
font-size: 12px;
color:#7d7474;
font-weight:bold;
text-decoration: underline;
position:absolute;
margin-left:6px;
margin-top:110px;
}

.button{
position:absolute;
top:120px;
left:115px;
padding-top:2px;
background-image:url('images/button.png');
background-repeat: no-repeat;
width:90px;
height:18px;
color: #FFF;
font-family:Verdana;
font-size: 12px;
text-align:center;
}


/* Container voor de sidebar */

#sidebarcontainer{
position:absolute;
left:705px;
top:40px;	
width:271px;
height:400px;
}

/* Classes voor de sidebar */

.topsidebarleft{
float:left;
background-image:url('images/sidebar_top_left.png');
background-repeat: no-repeat;
width:10px;
height:31px;
}

.topsidebarcenter{
float:left;
background-image:url('images/sidebar_top_center.png');
background-repeat: repeat-x;
width:250px;
height:28px;
padding-top:3px;
font-family: Verdana;
font-size: 13px;
font-weight:bold;
color:#FFF;
}

.topsidebarright{
float:left;
clear:right;
background-image:url('images/sidebar_top_right.png');
background-repeat: no-repeat;
width:10px;
height:31px;
}

.sidebarbottom{
background-image:url('images/sidebar_bottom.png');
background-repeat: no-repeat;
width:270px;
height:10px;
float:left;
}

/* Sidebar - Countdown */

#countdowncontent{
float:left;
background-color:#FFF;
width:270px;
height:53px;
font-family: Verdana;
font-size: 14px;
font-weight: bold;
text-align:center;
color:#696868;
}

/* Sidebar - Standen */

#standen{
float:left;
margin-top:10px;
}

#standencontent{
float:left;
background-color:#FFF;
width:270px;
height:100%;	
}

/* Sidebar - Advertentie */

#advertentie{
float:left;
margin-top:10px;
}

#advertentiecontent{
float:left;
background-color:#FFF;
width:270px;
height:100%;	
}

/* Sidebar - NL Standen */

#nlstanden{
float:left;
margin-top:10px;
}

#nlstandencontent{
float:left;
background-color:#FFF;
width:270px;
height:100%;	
text-align:center;
}


/* Sidebar - Poll */

#poll{
float:left;
margin-top:10px;
}

#pollcontent{
float:left;
background-color:#FFF;
width:260px;
padding-left: 5px;
padding-right: 5px;
text-align:left;	
font-family: Verdana;
font-size:13px;
}

/* Footer */
#footer{
margin-top:10px;
margin-bottom:10px;
float:left;
clear:both;
width:695px;
height:24px;
}

#footer a{
color: #ED7B00;
text-decoration: underline;
}

#footerleft{
float:left;
background-image:url('images/footer_left.png');
color:#000;
background-repeat: no-repeat;
width:7px;
height:24px;
}

#footercenter{
float:left;
width: 680px;
height:20px;
padding-top: 4px;
background-color:#FFF;
font-family: Verdana;
font-size: 12px;
font-weight:bold;
color: #acacac;
text-align:center;
}

#footerright{
float:left;
clear:right;
background-image:url('images/footer_right.png');
width:8px;
height:24px;
}