*{margin:0;  outline:none;}
html, body, #wrapper {height: 100%; font-family:Arial, Helvetica, sans-serif; font-size:14px;color:#FFF;}
body{background-image:url(../images/patroon.jpg);}
h1{font-size:16px; margin-bottom:10px;}
h2{font-size:14px; margin-bottom:5px;}
h3{font-size:12px;}
p{font-size:12px; margin-bottom:10px; line-height:18px;}
a{color:#FFF; text-decoration:none; line-height:18px;}
a:hover{text-decoration:underline;}
li{margin-bottom:5px; line-height:18px;}
#wrapper {height: auto; min-height: 100%; width:1003px; margin: 0 auto; background-image:url('../images/schaduw_bg.png');   padding: 0 3px 0 4px;}

#header{ width:1001px; height:272px; background-image:url(../images/header.jpg)}

#menu{ padding-left:15px; line-height:38px; width:987px; background-image:url(../images/menu-bg.png); margin-top:-38px; border-bottom:10px solid white;}
#menu .item{ text-decoration:none; line-height:38px; color:#FFF; padding-right:25px;}
#menu .item a:active { background-image:url(../images/active_btn_bg);}

#content {padding:10px 15px 5px 15px; width:971px;  padding-bottom: 50px; background-image:url(../images/content_bg2.png); background-color:#266e9a; background-repeat:repeat-x; min-height:450px; }
#image{float:right; margin:3px; width:441px;}

#assortiment{float:left; width:60%; }
.assortimenttable table{width:100%;}
.assortimenttable td{text-align:center; vertical-align:top; width:130px;}
.assortimenttable table tr{height:140px;}
.assortimenttable img{width:110px; border:2px solid white;}

#bestellen {float:left; margin:3px; width:350px;}
.bestel{width:100%;}
.bestel li img{border:0;}

.bestelling{width:500px; float:left;}
.bestelling table{text-align:left; width:110px;}
.bestelling table td{height:20px;}
.top{ font-weight:bold;}
.totaal td{ border-bottom:2px solid white;}

#footer {position: relative;
text-align:center;
margin-top: -50px; /* negative value of footer height */
	height: 50px;
	clear:both;} 

.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*Tool tip*/
a.info{
    position:relative; /*this is the key*/
    z-index:24; 
    color:#000;
    text-decoration:none;
}
a.info img{border:none;}
a.info:hover{z-index:25;cursor:auto; cursor:hand;}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
	font-size:11px;
	padding:3px;
    top:2em; left:2em; width:20em;
	line=height:15px;
    border:2px solid #fff;
	background-image:url(../images/active_btn_bg.png);
	background-repeat:repeat-x;
	background-position:bottom;
    background-color:#f14d50; 
	color:#fff;
    text-align: left}

.a-contact {text-decoration: underline;}