/* Default */ 
body,html{margin:0;padding:0;width:100%;height:100%;font:12px "Helvetica",Arial,sans-serif;color:#444;background:#7e7e7e url(../images/bg.gif) repeat-x;line-height:18px;}
h1{font-size:20px;color:#292727;margin-bottom:5px;font-family: "Helvetica",Arial,sans-serif;font-weight:normal;}
h2{font-size:18px;color:#292727;margin-bottom:0.5em;margin-top:1.5em;font-family: "Helvetica",Arial,sans-serif;font-weight:normal;letter-spacing: 1px;}
h3{font-size:16px;color:#292727;margin-bottom:0;margin-top:0.5em;font-family: "Helvetica",Arial,sans-serif;font-weight:normal;}

a{color:#009b7b}
p{margin-bottom:1em;}

ol li{list-style-type: decimal;margin-left:20px;margin-bottom:10px;}

/* maincontainer */
#maincontainer{width:950px;margin:auto;margin-bottom:10px;padding-bottom:0px;padding-top:30px;}

/* header with logo*/
#header{width:240px;height:115px;background: url(../images/sante_logo.png) no-repeat;}
#header a{text-indent:-5000px; display:block;width:420px;height:110px;background: url(../images/logo-appels.gif) no-repeat;}

/* impression images */
#impression{width:100%;height:212px;}
#impression .top{width:100%;height:12px;background: url(../images/shade-top.png) no-repeat;}
#impression .middle{border:solid 3px #fff;height:200px;overflow:hidden;background-color:#fff;}
#impression .bottom{width:100%;height:12px;background: url(../images/shade-bottom.png) no-repeat;}
#impression #two{margin-top:-206px;}
#impression a{text-indent:-5000px; display:block;width:250px;height:150px;position:absolute;top:35px;left:10px;z-index:1000;background: url(../images/logo-sante-white.png) no-repeat;outline:0;}
#impression .phone{position:absolute;z-index:10000;right:30px;top:45px;color:#444;font-size:22px;padding-top:7px;letter-spacing:1px;text-indent: 35px;padding-left:5px;background:url('../images/transp.png') no-repeat; width:200px;height:30px;behavior:url(iepngfix.htc);}


/* navigation bar */
#nav{width:100%;height:45px;margin-top:15px;margin-left:10px;}
#nav ul li{display:inline;}
#nav ul li a{display:block;float:left;text-indent:-5000px;height:45px;outline:0;background:url(../images/navbar.gif) no-repeat;}
/* inactive state */ 
#nav ul li a.home{ 			width:80px;	background-position:0 0}
#nav ul li a.nieuws{ 		width:75px;	background-position:-90px 0}
#nav ul li a.algemeen { 	width:153px;background-position:-175px 0}
#nav ul li a.catering { 	width:75px;	background-position:-342px 0}
#nav ul li a.verhuur{ 		width:73px;	background-position:-430px 0}
#nav ul li a.contact{ 		width:70px;	background-position:-513px 0}
#nav ul li a.downloads{ 	width:100px;background-position:-590px 0}
#nav ul li a.bestellijst{ 	width:314px;background-position:-690px 0}

/* active state */
#nav ul li.active a.home,#nav ul li.active a:hover.home{ 		background-position:0 -45px}
#nav ul li.active a.nieuws,#nav ul li.active a:hover.nieuws{ 	background-position:-90px -45px}
#nav ul li.active a.algemeen,#nav ul li.active a:hover.algemeen{ 	background-position:-175px -45px}
#nav ul li.active a.catering,#nav ul li.active a:hover.catering{ 	background-position:-342px -45px}
#nav ul li.active a.verhuur,#nav ul li.active a:hover.verhuur{ 	background-position:-430px -45px}
#nav ul li.active a.contact,#nav ul li.active a:hover.contact{ 	background-position:-513px -45px}
#nav ul li.active a.downloads,#nav ul li.active a:hover.downloads{ 	background-position:-590px -45px}

#nav ul li.active a.bestellijst,#nav ul li.active a:hover.bestellijst{background-position:-690px -45px}
/* hover state */
#nav ul li a:hover.home{ 		background-position:0 -90px}
#nav ul li a:hover.nieuws{ 		background-position:-90px -90px}
#nav ul li a:hover.algemeen{ 	background-position:-175px -90px}
#nav ul li a:hover.catering{ 	background-position:-342px -90px}
#nav ul li a:hover.verhuur{ 	background-position:-430px -90px}
#nav ul li a:hover.contact{ 	background-position:-513px -90px}
#nav ul li a:hover.downloads{ 	background-position:-590px -90px}

#nav ul li a:hover.bestellijst{ background-position:-690px -90px}


#contentwrapper{width:944px;background: url(../images/mainwrapper.gif) repeat-y;padding:0;border:solid 3px #fff;}
.footerShade{width:100%;height:12px;background: url(../images/shade-bottom.png) no-repeat;}

#categories{width:210px;background:#c2c2c2;padding:25px 0 25px 25px;overflow:hidden;float:left;}
#categories .catering{text-indent:-5000px;background:url(../images/lbl_catering.gif) no-repeat;display:block;width:200px;height:35px;margin-top:20px;}
#categories .verhuur{text-indent:-5000px;background:url(../images/lbl_verhuur.gif) no-repeat;display:block;width:200px;height:35px;}
#categories .online{text-indent:-5000px;background:url(../images/lbl_bestel_online.gif) no-repeat;display:block;width:200px;height:50px;margin-top:25px;}
#categories .sante{text-indent:-5000px;background:url(../images/lbl_sante.gif) no-repeat;display:block;width:200px;height:50px;margin-top:25px;}
#categories .dagelijks{text-indent:-5000px;background:url(../images/lbl_dagelijks.gif) no-repeat;display:block;width:200px;height:75px;margin-top:25px;}
#categories .rental{text-indent:-5000px;background:url(../images/lbl_rental.gif) no-repeat;display:block;width:200px;height:35px;}


#categories .nieuws{text-indent:-5000px;background:url(../images/lbl_cat_nieuws.gif) no-repeat;display:block;width:200px;height:35px;}
#categories .algemeen{text-indent:-5000px;background:url(../images/lbl_cat_algemeen.gif) no-repeat;display:block;width:200px;height:35px;}

#categories a{text-decoration:underline;padding-right:15px;background:url(../images/link_pointer.gif) 100% 0 no-repeat;}
#categories a:hover{color:#444;background-position:100% -20px;}
#categories p{width:190px;}
#categories ul li{height:25px;}
#categories ul li a{text-decoration:none;display:block;height:22px;color:#666;padding:4px 0 0 20px;width:200px;background:url(../images/cat_pointer.gif) 0 -60px no-repeat;}
#categories ul li a:hover{background-position:0 -30px;color:#292727;background-color:#d5d5d5;}
#categories ul li a.active{color:#292727;background-color:#fff;background-image:none;font-weight:bold;}


#data{width:645px;float:left;padding:30px 25px 25px 35px;position:relative;z-index:1000;}
#data h1{position:relative;}
#data .welkom{text-indent:-5000px;background: url(../images/lbl_welkom.gif) no-repeat;display:block;width:100%;height:40px;border-bottom:solid 1px #d5d5d5;margin-bottom:20px;}
#data .l_nieuws{text-indent:-5000px;background: url(../images/lbl_large_nieuws.gif) no-repeat;display:block;width:100%;height:25px;border-bottom:solid 1px #d5d5d5;margin-bottom:20px;}
#data .l_algemeen{text-indent:-5000px;background: url(../images/lbl_large_algemeen.gif) no-repeat;display:block;width:100%;height:25px;border-bottom:solid 1px #d5d5d5;margin-bottom:20px;}
#data .l_blanco{display:block;width:100%;border-bottom:solid 1px #d5d5d5;margin-bottom:10px;font-weight:normal;font-size:24px;margin-top:3px;letter-spacing: 1px;height:25px; padding-top:2px;padding-bottom:4px;}
#data h1 .bestellijst{position:absolute;top:0px;right:0px;width:200px;font-size:12px;letter-spacing:0;text-align:right;}
#data h1 .bestellijst a{color:#444;font-weight:normal;text-decoration:underline;padding-left:15px;padding-right:35px;background:url(../images/link_pointer_white.gif) 0 -22px no-repeat;outline:0;}
#data h1 .bestellijst a:hover{text-decoration:none;}
#data h1 .bestellijst a em{display:inline;color:#444;font-size:12px;padding:0 3px 0 1px;}

#data .nieuws{text-indent:-5000px;background: url(../images/lbl_nieuws.gif) no-repeat;display:block;width:100%;height:30px;border-bottom:solid 1px #d5d5d5;margin-bottom:20px;}
#data .intro{font-style: italic;font-size:14px;margin-bottom:10px;}
#data em{color:#009b7b;font-size:10px;padding-bottom:5px;display:block;}
#data a{padding-right:15px;background:url(../images/link_pointer_white.gif) 100% -1px no-repeat;font-weight:bold;}
#data a:hover{color:#444;background-position:100% -21px;}
#data img{float:right;border:solid 1px #d5d5d5; margin-left:20px;}

/* products */
#data .item{clear:both;height:22px;}
#data .item.head div{color:#009b7b;font-weight:bold;padding-bottom:10px;background-image:none;}
#data .item div{float:left;}
#data .item div.aantal{width:70px;}
#data .item div.naam{width:250px;}
#data .item div.extra{width:100px;height:15px;background-image:none;cursor: default}
#data .item div.extra.bg:hover{background: url(../images/extra.gif) 0 -15px no-repeat;}
#data .item div.extra.bg{width:100px;height:15px;background: url(../images/extra.gif) 0 0 no-repeat;cursor:pointer}

#data .item div.ps{width:70px;background: url(../images/euro.gif) 0 1px no-repeat;text-align:right;margin-right:50px;}
#data .item div.totaal{width:70px;background: url(../images/euro.gif) 0 1px no-repeat;text-align:right;}
#data .item div .aantal{width:25px;border:solid 1px #ccc;padding: 1px 2px 1px 2px;}
#data .item div .aantal:focus{border:solid 1px #333;background:#d5d5d5}
#data .item div.delete{width:30px;}
#data .item div.delete a{display:block;width:30px;height:20px;background: url(../images/delete.gif) 30px 3px no-repeat;text-indent:-5000px;outline:0;}
#data .item div.delete a:hover{background-position: 30px -17px;}

#data #subtotaal{height:100px;padding-top:15px;font-size:14px;}
#data #subtotaal .sub{float:left;text-align:right;width:540px;color:#009b7b;font-weight:bold;}
#data #subtotaal .price{float:left;width:70px;height:22px;background: url(../images/euro.gif) 0 1px no-repeat;text-align:right;font-weight:bold;}
#data #subtotaal .sub2{float:left;text-align:right;width:420px;color:#009b7b;font-weight:bold;}
#data #subtotaal .price2{float:left;width:90px;height:22px;background: url(../images/euro.gif) 0 1px no-repeat;text-align:right;font-weight:bold;}

#data #subtotaal2{height:100px;padding-top:15px;font-size:14px;clear:both;}
#data #subtotaal2 .sub{float:left;text-align:right;width:540px;color:#009b7b;font-weight:bold;}
#data #subtotaal2 .price{float:left;width:70px;height:22px;background: url(../images/euro.gif) 0 1px no-repeat;text-align:right;font-weight:bold;}
#data #subtotaal2 .sub2{float:left;text-align:right;width:410px;padding-right:20px;color:#009b7b;font-weight:bold;}
#data #subtotaal2 .price2{float:left;width:90px;height:22px;text-align:right;font-weight:bold;}

/* contact gegevens*/
#gegevens{float:right;width:220px;text-align:left;}
#gegevens .contactlogo{border:none;padding-top:20px;padding-bottom:30px;}
#gegevens p{}
h3 span{font-size:15px;font-weight:bold;color:#009b7b;}

/* bestellijst */
#lijst{position:absolute;top:0px;left:0;background:#fff url(../images/lijst-shade.gif) 0 100% repeat-x;width:710px;z-index:1000000;padding-bottom:30px;}
#lijst .wrapper{padding-left:35px;}
#lijst .wrapper h2{margin-top:10px;}

.extraLarge{margin-bottom:20px;margin-top:10px;width:500px;padding-left:70px;}

.missed{border:solid 1px #333;background-color:#f4c8ca;}

/* footer */
#footer{width:900px;margin:auto;text-align:center;height:40px;font-size:11px;color:#fff}
#footer a{text-decoration:underline;color:#fff;padding:2px 2px 0px 2px}
#footer a:hover{color:#444;background-color:#fff;text-decoration:none;}

/* other */
.spacer{height:40px;width:900px;margin:auto;}
.clear{clear:both;}
#msg{margin-top:20px;font-weight:bold;font-size:12px;color:#009b7b;}

#extraInfo{width:325px;position:absolute;z-index:100000;background:url(../images/extra_header.gif) no-repeat 0 0;padding-top:16px;}
#extraInfo.reverse{background:url(../images/extra_header_reverse.gif) no-repeat 0 100%;padding: 0 0 16px 0;}
#extraInfo .inner{border:solid 2px #d5d5d5;padding:10px 10px 5px 10px;background: #fff;border-top:none;}
#extraInfo .inner img{float: none;margin:auto;padding:0;}

#extraInfo.reverse .inner{border:solid 2px #d5d5d5;padding:10px;background: #fff;border-bottom:none;}

#extraInfo h3{margin:0;padding:0;margin-bottom:10px;}
#extraInfo p{line-height:15px;}

.inp{width:380px;padding: 3px 2px 3px 2px;border:1px solid #a7a7a7;color:#292727;}
.txtarea{width:380px;height:75px;border:1px solid #a7a7a7;padding: 3px 2px 3px 2px;display:block;font-family: "Helvetica",Arial,sans-serif;font-size:12px;color:#292727;}
.inp.pc{width:50px;}
.inp.wp{width:320px;}
.inp:focus,.txtarea:focus{border:solid 1px #333;background:#d5d5d5}
.missed{border:solid 1px #d5d5d5;background-color:#ccebe5;}
.subm{border:1px solid #a7a7a7;padding: 3px 5px 3px 5px;margin-top:20px;font-size:12px;display:inline;}
.none{border:none !important;}