@charset "utf-8";
*, html, body {margin:0px; padding:0px;}
body{margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666;}

a { color:#00adef;}

#top{height:177px; background-color:#15adef;background-image:url(/images/topbg.gif);background-repeat:no-repeat;background-position:center top;}
div#clickHome {
	position:absolute; 
	z-index:100; 
	height:125px; 
	width:150px; 
	left:-220px; 
	top:15px;
	cursor:pointer;
	margin:0px;
}

/*#header{ border:1px solid #000; height:30px;}*/

#intro { position:relative; margin-left:auto; margin-right:auto; width:950px;}
#introhtml	{ position:absolute; left:270px; top:0px; width:650px; height:100px; color:#fff; font-size:12px; margin:0px; padding:0px;}
#introhtml .text { width:300px; margin-top:30px; }
#introhtml div.image { position:absolute; left:300px; top:3px; margin:0px; padding:0px; z-index:99;}
/*#introhtml div.image{ float:left; width:350px; text-align:center; margin:0px; padding:0px;}*/

h3 { font-size:22px; margin-bottom:5px; font-weight:bold;margin-bottom:5px; }


#menucontainer { text-align:right; height:22px;}
#menuside	{}
#menu		{margin-left:auto; margin-right:auto; width:950px; text-align:right; height:22px;}

#menu ul	{ padding:0px; margin:0px; float:right; list-style-type:none; height:22px;}
#menu li 	{ 
	float:left; 
	margin:0px; 
	padding:0px; 
	font-size:12px; 
	color:#fff; 
	line-height:22px; 
	padding-left:10px;
	padding-right:10px;
	text-transform:uppercase; 
	border-left:1px solid #13adef; 
	list-style-type:none;
}
#menu a		{ text-decoration:none; color:#fff;}

#bottom { margin-left:auto;margin-right:auto; overflow:hidden; width:970px;}

#brands { 
	margin-left:auto; 
	text-align:left; 
	padding-top:7px; 
	margin-top:0px;
	margin-right:auto;
	height:50px; 
	width:930px; 
	background-image:url(/images/brands_shadow.gif);
	background-position:bottom center; 
	background-repeat:no-repeat; 
	position:relative; 
	z-index:100;
}

#columns 	{margin-left:auto; margin-right:auto; margin-top:35px;width:960px; background-image:url('/images/bghome.gif');}

#columns h2 { color:#00adef; font-weight:bold; font-size:16px; width:230px; font-family:myriad pro, arial; margin-bottom:5px;}

#colA, #colB, #colC {  float:left; width:220px; margin-right:15px; padding-right:25px; padding-bottom:10px;}
#colJ  		{ float:left; width:160px; background-color:#eee; padding:10px;}

#page 		{margin-left:auto; margin-right:auto; margin-top:35px;width:950px;}

#pageleft	{ float:left; width:450px; padding-right:20px; line-height:18px;}
#pageright	{ float:left; width:450px; padding-left:20px; line-height:18px;}
#pageref	{ line-height:18px;}

#pageleft h2	{ margin-bottom:5px; margin-top:20px;}
#pageright h2	{ margin-bottom:5px; }

#pageright ul	{ margin-left:15px;}

#colD  {}

/* ----------------------- medewerkers ------------------------ */

#medewerkers	{ }
.medcol		{ float:left;}
.medewerker	{ width:222px; min-height:90px; }
.medpic		{ float:left;width:50px; height:50px; margin:5px; border:1px solid #ccc; background-color:#666;}
.medtxt		{ float:left;padding-left:5px;margin-bottom:15px;}


/* ----------------------- contact ---------------------------- */

#contactreply	{ }

.formFields	{ border:1px dotted #ccc; padding:15px;}
.formSubmit	{ border:1px dotted #ccc; border-top:none; padding:15px; padding-top:5px; padding-bottom:5px; background-color:#eee;}
.formLabel	{ float:left; width:170px; height:30px;}
.formField	{ height:30px;}

.TextField	{ width:220px; border:1px solid #ccc;}

.FrmBtnOut	{ border:1px solid #666; padding:4px; padding-top:0px; padding-bottom:0px; background-color:#00adef; color:#fff; cursor:pointer;}
.FrmBtnOn	{ border:1px solid #666; padding:4px; padding-top:0px; padding-bottom:0px; background-color:#fff; color:#00adef; cursor:pointer;}


/* ----------------------- referenties  ----------------------- */

#refDetails	{ float:right; width:450px;}

div.referentieBtn {
	width:89px; 
	height:74px; 
	background-image:url("/images/referentieBtn.png"); 
	margin-left:8px; 
	margin-right:8px; 
	margin-bottom:14px;
	display:inline-block;
	float:left;
}
.portimg {float:right; border:0;}
div.referentieBtn div.innerBtn {background-position:center; background-repeat:no-repeat; width:89px; height:74px;}