@charset "UTF-8";
/* CSS Document */


html { height: 100%; }

body { margin: 0px; padding: 0px; font: normal 11px Verdana, Arial, Helvetica, sans-serif; color: #A59891; line-height: 18px; background:url(../images/background.jpg); height: 100%;
overflow: -moz-scrollbars-vertical;
overflow: overflow-y;
}


#container {
	position: relative;
	min-height: 100%;
	width: 944px;
	margin: auto;
	background: #fff;
	background-image:url(../images/ktjes.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
	}
	
* html #container
	{
		height: 100%;
	}

a { -moz-outline-style:none;
	text-decoration: none;
 }

a b {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #A59891;
	text-decoration: none;
	}
	
a b:hover {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #c1022c;	
	text-decoration: none;
	}
	
.clearer { clear: both; }

#rodebalk {
	width: 944px;
	height: 35px;
	background: #c1022c;
	}
	
#logo {
	width: 308px;
	height: 135px;
	background: url(../images/logo.gif) no-repeat;
	background-position: center;
	float: left;
	}
	
#foto {
	float: left;
	padding-top: 10px;
	margin: 0px;
	}

#foto img {
	margin: 0px;
	padding: 0px;
	}	

.arrowlistmenu{
width: 229px; /*width of accordion menu*/
margin-left: 40px;
	margin-top: -27px;
	float: left;
	height: auto;
	margin-bottom: 60px;
}



.site {
	background-image: url(../images/ktjes.gif);
	background-repeat: no-repeat;
	background-position:left bottom;
	}
	
#content {
	width: 436px;
	height:auto;
	border-top: 1px solid #c1022c;
	float: left;
	margin-left: 40px;
	margin-top: 0px;
	color: #A59891;
	padding-right: 15px;
	margin-bottom: 50px;
	}
	
#rechts {
	width: 142px;
	height: auto;
	background: url(../images/rechts.jpg) no-repeat;
	float: left;
	margin-top: 0px;
	padding: 7px;
	padding-left: 0px;
	font-size: 10px;
	color: #A59891;
	margin-bottom: 50px;
	}
	
#rechts p {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	}
	
#rechts h3 {
	font: bold 14px "Times New Roman", Times, serif;
	color: #fff;
	margin-bottom: 0px;
	margin: 0px;
	padding-left: 10px;
	}
	
#rechts h3.nieuws {
	background: #c1022c;
	width: 138px;
	height: 20px;
	padding-left: 10px;
	padding-top: 4px;
	} 	
	
	
#rechts h4 {
	font: normal 14px "Times New Roman", Times, serif;
	color: #fff;
	margin:0px;
	}
	
#rechts a {
	text-decoration:none;
	color: #c1022c;
	font-weight: bold;
	}
	
#rechts a.over, #rechts a:hover {
	text-decoration:underline;
	}
	
	
#footer {
	height: 30px;
	width: 602px;
	border-top: 1px solid #c1022c;
	margin-left: 47px;
	margin-top: 60px;
	font: normal 12px "Times New Roman", Times, serif;
	color:  #A59891;
	padding-left: 260px;
	padding-top: 15px;
	position: absolute;
	bottom: 0;
	}
	

	
	
#footer img {
	padding-bottom: 1px;
	}

#footer a {
	color: #A59891;
	text-decoration: none;
	}

#footer a.over, #footer a:hover {
	color: #c1022c;
	}

ul#cijfers {
	width: 400px;
	list-style:decimal;
	color: #A59891;
	line-height: 18px;
	}
	
ul#cijfers p {
	color: #c1022c;
	}

ul#cijfers li {
	position: relative;
	width:400px;
	border-top: 1px solid #c1b7b1;
}
	
ul#kicker {
	list-style-image: url(../images/bullet.jpg);
	color: #A59891;
		}
	
ul#kicker p {
	color: #c1022c;
	}

ul#kicker li {
	position: relative;
	width:400px;
	border-top: none;
}

ul#kicker2 {
	list-style-image:url(../images/bullet.jpg);
	color: #A59891;
	line-height: 18px;
		}
	
ul#kicker2 p {
	color: #c1022c;
	}

ul#kicker2 li {
	position: relative;
	border-top: none;
}	
	
	

h1 {
	font: bold 18px "Times New Roman", Times, serif;
	color: #c1022c;
	width: 451px;
	border-bottom: 1px solid #c1022c;
	padding-top: 14px;
	padding-bottom: 14px;
	margin: 0px;
	}
	
h2 a {
	font: bold 14px "Times New Roman", Times, serif;
	color: #c1022c;
	margin-top: 15px;
	margin-bottom: -10px;
	padding: 0px;
	}
		
h2 {
	font: bold 14px "Times New Roman", Times, serif;
	color: #c1022c;
	margin-top: 15px;
	margin-bottom: -10px;
	padding: 0px;
	}
	
	h5 {
	font: bold 12px "Times New Roman", Times, serif;
	color: #c1022c;
	margin-top: 15px;
	margin-bottom: -15px;
	padding: 0px;
	}
	
.checkbox {
	clear: left;
	border: none;
	white-space: nowrap;
	}
	
#content p a {
	color: #A59891;
	}

#content p a.over, #content p a:hover {
	color: #c1022c;
	}

#prood {
	color: #c1022c;
	margin: 0px;
	padding: 0px;
	}

ul#kicker li i {
	color: #c1022c;
	margin: 0px; 
	padding: 0px; 
	font: normal 11px Verdana, Arial, Helvetica, sans-serif; 
	line-height: 18px;
	}


#adres a {
	color: #A59891;
	text-decoration: none;
	}

#adres a.over, #adres a:hover {
	color: #c1022c;
	}
	

#form input.nob {
		border: none;
		border-bottom: solid 1px #A59891;
		width: 250px;
		}

#form TEXTAREA {
		border: 1px solid #A59891;
		width: 250px;
		margin-top: 10px;
		}

#form .verstuur {
		background: #c1022c; 
		color: #fff; 
		cursor: pointer; 
		font-size: 11px; 
		margin-left: 190px;
		width: 60px;
		}

#map {
	float: right;
	margin-bottom: 20px;
	}
	
	
#panel {
	border: 1px solid #C1022C;
	padding: 10px;
	background: #F4F0EF;
	}
	
#panel h2 {
	padding: 0px;
	margin: 0px;
	width: 100%;
	}

#panel a {
	padding-left: 25px;
	margin-top: 10px;
	display: block;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	}
	
#panel a.mail {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	padding: 0px;
	margin: 0px;
	}
	
/*----------------------- panle alternatief -----------------------*/

#panel2 {
	border: 1px solid #C1022C;
	padding: 10px;
	background: #F4F0EF;
	}
	
#panel2 h2 {
	padding: 0px;
	margin: 0px;
	width: 100%;
	}

#panel2 a {
	padding-left: 0px;
	margin-top: 0px;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	}
	
#panel2 a.mail {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	padding: 0px;
	margin: 0px;
	}
	
	
/*----------------------- rollover antwoorden "veel_gestelde_vragen.html" -----------------------*/

#content p a {
	color: #c1022c;
	text-decoration: none;
	}
	
* #content p a  {
	color: #c1022c;
	text-decoration: none;
	}

#content p a.over b, #content p a:hover b {
	text-decoration: underline;
	}
	
#cijfers a {
	position: relative;
	z-index:1;
	text-decoration:none;
	color: #A59891;
	}
	
#cijfers a.over, #cijfers a:hover {
	color: #c1022c;
	visibility:visible;
	}

#cijfers a span {
	visibility:hidden;/* hide message initially*/
position:absolute;
z-index:2;
left:135px;
width:400px;
padding:5px;
background:#C1B7B1;
color:#fff;
border:2px inset #A59891;
}
	
#cijfers a.over span, #cijfers a:hover span {
	visibility:visible;
	position:absolute;
z-index:2;
left:135px;
width:400px;
padding:5px;
background:#C1B7B1;
color:#fff;
border:2px inset #A59891;
	}
	
	
	
	
/* ----- Algemeen ----- */
	
	
.vraag1 span {
	top: -100px;
	width: 400px;
	}
	
.vraag2 span {
	top: -118px;
	width: 400px;
	}

.vraag3 span {
	top: -100px;
	width: 400px;
	}

.vraag4 span {
	top: -118px;
	width: 400px;
	}

.vraag5 span {
	top: -137px;
	width: 400px;
	}

.vraag6 span {
	top: -100px;
	width: 400px;
	}

.vraag7 span {
	top: -83px;
	width: 400px;
	}

.vraag8 span {
	top: -100px;
	width: 400px;
	}

.vraag9 span {
	top: -100px;
	width: 400px;
	}

.vraag10 span {
	top: -83px;
	width: 400px;
	}
	
/* ----- Business consulting ----- */


.vraag11 span {
	top: -83px;
	width: 400px;
	}

.vraag12 span {
	top: -83px;
	width: 400px;
	}

.vraag13 span {
	top: -118px;
	width: 400px;
	}

.vraag14 span {
	top: -100px;
	width: 400px;
	}

.vraag15 span {
	top: -83px;
	width: 400px;
	}

.vraag16 span {
	top: -100px;
	width: 400px;
	}


/* ----- Commercieel beleidsadvies ----- */


.vraag17 span {
	top: -64px;
	width: 400px;
	}

.vraag18 span {
	top: -83px;
	width: 400px;
	}

.vraag19 span {
	top: -118px;
	width: 400px;
	}

.vraag20 span {
	top: -83px;
	width: 400px;
	}

.vraag21 span {
	top: -137px;
	width: 400px;
	}


/* ----- Communicatieve creaties ----- */


.vraag22 span {
	top: -100px;
	width: 400px;
	}

.vraag23 span {
	top: -64px;
	width: 400px;
	}

.vraag24 span {
	top: -137px;
	width: 400px;
	}

.vraag25 span {
	top: -118px;
	width: 400px;
	}

.vraag26 span {
	top: -100px;
	width: 400px;
	}

.vraag27 span {
	top: -137px;
	width: 400px;
	}

.vraag28 span {
	top: -137px;
	width: 400px;
	}

.vraag29 span {
	top: -83px;
	width: 400px;
	}

.vraag30 span {
	top: -83px;
	width: 400px;
	}



/*----------------------- END rollover antwoorden "veel_gestelde_vragen.html" -----------------------*/




A.links   {
	height: 90px;
	width: 90px;
	background-image: url(../images/portfolio/ilc_logo.jpg);
	float: left;
	}



A.links:hover   {
	height: 90px;
	width: 90px;
	background-image: url(../images/portfolio/ilc_logo_r.jpg);
	float: left;
	}







a#fened {
	display:block;
	background-image: url(../images/fened.jpg);
	background-position:top center;
	padding-top: 93px;
	padding-left: 0px;
	text-align: center;
	background-repeat: no-repeat;
	cursor:pointer;
	width: 95px;
	color: #A59891;
	text-decoration: none;
	}

a#fened:hover, a#fened.over {
	background-image: url(../images/fened_r.jpg);
	color: #c1022c;
	}
	

a#cable {
	display:block;
	background-image: url(../images/portfolio/cable_logo.jpg);
	background-position:top center;
	padding-top: 93px;
	padding-left: 0px;
	text-align: center;
	background-repeat: no-repeat;
	cursor:pointer;
	width: 95px;
	color: #A59891;
	text-decoration: none;
	}

a#cable:hover, a#cable.over {
	background-image: url(../images/portfolio/cable_logo_r.jpg);
	color: #c1022c;
	}



/*------------------- 	TEAM   ---------------------*/

ul#team {
	margin: 0px;
	padding: 0px;
	}

ul#team li {
	list-style: none;
	float: left;
	width: 205px;
	padding: 0px;
	margin: 0px;
	position: relative;
	margin-right: 10px;
	}

a#andre {
	display:block;
	background-image: url(../images/andre.jpg);
	background-position:top center;
	padding-top: 125px;
	padding-left: 0px;
	text-align: center;
	background-repeat: no-repeat;
	cursor:pointer;
	width: 205px;
	color: #A59891;
	text-decoration: none;
	}

a#andre:hover, a#andre.over {
	background-image: url(../images/andre_r.jpg);
	color: #c1022c;
	}
	
a#moniek {
	display:block;
	background-image: url(../images/moniek.jpg);
	background-position:top center;
	padding-top: 125px;
	padding-left: 0px;
	text-align: center;
	background-repeat: no-repeat;
	cursor:pointer;
	width: 205px;
	color: #A59891;
	text-decoration: none;
	}

a#moniek:hover, a#moniek.over {
	background-image: url(../images/moniek_r.jpg);
	color: #c1022c;
	}


a#kees {
	display:block;
	background-image: url(../images/kees.jpg);
	background-position:top center;
	padding-top: 125px;
	padding-left: 0px;
	text-align: center;
	background-repeat: no-repeat;
	cursor:pointer;
	width: 205px;
	color: #A59891;
	text-decoration: none;
	}

a#kees:hover, a#kees.over {
	background-image: url(../images/kees_r.jpg);
	color: #c1022c;
	}
	

a#niels {
	display:block;
	background-image: url(../images/niels.jpg);
	background-position:top center;
	padding-top: 125px;
	padding-left: 0px;
	text-align: center;
	background-repeat: no-repeat;
	cursor:pointer;
	width: 205px;
	color: #A59891;
	text-decoration: none;
	}

a#niels:hover, a#niels.over {
	background-image: url(../images/niels_r.jpg);
	color: #c1022c;
	}
	
a#rutger {
	display:block;
	background-image: url(../images/rutger.jpg);
	background-position:top center;
	padding-top: 125px;
	padding-left: 0px;
	text-align: center;
	background-repeat: no-repeat;
	cursor:pointer;
	width: 205px;
	color: #A59891;
	text-decoration: none;
	}

a#rutger:hover, a#rutger.over {
	background-image: url(../images/rutger_r.jpg);
	color: #c1022c;
	}



/*------------------- 	END TEAM   ---------------------*/

/*------------------- 	OVERIGE TOEVOEGINGEN   ---------------------*/


#iconk {
	height: 20px;
	width: 20px;
	margin-right: 3px;
	margin-bottom: -4px;
	}
	
#kader_nieuwsbrief {
	width: 180px;
	height: 105px;
	float:left;
	background-image: url(../images/nieuwsbrief.jpg);
	background-repeat: no-repeat;
	padding-top: 80px;
	padding-left: 40px;
	padding-right: 8px;
	}

#kader_nieuwsbrief a {
	text-decoration:none;
	color: #c1022c;
	font-weight: bold;
	}
	
/*------------------- 	END OVERIGE TOEVOEGINGEN   ---------------------*/

	
	
/*------------------- 	SUBMENU   ---------------------*/

#submenu {
	height: 186px;
	width: 601px;
	/*border:#FF0099  1px solid; roze*/
	margin-top: 22px;
	margin-left: 309px;
	padding: 0px;
	}

#submenuback {
	height: 186px;
	width: 601px;
	padding: 0px;
	position: absolute;
	z-index:1;
	top: 48px;
	left: 309px;
	/*border:#00DD00 1px solid; groen*/
	}
	
#submenufront {
	height: 186px;
	width: 600px;
	padding: 0px;
	position: absolute;
	z-index:2;
	top: 57px;
	left: 310px;
	border-bottom: #c1022c 1px solid;
	/*border: #FFFF33 1px solid; geel*/
	} 

#subbuttons {
	height: 25px;
	width: 526px;
	padding: 0px;
	margin-top: 160px;
	float: left;
	/*border:#6600CC 1px solid; paars*/
	} 

#snav li {
	list-style: none;
	float: left;
	margin-left: 6px;
	}
	
#snav {
	margin: 0px;
	padding: 0px;
	float: left;
	}
	
 
 #button {
	display: block;
	float: left;
	   color: #c1022c;
/*opacity for IE5+*/
  filter: alpha(opacity=80);
  /*opacity for older Mozilla browsers*/
  -moz-opacity: 0.7;
  /*opacity for mozilla/safari*/
  opacity: 0.7;
  } 
  

/* ---------------------------- klanttevredenheid ---------------------------- */  
  
#formklanttevredenheid TEXTAREA {
		border: 1px solid #A59891;
		width: 400px;
		margin-top: 10px;
		}
		
#formklanttevredenheid input.nob {
		border: none;
		border-bottom: solid 1px #A59891;
		width: 250px;
		}

#formklanttevredenheid .verstuur {
		background: #c1022c; 
		color: #fff; 
		cursor: pointer; 
		font-size: 11px; 
		margin-left: 190px;
		width: 60px;
		}Fpanel