* :focus{outline:none;}

body{
  background: #011c47 url(../images/layout/Elegant-bg.jpg);
  color: #000000;
  font-family: Arial, verdana;
  font-size: 12px;
  padding:0px;
  margin:0px;
}

img{border:none;}
.hidden{display:none;}
div.clear{clear: both;}

div.footerBlokken div.kolom table.kolom, div.inhoud, div.productTab div.kolom{line-height:22px;}

h1{color: #9b8851; font-size:22px; font-weight:bold;}

div.border{width:940px; background: #9b8851; margin:0px auto;
 -webkit-box-shadow:0 -15px 15px #2c2c2c;   /* kijk sander hier zit de border css3 !! */
-moz-box-shadow: 0 -15px 15px #2c2c2c;
box-shadow:0 -15px 15px #2c2c2c;}
div#elegantCon{width:924px; margin-left:8px; background: #ffffff;}
div#elegantCon div.padBody{padding:0px 8px;}

/* bovengedeelte */

div#topMenu{position:relative; float:right; left:0px; top:0px; width:515px; height: 32px;}
div#topMenu div.padding{float:right;}

div#topMenu a.active{background: #9b8851 url(../images/layout/zakpriv_bg.png) repeat-x; color: #ffffff;}
div#topMenu a{display:block; float:left; padding:10px 15px 10px 15px; color: #9b8851; text-transform: uppercase; font-weight:bold; text-decoration: none;}
div#topMenu a:hover{ color: #012053;}
div#topMenu img.sep{float:left; margin-top:3px;}

div.logo{width:567px; height:150px; margin-left:18px; position:relative; top:-15px; left:-5px;}
div.slagzinnen{background: url(../images/layout/headerrechts.png) no-repeat bottom left; width:323px; height:150px; float:right;}
div.slagzinnen img{margin:10px 0px 0px 25px;}

/* menu gedeelte */

div.menuLinks{float:left; width:504px; height:auto;}
div.menuRechts{float:left; width:404px; height:auto;}

div.menuLinks div.boven{height:37px;}
div.menuLinks div.boven a.active{background: #9b8851 url(../images/layout/zakpriv_bg.png) repeat-x; color: #ffffff;}
div.menuLinks div.boven a{display:block; float:left; padding:13px 20px 9px 20px; color: #012053; text-transform: uppercase; font-weight:bold; text-decoration: none;}
/* div.menuLinks div.boven a:hover{background: #9b8851 url(../images/layout/zakprivOp_bg.png) repeat-x;} */
div#menuContainer div.menuLinks div.boven a.eerste{padding-left:34px;}
div.menuLinks div.boven img.sep{float:left; margin-top:3px;}

div#menuArrow{width:13px; height:7px; background: url(../images/layout/arrow.gif) no-repeat; position:absolute;}

div.partArrow{width:13px; height:7px; background: url(../images/layout/arrowblue.gif) no-repeat; position:relative; top:-6px; left:289px;}
div.zakArrow{width:13px; height:7px; background: url(../images/layout/arrowblue.gif) no-repeat; position:relative; top:-6px; left:146px;}

div.menuLinks{height:100px; position:relative;}
div.menuLinks div.onder{height:75px; width:900px; left:0px; top:37px; background: #012053 url(../images/layout/blauw_rond.gif) no-repeat left bottom; position:absolute; }
div.menuLinks div.onder a.eerste{margin-left:25px;}
div.menuLinks div.onder span.ruimte{display:block; height:28px;}
div.menuLinks div.onder a{color: #ffffff; float:left; margin-top:0px; padding:0px 10px 0px 10px; height:25px; text-decoration: none; }
div.menuLinks div.onder a.active{ background: url(../images/layout/arrow.gif) no-repeat 5px 15px; }
div.menuLinks div.onder a:hover{text-decoration: underline;}
div.menuLinks div.onder span.sep{color: #9b8851; display:block; float:left; margin-top:0px;}

div.menuRechts div.boven a{display:block; float:left; background: #9b8851 url(../images/layout/zakpriv_bg.png) repeat-x; color: #ffffff; text-transform: uppercase; font-weight:bold; text-decoration: none;}

div.menuRechts div.camera{width:106px; height:20px; float:left; position:relative;}
div.cameraImage{width:97px; height:65px; position:absolute; top:-5px; left:10px; background: url(../images/layout/camera.png) no-repeat;}
div.menuRechts a.zakelijk{ padding:13px 0px 9px 0px; width:145px; text-align:center; margin-right:8px;}
div.menuRechts a.particulier{ padding:13px 0px 9px 0px; width:145px; text-align:center;}
div.menuRechts div#zakelijk{ width:23px; height:18px; position:absolute; top:11px; left:127px; background: url(../images/layout/zakpriv_arrow.png) no-repeat;}
div.menuRechts div#particulier{ width:23px; height:18px; position:absolute; top:11px; left:270px; background: url(../images/layout/zakpriv_arrow.png) no-repeat;}
div.menuRechts img.maakkeuze{width:218px; height:30px; position:relative; top:5px; left:139px;}
div.menuRechts div.boven img.sep{float:left; margin-top:3px;}

div.menuRechts div.onder{height:75px; background: #012053; }

/* midden gedeelte */

div.mainContainer{margin-top:8px;}
div.linkerzijde{width:610px; height:auto; min-height:200px; float:left;}
div.rechterzijde{width:298px; height:auto; min-height:200px; float:left; overflow:hidden; position:relative;}

div.inhoud{min-height:310px;}
div.inhoud span.kopje{display:block;}
div.inhoud div.padding{padding:10px 35px 0px 35px;}
div.inhoud ul{margin-left:5px; padding-left:0px;}
div.inhoud li{list-style:none; background: url(../images/layout/gold_arrow.png) no-repeat 0px 2px; padding-left:24px}

span.kreet{color: #9b8851; font-size:14px; font-weight:bold; font-style:italic;}

div.productTab{background: #ffefc3 url(../images/layout/producttab.gif) no-repeat; width:600px; height:auto; position:relative; top:0px; left:-35px;}
div.productTab table td{border-collapse:collapse; }
div.productTab table.plaatjes td{width:112px; text-align:center;}
div.productTab a{color: #85723d;}
div.productTab a:hover{color: #59450d;}
div.productTab span.prod{color:#000000; text-decoration: underline; }
div.productTab span.prod:hover{cursor: pointer; cursor: hand;}
div.productTab div.kolom div.padding{padding:0px 35px 0px 0px;}
div.productTab div.kolom{margin: 17px 0px 0px 30px; width:240px; height:127px; float:left;}
div.productTab div.kolom span.kopje{font-size:14px; font-weight:bold; color: #012053;}
div.productTab div.productLinks{height:80px; overflow:auto; width:190px;}
div.productTab div.scheiding{width:1px; height:125px; background: #ffffff; margin:10px 0px 0px 30px; float:left;}

div#camFlash{width:298px; height:466px; position:absolute; top:0px; left:0px;}

/* footer gedeelte */

div.footerBlokken{background: #012053; position:relative; }
div#footerArrow{width:25px; height:13px; background: url(../images/layout/arrowbig.gif) no-repeat; position:absolute; top:0px; left:373px; }

div.paddingFades{margin-top:13px;}
div.innerfade span{ width:210px; padding-left:36px; background: url(../images/layout/kracht_bullet.png) no-repeat; margin-left:46px}

div.footerBlokken div.kolom{width:300px;float:left; min-height: 255px; height:auto;}
div.footerBlokken a.rmore{
	float:left;
	margin:10px 0px 10px 82px;
}
div.footerBlokken div.scheiding{ width:1px; margin:35px 1px 0px 1px; height:195px; background: #9b8851; float:left;}

div.footerBlokken div.kolom{ color: #ffffff; background: #012053;}
div.footerBlokken div.kolom div.kopje{padding:35px 0px 0px 35px; font-size:14px; text-transform: uppercase; font-weight:bold; color: #9b8851;}
div.footerBlokken div.kolom div.kopje table{border-collapse:collapse;}
div.footerBlokken div.kolom table.kolom td.eerste{width:75px;}
div.footerBlokken div.kolom table.kolom td{vertical:align;}

div.footerBlokken div.kolom a{color: #9b8851;}
div.footerBlokken div.kolom a:hover{color: #a89768;}