/* CSS Document */

body,html{	
min-width:794px;/* for mozilla*/
margin:0px 0px 0px 0px;
	background-color: #939a90;
	color: #636363;
	background-color: #b8c6c3;
    background-image:url(../IMG/bg.jpg); 
	background-position: center;
	background-repeat:repeat-y;
}
div,input,td , select{
	font-family:tahoma;
	font-size:11px;
	color: #636363;

}
 
/* mac hide\*/
html, body {height:100%}
/* end hide */

h1 {
    font-size: 11px;
	margin: 0px;
}
form {
	margin:0px 0px 0px 0px;
}

a {
color: #636363;
text-decoration: none;
}
a:hover {
color: #CCC;
text-decoration: underline;
}

#container{
	min-height:100%;
	width:752px;
	border-left:1px solid #dbe1e0;
	border-right:1px solid #dbe1e0;
	background-image:url(../IMG/bg_content.jpg);
	text-align:left;
	margin:auto;
	position:relative;
	} 
* html #container{
    height:99.9%;
} /*For ie as treats height as min-height anyway - also addreeses rounding bug at bottom of screen in IE*/

#header{
	min-height:111px;
	position:relative;
	border-bottom: 1px solid #dbe1e0;
	background-image:url(../IMG/bg_grey.jpg);
}
* html #header{height:111px}


#footer {
	width:752px;
	clear:both;
	text-align:center;
	left:0;
	bottom:0;
	position: absolute;
}
* html #footer {/*only ie gets this style*/
	\height:52px;/* for ie5 */
	he\ight:50px;/* for ie6 */
	margin-bottom:-1px;
}
#clearfooter {
    width:100%;height:52px;clear:both
} /* to clear footer */



#top_menu {
width: 100%;
height: 30px;
background-image:url(../IMG/bg_topmenu.jpg);
border-bottom: 1px solid #dbe1e0; 
}
#topmenu ul {
margin: 0;
white-space: nowrap;
padding: 0;
}

#topmenu li {
display: inline;
list-style-type: none;
}

#topmenu a {
padding: 7px 22px 7px 22px;
height: 16px;
color: #616161;
text-decoration: none;
float: left;
border-right: 1px solid #dfe5e4; 
background-image: url(../IMG/bg_topmenu.jpg);

}

#topmenu a:hover {
background-image: url(../IMG/bg_topmenu2.jpg);
color: #666;

}

#header_image {
height: 82px;
	background-image:url(../IMG/header.jpg);
}

#menu ul {
padding: 0;
margin: 0;
List-style-type: none;
}

#menu  li { 
 margin: 0px 0px 0px 0px; 
}
#menu ul li a { 
background-image:url(../IMG/menu_button.jpg);
display:block;
padding: 11px 0px 6px 20px;
height: 18px;
width: 179px;
text-decoration: none;
border-bottom: 1px solid #dfe5e4; 
color: #666;
}

#menu ul li a:hover {
background-image:url(../IMG/menu_button2.jpg);
}

#menu_select {
width: 160px;
padding: 20px;
text-align: center;
}


/* Opbouw */

#content {
width: 752px;

}

#left {
float: left;
width: 200px;
} 

#right {
float: left;
width: 552px;
} 

#head {
width: 538px;
height: 20px;
background-image:url(../IMG/bg_grey.jpg);
margin-left: 1px;
padding: 11px 4px 4px 9px;
}

#message {
width: 525px;
background-image:url(../IMG/bg_grey_light.jpg);
border: 3px solid #b2c0bd;
margin-left: 1px;
margin-bottom: 1px;
padding: 15px 10px 15px 10px;
}

#message2 {
width: 525px;
background-image:url(../IMG/bg_grey_light.jpg);
border: 3px solid #b2c0bd;
margin-left: 1px;
margin-bottom: 1px;
margin-top: 1px;
padding: 15px 10px 15px 10px;
}

#message_half {
width: 246px;
background-image:url(../IMG/bg_grey_light.jpg);
border: 3px solid #b2c0bd;
margin-bottom: 1px;
padding: 15px 10px 15px 10px;
float: left;
}
#content_home {
margin: 0px;
}

#content_home2 {
margin-top: 1px;
margin-left: 1px;
}



.aanbieding_container {
width: 272px;
border: 3px solid #b2c0bd;
margin-left: 1px;
margin-bottom: 1px;
float: left;
}


.aanbieding_top {
padding-left: 5px;
padding-top: 6px;
height: 20px;
width: 267px;
background-image:url(../IMG/bg_grey.jpg);

}

.aanbieding_img{
width: 272px;
height: 137px;
border-bottom: #e8e8e8 1px solid;
text-align: center;
vertical-align: middle;
}
.aanbieding_img a{
display: block;
width: 248px;
height: 109px;
text-decoration: none;
background-image:url(../IMG/bg_grey_item_img.jpg);
padding: 16px 12px 12px 12px;

}

.aanbieding_img a:hover{
text-decoration: none;
background-image:url(../IMG/bg_grey_item_img2.jpg);
}
.aanbieding_tekst {
width: 237px;
background-image:url(../IMG/bg_grey.jpg);

padding: 10px 25px 5px 10px;
}



/* Producten */

#merken_menu {
width: 551px;
height: 35px;
background-image:url(../IMG/bg_grey.jpg);
margin-left: 1px;
text-align: center;
}


.item {
width: 177px;
height: 140px;
background-image:url(../IMG/bg_grey_item.jpg);
background-color: #ededed;
border: 3px solid #b2c0bd;
margin-left: 1px;
margin-top: 1px;

}

.item_tekst {
padding-left: 5px;
padding-top: 6px;
height: 20px;
}

.item_img {
text-align: center;
height: 88px;
width: 177px;
}


.item_img a {
display: block;
color: #636363;
text-decoration: none;
height: 76px;
width: 165px;
padding: 6px;

}
.item_img a:hover {
background-color: #f4f4f4;
background-image:url(../IMG/bg_grey_item_hover.jpg);
color: #c02f00;
text-decoration: none;
}


/* Item Vervolgpagina */
.item_info {
width: 545px;
background-image:
url(../IMG/bg_grey_item_info.jpg);
background-color: #ededed;
border: 3px solid #b2c0bd;
margin-left: 1px;
margin-bottom: 1px;
}

.item_info_head {
width: 541px;
height: 25px;
background-image:url(../IMG/bg_grey.jpg);
border-bottom: 1px solid #dfe5e4; 
margin-left: 1px;
padding: 6px 6px 4px 4px;
}

.item_info_img {
width: 248px;
height: 109px;
padding: 16px 12px 12px 12px;
border-bottom: #e8e8e8 1px solid;
background-image:url(../IMG/bg_grey_item_img.jpg);
text-align: center;
vertical-align: middle;
}
.item_info_tekst {
width: 238px;
padding: 10px 25px 5px 10px;
}
.item_info_link {
width: 242px;
height: 50px;
padding: 10px;
}


.item_info_add {
width: 535px;
background-image: url(../IMG/bg_grey_item_add.jpg);
padding: 4px 5px 2px 5px;
}







/* Winkelwagen */

.item_cart {
width: 177px;
background-image:url(../IMG/bg_grey_item.jpg);
background-color: #ededed;
border: 3px solid #b2c0bd;
margin-left: 1px;
margin-bottom: 1px;
}
.item_tekst_cart {
padding: 5px;
}
.item_img_cart {
text-align: center;
height: 82px;
padding-top: 6px;
}

.afrekenen_cart {
margin-left: 1px;
}
.left_cart {
background-color: #a9b5b3;
padding: 10px;
width: 163px;
height: 16px;
float: left;
}
td.left_cart {
color: #FFFFFF;
width: 79px;
margin: 0px;
padding: 0px;
}

.right_cart {
background-image:url(../IMG/bg_grey.jpg);
padding: 5px;
margin-left: 1px;
width: 357px;
text-align: right;
height: 26px;

float: left;
}