/*/
 * 
 * Cascading Style Sheet
 * 
 * Style.css
 * 
 * Company: Atlas Design
 * Creator: Peter Mudde
 * 
/*/


/* ELEMENTEN */
* {
margin:0; 
padding:0;
} 

a img {
border:0;
}

#break{
clear:both;
}
ul {
margin-left:35px;
}
p {
margin-bottom:10px;
}

.black_top {
width:auto;
height:18px;
color:#ffffff;
padding:1px 0px 0px 5px;
text-align:left;
}
.blue_top {
width:auto;
height:21px;
color:#fff;
padding:2px 0px 0px 5px;
}

/* BASIS */
html, body{
text-align:center;
background:#e5e5e5;
font-family:arial;
font-size:12px;
}

#box {
width:992px;
margin:0 auto;
text-align:left;
margin-top:16px;
}

/* HEADER */
#top {
width:992px;
height:152px;
}

#banner {
width:992px;
height:133px;
background:url(../images/banner.png) no-repeat top left;
}
#bannerbalk {
width:972px;
height:18px;
background:url(../images/zwart_menubalk.png) repeat-x top left;
padding:1px 20px 0px 0px;
color:#fff;
text-align:right;
}
#bannerbalk img {
vertical-align:middle;
margin:0px 20px 0px 20px;
}

/* MID */
#mid {
width:992px;
height:auto;
margin:15px 0px 0px 0px;
}

/* MID-LEFT */
#mid_left {
width:150px;
height:19px;
float:left;
background:url(../images/zwart_menubalk.png) repeat-x top left #fff;
}

#menu {
width:150px;
height:19px;
}
.menu-item {
width:145px;
background:url(../images/menu_bg.png) no-repeat top left;
padding:3px 0px 0px 5px;
height:18px;
border-bottom:1px solid #fff;
}
.menu-item a {
color:#d1dae6;
text-decoration:none;
}
.submenu {
width:150px;
border-top:1px solid #3f4d64;
border-bottom:1px solid #3f4d64;
margin-top:-1px;
}
.submenu a {
display:block;
width:140px;
height:18px;
background:#5f99fa;
padding:3px 0px 0px 10px;
color:#fff;
text-decoration:none;
border-bottom:1px solid #fff;
}
.submenu a:hover {
background:url(../images/submenulink_hover.jpg) no-repeat top left;
}
.no-border {
border-bottom:0px;
}

/* MID-MID */
#mid_mid {
width:638px;
height:auto;
margin:0px 0px 0px 25px;
float:left;
}

/* CONTENT  */
.content {
border:1px solid #3f4d64;
background:url(../images/blauw_menubalk.png) repeat-x top left;
margin-bottom:16px;
float:left;
}

.tekst {
width:610px;
height:auto;
background:#fff;
margin:7px;
padding:7px;
border:1px solid #667183;
}

.product {
width:282px;
height:173px;
border:1px solid #667183;
background:url(../images/blauw_menubalk.png) repeat-x top left;
float:left;
margin:9px 15px 16px 18px;
}
.product_photo {
width:118px;
height:110px;
border:1px solid #5a6579;
background:#fff;
float:left;
margin:6px 0px 0px 9px;
}
.product_price {
width:118px;
height:20px;
position:absolute;
margin-top:124px;
margin-left:12px;
color:#1752C0;
font-size:16px;
font-weight:bold;
}

.product_text { 
width:122px;
height:125px;
border:1px solid #5a6579;
background:#fff;
float:left;
margin:6px 0px 0px 9px;
padding:5px;
font-size:11px;
}

.lees-meer {
position:absolute;
margin-top:125px;
margin-left:212px;
}
.lees-meer a {
color:#5a6579;
text-decoration:none;
font-size:11px;
}
.lees-meer a:hover {
text-decoration:underline;
}

/* MID-RIGHT */

#mid_right {
width:150px;
height:150px;
margin:0px 0px 0px 25px;
float:left;
}

/* Blocks */
.block {
width:149px;
height:auto;
border:1px solid #3f4d64;
background:url(../images/zwart_menubalk.png) repeat-x top left #fff;
margin:0px 0px 18px 0px;
text-align:center;
}

.block_text {
color:#3f4d64;
font-size:14px;
font-weight:bold;
margin:5px 0px 5px 0px;
}
.block_text span {
color:#ff0000;
font-size:14px;
}

.block_photo {
width:140px;
height:122px;
background:#fff;
margin:5px 0px 0px 5px;
}