/* template*/

*
{
 margin:0;
 padding:0;
}


body
{
 margin:0;
 padding:0;
 line-height:150%;
 font-family:Arial;
 text-align:center;
 font-size:10pt;
 background-color:#fff;
 background-repeat:repeat;
 color:#3e3432;
}

#container
{
 width:853px;
 margin:0 auto;
 padding:0;
 min-height:600px;
 text-align:left;
 display:block;
 background-color:#fff;
 min-height:760px;
 margin-top:5px;
}


#topelements
{
 width:853px;
 min-height:17px;
 text-align:right;
 line-height:17px;
 margin-top:5px;
}

#header
{
 width:853px;
 min-height:137px;
 background-color:#ffffff;
 color:#CC99FF;
 font-weight:bold;
 text-align:center;
 font-family:Arial;
 font-size:0.9em;
 
}

#header.palet
{
 background-color:#ffffff;
 background-image:url(../images/header-paletonline.gif);
 background-repeat:no-repeat;
 background-position:center center;
}


#header.nieuwsbrief
{
 background-color:#ffffff;
 background-image:url(../images/expose-header.gif);
 background-repeat:no-repeat;
 background-position:center center;
}


#header p
{
 width:853px;
 height:20px;
 letter-spacing: 0.3em;
 margin-top:120px;
 float:left;
}



#left
{
 text-align:center;
 width:156px;
 min-height:475px;
 float:left;
 margin-left:0px;
 color: #CC99FF;
 line-height: 150%;
 padding:0px;
 padding-bottom:18px;
 padding-top:0px;
 
}

.quotes
{
 min-height:150px;
}

#images
{
 text-align:center;
 margin-bottom:30px;
}

#images img
{
 display:inline;
}

#content
{
 margin-left:0px;
 width:456px;
 min-height:475px;
 float:left;
 text-align:left;
}


#contentbody
{
 width:400px;
 float:left;
 clear:both;
 font-size: 10 pt;
 color: #5F5F5F;
 line-height: 150%;
 padding: 0px;
 min-height:363px;
 padding-right:0px;
 padding-bottom:18px;
 margin-left:27px;
}

#right
{
 padding-top:0px;
 padding-bottom:18px;
 width:201px;
 min-height:475px;
 margin-right:0px;
 float:right;
 font-size:9pt;
 text-align:left;
 color: #CC99FF;
 padding-left:0px;
 padding-right:0px;
}

.purpleblock
{
 width:181px;
 padding:10px;
 min-height:217px;
 background-color:#cc99fe;
 margin-bottom:14px;
 color:white;
}

.purpleblock a
{
 color:#fff;
}

#footer
{
 width:853px;
 min-height:20px;
 line-height:20px;
 margin-top:1em;
 padding-bottom:1em;
 text-align:center;
 float:left;
 clear:both;
 background-color:#ffffff;
 color: #CC99FF;
}


#header.smal, #container.clearfix.smal ,#header p.smal, #footer.smal
{
 width:760px;
}

#header p.smal
{
 letter-spacing: 0.2em;
}

#contentbody.noborder
{
 border:0px solid #fff;
}

#content.smal,#container.smal
{
 min-height:475px;
}

#contentbody.noborder,#content.smal
{
 width:650px;
 font-weight:normal;
}

#contentbody.noborder h1
{
 text-align:left;
}

#address
{
 text-align:center;
 margin-top:60px;
}



/*REFLECTORIUM*/

#servicelinks 
{
 float:right;
 width:850px;
 margin-bottom:20px;
}

#servicelinks ul
{
 list-style:none;
 float:right;
}

#servicelinks li
{
 float:left;
 background-image:url(../images/divider.gif);
 background-repeat:no-repeat;
 background-position:right center;
 padding-left:10px;
 padding-right:10px;
}

#servicelinks li.last 
{
background-image:none;
 padding-right:0px;

}

#servicelinks li a
{
 color:#3c3c3e;
 font-size:70%;
 font-weight:bold;
 text-decoration:none;
}

#servicelinks li a:hover
{
 color:#b3b827;
}

#header.reflectorium
{
 background-color:#ffffff;
 background-image:url(../images/header-reflectorium.gif);
 background-repeat:no-repeat;
 background-position:center center;
}

h2.active
{
 background-color:#b3b827;
 color:white;
 width:200px;
 min-height:25px;
 line-height:25px;
 text-align:center;
 font-weight:bold;
}

p.kopjetestimonial
{
 background-color:white;
 color:#b3b827;
 width:200px;
 min-height:25px;
 line-height:25px;
 text-align:center;
 font-weight:bold;
}

div.rfrightblock
{
 border: 2px solid #b3b827;
 min-height:275px;
 width:200px;
 padding-bottom:1em;
}

div.rfrightblocktestimonial
{
 margin-top:1.5em;
 background-color:#b3b827;
 border: 2px solid #b3b827;
 min-height:275px;
 width:200px;
}

#left div.rfrightblocktestimonial
{
 width:150px;
}

#left p.kopjetestimonial
{
 width:150px;
}

div.testimcontent
{
 padding-left:10px;
 padding-right:10px;
 color:white;
}

.rfrightblock li
{
 margin-top:1em;
 margin-left:0.5em;
}

.rfrightblock li
{
 list-style-position:inside;
 color:#3c3c3e;
}

.rfrightblock li a
{
 color:#3c3c3e;
}

.rfrightblock li a:hover
{
 color:#b3b827;
}


/* Bug fix -> zorgt ervoor dat de content niet uit de div loopt in FireFox */
.clearfix:after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
}

* html .clearfix {height: 1%;}

/* Bug fix -> zorgt ervoor dat de content niet uit de div loopt in FireFox/MAC IE */