body { margin: 0; padding: 0; background: white url(../media/bg_body.gif) center bottom repeat;
	font-family: Arial; font-size: 12px;
	scrollbar-arrow-color: #FAFAFA;
	scrollbar-darkshadow-color: #DBE2E9;
	scrollbar-face-color: #05285C;
	scrollbar-highlight-color: #F9F0F6;
	scrollbar-shadow-color: #F9F0F6;
	scrollbar-track-color: #F1F2F2;
}

a { color: #00265A; text-decoration: underline; font-weight: bold; }
a:hover { color: #00265A; text-decoration: none; }	

img { border: solid 4px #F3F3F3; }

h3 { color: #FFF; font-family: Arial; font-size:13px; }
hr { color: #3B649E; }

#container { background: transparent url(../media/bg_container2.gif) center top repeat-x; text-align: center; margin-top: -230px; margin-left: 0; position: absolute; top: 50%;	left: 0; width: 100%; height: 460px; visibility: visible; }
#center { text-align: left; position: absolute; top: 50%; left: 50%; margin-left: -400px; margin-top: -188px; width: 800px; height:374px; }

a.speciaal { background-image: url(../media/speciaal.png); display: block; width: 92px; height: 120px; position: absolute; z-index: 1000; text-indent: -9999px; right: 15px; bottom: -80px;}

#content { background: url(../media/bg_werkveldslapen.jpg) no-repeat; float: right; width:516px; height: 374px; margin:0px; padding: 0 0 0 135px; overflow:auto;}
#dealers #content { background: transparent url(../media/bg_vestigingen.jpg) left top no-repeat; }
#product #content { background: transparent url(../media/bg_collectie.jpg) left top no-repeat; }

.algemeen #content { background: url(../media/bg_algemeen.jpg) no-repeat;}
#actie #content { background: transparent url(../media/bg_actie.jpg) left top no-repeat; }
.folder #content { background: transparent url(../media/bg_folder.jpg) left top no-repeat; }
#algemeen2 #content { background: transparent url(../media/bg_algemeen2.jpg) left top no-repeat; }

* html #content { background-attachment: fixed; }
* html #product #content { background-attachment: fixed; }
* html #dealers #content { background-attachment: fixed; }
#content h1 { margin: 20px 0; color: #00265D; font-size: 25px; font-weight: bold; font-family: Century-gothic, "Century Gothic"; }

#home #content { position: relative; background: transparent url(../media/bg_home.jpg) left top no-repeat; padding: 0; width: 651px; }
#home #flash { width: 333px; height: 374px; background-image: url(../media/homepage_welkom.jpg);}
#home #banner { position: absolute; bottom: 0; left: 350px; }
#home #banner img { border: 0; max-width: 278px; }
* html #home #banner img { width:expression(document.body.clientWidth > 278? '278px': 'auto' ); }


#util { width: 96px; height: 32px; float: right; margin: 12px 5px 0 0 }
#util a { float: left; width: 32px; height: 32px; text-decoration: none; }
#util .home { background-image: url(../media/utilities_home.gif); }
#util .print { background-image: url(../media/utilities_print.gif); }
#util .mail { background-image: url(../media/utilities_e-mail.gif); }

#navigatie {float: left; width: 149px; height: 374px; background-image: url(../media/bg_navigatie.gif); overflow: hidden; margin: 0px;padding: 0px;}
#navigatie .logo { background-image: url(../media/logo_siesta.gif); height: 177px; margin: 0; }
#navigatie img { margin: 0; padding: 0; border: none; display: block; }
#navigatie ul { margin: 0; padding: 0; list-style: none; }
#navigatie li { font-family: arial; font-size: 10px;  margin: 0; padding: 0; }
#navigatie .hoofdmenu a {text-indent:4px; margin:0px; padding: 0 0 0 8px; display:block; width: 147px; height: 24px; background-image: url(../media/bg_button_off.gif); color:#00275E; text-decoration:none;}
#navigatie .hoofdmenu a:hover,
#navigatie .hoofdmenu a.active {background-image: url(../media/bg_button_over.gif); color:#00275E; text-decoration:none; color:#7D7D7D;}
#navigatie .backbutton  a {text-indent:-9999px; margin:0px; padding:0px 0px 0px 8px; display:block; width: 147px; height: 24px; background-image: url(../media/bg_backbutton_off2.gif); color:#00275E; text-decoration:none;}
#navigatie .backbutton  a:hover {background-image: url(../media/bg_backbutton_over2.gif); color:#00275E; text-decoration:none; color:#7D7D7D; }
body.collectie #navigatie .hoofdmenu a { height: 21px; }

.paragraaf { padding: 0px 50px 22px 0; }
.paragraaf , .paragraaf p { color: #000; line-height: 20px; }
.paragraaf img { float: right; margin: 0 10px; }
.paragraaf h2 { margin: 0; color: #00265D; font-family: Arial; font-size:13px; }

.dealer ul { margin: 0; padding: 0; list-style: none; }
.dealer li { font-family: arial; font-size: 10px;  margin: 2px 0px 0px 0px; padding: 0 0 0 0px; }
.dealer a { text-indent:10px; margin:0px 0px 0px 0px; padding: 3px 0 0 0px; display:block; width: 175px; height: 22px; background-color:#f1f2f2; color:#01275a; text-decoration:none;font-family: Arial; font-size: 12px; font-weight:normal;}
.dealer a:hover {text-indent:10px; text-decoration:none; margin:0px 0px 0px 0px; padding: 3px 0 0 0px; background-color:#bdc9da; color:#01275a;}

.productdetail { background:transparent url(../media/bg_template_producten.gif) left top no-repeat;width:112px;height:148px;float:left;margin-right:15px; }
.productdetail .image { margin: 8px 0 0 7px; height: 74px; }
.productdetail .image img { width: 95px; height: 74px; border: 0; }
.productdetail .titel  {margin:  0 10px 0 10px; padding: 10px 0 0 0;font-weight: bold; text-align: center; color: white;}
.productdetail a { color: white; text-decoration: none; font-size: 12px; font-weight: bold;}
.productdetail a:hover { color: white; text-decoration: underline; }
/*.vorigevolgende { float:left; position: relative;  height:148px;}
.vorigevolgende .buttons { position: absolute; bottom: 7px; }
.vorigevolgende a { margin-top: 8px; display: block; }
*/
/*BEGIN aanpassing door Don programma toelichting toevoegen aan productdetail.htm*/
.volgvorig{padding-top:10px; width:112px;height:148px;float:left;margin-right:10px; }
.volgvorig .buttons{margin-left:8px;}


.productdetail { margin-right:10px; }
.programmaToelichting{clear:left;  width:460px; font-family: arial; font-size: 10px;  margin: 0; padding: 0;}
/*EINDE aanpassing door Don programma toelichting toevoegen aan productdetail.htm*/

#disclaimer {clear:both; position: absolute; top: 380px; left: 150px; padding: 20px 0 0 0; color:#717171; font-family: Arial; font-size:11px; line-height: 20px;}
#disclaimer a.zegeensa { color: #E5007D;}

#popup{ width: 600px; height: 460px; background-color: #00265D; font-family: arial; font-size: 12px; color:white; }
#popup .leftcol{ width: 300px; float:left; }	
#popup .rightcol{ width: 300px;float:right;}

#popup .utilities { width: 290px; height: 42px; background-color:#0F3C7B; padding: 8px 10px 0px 0px;}
#popup ul {margin:0; padding:0; list-style: none;}
#popup li {margin:0; padding:0; list-style: none;}

#popup .utilitiesprint { display:block; width: 32px;height: 34px; background-image: url(../media/popup_print.gif); float: right; border: none;}
#popup .utilitiesclose { display:block; width: 33px; height: 34px; background-image:url(../media/popup_exit.gif); float: right; border: none;}

#popup .text { padding: 18px 20px 0px 20px;width: 258px; height: 390px; font-family: arial; font-size: 11px; color:white;  border: 1px solid #3B649E; overflow:auto;}
#popup .imagecontainer { width: 300px; height: 360px; overflow: hidden;}
#popup .image { border: none;}
#popup .productname { padding: 10px 0px 0px 15px; background-color:#0F3C7B; width: 285px; height: 88px; font-family: arial; font-size: 24px; color:white; border: 1px 1px 1px 0px solid #3B649E;}

/* ZEG EENS A */
.zegnsa #zegnsa .tekst {display: block; margin: 10px 0 10px 19px; width: 591px; font-family: Gill Sans MT; font-size: 14px; overflow: hidden;}
.zegnsa #zegnsa { background-image: url(../media/bg_zegnsa.jpg); margin: 0 0 0 0; width:648px; height: 374px; overflow:auto;}
.zegnsa #zegnsa .logo { width: 591px; height: 199px; background-image: url(../media/header_zegeena.jpg); float: left; overflow: hidden; margin: 18px 0 0 10px;}
.zegnsa #zegnsa .foto1 a{ clear: both; float: left; background-image: url(../media/zegnsa_foto1.jpg); width: 210px; height: 270px; display: block; text-indent: -9999px;}
.zegnsa #zegnsa .foto2 a{ float: left; background-image: url(../media/zegnsa_foto2.jpg); width: 214px; height: 270px; display: block; text-indent: -9999px;}
.zegnsa #zegnsa .foto3 a{ float: left; background-image: url(../media/zegnsa_foto3.jpg); width: 200px; height: 270px; display: block; text-indent: -9999px;}