@charset "utf-8";
body  {
		background-image:url(../images/bg.png);
		background-repeat: repeat;
		margin: 0; 
		padding: 0;
		text-align: center; 
		color: #000000;
}

table{
		font-size: 90%;
		font-family:Arial, Helvetica, sans-serif;
		font-weight:normal;
}

/*Start opmaak elementen*/
p{ 
		color:#000;
		background-color:transparent; 
		font-size: 80%;
		font-family:Arial, Helvetica, sans-serif;
		font-weight:normal;
		padding-left: 10px; 
		padding-right: 10px;
		line-height:18px;
}

h1{ 
		color:#f60;
		background-color:transparent;
		font-size: 140%;
		font-family:Arial, Helvetica, sans-serif;
		font-weight:bold;
		text-align: justify; 
		padding-top: 5px;
		padding-left: 10px; 
		padding-right: 10px;
		line-height:5px;
}

h2 {
		color:#F60;
		font-size: 110%;
		font-family:Arial, Helvetica, sans-serif;
		font-weight:bold;
		text-align:left; 
		
		padding-left: 10px; 
		padding-right: 10px;
		
		}

h3{		color:#000000;
		background-color:transparent; 
		font-size: 60%;
		font-family:Arial, Helvetica, sans-serif;
		font-weight:bold;
		text-align: justify; 
		padding-left: 10px; 
		padding-right: 10px;
		padding-top:5px;
		line-height:11px;
}

h4 {
		color:#000;
		font-size: 80%;
		font-family:Arial, Helvetica, sans-serif;
		font-weight:bold;
		text-align:left; 
		padding-left: 10px; 
		padding-right: 10px;
		margin-top:-10px;
		}

h6{ 
		color:#ffffff;
		background-color:#666; 
		font-size: 80%;
		font-family:Arial, Helvetica, sans-serif;
		font-weight:bold;
		text-align: justify; 
		padding: 5px; 
		margin:0px;
		
		}

hr{height: 2px;}


address{	
		color:#666;
		background-color:transparent; 
		font-size: 75%;
		font-family:Arial, Helvetica, sans-serif;
		font-weight:normal;
		padding-left: 20px; 
		padding-right: 10px;
		line-height:16px;
}

.bqstart {
	 
     float: left;
     height: 45px;
     margin-top: -60px;
     padding-top: 25px;
	 margin-bottom: -50px;
     font-size: 700%;
     color: #FF6600;
 }

.bqend {
	 
     float: right; 
     height: 25px;
     margin-top: -60px;
     padding-top: 0px;
     font-size: 600%;
     color: #FF6600;
	 padding-right:40px;
	 
 }
.block{
	
	
}
/*Start opmaak blokken op productpagina's*/
.textblock{
		border: 2px dotted #666;
		margin-top:5px;
		margin-bottom:30px;
		margin-left:7px;
		
}
.textblock table {
	font-family:Arial, Helvetica, sans-serif; 
	font-size: 80%; 
	font-weight:normal; 
	width:100%; 
	margin-left:20px
	}

.formulier{
	border: 2px dotted #F60;
	margin-top:20px;
	margin-left:7px;
}

.formulier table {
	font-family:Arial, Helvetica, sans-serif; 
	font-size: 80%; 
	font-weight:normal; 
	width:100%; 
	margin-left:20px
	}
/*Einde opmaak blokken op productpagina's*/
/*Lijstopmaak in contentarea*/
.cont-ulbul li{ 
		color:#000000; 
		background-color:transparent; 
		font-family:Arial, Helvetica, sans-serif;
		font-size: 80%;
		font-weight:normal;
		font-style: normal; 
		list-style-image: url('../images/ulbul-2-small.png');	
}

ol li{
		color:#000000; 
		background-color:transparent; 
		font-size: 80%;
		font-family:Arial, Helvetica, sans-serif;
		font-weight:normal;
		font-style: normal; 
		list-style:decimal;
}
.imglink{
		border:none;
		}

a{
		color:#FF6600;
		background-color:transparent; 
		}/*ankers*/
		
a:link{ 
		color:#FF6600;
		background-color:transparent; 
		}
	
		
a:visited{ 
		color:#FF6600;
		background-color:transparent; 
		}
		
a:hover{ 
		color:#000000;
		background-color:transparent; 
		}
.block{
	
	margin:20px;
	
	
		
		
}
/*Start opmaak pagina*/
.twoColElsRtHdr #container { 
	width: 46em;  /* 800 pix breed */
	background: #FFFFFF;
	margin: 0 auto; 
	border-left: 15px solid #333333;
	border-right: 15px solid #333333;
	text-align: left;
} 
.twoColElsRtHdr #container-line {
	border-left: 5px solid #ff6600;
	border-right: 5px solid #ff6600;
	}
#header { 
	height:190px;
	background: #ffffff; 
	}

/*Start opmaak navigatie*/
.twoColElsRtHdr #mainNav {
	font-family:Arial, Helvetica, sans-serif; 
	width:100%; height:20px; 
	position:relative;
	font-size:90%; 
	z-index:100;  
	}
	
/*dropdown*/
.twoColElsRtHdr #mainNav ul li a, .menu ul li a:visited {
	display:block; 
	width:100%; 
	text-decoration:none; 
	height:20px; 
	text-align:center;
	color:#ffffff;
	font-weight:bold;
	background:#F60; /*kleur menubalk*/
	line-height:18px;  
	overflow:hidden; 
	padding-top:3px;
	padding-bottom:3px;
	margin-left:5px;
	margin-right:5px;
	}

/*instellingen mainnav*/
.twoColElsRtHdr #mainNav ul {
	width: 100%; /* lengte balk zelf te kiezen, als het menu er maar in past */
    margin: 0px;
    padding: 0px;
    list-style: none;
	background-color: #F60;
    display: block;
    float: left;
	}
	
.twoColElsRtHdr #mainNav ul li {
	float:left;
	position:relative; 
	}
	
.twoColElsRtHdr #mainNav ul li ul {
	display: none;
	}

/* specific to non IE browsers */
.twoColElsRtHdr #mainNav ul li:hover a {color:#fff; background:#333; }
.twoColElsRtHdr #mainNav ul li:hover ul {display:block; position:absolute; top:23px; left:5px; width:200px;}
.twoColElsRtHdr #mainNav ul li:hover ul li a.hide {background:#333; color:#fff;}
.twoColElsRtHdr #mainNav ul li:hover ul li:hover a.hide {background:#333; color:#000;}
.twoColElsRtHdr #mainNav ul li:hover ul li ul {display: none;}
.twoColElsRtHdr #mainNav ul li:hover ul li a {display:block; background:#333; color:#fff; width:200px; margin:0px;}/*dropdown niveau2*/
.twoColElsRtHdr #mainNav ul li:hover ul li a:hover {background:#F60; color:#fff;}/*dropdown niveau3*/
.twoColElsRtHdr #mainNav ul li:hover ul li:hover ul {display:block; position:absolute; left:200px; top:0;}/*dropdown niveau3*/
.twoColElsRtHdr #mainNav ul li:hover ul li:hover ul.left {left:0px;}


/*Start opmaak sidebar*/
.twoColElsRtHdr #sidebar1 {
	float: right; 
	width: 12em;
	background: #fff; 
	padding-top:37px;
	padding-right:5px;
	padding-left:5px;
	}
	
.twoColElsRtHdr #sidebar1 .siteblock{
	border:#666 1px solid;
	margin-bottom:20px;
	margin-right:10px;
	}
	
.twoColElsRtHdr #sidebar1 h3, .twoColElsRtHdr #sidebar1 p {
	margin-left: 10px; 
	margin-right: 10px;
	}
/*Hier staat de PHP code in*/
.twoColElsRtHdr #mainContent {
  	margin: 0 13em 0 10px; 
	padding-top:20px;
	} 

/*STart footer*/
.twoColElsRtHdr #footer { 
	padding: 0 10px; 
	background:#ff6600;
	} 
	
.twoColElsRtHdr #footer p {
	margin: 0;
	padding: 10px 0;
	}

#footer a:link{ 
	color:#000;
	background-color:transparent; 
	}
	
		
#footer a:visited{ 
	color:#000;
	background-color:transparent; 
	}
		
#footer a:hover{ 
	color:#fff;
	background-color:transparent; 
	}
/*Einde pagina*/

/* Miscellaneous classes for reuse */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/*Formulieropmaak*/
.ss-q-title{color:#000;
		background-color:transparent; 
		font-size: 80%;
		font-family:Arial, Helvetica, sans-serif;
		font-weight:normal;
		padding-left: 10px; 
		padding-right: 10px;
		line-height:18px;}





