html, body { font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-align: center; margin: 0; padding: 0 } 
 
#pagewidth{ 
 width:900px; 
 text-align:left; 
 min-width: 500px;margin-left:auto; 
 margin-right:auto; 
  
} 
 
#header { background-color: white; width: 100%; height: 10px } 
 
#leftcol{
 width:175px; 
 float:left; 
 position:relative; 
 margin-left:-175px; 
 margin-right:1px; 
 }
 
#outer { background-color: #ffffff; width: auto; border-style: solid; border-width: 0 130px 0 175px; border-color: white } 
 
#rightcol { margin-right: -130px; margin-left: 1px; padding: 0; position: relative; width: 130px; float: right } 
 
#footer { background-color: white; width: 100%; height: 10px } 
 
#inner{margin:0; width:100%;}
 
#maincol{ 
 float: left; 
 width: 100%; 
 position: relative; 
 margin: 0 -8px 0 -2px; 
 }
 
#outer>#inner { border-bottom: 1px solid #FFFFFF;  }
 
.clr{clear:both;}
 
.content{padding:5px;}
.maincontent  { margin: 0; padding: 0 }
p { }
div  { margin: 0; padding: 0 }
span { }
td  { text-align: center; margin: 0; padding: 0 }
table  { margin: 0; padding: 0 }
h1 { font-size: 2em; font-weight: bold; margin: 0.67em 0 }
h2 { font-size: 1.5em; font-weight: bold; margin: 0.83em 0 }
h3 { font-size: 1.17em; font-weight: bold; margin: 1em 0 }
h4 { font-weight: bold; margin: 1.33em 0 }
h5 { font-size: 0.83em; font-weight: bold; margin: 1.67em 0 }
h6 { font-size: 0.67em; font-weight: bold; margin: 2.33em 0 }
ul  { list-style-type: disc; margin: 0 0 0 40px }
img  { display: block; margin: 0; padding: 0 }
.clearboth { font-size: 1px; line-height: 1px; clear: both }


/*leftcol classes */

.leftcontent     { margin: 17px 0 0; padding: 0 5px 5px }
.search   { background-image: url(../graphics/layout-gfx/algemeen/zoekvenster.gif); background-repeat: no-repeat; background-position: 0 0; text-align: center; margin: 0 0 -15px; padding: 0; width: 148px; height: 84px }
.searchfield      { color: black; font-size: 0.9em; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; display: inline; margin-top: 7px; margin-bottom: 0; padding: 2px 5px; position: relative; width: 90px; height: 12px; border: solid 1px #81298e }
.searchbutton   { display: block; margin-top: 5px; margin-bottom: 0; margin-left: 40px }
.primaryNav    { font-size: 0.9em; margin: 20px 0 0; padding: 0 }
.primaryNav ul { list-style-type: none; margin: 0; padding: 0 }
.primaryNav ul li     { color: #81298e; background-color: white; margin-top: 8px }
.primaryNav a   { font-weight: bolder; background-color: white; padding-left: 9px }
.primaryNav a:link   { color: #81298e; text-decoration: none; background-color: white; background-image: url(../graphics/layout-gfx/etalage/bullet.gif); background-repeat: no-repeat; background-position: 0 0 }
.primaryNav a:visited   { color: #81298e; text-decoration: none; background-color: white; background-image: url(../graphics/layout-gfx/etalage/bullet.gif); background-repeat: no-repeat; background-position: 0 0 }
.primaryNav a:hover   { color: #f66; text-decoration: none; background-image: url(../graphics/layout-gfx/etalage/bullets_over.gif) }
.primNavActive  { background-color: white; background-image: url(../graphics/layout-gfx/algemeen/primNavActive.jpg); background-repeat: no-repeat; background-position: 0 0; list-style-type: none; display: block; margin: 0; padding-top: 7px; padding-left: 0; height: 32px }
.primNavActive a   { margin-right: 3px; margin-left: 10px; padding-right: 5px; padding-left: 9px }
.primNavActive a:link  { color: #fc0; background-image: none }
.primNavActive a:visited   { color: #fc0; background-image: none }
.primNavActive a:hover  { color: #81298e; background-image: none }
.secondaryNav   { font-size: 0.9em; background-image: url(../graphics/layout-gfx/etalage/stroke.gif); background-repeat: no-repeat; margin: 0; padding-top: 10px; padding-left: 0 }
.secondaryNav ul { list-style-type: none; margin: 0; padding: 0 }
.secondaryNav ul li   { margin-top: 8px }
.secondaryNav a   { font-weight: bolder; padding-left: 9px }
.secondaryNav a:link   { color: #f66; text-decoration: none; background-color: white; background-image: url(../graphics/layout-gfx/etalage/bulletsEtalageCat.gif); background-repeat: no-repeat; background-position: 0 0 }
.secondaryNav a:visited  { color: #f66; text-decoration: none; background-image: url(../graphics/layout-gfx/etalage/bulletsEtalageCat.gif); background-repeat: no-repeat }
.secondaryNav a:hover  { color: #fc0; text-decoration: none; background-image: url(../graphics/layout-gfx/etalage/bulletsEtalageCat_over.gif); background-repeat: no-repeat }


/*maincol classes */

.etalage     { background-image: url(../graphics/layout-gfx/etalage/dia_bg.jpg); background-repeat: no-repeat; background-position: 0 0; width: 586px; height: 586px }
.extraVers     { background-image: url(../graphics/layout-gfx/extraVers/bgExtraVers.jpg); background-repeat: no-repeat; background-position: 0 0; width: 586px; height: 586px }
.etalageIntro  { background-image: url(../graphics/layout-gfx/etalage/bg_etalage.jpg); background-repeat: no-repeat; background-position: 0 0; margin: 0; padding: 504px 0 0 504px; height: 586px }
.stockIndex  { background-image: url(../graphics/layout-gfx/stock/stockIndexBg.jpg); background-repeat: no-repeat; background-position: 0 0; margin: 0; padding: 504px 0 0 504px; height: 586px }
.searchList  { background-image: url(../graphics/layout-gfx/algemeen/bgKaal.jpg); background-repeat: no-repeat; background-position: 0 0; margin: 0; padding: 20px 0 0 40px; height: 586px }
.searchList ul
	{padding: 20px 0 0 0; margin: 0; position: relative; list-style-type: none; font-weight: bolder; text-align: left; line-height: 1.5em;}
.searchList a:link {color: #641266; text-decoration: none;}
.searchList a:visited {color: #641266; text-decoration: none;}
.searchList a:hover {color: #890979; text-decoration: underline;}
.searchList h1 {color: #641266; font-size: 1.2em;}
.infoWat  { background-image: url(../graphics/layout-gfx/info/bgInfoWat.jpg); background-repeat: no-repeat; background-position: 0 0; margin: 0; padding: 0; height: 586px }
.infoWie  { background-image: url(../graphics/layout-gfx/info/bgInfoWie.jpg); background-repeat: no-repeat; background-position: 0 0; margin: 0; padding: 504px 0 0 504px; height: 586px }
.infoOpdrachtgevers  { background-image: url(../graphics/layout-gfx/info/bgInfoOpdrachtgevers.jpg); background-repeat: no-repeat; background-position: 0 0; margin: 0; padding: 504px 0 0 504px; height: 586px }
.infoLinks  { background-image: url(../graphics/layout-gfx/info/bgInfoLinks.jpg); background-repeat: no-repeat; background-position: 0 0; margin: 0; padding: 0px 0 0 0px; height: 586px }
.infoLinks ul
	{padding: 200px 0 0 0px; margin: 0; position: relative; list-style-type: none; font-weight: bolder; text-align: center; line-height: 2em;}
.infoLinks a:link {color: #641266; text-decoration: none;}
.infoLinks a:visited {color: #641266; text-decoration: none;}
.infoLinks a:hover {color: #890979; text-decoration: underline;}
.infoLinks img {position: absolute; top: 504px; left: 504px}
.contact     { background-image: url(../graphics/layout-gfx/contact/bgContact.jpg); background-repeat: no-repeat; background-position: 0 0; width: 586px; height: 586px }
.copyRight  { margin: 0; padding: 0 }
.mainPhoto { display: block; margin: 0 auto; padding: 0; border-style: solid; border-width: 4px; border-color: #5f5f5f #8e8e8e #8e8e8e #5f5f5f }
#photoTable { width: 586px; height: 586px; border-width: 0 }
.onderschrift   { font-size: 0.9em; font-weight: normal; line-height: 3em; text-align: center; vertical-align: top }
.etalageKruimel { }
.etalage h5 { color: #545454; font-weight: normal; margin-top: 3px; margin-bottom: 3px; padding-right: 80px; float: right }
.etalage p   { font-size: 0.9em; margin-top: 5px; padding-right: 80px; clear: both }
a.geel { font-weight: bolder }
a.geel:link  { color: #fc0; text-decoration: none }
a.geel:visited  { color: #fc0; text-decoration: none }
a.geel:hover  { color: #fc0; text-decoration: underline }
a.rood { font-weight: bolder }
a.rood:link   { color: #f66; text-decoration: none }
a.rood:visited   { color: #f66; text-decoration: none }
a.rood:hover   { color: #f66; text-decoration: underline }

/*rightcol classes */

.rightcontent     { margin: 0; padding: 0 }
.thumbs          { background-image: url("../graphics/layout-gfx/etalage/arrows2.gif"); background-repeat: no-repeat; background-position: 0 0; margin: 0; padding: 15px 0 0 15px; width: 121px; height: 560px; overflow: auto }
.thumbs img   { margin: 0 0 17px; padding: 0 }
/*Custom pages*/
/*Mailfom*/
.mailform  { font-size: 0.9em; text-align: left; margin-left: 10% }
.mailform h1  { color: #81298e; font-size: 1.2em; margin: 0 }
.mailform h2  { color: #81298e; font-size: 1em; margin: 10px 0 3px }
/*Disclaimer*/
.disclaimer  { font-size: 0.9em; text-align: left; margin-top: 50px; margin-right: 100px; margin-left: 100px }
.disclaimer h1 { color: #81298e; font-size: 1.2em; margin: 0 }
.disclaimer h2  { color: #81298e; font-size: 1em; margin: 10px 0 3px }
/*padding for content */
#header .content{padding-bottom:0;} /*padding bottom 0 to remove space in IE5 Mac*/ 
 
.zoekButton {background-image: url(../graphics/layout-gfx/algemeen/zoekKnop.gif); background-repeat: no-repeat; background-position: 0 0; width: 148px; height: 28px;}
 
 /*printer styles*/ 
@media print{ 
/*hide the left column when printing*/
#leftcol{display:none;} 
#outer{border-left:0;} 

/*hide the right column when printing*/
#rightcol{display:none;} 
#outer{border-right:0;}
}