/* Prowriter CMS Stylesheet */
/* Version: 1.0 | 14/02/2004 */
/* BASIC FRONTEND VERSION */
/* TEMPLATE STYLE 1 (logo - top | nav | body) color: #755598; lila*/


/* - - - - 1. MAIN SETTINGS FOR THE WEBSITE- - - - */
body {
    font-family:Georgia, Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    color: #000000;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background-color: #755598;	
    margin-top: 0px;
	 background-position: left top;
	 background-repeat:repeat-y;
	 background-image: url(../images/back.jpg);
	 background-repeat:repeat;
}

* { margin: 0px; padding: 0px; font-family: Georgia,Verdana, Arial, Helvetica, 'Sans Serif'; line-height: 170%; }
table {
	vertical-align: top;border-collapse:collapse;
}

.left_none{
    background-color:#8b70a8; width:500px;
    
}


img {border:0px;}

/* default font and font size */
p, h1, h2, h3, h4, h5, h6, h7, td, tr, th, li, span, div, table
{ font-family:Georgia, Verdana, Arial, Helvetica, sans-serif; margin: 0px; text-align: left; font-size: 8pt; line-height: 180%; letter-spacing: 0.1pt; }

/* most imporant color settings */
p {color: #000000;}
li {	color: #000000;}

a:link { color: #000000;  text-decoration: underline; }
a:visited { color: #000000; }
a:hover { color: #000000; }
a:active { color: #000000;}

/* - - - -  2. GENERAL TEXT SETTINGS - - - - */
h1, .maintitle { font-size: 140%; font-weight: bold; }
h2, .subtitle { font-size: 130%;  font-weight: bold;}
h3, .sectiontitle { font-size: 15pt; font-weight: bold; padding-top:0px;  }
h4, .introduction { font-size: 130%; font-weight: bold; }
h5, .description { font-size: 100%; font-weight: bold; }
h6, .summary { font-size: 90%; font-weight: bold; }
h7 { font-size: 100%; }
p { font-size: 100%; }
span { font-size: 100%;}
li { font-size: 100%;}
ul {  margin-bottom: 10px; margin-left: 15px;}
ol {
	margin-bottom: 10px; margin-left: 20px;
}
/* CONTAINER SETTINGS - Site Specific Text Settings*/

#page {
    margin:auto;
    width: 972px;
    /*background-color:#8b70a8; */
	 /*background-color:red;*/
	 padding-left:0px;
	 position: relative;
/*  width: 1000px; */	 
}


/* HEADER */
#header  { width: 972px; }
#header h1 {display: none;}
#header h1 span {    display: none;}
#header h2 span {    display: none;}
#header p span {    display: none;}

/* NAVIGATION: SUBPAGE MENU */
.navigation { width: 969px; border-bottom:0px solid white;height:38px;padding-top:5px;padding-right:0px; padding-left:3px; background-color:#755598;}
.navigation ul { list-style-type: none; margin: 0px; }
.navigation li {
display:inline;
    }

/* passive */
.navbutton,
.navigation li a,
.navigation li a:link,
.navigation li a:visited
.navigation li.passive a,
.navigation li.passive a:link,
.navigation li.passive a:visited {
    border:1px solid #c6add6;
    background-color:#9d7dc0;
    color: white;    
    line-height:1.4;
    font-weight:bold;
    margin-right:2px;
    font-family: arial;
    font-size:9pt;
    text-decoration: none;    
    height:19px; width:102px;
    padding-left: 5px; padding-right:5px;
    text-align: center;    
	 margin-right:7px;
	 margin-bottom:7px; 
	 display:inline;
	 float:left;

}


/* hier colore plaatsen zie beneden*/
.navigation li.a:hover,
.navigation li.passive a:hover { background-color:#602e96; color:white; border: 1px solid white; }

/* active en parent */
.navigation li.active a,
.navigation li.parent a,
.navigation li.active a:link,
.navigation li.parent a:link,
.navigation li.active a:visited,
.navigation li.parent a:visited {  background-color:#602e96;  color:white; border:1px solid white;}
.navigation li.active a:hover {   background-color:#602e96; color:white; border:1px solid white;}

/* child passive */
.navigation li.passive-child a,
.navigation li.passive-child a:link,
.navigation li.passive-child a:visited,
.navigation li.passive-child a:hover

/* child active */
.navigation li.active-child a,
.navigation li.active-child a:link,
.navigation li.active-child a:visited { }
.navigation li.active-child a:hover { }


/* NAVIGATION TWO: SUBPAGE MENU */
.navigation_two { width: 130px;font-family:Georgia;margin-left:15px;}
.navigation_two ul { list-style-type: none; margin: 0px;font-family:Georgia; }
.navigation_two li {
font-family:Georgia;
display:inline;
    }

/* passive */
.navigation_two li a,
.navigation_two li a:link,
.navigation_two li a:visited
.navigation_two li.passive a,
.navigation_two li.passive a:link,
.navigation_two li.passive a:visited {
    border:NONE;
    background-color:none;
    color: #dac9e4;
    

    font-weight:bold;
    float:left;
    margin-right:2px;
    font-size:8pt;
    text-decoration: none;
    
    display: inline;
    height:19px; width:150px;
    padding-left: 5px; padding-right:5px;
    text-align: left;    
	 margin-left:0px;
	 margin-bottom:0px; 
	 font-family:Georgia;

}


/* hier colore plaatsen zie beneden*/
.navigation_two li.a:hover,
.navigation_two li.passive a:hover { background-color:none; color:white; }

/* active en parent */
.navigation_two li.active a,
.navigation_two li.parent a,
.navigation_two li.active a:link,
.navigation_two li.parent a:link,
.navigation_two li.active a:visited,
.navigation_two li.parent a:visited {    color:white; }
.navigation_two li.active a:hover {    color:white;}

/* child passive */
.navigation_two li.passive-child a,
.navigation_two li.passive-child a:link,
.navigation_two li.passive-child a:visited,
.navigation_two li.passive-child a:visited {MARGIN-LEFT:10PX;COLOR:#dac9e4; font-size:10px;}
.navigation_two li.passive-child a:hover  { COLOR:WHITE;font-size:10px;}

/* child active */
.navigation_two li.active-child a,
.navigation_two li.active-child a:link,
.navigation_two li.active-child a:visited { MARGIN-LEFT:10PX;color:white;font-size:10px;}
.navigation_two li.active-child a:hover { margin-left:10px;color:white;font-size:10px;}

/* MAIN BODY */
.breaker {    clear: both; height:0px; line-height:0px; overflow:hidden; }

/* tabelopmaak */
.tabelopmaak { width:972px; height:380px; float:left;text-align: center;  }

.tabelopmaak .left {width:196px; vertical-align: top; color:white;background-color:#8b70a8;padding-left:0px; } 
.tabelopmaak .mid {vertical-align: top;width:476px;background-color:white; }
.tabelopmaak .right { width:300px;vertical-align:top; background-color:#8b70a8;padding-top:px;}
/*.tabelopmaak .right {vertical-align: top; padding:20px;padding-top:0px; width:286px;} #8b70a8 */ 

/*block element */
.block {padding:20px; padding-left:10px; padding-right:20px; padding-top: 0px; padding-bottom:20px; vertical-align:top;}
/* de kleuren van de website /*

/*navigatie achterground en contactgegevens blok*/



/* nieuwsitemsblok en footer  */

/*faq en headers */

.white_border { border:1px solid #FFFFFF;}



/*tekstkleur*/
.colorf { color: #FFFFFF;}
/* end */ 

/*zwarte border */
.black_border { border:1px solid #000000;}
/* end */ 

#subparent { opacity:0.8;filter:alpha(opacity=80);position:absolute;left:0px;top:29px;
}

.opacity-20 {opacity:0.2;filter:alpha(opacity=20);}
.opacity-30 {opacity:0.3;filter:alpha(opacity=30);}
.opacity-40 {opacity:0.4;filter:alpha(opacity=40);}
.opacity-60 {opacity:0.6;filter:alpha(opacity=60);}
.opacity-70 {opacity:0.7;filter:alpha(opacity=70);}
.opacity-80 {opacity:0.8;filter:alpha(opacity=80);}


/*footer */
.footer {text-align:center;width: 680px;float:left;height:25px;padding-left:20px;padding-top:5px;color:white;}
.footer p { font-size: 8pt; text-align:center;color:white;}

/* FIX FOR TRANSPARANT PNG IE6 */
img {
   behavior: url("pngbehavior.htc");
}


/*active */


.subnav {padding-top:20px;padding-bottom:10px;}
.subnav ul { padding:0px;}
.subnav li {	list-style: none;font-size: 11px; line-height:1.4;font-weight:bold; }
.subnav a,a:link { color:#212121;text-decoration:none;}
/* hier colora plaatsen */
.subnav a:hover { color:#fa6a2d;}
.subnav .coloracolor {
	color:#fa6a2d;
}
.subnav a:active { color:#fa6a2d;}


/* BEGIN Subnav nieuw */

.subnav li a,
.subnav li a:link,
.subnav li a:visited
.subnav li.passive a,
.subnav li.passive a:link,
.subnav li.passive a:visited {color: #212121;width: 104px;height:19px;  text-align: center; text-decoration: none; }
.subnav li.a:hover,
/* hier colore plaatsen zie background-color:#AC4734; beneden voor animoso is er aleen een text_underline*/
.subnav li.passive a:hover { text-decoration:none;color:#fa6a2d; }
/* active en parent */
.subnav li.active a,
.subnav li.parent a,
.subnav li.active a:link,
.subnav li.parent a:link,
.subnav li.active a:visited,
.subnav li.parent a:visited { text-decoration:none;color:#fa6a2d;}
.subnav li.active a:hover { color:#fa6a2d; }
/* child passive */
.subnav li.passive-child a,
.subnav li.passive-child a:link,
.subnav li.passive-child a:visited {color:purple;}
.subnav li.passive-child a:hover {color:lime; }
/* child active */
.subnav li.active-child a,
.subnav li.active-child a:link,
.subnav li.active-child a:visited { }
.subnav li.active-child a:hover { }

#shoppingcart {
    position:absolute; top:20px; right:0px; width:792;text-align:right; z-index:9;color:white;background-color:transparent;width:300px;
}

/* END Subnav nieuw */
.portfolio {position:relative; left:-20px; padding:10px; top:-23px; background-color:#e7e7e7; width:690px; height:400px;}
.portfolio .squarediv {background-color:black; position:relative; float:left; width:170px; height:170px; overflow:hidden; margin:1px;}
.portfolio .name {display:none; position:absolute; color:white;font-weight:bold; padding:10px; top:105px;  background-color:gray; width:150px; overflow:hidden; height:60px; z-index:5;}

#dhtmltooltip{
position: absolute;
left: -300px;
width: 150px;
border: 1px solid #b1a0c5;
padding: 5px;
background-color: #f0edf5;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}
.productdetails {
	background-color:white;
}
#details {color:white;}
#details p{color:white;}

.contacttabel td {
	vertical-align:top;padding-bottom:10px;
}