﻿/* Description: Performation CSS (styles.css)*/

html, body {
	height: 100%;
	padding:0px;
	margin:0px;
	font-family: Verdana, Arial, Tahoma, sans-serif;
	color:#2c2c2c;
	/*site background*/
	background-color:#576fa5; 
	background-position:0px 150px; /*171*/
	background-image:url('../Images/bg/ontwerp_lightblue_2_cuttop2.png');
	background-repeat:repeat-x;
}

#sitecontainer
{
	min-height: 100%;
	position: relative;
}

/* /////// begin Top styling//////// */
#sitetopwrapper{margin:0px; padding:0px; background-color:#ffffff;}
#graybar
{
	position:relative;
	width:100%;
	height:13px;
	background-color:#e8eaeb;
}
#topwrapper
{
	position:relative;
	width:100%;
	background-color:#ffffff;

}
div.banner
{
	width:900px;
	height:125px;
	margin:0 auto;
	background-color:#ffffff;
}
table.topportion
{
	position:relative;
	width:900px;
	height:83px;
	/*border:solid 1px black;*/
}
div.logo
{
	position:relative;
	width:320px;
	margin:0px;
	padding:0px;
	padding-left:23px;
	/*border:solid 1px Red;*/
}
/*twitter buttons, icons, img*/
.twitterword
{
	position:relative;
	vertical-align:middle;
}
.twitterfollowme
{
	position:relative;
	vertical-align:middle;
}
div.twittericon
{
	position:relative;
	width:170px;
	height:30px;
	top:0px;
	left:118px;
	/*border:solid 1px black;*/
}
div.twittericon img
{
	vertical-align:text-bottom;
}
a.twitta
{
	position:relative;
	padding-left:10px;
	font-size:11px;
	font-family:Verdana;
	vertical-align:text-bottom;
}
a.twitta:link {color:#918894; text-decoration: none;}
a.twitta:active {color:#918894; text-decoration: none;}
a.twitta:visited {color: #918894; text-decoration: none; }
a.twitta:hover {/*color: #e08023;*/color: #918894; text-decoration: underline; }

img.external-link{
   position:relative;
   vertical-align:text-bottom;
}
img.external-link-alt{
   position:relative;
   vertical-align:text-top;
   }
/*navigation menu*/
div.navmenu
{
	position:relative;
	height:42px;
	margin:0px;
	left:3px;
	padding-left:20px;
	overflow:hidden;
}
#ulmenu
{
    /*list-style-position:inside;*/
	/*display:inline;*/
    position:relative;
    margin:0px;
    padding:0px;
}
li.menu 
{
    display: inline;
    float: left;
    position:relative;
    /*width:50px;  IE6 */
}
table.liTable
{
	position:relative;
	width:100%;
	margin:0px;
	height:42px;
	border-collapse:collapse;
}
td.tdLI
{
	position:relative;
	vertical-align:top; 
	padding-top:11px; /*push menu down/up*/
}
td.tdLI a /*normale font*/
{
	position:relative;
	display: block;
	font-family: Verdana, Arial, Tahoma, sans-serif;
	font-size:10pt;
	color:#8f8f8f; /*gray*/
	text-decoration:none;
	background-image:url('../Images/menusplitter_l.png');
	background-repeat:no-repeat;
	background-position:0px 3px;
	padding:0px 15px 0px 15px;
}
td.liSelected
{
	position:relative;
	vertical-align:top; 
	background-image:url('../Images/menupointer.png');
	background-repeat:no-repeat;
	background-position:center bottom;
	padding-top:11px; /*push menu down/up*/
}
td.liSelected a
{
	position:relative;
	display: block;
	font-family: Verdana, Arial, Tahoma, sans-serif;
	font-size:10pt;
	text-decoration:none;
	color:#2e3191; /*deep purple*/
	background-image:url('../Images/menusplitter_l.png');
	background-repeat:no-repeat;
	background-position:0px 3px;
	padding:0px 15px 0px 15px;
}
/*end navigation menu*/
#orangebar
{
	position:relative;
	width:100%;
	height:15px;
	background-color:#fba52b;
	background-image:url('../Images/orangebar.png');
	background-position:0px 0px;
}
/*end Top styling*/

/*begin BODY styling*/
#sitebodywrapper
{
	width:900px;
	margin:0 auto;
	/*height:100%; /* voor IE */
	background-color:#ffffff;
    padding:0px;
	border:solid 1px #d4d1e9;
	border-bottom:solid 1px #ffffff;
	padding-bottom:73px;   /* Height of the footer */
}
#mainArticleContainer
{
    background-color: #ffffff;
    padding:0px;
    padding-left:23px;
    padding-right:23px;
    margin:0px;
    /*border:solid 1px black;*/
}

table.encapsulatingtable
{
	position:relative;
	width:100%;
	border-collapse:collapse;
}
div.inleiding_plaatje
{
	position:relative;
	margin:0;
	padding-top:13px;
	padding-bottom:30px;
	height:273px;
	/*border-right: solid 1px black;*/
}
div.inleidende_home_text
{
	position:absolute;
	top:48px;
	left:618px;
	padding:0px;
	width:185px;
	margin:0px;
	/*border-right: solid 1px black;*/
}
div.inleidende_home_text a
{
	color:#ffffff;
	font-size:9pt;
	font-family: arial;
}
/*homepage styling*/
div.nieuwsberichten 
{
	position:relative;
	width:670px;
	padding:0px;
	margin:0px;
}
/*performation page styling*/
p.lessh2titel
{
	font-size:13pt;
	font-weight:bold;
	color:#365f91;
	margin:0px;
	padding:8px 0px 5px 0px;
}
/*diensten page styling*/
a.dienstentoplinks:link {color:#616161; text-decoration: underline;}
a.dienstentoplinks:visited {color: #616161; text-decoration: underline; }
a.dienstentoplinks:hover {/*color: #e08023;*/color: #616161; text-decoration: underline; }

/*producenten page stying*/
a.prodlink:link {color:#616161; text-decoration: underline;}
a.prodlink:visited {color: #616161; text-decoration: underline; }
a.prodlink:hover {/*color: #e08023;*/color: #616161; text-decoration: underline; }

/*contact page*/
div.routebox
{
	position:relative;
	width:350px;
	background-color:#efefef;
	margin-left:0px;
	
}
/*linker kolom*/
div.linkskolom
{
	position:relative;
	width:636px;
	padding-right:35px;
	margin:0px; 
}
div.linkskolom_con
{
	position:relative;
	width:560px;
	padding-right:35px;
	margin:0px; 
}
div.linkerkolom_alt
{
	position:relative;
	width:155px;
	height:521px;
	padding:0px 0px 0px 0px;
	margin:0px;
	background-image:url('../Images/rightdiv_splitter.png');
	background-position:right;
	background-repeat:no-repeat;
	text-align:left;
}
td.hometdcontent
{
	background-image:url('../Images/bg/nbtd_bg.png');
	background-position:15px 0px;
	background-repeat:repeat-y;
}
table.nbtable
{
	position:relative;
	padding:0px;
	margin:0px 0px 0px 10px;
	border-collapse:collapse;
}
table.nbtable td
{
	padding:0px;
	margin:0px;
}
p.nbtext
{
	padding-left:20px;
}
p.nbimage
{
	padding-left:20px;
	padding-top:20px;
}
p.nbschuintext
{
	padding-left:40px;
}
/*end linkerkolom*/
/*rechter kolom*/
div.rechterkolom
{
	position:relative;
	width:182px;
	height:521px;
	padding:5px 0px 0px 0px;
	margin:0px;
	background-image:url('../Images/rightdiv_splitter.png');
	background-position:left;
	background-repeat:no-repeat;
	/*text-align:right;*/
}
div.rechterkolom_con
{
	position:relative;
	width:250px;
	height:521px;
	padding:5px 0px 0px 0px;
	margin:0px;
	background-image:url('../Images/rightdiv_splitter.png');
	background-position:left;
	background-repeat:no-repeat;
	/*text-align:right;*/
}
div.rechterkolom_breed
{
	position:relative;
	width:616px;
	padding-right:25px;
	padding-left:25px;
	margin:0px; 
}
div.rechterkolom img
{
	padding-left:15px;
}
div.rkolomdownloads
{
	position:relative;
	margin-left:15px;
}
p.dwnldTitel
{
	font-size:11pt;
	font-family:Verdana;
	font-weight:bold;
	color:#f99200; /*orange*/
	padding:30px 0px 10px 10px;
}
p.vacTitel
{
	font-size:11pt;
	font-family:Verdana;
	font-weight:bold;
	color:#f99200; /*orange*/
	padding:18px 0px 15px 0px;
}

table.downloaditem img
{ 
	position:relative;
	vertical-align:text-top;
	padding:0px;
	padding:5px 5px 0px 7px;
}
a.downloaditem
{
	font-size:10pt;
	padding-right:30px;
}
a.downloaditem:link {color:#8f8f8f; text-decoration: none;}
a.downloaditem:visited {color: #8f8f8f; text-decoration: none; }
a.downloaditem:hover {/*color: #e08023;*/color: #918894; text-decoration: underline; }

a.downloaditem-alt
{
	font-size:10pt;
	padding-right:2px;
}
a.downloaditem-alt:link {color:#8f8f8f; text-decoration: none;}
a.downloaditem-alt:visited {color: #8f8f8f; text-decoration: none; }
a.downloaditem-alt:hover {/*color: #e08023;*/color: #918894; text-decoration: underline; }

/*Stel een vraag button */
div.contactvraag
{
	position:relative;
	margin-left:15px;
	padding-left:10px;
}
p.contactTitel
{
	font-size:11pt;
	font-family:Verdana;
	font-weight:bold;
	color:#f99200; /*orange*/
	padding:30px 0px 10px 0px;
}
.steleenvraag_p
{
	font-size:10pt;
	padding-right:10px;
	color:#8f8f8f;
}
.btn_perfpage_contact
{
	position:relative;
	margin:10px 0px 0px 10px;
	width:115px;
	height:30px;
}
.btn_perfpage_contact:hover
{
	position:relative;
	margin:10px 0px 0px 10px;
	width:115px;
	height:30px;
}
/*end Stel een vraag button */


/*end rechterkolom*/

/*end BODY styling*/

/*begin FOOTER styling */
#sitefooterwrapper{
	position:absolute;
    bottom:0;
    width:100%;
	height:73px;   /* Height of the footer */
	background-color:#839ac3;
}
#footer
{
	position:relative;
	width:900px;
	height:73px;
	margin:0 auto;
	border-left: solid 1px #d4d1e9;
    border-right: solid 1px #d4d1e9;	
    background-color:#ffffff;
}
div.disclaimer
{
	position:relative;
	padding:0px;
	margin-left:24px;
	margin-right:24px;
	padding-top:5px;
	border-top:1px solid #d2d5d7;
}
p.copyright{margin:0px;padding:0px;float:left;color:#8f8f8f; /*gray*/}
p.copyright a
{
	font-family: Verdana, Arial, Tahoma, sans-serif;
	font-size:10pt;
}
p.validation{margin:0px;padding:0px;float:right;color:#8f8f8f; /*gray*/}
p.validation a
{
	font-family: Verdana, Arial, Tahoma, sans-serif;
	font-size:10pt;
}
#login
{
    width:100%;        
    vertical-align: top;
    text-align:right; 
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:2px;    
}

a.validationlinks:link {color:#8f8f8f; text-decoration: none;}
a.validationlinks:visited {color: #8f8f8f; text-decoration: none; }
a.validationlinks:hover {/*color: #e08023;*/color: #918894; text-decoration: underline; }

/*General styling*/
div.navmenu a:active {color: #8f8f8f; text-decoration: none; }
div.navmenu a:visited {color: #8f8f8f; text-decoration: none; }
div.navmenu a:hover {color: #fba52b; text-decoration: none; }
h1 
{   font-size: 16pt;
    color: #686868;
    margin:0px;
    padding-bottom:5px;
}
h1.first
{
}
h2 
{   font-size: 16pt;
    color: #3b4fa1;}
h2.less
{
	font-size:13pt;
	font-weight:bold;
	color:#365f91;
	margin:0px;
	padding:8px 0px 5px 0px;}
h3 
{   font-size: 1em;
    color: #f47a20;
    padding:13px 0px 0px 0px;
    margin:0px;}
h3.less
{
	font-size: 11pt;
    color: #f47a20;
    padding:13px 0px 0px 0px;
    margin:0px;
}
h3.lessone
{
	font-size: 11pt;
    color: #f47a20;
    padding:20px 0px 0px 0px;
    margin:0px;
}
hr.titelhr
{
	border: none;
	color: #d4d3d3;
	background-color: #d4d3d3;
	height: 3px;
	margin:0px;
	padding:0px;
}
hr.nieuwsplitter
{
	border: none;
	color: #eeecf6;
	background-color: #eeecf6;
	height: 3px;
	margin:0px;
	padding:0px;
}
p
{	margin:0px;}


a.loginLink {color: #fba52b;}


/*pers*/
.persorangebar
{
	background-color:Orange;
	height:4px;
	width:99%;
	text-align:center;
	margin:5px 0px 5px 3px;
	border:none;
}
.persnavigation
{
	position:relative;
	margin:25px 0px 35px 0px;
}
.a_pers
{
		color:Gray;
	font-size:large;
	/*font-weight:bold;*/
}
.perhorn
{
	vertical-align:middle;
}
.persitemtitel
{
	font-size:9pt;
}
.perstable
{
	margin:3px 0px 5px 40px;
	border:solid 1px gray;
}
.persitem
{
	font-size:9pt;
	padding-left:15px;
}
.persitemsmall
{
	font-size:7pt;
	color:Gray;
	padding-bottom:115px;
}
.entry
{
	font-size: 10pt;
}
.bc_prod
{
	font-size: 10pt;
}	
.bc
{
	font-size:10pt;
}

	

