/* - - - - - - - - - - - - - - - - - - - - -

Title : 		ICSadviseurs STYLE SHEET
Author : 		Strangefruit.nl, Muriel le Pair
URL : 			http://www.strangefruit.nl

Description : 	

Created : 	05/05/2007
Modified : 	14/06/2008

- - - - - - - - - - - - - - - - - - - - - */
@import url("_projecten.css");
@import url("_werkveld.css");
@import url("_mainmenu.css");
body {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFFFFF;
	
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	color: #666D70; 
	font-size: 12px;
	line-height: 22px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	
	scrollbar-face-color: #CACCC7;
	scrollbar-base-color: #FFFFFF;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-3dlight-color: #FFFFFF;
	scrollbar-darkshadow-color: #FFFFFF;
	scrollbar-track-color: #FFFFFF;
	scrollbar-arrow-color: #660000;
}

.red, .red a, .red a:hover {
	color:#006DA4 !important;
}
a, a:hover  {
	color:#006DA4;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
form {
	font-size: 12px;
}
/* -------------- FLOAT IMG -------------------------- */
.floatleft {
	float:left;
	display:inline;
	margin:0px 5px 5px 0px;
}
.floatright {
	float:right !important;
	display:inline;
	margin:0px 0px 5px 5px;
}
.floatnone {
	clear:both !important;
	float:none !important;
	display:block !important;
}
/* -------------- CONTAINERS ------------------------- */
#container {
	position:relative;
	z-index:0;
	width:770px;
	height:600px;
	margin-top: 15px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}
#searchbox {
	position:absolute;
	z-index:1;
	width:300px;
	right:0px;
	top:0px;
	text-align:right;
}
#searchbox #search {
	width:100px;
}
#searchbox #vlag {
	vertical-align:middle;
	margin: -3px 0px 0px 8px;
}
.highlight {
	background-color:#FFC1FF;
	color:#333333;
}
#bgcontainer, #bgcontainer2, #bgcontainer3, #bgcontainer4 {
	position:relative;
	z-index:0;
	background-image:url(../../img/vast/bg_lijnen_rechts.gif);
	background-position:left top;
	background-repeat: repeat-y;
	height: auto;
}
#bgcontainer2 {
	background-image:url(../../img/vast/bg_lijnen_links.gif);
}
#bgcontainer3 {
	background-image:url(../../img/vast/bg_lijnen_3.gif);
}
#bgcontainer4 {
	background-image:url(../../img/vast/bg_lijnen_2.gif);
}
#keepheight {
	position:relative;
	z-index:0;
	float:right;
	display:inline;
	height:180px;
	width:1px;
	overflow:hidden;
}
/* ----------- SUBCONTAINERS ------------- */
.toggle {
	position:relative;
	display:none;
	z-index:0;
	margin: 0px;
}
.toggle ul { /* remove bullets and list indents */
	list-style: url(../../img/vast/pijl_rood_2.gif);
	margin: 0 0 0 9px !important;
	padding-left: 10px !important;
}
.toggle li { /* remove bullets and list indents */
	padding-top: 0px !important;
}
#fotograaf {
	position:absolute;
	z-index:2;
	right:5;
	top: 296px;
	width:150px;
	text-align:right;
	font-size:10px;
	color:#A8A9AA;
}
#agendadatum {
	position:absolute;
	z-index:2;
	left:15px;
	top:110px;
	text-align:left;
	font-size:20px;
	color:#CCFFFF;
}

#linksbreed, #linksbreed2 {
	position:relative;
	z-index:0;
	width:495px;
	float:left;
	display:inline;
	margin:20px 0px 0px 7px;
}

#linksbreed2 {
	width:515px;
	margin:20px 0px 0px 0px;
}

#linksbreed img, #linksbreed blockquote {
	float:left;
	display:inline;
}
#linksbreed blockquote {
	width:300px;
	line-height:16px;
	margin: 0px 0px 10px 10px;
	height:auto;
}

#linksbreed h1 {
	color: #4f4f4f;    /*#B6565E; */
	font-size: 21px;
	margin: 10px 0px 15px 0px;
	line-height: 28px;
	font-weight:normal;
}

#linksbreed h2 { /* subkop publicaties */
	color: #006DA4;
	font-size:12px;
	margin: -3px 0px 2px 0px;
}
#linksbreed h3 {
	color: #006DA4;
	font-size:12px;
	margin: 0px 0px 5px 0px;
	font-weight:normal;
}
#linksbreed h4 {
	color: #4f4f4f;  
	font-size: 18px;
	margin: 10px 0px 15px 0px;
	line-height: 26px;
	font-weight:normal;
}
#linksbreed h5 {
	color: #A3A3A3;  
	font-size: 14px;
	margin: 15px 0px 0px 0px;
	line-height: normal;
	font-weight:normal;
}
#linksbreed .spacer {
	display:block;
	float:none !important;
	clear:both;
	height:25px;
}

#linksbreed  .aanhetwoord  {
	width:370px;
	line-height:20px;
	margin: 0px 0px 10px 10px;
	height:auto;
}
#linksbreed .aanhetwoord h1 {
	font-size: 16px;
	margin: 10px 0px 15px 0px;
	line-height: 22px;
	font-weight:normal;
}
#linksbreed .aanhetwoord span {
	line-height: 22px;
}
.aanhetwoordimg {
	position:relative;
	z-index:0;
	overflow: hidden;
	width: 105px;
	height: 127px !important;
	float:left;
	display:inline;
}
#rechtsbreed {
	position:relative;
	z-index:0;
	width:490px;
	float:right;
	display:inline;
	margin:20px 10px 0px 0px;
}
#tekstbreed {
	position:relative;
	z-index:0;
	width:590px;
	margin:20px 10px 0px 10px;
}
#rechtsbreed b, #linksbreed b, #vacatureintro b, #breed {
	color:#4f4f4f;
}
#vacatureintro {
	position:relative;
	z-index:0;
	width:492px;
	float:left;
	display:inline;
	margin:-20px 0px 0px 10px;
	padding-top:40px;
	background-color:#FFFFFF;
}

/* lijnen --------------------------- */

#lijn, #lijn2 {
	position:absolute;
	z-index:0;
	width:255px;
	top: 0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #9BC4DA;
}
#lijn {
	right: -17px;
	width:256px;
}
#lijn2 {
	top: -10px;
	left:-7;
	
}

/* small ---------------------------- */
#rechtskort, #linkskort {
	position:relative;
	z-index:0;
	width:230px;
	float:left;
	display:inline;
	margin:30px 10px 0px 19px;
	height:auto;
}
#rechtskort ul,  #rechtsbreed ul, #linksbreed ul { /* remove bullets and list indents */
	position: relative;
	margin: 0px 0px 0px 9px !important;
	padding-left: 10px !important;
	
}
#rechtskort li,  #rechtsbreed li, #linksbreed li { /* remove bullets and list indents */
	padding-top: 0px !important;
	padding-left: 10px !important;
}
#vragen {
	position:relative;
	z-index:0;
	margin:35px 0px 0px 0px;
	line-height: 22px;
}
#vragen ul { /* remove bullets and list indents */
	list-style: url(../../img/vast/pijl_rood_2.gif);
	margin: 9px !important;
	padding-left: 10px !important;
}
#vragen il { /* remove bullets and list indents */
	margin: 0 !important;
	padding-top: 10px !important;
}
#linkskort {
	width:240px;
	margin:40px 0px 0px 5px;
	
}
#linkskort #projecten ul {
	margin:45px 0px 0px 0px !important;
}
#linkskort #projecten ul li {
	margin:0px 0px 0px 20px !important;
	background-image:url(../../img/vast/bg_project_thumb_2.jpg) !important;
	width:100px;
	height:110px;
}
#linkskort #projecten img {
	/*z-index:0 !important;*/
	width:75px;
	height:75px;
}
/* vlak ------------------------------ */
#vlak {
	position:relative;
	z-index:1; 
	background-color:#F9F9F9;
	margin: 35px 0px 0px -6px;
	width:255px;
	height:auto;
}
#vlakpunt {
	position:relative;
	z-index:0;
	float:left;
	display:inline;
	height:auto;
	width:23px;
}
#vlakinline {
	position:relative;
	z-index:0;
	float:left;
	display:inline;
	height:auto;
	width:232px;
}
.nocolor {
	position: relative;
	z-index: 0;
	margin-bottom:45px;
}
.nocolor a, .nocolor a:hover {
	color: #666D70; 
	text-decoration:none;
}
.nocolor a:hover {
	color: #666D70; 
	text-decoration:underline;
}
.img, .img0, .imgbox {
	vertical-align:middle;
	margin: 0px 2px 0px 5px;
}
.img0 {
	margin: 6px 0px 6px 0px;
}
.imgbox {
	margin: 0px 5px 0px 0px;	
}

/* ------------ TEKST -------------------- */
.intro, .agenda, .vacature {
	position:relative;
	z-index:0;
	float:left;
	display:inline;
	width: 242px; /* 242px; */
	margin: 20px 4px 0px 7px;
	padding-left:2px;
}
.agenda {
	height:auto;
	line-height: 18px;
}
.vacature {
	height:auto;
}
.introdatum {
	color: #959595;
	letter-spacing: 1pt;
	font-size: 11px;
}
.kopvet, .kopvet a, .kopvet a:hover {
	color:#006DA4;
	font-weight:bold;
	font-size: 12px;
	letter-spacing: 1pt;
	margin: 0px 0px 5px 0px;
	text-decoration:none;
}
.kopvet a:hover {
	text-decoration:underline;
}
.kopvp, .kopvp a, .kopvp a:hover {
	color:#006DA4;
	font-weight:normal;
	font-size: 13px;
	line-height:22px;
	margin: 0px 0px 20px 0px;
	
	text-decoration:none;
}
.kopvp a:hover {
	text-decoration:underline;
}
#subkop {
	color:#4F4F4F;
	font-size: 12px;
	margin: 10px 0px 5px 0px;
	line-height: 16px;
}
.kop, .kop2, .kopkleur {
	color: #4f4f4f;    /*#B6565E; */
	font-size: 21px;
	margin: 10px 0px 15px 0px;
	line-height: 28px;
}
.kop2 i, .kop2 u { /*keep them normal */
	font-style:normal;
	text-decoration:none;
}
.kop2 {
	margin: 0px 0px 25px 0px;
	color:#4F4F4F;
}
.kopkleur {
	color:#006DA4;
}
.koprood {
	color: #006DA4;
	font-size: 14px;
	margin: 10px 0px 10px 0px;
}
.dark, .dark a, .dark a:hover, .darkbox, .darkbox a, .darkbox a:hover {
	position: relative;
	z-index: 0;
	margin: 10px 0px 20px 0px;
	color:#4F4F4F;
	font-weight:bold;
	text-decoration:none;
}
#uwvraagcontainer { /*voorpagina */
	position:relative;
	z-index:0;
	width: 509px; 
	margin: 20px 4px 0px 1px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #9BC4DA;
	display:inline;
	float:left;
}
#uwvraagcontainer .agenda { /*keep all browsers happy */
	width: 240px; 
}
.togglebox {
	margin: 0px 0px 25px 0px;
	font-size:13px;
}
.dark a:hover, .togglebox a:hover {
	text-decoration:underline;
}
.togglebox u, .togglebox i {
	font-size:24px;
	font-weight:bold;
	text-decoration:none;
	color:#006DA4;
}
.togglebox i {
	font-size:16px;
	font-style:normal;
}
.togglebox2 {
	margin: 5px 0px 3px 0px;
	font-size:13px;
}
.toennubold {
	position:relative;
	z-index:0;
	font-weight:bold;
	margin: 0px 10px 0px 0px;
	color:#006DA4;
	letter-spacing: 1pt;
}
/* ----------- uw vraag ------------------ */
#linksfullsize {
	position:relative;
	z-index:0;
	width:510px;
	height:auto;
	float:left;
	display:inline;
	margin:30px 0px 0px 1px;
}

.opdrachtgever {
	position:relative;
	z-index:0;
	float:left;
	display:inline;
	width:150px;
	margin: 0px 10px 0px 7px;
	color:#959595;
	font-weight:normal;
	letter-spacing: 0pt;
	height:45px;
}
/* ------- FORM ----------------- */
.formleft, .formleft2 {
	position:relative;
	z-index:0;
	display:inline;
	float:left;
	width:100px;
	margin:0px 20px 0px 0px;
}
.formleft2 {
	width:200px;
}
.error, .error b {
	color:#006DA4 !important;
	font-weight:bold;
}		
/* ------------ non flash content flashmovie ------------------ */
.imgfloat {
	float:left;
	display:inline;
	margin:0px 10px 5px 0px;
}
#underlay {
	position:relative;
	z-index:0;
	width:770px;
	height:220px;
}
#nonflashoverlay {
	position:absolute;
	z-index:2;
	width:770px;
	height:220px;
	top:5px;
	background-image: url(../../img/vast/vlak_overlay.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
/* ----------- achterpagina projecten ------------------------- */
#projectthumb {
	position:relative;
	z-index:0;
	width:770px;
	height:162px;
	/*background-color: #F0F0F0; #7F6A68;*/
	margin: 10px 0px 0px 0px;
	color:#FFFFFF;
	overflow-y : hidden;
	overflow:auto !important;

}
#projectthumb img {
	position:relative;
	height:120px;
	width:auto;
	border: 1px solid #0F3658;
	margin: 10px 0px 10px 10px;
		
}
#projectthumb img  {
	filter:alpha(opacity=85);	/* Transparency */
	opacity:0.85;	/* Transparency */
}
#projectthumb a:hover img {
	filter:alpha(opacity=100);	/* Transparency */
	opacity:1;	/* Transparency */
}
/*
#projectthumb span {
	position:absolute;
	left:10px;
	bottom:0px;
	margin:0;
}
*/