@import url(normalize.css);
/* ----------------------------opmaak algemene elementen ---------------------------------------- */
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
	background-color:#083C61;
	background-image:url(../graphics/back.gif);
	background-repeat:repeat-x;
}
#wrapper { 
 	margin: 0 auto;
 	width: 1000px;
	background-image: url(../graphics/faux.gif);
	overflow:hidden; /* Paul O Brien Fix for IE www.pmob.co.uk */
}
#header {
	width: 1000px;
	height: 223px;
	background-image:url(../graphics/header.jpg);
	background-repeat:no-repeat;
	text-align:center;
	z-index:1;
}
a {
	text-decoration:none;
	color:#666;
	padding:0px 3px;
	}
a:hover {
	color:#666;
	}

/* ----------------------------einde opmaak algemene elementen ---------------------------------------- */

/* ----------------------------hoofdnavigatie ---------------------------------------- */
#subnav {
	padding:14px 29px 0px 0px;
}

#subnav a {
	text-decoration:none;
	font-size:13px;
	font-weight:bold;
	color:#fff;
	padding-right:36px;
	padding-left:36px;
	}
#subnav a:hover {
	color:#F5DADA;
	padding-top:3px;
	padding-bottom:3px;
	background-color:#ba0808;
	}
#nav {
	margin:25px 0px 0px 790px;
	padding-top:7px;
	text-align:left;
	width:250px;
	}

#nav a {
	background-image:url(../graphics/nav.gif);
	background-repeat:no-repeat;
	background-position:center left;
	text-decoration:none;
	padding:4px 0px 5px 11px;
	font-weight:bold;
	font-size:13px;
	color:#1c6dac;
	display:block;
	}
#nav a:hover {
	background-image:url(../graphics/nav_over.gif);
	background-repeat:no-repeat;
	background-position:center left;
	color:#ba0808;
	}
#nav h1 {
	color:#ba0808;
	font-style:italic;
	font-size:16px;
	font-weight:bold;
	}
/*-------------------------------- einde hoofdnavigatie ----------------------------*/


/* ------------------------------------opmaak van de links box ---------------------------*/
#boxleft {
	float:left;  
	display:block; 
	width: 233px;
	position:relative;
	z-index:3;
	top:-65px;
	}

#boxleft h1 {
	color:#ba0808;
	padding:5px 0px 0px 7px;
	margin-left:30px;
	font-size:15px;
	font-style:italic;
	font-weight:bold;
	}

#boxleft h2 {
	color:#313c51;
	padding:10px 0px 5px 12px;
	margin-left:42px;
	font-size:12px;
	letter-spacing:1px;
	font-style:italic;
	font-weight:normal;
	text-indent: -16px 
	}
.newsintro {
	font-size:11px;
	padding:0px 5px 7px 10px;
	margin-left:30px;
	color:#313c51;
	}
.news_more {
	text-decoration:none;
	color:#fff;
	font-weight:bold;
	background-color:#ba0808;
	margin-right:10px;
	font-size:9px;
	padding:1px;
	}
.news_more:hover {
	color:#F5DADA;
	background-color:#ba0808;
	}
.newsoverzicht {
	padding:0px 5px 0px 20px;
	}
/*----------------------------------------- opmaak van client login-------------------------- */
#form_login {
	margin:0px 0px 0px 45px;
	color:#333;
	font-weight:bold;
	}
.textfield {
	border: 1px solid #ba0808;
	height:14px;
	font-size:12px;
	background-color:#fff;
	width:160px;
	margin-bottom:10px;
	}
.submit {
	border:0px;
	color:#fff;
	background-color:#ba0808;
	font-weight:bold;
	font-size:10px;
	}
.registratie {
	background-color:#ba0808;
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	font-size:11px;
	padding: 0px 4px 2px 4px;
	}
.registratie:hover {
	color:#F5DADA;
	background-color:#ba0808;
	}
label {
	font-size:11px;
	color:#ba0808;
	font-weight:bold;
	font-style:italic;
	}
#clientloginerror {
	font-size:11px;
	margin-top:10px;
	}
#loginerror {
	padding:0px 1px 0px 3px;
	background-color:#F99736;
	color:#FFF;
	font-weight:bold;
}
#clientlogin {
	text-align:left;
	font-size:11px;
	padding-left:40px;
	}
/* ------------------------------------einde opmaak linkse box ---------------------------*/

/* -----------------------------------opmaak van de main box --------------------------------*/
#boxmain {
	float:left; 
	width: 514px;  
	display: block; 
	margin: 0px 5px 0px 5px;
	padding-bottom:40px;
	padding-right:10px;
	position:relative;
	z-index:4;
	top:-65px;
	}
#boxmain p {
	color:#333;
	padding:5px 10px 10px 5px;
	margin-left:10px;
	font-size:12px;
	font-weight:normal;
	}
#boxmain h3 {
	padding:10px 10px 10px 15px;
	color:#333;
	}
.link {
	color:#1c6dac;
	}
.link:hover {
	color:#ba0808;
	}
#tabel_ff {
	margin:0px 0px 0px 20px;
	background-color:#d0e9f8;
	border:1px dashed #326495;
	}
#boxmain ol {
	padding-left:38px;
	padding-right:10px;
	}
#boxmain ul {
	padding-left:38px;
	padding-right:10px;
	}
/*-------------------------------------opmaak via tinymce en de backend -------------------*/
.foto_links {
	padding-right:10px;
	}
.foto_rechts {
	padding-left:10px;
	}
.tekst {
	font-size:12px;
	color:#333;
	}
#boxmain ol {
	padding-left:38px;
	padding-right:10px;
	list-style-type:decimal;
	}
#boxmain ul {
	padding-left:38px;
	padding-top:5px;
	padding-right:10px;
	
	}
#boxmain h1 {
	padding:10px 10px 0px 15px;
	color:#336699;
	font-size:14px;
	}
#boxmain h2 {
	padding:10px 10px 10px 15px;
	color:#666666;
	font-size:12px;
	}
#boxmain h5 {
	padding:10px 10px 0px 0px;
	color:#669900;
	border-bottom: 1px dotted #669900;
	margin-left:15px;
	margin-right:10px;
	}
#boxmain h6 {
	padding:10px 10px 0px 15px;
	color:#BA0808;
	font-size:11px;
	}
#producten {
	margin:20px 10px 20px 15px;
	text-indent:-34px;
	padding-left:40px;
	}
.link_producten {
	background-image:url(../graphics/cd.jpg);
	background-repeat:no-repeat;
	background-position:center left;
	padding:15px 0px 15px 45px;
	text-indent:-40px;
	padding-left:40px;
	}
.link_producten:hover {
	background-image:url(../graphics/cd_over.jpg);
	background-repeat:no-repeat;
	background-position:center left;
	color:#ba0808;
	}
table {
	border: 1px solid #336633;
	margin-left:10px;
	}
td {
	border:1px dashed #326495;
	padding:3px;
	}
#tblnorm {
	margin:0px;
	border:0px;
	}
#tdnorm {
	border:0px;
	}
.tabelhoofding {
	background-color:#326495;
	color:#fff;
	}
/*------------------------------opmaak van de linking pagina---------------------------*/
#boxmain h4 {
	padding:12px 10px 0px 15px;
	color:#333;
	}
.link_omschrijving {	
	font-size:11px;
	font-style:italic;
	padding:0px 10px 2px 33px;
	color:#666;
	}
/* -----------------------------einde opmaak main box ----------------------------------*/

/*----------------------------- opmaak van de rechtse box ---------------------------------*/
#boxright {
	float:left;  
	display:block; 
	width: 233px; 
	padding-bottom:20px;
	clear:right;
	}
#boxright h1 {
	color:#ba0808;
	padding:15px 0px 0px 2px;
	margin-left:5px;
	font-size:15px;
	font-style:italic;
	font-weight:bold;
	}
.nieuwsbrief {
	font-size:10px;
	padding:0px 30px 0px 12px;
	color:#333;
	}
.adres {
	font-size:10px;
	padding:0px 30px 0px 10px;
	color:#333;
	}
.adres li {
	margin-left:8px;
	}
.contact {
	color:#ba0808;
	padding:0px;
	}
.contact:hover {
	text-decoration:underline;
	}
/* ------------------------------einde opmaak rechtse box ------------------------------------*/


/* ------------------------------navigatie en opmaak footer--------------------------------------- */
#footer {
	float:left;  
	width: 1000px; 
	height: 35px; 
	margin: 3px 2px 5px 0px;
	background-image:url(../graphics/footer_back1.gif);
	color: #fff; 
	display: block;
	}
#footernav {
	text-align:right;
	padding-top: 5px;
	}
#footernav a {
	color:#fff;
	text-decoration:none;
	font-size:11px;
	margin: 0px 30px 0px 5px;
	font-weight:bold;
	}
#footernav a:hover {
	color: #c40817;
	background-color:#fff;
	}
#copyright {
	text-align:right;
	font-size:11px;
	margin: 0px 30px 0px 5px;
	}