/* - - - - - - - - - - - - - - - - - - - - -
 ______ _       _     _     __  __          _ _       
|  ____(_)     | |   | |   |  \/  |        | (_)      
| |__   _  __ _| |__ | |_  | \  / | ___  __| |_  __ _ 
|  __| | |/ _` | '_ \| __| | |\/| |/ _ \/ _` | |/ _` |
| |____| | (_| | | | | |_  | |  | |  __/ (_| | | (_| |
|______|_|\__, |_| |_|\__| |_|  |_|\___|\__,_|_|\__,_|
           __/ |                                      
          |___/

Title : 		GLOBAL.CSS style sheet: copy default.css styles and update!
Author : 		$Author: ebrons $
URL : 			http://www.OURPROJECT.NL
Modified : 		$LastChangedDate: 2009-09-15 13:09:50 +0200 (Tue, 15 Sep 2009) $ - SVN: $Revision: 403 $
- - - - - - - - - - - - - - - - - - - - - */


/* -----------------------------------------
	1: RESET [start from scratch]
----------------------------------------- */

/* 
	Latest version of the Eric Meyer Reset:
	http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/
	
	Updates -> see EIGHTMEDIA UPDATE's:
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	_font-size: 100.01%;
	vertical-align: baseline;
	background: transparent;
}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}

/* remember to highlight inserts somehow! */
ins {text-decoration: none; background: #FFFFCC;}
del {text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* -----------------------------------------
	1.1: GENERIC FIXES [fixes clearing issues with floats]
	http://www.positioniseverything.net/easyclearing.html
----------------------------------------- */
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {display:inline-block;}

/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */


/* -----------------------------------------
	2: GENERICS [Generic type, .classes, etc]
----------------------------------------- */
body{
	background: #4594b0 url('/static/img/bg_body.gif') no-repeat top left;
	font-size: 62.5%;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}

/* -----------------------------------------
	TYPOGRAPHY
----------------------------------------- */
div{font-size: 1em;} /* = 10px */

p, dl, td, th, li, pre, code, kbd, samp, pre, tt, input{
	font-size: 1.3em; /* 13px */
}
p{
	line-height: 1.7em;
	margin-bottom: 1.5em;
	color: #424242;
}

strong{font-weight: bold;}
em{font-style: italic;}
cite{font-style: italic;}
abbr, acronym { cursor: help; text-transform: uppercase; font-size: 85%; letter-spacing: .1em; border-bottom: 1px dotted #000;}
pre { white-space: pre; }
pre * { font-size: 1.3em; line-height: 1.5em; white-space: pre; }
blockquote { border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; color: #666; }
blockquote > p:before { content: "\201C"; }
blockquote > p:after { content: "\201D"; }
q { quotes: "\201C" "\201D" "\2018" "\2019"; }

address,
blockquote{margin: 1.5em 0;font-size: 1.3em;line-height: 1.5em;}
blockquote p{margin: 1.0em;}

hr { display: block; background: #e4e4e4; color: #e4e4e4; width: 100%; height: 1px; border: none; margin: 20px 0;}
.toggleBlock hr{ background:#D1EBF2; color: #D1EBF2; }
/* Cascading font size should remain same! */
/* TODO: Check this out? Necessary?! */
td td,li ul li,li ol li,td p,blockquote p,dd p, li p,ul li ul li,ul li ul li p,ol li ol li,ol li ol li p, p p, p div, p ul, p li, p span, p h2, p h3, p h4, p h5{
	font-size: 1.0em!important;
	line-height: 1.5em!important; /* TODO: Check this out? Necessary?! */
}

/* -----------------------------------------
	GENERIC CLASSES
----------------------------------------- */
.alignRight{text-align: right;}
.alignLeft{text-align: left;}
.alignCenter{text-align: center;}
.floatRight{float: right;}
.floatLeft{float: left;}
.error{
	background: transparent;
	color: red;
}
.success{
	background: transparent;
	color: green;
}

.message{ 
	background-color: #261F1A; 
	border: 1px solid #000000; 
	padding:5px; 
	font-size: 1.3em;
}
.hide{ display:none; }
.toggle{ display: none; }

.goBack{
	margin: 0 0 23px 0;
	padding: .7em 0;
	border-top: 1px solid #e4e4e4;
	border-bottom: 1px solid #e4e4e4;
}

.noMargin{
	margin: 0;
}
/* -----------------------------------------
	HEADERS
----------------------------------------- */
h1, h2, h3, h4, h5, h6{
	font-family: Arial, verdana, sans-serif;
	font-weight: normal;
	margin: 0 0 0.5em 0;
}
h1{
	background: transparent url('/static/img/ico_h1.gif') no-repeat 0 3px;
	padding: 6px 0 7px 38px;
	margin: 0 0 0.7em 0;
	font-size: 2.6em;
	color: #ed154a;
	border-bottom: 1px solid #e4e4e4;
}
.interim h1{
	color: #00405d;
	background: transparent url('/static/img/ico_h1_interim.gif') no-repeat 0 3px;
}
.ict h1{
	color: #00405d;
	background: transparent url('/static/img/ico_h1_ict.gif') no-repeat 0 3px;
}
h1.noBorder{
	border: none;
}

.enableDeeplink h1{
	background-position: 0 10px;
	padding-top: .6em;
}

h2{font-size: 1.5em;color: #00405d; font-weight: bold;}


h3{font-size: 1.3em;color: #ed174d; font-weight: bold;}
h3.blue{color: #00405d;}
h3.green{color: #5b9f66;}
h3.quoteHeading{ background: transparent url('/static/img/bg_li_item.gif') no-repeat center left; padding-left: 1em; line-height: 1.4em;}
.ict h3{color: #424888;}
h4{font-size: 1.3em;color: #00405d;font-weight: bold;}
h5{font-size: 1.2em; color: #00405d;font-weight: bold; font-style: italic;}
h6{font-size: 1.2em; color: #ed174d;font-weight: bold;}


/* -----------------------------------------
	LINKS
----------------------------------------- */
a:link,
a:visited,
a:hover,
a:active{
	color: #333;
	text-decoration: underline;
}
a:hover,
a:active{
	color: #CCC;
}
#pageContent a:link.button,
#pageContent a:visited.button,
#pageContent a:hover.button,
#pageContent a:active.button{
	border: none;
	text-decoration: none;
}


#pageContent a:link.linkedInLink,
#pageContent a:visited.linkedInLink,
#pageContent a:hover.linkedInLink,
#pageContent a:active.linkedInLink{
	color: #333;
	text-decoration: underline;
	border: none;
}
/* -----------------------------------------
	LISTS
----------------------------------------- */
ul, ol{ 
	list-style-type: disc; 
	list-style-position: outside; 
	margin: 2em 0;
	margin-left: 2em;
}
ol{list-style-type: decimal;}
	ul li, ol li{margin: 0.5em 0;}


dl{margin: 0.5em 0;line-height: 2em;}
	dl dt{font-weight: bold;}
	dl dd{margin-left: 1.0em;}

/* horizontal lists */
ul.horizontal,
ol.horizontal{
	list-style-position: inside;
	list-style-type: none;
	margin: 0;
}
	ul.horizontal li,
	ol.horizontal li{
		display: inline;
		float: left;
		margin: 0;
	}

	/* -----------------------------------------
		NAVIGATION
	----------------------------------------- */
	#navigation{
		margin: 0;
		list-style-type: none;
		list-style-position: inside;
	}
		#navigation li{
			margin: 0;
			height: 50px;
			display: inline;
			float: left;
			}
			#navigation li.active{}
			#navigation li.last{}
			
			#navigation li a:link,
			#navigation li a:visited,
			#navigation li a:hover,
			#navigation li a:active{
				text-indent: -9999px;
				height: 50px;
				display:block;
			}
			#navigation li.navItem1 a:link,
			#navigation li.navItem1 a:visited,
			#navigation li.navItem1 a:hover,
			#navigation li.navItem1 a:active{
				background: transparent url('/static/img/bg_nav_item1.gif') no-repeat top left;
				width: 186px;
			}
			#navigation li.navItem2 a:link,
			#navigation li.navItem2 a:visited,
			#navigation li.navItem2 a:hover,
			#navigation li.navItem2 a:active{
				background: transparent url('/static/img/bg_nav_item2.gif') no-repeat top left;
				width: 197px;
			}
			#navigation li.navItem3 a:link,
			#navigation li.navItem3 a:visited,
			#navigation li.navItem3 a:hover,
			#navigation li.navItem3 a:active{
				background: transparent url('/static/img/bg_nav_item3.gif') no-repeat top left;
				width: 195px;
			}
			#navigation li.navItem4 a:link,
			#navigation li.navItem4 a:visited,
			#navigation li.navItem4 a:hover,
			#navigation li.navItem4 a:active{
				background: transparent url('/static/img/bg_nav_item4.gif') no-repeat top left;
				width: 196px;
			}
			#navigation li.navItem5 a:link,
			#navigation li.navItem5 a:visited,
			#navigation li.navItem5 a:hover,
			#navigation li.navItem5 a:active{
				background: transparent url('/static/img/bg_nav_item5.gif') no-repeat top left;
				width: 186px;
			}
			#navigation li.navItem1 a:hover,
			#navigation li.navItem1 a:active,
			#navigation li.navItem2 a:hover,
			#navigation li.navItem2 a:active,
			#navigation li.navItem3 a:hover,
			#navigation li.navItem3 a:active,
			#navigation li.navItem4 a:hover,
			#navigation li.navItem4 a:active,
			#navigation li.navItem5 a:hover,
			#navigation li.navItem5 a:active{
				background-position: 0 -50px;
			}
			#navigation li a:hover,
			#navigation li a:active{}

				#navigation li.active a:link,
				#navigation li.active a:visited,
				#navigation li.active a:hover,
				#navigation li.active a:active{
					background-position: 0 -100px;
				}
			
		/* interim nav */

		.interim #navigation li.navItem1 a:link,
		.interim #navigation li.navItem1 a:visited,
		.interim #navigation li.navItem1 a:hover,
		.interim #navigation li.navItem1 a:active{
			background: transparent url('/static/img/bg_nav_item1_interim.gif') no-repeat top left;
		}
		.interim #navigation li.navItem2 a:link,
		.interim #navigation li.navItem2 a:visited,
		.interim #navigation li.navItem2 a:hover,
		.interim #navigation li.navItem2 a:active{
			background: transparent url('/static/img/bg_nav_item2_interim.gif') no-repeat top left;
		}
		.interim #navigation li.navItem3 a:link,
		.interim #navigation li.navItem3 a:visited,
		.interim #navigation li.navItem3 a:hover,
		.interim #navigation li.navItem3 a:active{
			background: transparent url('/static/img/bg_nav_item3_interim.gif') no-repeat top left;
		}
		.interim #navigation li.navItem4 a:link,
		.interim #navigation li.navItem4 a:visited,
		.interim #navigation li.navItem4 a:hover,
		.interim #navigation li.navItem4 a:active{
			background: transparent url('/static/img/bg_nav_item4_interim.gif') no-repeat top left;
		}
		.interim #navigation li.navItem5 a:link,
		.interim #navigation li.navItem5 a:visited,
		.interim #navigation li.navItem5 a:hover,
		.interim #navigation li.navItem5 a:active{
			background: transparent url('/static/img/bg_nav_item5_interim.gif') no-repeat top left;
		}
		.interim #navigation li.navItem1 a:hover,
		.interim #navigation li.navItem1 a:active,
		.interim #navigation li.navItem2 a:hover,
		.interim #navigation li.navItem2 a:active,
		.interim #navigation li.navItem3 a:hover,
		.interim #navigation li.navItem3 a:active,
		.interim #navigation li.navItem4 a:hover,
		.interim #navigation li.navItem4 a:active,
		.interim #navigation li.navItem5 a:hover,
		.interim #navigation li.navItem5 a:active{
			background-position: 0 -50px;
		}
		
		.interim #navigation li.active a:link,
		.interim #navigation li.active a:visited,
		.interim #navigation li.active a:hover,
		.interim #navigation li.active a:active{
			background-position: 0 -100px;
		}
		
		/* ict nav */

		.ict #navigation li.navItem1 a:link,
		.ict #navigation li.navItem1 a:visited,
		.ict #navigation li.navItem1 a:hover,
		.ict #navigation li.navItem1 a:active{
			background: transparent url('/static/img/bg_nav_item1_ict.gif') no-repeat top left;
		}
		.ict #navigation li.navItem2 a:link,
		.ict #navigation li.navItem2 a:visited,
		.ict #navigation li.navItem2 a:hover,
		.ict #navigation li.navItem2 a:active{
			background: transparent url('/static/img/bg_nav_item2_ict.gif') no-repeat top left;
		}
		.ict #navigation li.navItem3 a:link,
		.ict #navigation li.navItem3 a:visited,
		.ict #navigation li.navItem3 a:hover,
		.ict #navigation li.navItem3 a:active{
			background: transparent url('/static/img/bg_nav_item3_ict.gif') no-repeat top left;
		}
		.ict #navigation li.navItem4 a:link,
		.ict #navigation li.navItem4 a:visited,
		.ict #navigation li.navItem4 a:hover,
		.ict #navigation li.navItem4 a:active{
			background: transparent url('/static/img/bg_nav_item4_ict.gif') no-repeat top left;
		}
		.ict #navigation li.navItem5 a:link,
		.ict #navigation li.navItem5 a:visited,
		.ict #navigation li.navItem5 a:hover,
		.ict #navigation li.navItem5 a:active{
			background: transparent url('/static/img/bg_nav_item5_ict.gif') no-repeat top left;
		}
		.ict #navigation li.navItem1 a:hover,
		.ict #navigation li.navItem1 a:active,
		.ict #navigation li.navItem2 a:hover,
		.ict #navigation li.navItem2 a:active,
		.ict #navigation li.navItem3 a:hover,
		.ict #navigation li.navItem3 a:active,
		.ict #navigation li.navItem4 a:hover,
		.ict #navigation li.navItem4 a:active,
		.ict #navigation li.navItem5 a:hover,
		.ict #navigation li.navItem5 a:active{
			background-position: 0 -50px;
		}
		
		.ict #navigation li.active a:link,
		.ict #navigation li.active a:visited,
		.ict #navigation li.active a:hover,
		.ict #navigation li.active a:active{
			background-position: 0 -100px;
		}
		
#globalNav{
	list-style-type: none;
	list-style-position: inside;
	margin: 0;
	float: right;
	margin: 30px 40px 0 0;
	z-index: 15;
	position: relative;
}
	#globalNav li{
		float: left;
		margin-left: 2.2em;
		font-size: 1.2em;
	}
		#globalNav li a:link,
		#globalNav li a:visited,
		#globalNav li a:hover,
		#globalNav li a:active{
			color: #00405d;
			font-weight: bold;
			text-decoration: none;
		}
		#globalNav li a:hover,
		#globalNav li a:active{
			text-decoration: underline;
		}
		
#breadcrumb{
	list-style-type: none;
	list-style-position: inside;
	margin: 13px 0 0 25px;
}
	#breadcrumb li{
		float: left;
		margin-right: 7px;
		color: #fff;
		background: transparent url('/static/img/bg_breadcrumb_list.gif') no-repeat center right;
		padding-right: 14px;
		font-size: 1.1em;
	}
	#breadcrumb li.last{background: none;padding-right: 0;margin-right: 0;}
		#breadcrumb li a:link,
		#breadcrumb li a:visited,
		#breadcrumb li a:hover,
		#breadcrumb li a:active{
			text-decoration: none;
			color: #fff;
		}
		
		#breadcrumb li a:hover{
			border-bottom: 1px dotted #fff;
		}

#subNav{
	margin: 30px 11px 0 12px;
	list-style-type: none;
	list-style-position: inside;
	height: 320px;
}
	#subNav li{
		border-bottom: 1px solid #79b182;
		padding: 3px;
		margin: 0;
		padding: 1px 0;
	}
		#subNav li a:link,
		#subNav li a:visited,
		#subNav li a:hover,
		#subNav li a:active{
			text-decoration: none;
			color: #fff;
			display: block;
			padding: 8px 0 8px 15px;
		}
		#subNav li.active a:link,
		#subNav li.active a:visited,
		#subNav li.active a:hover,
		#subNav li.active a:active{
			background: #89c793;
			color: #434343;
		}
		
		#subNav li a:hover{
			background: #63a86f;
			text-indent: 3px;
		}
		
#footer{
	position: relative;
}
		
 #footer ul{
	list-style-type: none;
	list-style-position: inside;
	height:10px;
}
	#footer ul li{
		color: #fff;
		float: left;
		margin-right: 15px;
		font-size: 1.1em;
	}
	#footer ul li.last{
		width: 155px;
	}
		#footer ul li a:link,
		#footer ul li a:visited,
		#footer ul li a:hover,
		#footer ul li a:active{
			color: #fff;
			padding-bottom: 1px;
			text-decoration: none;
		}
		
		#footer ul li a:hover{
			border-bottom: 1px dotted white;
		}
		
#footer p{
	font-size: 1em;
	color: #8EC0CF;
	margin: 0 2em 0.8em 2em;
	width: 600px;
}
	#footer p a{
		color: #B5D4DF;
		text-decoration: none;
		border-bottom: 1px dotted #8EC0CF;
		padding-bottom: 1px;
	}
	
	#footer p a:hover{
		border: none;
		color: white;
	}
 #siteByEight{
	position: absolute;
	top: 0px;
	right: 20px;
	width: auto;
	font-size: 1.1em;
}

	#siteByEight a:link, 
	#siteByEight a:visited, 
	#siteByEight a:hover, 
	#siteByEight a:active{
		color: #196a87;
		padding: 5px 25px 3px 0;
		text-decoration: none;
		font-weight: normal;
		font-size: 1em;
		background: url('/static/img/logo_eight_bc.gif') no-repeat right top;
		display: block;
	}
	
	#siteByEight a:hover{
		color: #82c7df;
		background-position: right -20px;
	}

		
/* definition lists */
dl{
	margin: 0.5em 0;
	line-height: 2em;
}
	dl dt{font-weight: bold;}
	dl dd{margin-left: 1.0em;}

/* -----------------------------------------
	IMAGES
----------------------------------------- */
img.left{float: left;margin: 0 1em 0 0;}
img.right{float: right;margin: 0 0 0 1em;}


/* -----------------------------------------
	BASE STRUCTURE (Div frame)
----------------------------------------- */

.outerWrapper{}

	
	.innerWrapper{
		width: 960px;
		margin: 0 auto;
	}
	#header{
		background: #fff;
		border-top: 3px solid #00405d;
		margin-top: 49px;
		position: relative;
		height: 107px;
	}
		#logo{
			text-align: center;
			position: absolute;
			top: -13px;
			left: 0;
			width: 100%;
			z-index: 10;
		}
	#content{
		position: relative;
		background: #fff
	}
	#content.homepage,
	.interim.home #content{
		background: #5db6d2;
	}
		#breadcrumbContainer{
			background: transparent url('/static/img/bg_breadcrumb.gif') no-repeat top left;
			height: 50px;
			overflow: hidden;
		}
		#leftSidebar{
			float: left;
			position: relative;
			width: 251px;
			min-height: 500px;
			background: transparent url('/static/img/bg_left_sidebar.gif') no-repeat top left;
		}
		
		.quote{
			border-top: 1px solid #e4e4e4;
			border-bottom: 1px solid #e4e4e4;
			font-family: Georgia, Garamond, "Times New Roman", serif;
			font-style: italic;
			margin: 0 11px 0 12px;
			padding: 5px 0;
		}
		
		#pageContent .quote{
			margin: .5em 0 3em 0;
		}
		
			.quote p{ color: #7c7c7c; line-height: 1.6em!important;}
			.quote p.cite{ text-align: right; font-size: .9em!important;}
			
			blockquote > p.cite:before { content: ""; }
			blockquote > p.cite:after { content: ""; }
		
		#pageContent{
			width:709px;
			float: right;
			background: transparent url('/static/img/bg_page_content.gif') no-repeat top right;
			margin: 0 0 40px 0;
			padding-top: 25px;
		}
			#mainBlock{
				width: 433px;
				float: left;
				overflow: hidden;
				padding: 0 15px;
			}
			
			
			#rightSidebar{
				width: 240px;
				float: right;
				padding-top: 44px;
			}
		
			
			#relatedItems{
				border-top: 1px solid #E4E4E4;
				padding: 10px 0 20px 0;
				margin: 0 12px 0 0;
			}
			
			#rightSidebar #relatedItems ul{
				margin: 0;
				padding-right: 1em;
			}
			
				#rightSidebar #relatedItems ul li{
					background: transparent url('/static/img/bg_li_item_blue.gif') no-repeat 0 3px;
				}
				
					#rightSidebar #relatedItems ul li a:link,
					#rightSidebar #relatedItems ul li a:visited,
					#rightSidebar #relatedItems ul li a:hover,
					#rightSidebar #relatedItems ul li a:active{
						color: #747474;
						border-bottom: 1px solid #cbcbcb;
					}
					
					#rightSidebar #relatedItems ul li a:hover{
						border-bottom: none;
					}
			
	#footer{}

/* -----------------------------------------
	GLOBAL ELEMENTS
----------------------------------------- */

#pageContent a:link,
#pageContent a:visited,
#pageContent a:hover,
#pageContent a:active{
	color: #ed174d;
	text-decoration: none;
	border-bottom: 1px solid #fab9c9;
}
#pageContent a:hover,
#pageContent a:active{
	border-bottom: 0;
}

#pageContent ul{
	list-style-position: outside;
	list-style-type: none;
	margin: 25px 0 25px 15px;
}

	#pageContent ul li{
		background: transparent url('/static/img/bg_li_item.gif') no-repeat 0 3px;
		padding-left: 15px;
		line-height: 1.4em;
		margin: 0.7em 0;
		color: #424242;
	}

#pageContent .lead{
	font-weight: bold;
}
	#pageContent .pageImg{
		float: left;
		margin: 5px 10px 5px 0;
	}
	
#pageContent ul.banners{
	margin: 0 0 1em 0;
}
	#pageContent ul.banners li{
		padding-left: 0;
		line-height: 1em;
		background: none;
		margin: 0;
	}
		#rightSidebar ul.banners a:link,
		#rightSidebar ul.banners a:visited,
		#rightSidebar ul.banners a:hover,
		#rightSidebar ul.banners a:active,
		#rightSidebar ul.banners a img{
			text-decoration: none;
			border: none;
		}
		
		#rightSidebar ul.banners a:link,
		#rightSidebar ul.banners a:visited,
		#rightSidebar ul.banners a:hover,
		#rightSidebar ul.banners a:active{
			display: block;
			width: 230px;
			height: 100px;
			text-indent: -300px;
			overflow: hidden;
			background-position: top left;
		}
		
		#rightSidebar ul.banners li a#banner_schrijf_in{
			height: 48px;
			background: url('/static/img/banner_schrijf_in.gif') no-repeat;
		}
		
		#rightSidebar ul.banners li a#banner_interim_professionals{
			height: 101px;
			background: url('/static/img/banner_interim_professionals.gif') no-repeat;
		}
		
		#rightSidebar ul.banners li a#banner_interim_klussen{
			height: 73px;
			background: url('/static/img/banner_interim_klussen.gif') no-repeat;
		}
		
		#rightSidebar ul.banners li a#banner_contact{
			height: 73px;
			background: url('/static/img/banner_neem_contact_op.gif') no-repeat;
		}
		#rightSidebar ul.banners li a#banner_forza{
			height: 90px;
			background: url('/static/img/forza_side_banner.png') no-repeat;
		}
		
		#rightSidebar ul.banners a:hover#banner_schrijf_in,
		#rightSidebar ul.banners a:hover#banner_interim_professionals,
		#rightSidebar ul.banners a:hover#banner_interim_klussen,
		#rightSidebar ul.banners a:hover#banner_contact,
		#rightSidebar ul.banners a:hover#banner_forza{
			background-position: bottom left;
		}
		
		
#teaserButtonsWrapper{
	background: transparent url('/static/img/bg_teaser_buttons_top.gif') no-repeat top left;
	margin-top: 43px;
}
#rightSidebar #teaserButtonsWrapper{
	margin-top: 17px;
}
	#teaserButtons{
		background: transparent url('/static/img/bg_teaser_buttons_bottom.gif') no-repeat bottom left;
		width: 219px;
		padding: 26px 8px 4px 4px;
	}
		#teaserButtons ul{
			list-style-type: none;
			list-style-position: inside;
			background: #5db6d2;
			margin: 0;
			padding: 0;
		}
			#teaserButtons ul li{
				padding: 10px;
				height: 123px;
				background: none;
				color: #0b5373;
				margin: 0;
				border-bottom: 1px solid #7dc5db;
			}
			#teaserButtons ul li.hover{
				background: #75c1d9;
			}
				#teaserButtons ul li h3{
					font-size: 1.4em;
					color: #fff;
					margin: 5px 0 10px 0;
					line-height: 1.2em;
				}
				#teaserButtons ul li p{
					color: #0b5373;
				}
					#teaserButtons ul li a:link,
					#teaserButtons ul li a:visited,
					#teaserButtons ul li a:hover,
					#teaserButtons ul li a:active{
						color: #0b5373;
						border-bottom: 0;
						text-decoration: none;
					}
					
					#teaserButtons ul li.hover a,
					#teaserButtons ul li a:hover,
					#teaserButtons ul li a:active{
					}
					
					
/* -----------------------------------------
	HOME
----------------------------------------- */

#slideshow{
	position: relative;
	overflow: hidden;
	height: 337px;
}

	#slideshow a{
		position: absolute;
		left: 0;
		top: 0;
	}
	
#forzaBanner{
	left: 694px;
	top: 108px;
	position: absolute;
	z-index: 100;
	width: 213px;
	height: 85px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	background: url(/static/img/forza_banner.png) no-repeat top left;
}
#forzaBanner:hover{
	background-position: left -85px;
}

#teaser{
	background: url('/static/img/bg_teaser.png') no-repeat top left;
	width: 632px;
	height: 243px;
	position: absolute;
	top: 175px;
	right: -10px;
}
.interim.home #teaser{
	background: url('/static/img/bg_teaser_interim.png') no-repeat top left;
}
	#teaser ul{
		list-style-type: none;
		list-style-position: inside;
		margin: 80px 0 0 30px;
		float: left;
		position: relative;
	}
		#teaser ul li{
			background: transparent url('/static/img/bg_teaser_list.gif') no-repeat center left;
			padding-left: 20px;
			color: #5b9f67;
			line-height: 2em;
			font-size: 1.3em;
			font-weight: bold;
		}
			#teaserLink:link,
			#teaserLink:visited,
			#teaserLink:hover,
			#teaserLink:active{	
				position: absolute;
				top: 320px;
				right: 40px;
				width: 159px;
				height: 41px;
				overflow: hidden;
				display: block;
				background: url(/static/img/teaser_link.gif) no-repeat top left;
				text-indent: -1000px;
			}
			
			#teaserLink:hover{
				background-position: left -44px;
			}
			
			
			
.homepage #wrapper{	
	padding: 50px 0 0 25px;
}
	h2.openingsHeader{
		font-size: 1.7em;
		color: #fff;
		background: #4594b0;
		padding: 7px 8px 7px 8px;
		text-transform: uppercase;
		font-weight: bold;
		width: 190px;
		margin: 10px 0 0 10px;
	}
	
		h2.openingsHeader a:link,
		h2.openingsHeader a:visited,
		h2.openingsHeader a:hover,
		h2.openingsHeader a:active{
			display: block;
			color: #fff;
			text-decoration: underline;
		}
		
		h2.openingsHeader a:hover{
			text-decoration: none;
		}
		
		/* djir */
		
		h2.openingsHeader.djir{
			width: 197px;
			padding-top: 10px;
			padding-bottom: 0;
		}
		
		.interim.home h2.openingsHeader.djir{
			width: 172px;
		}
		
		h2.openingsHeader.djir a:link img,
		h2.openingsHeader.djir a:visited img,
		h2.openingsHeader.djir a:hover img,
		h2.openingsHeader.djir a:active img{
			border-bottom: 1px solid white;
		}
		
		h2.openingsHeader.djir a:hover img{
			border-bottom: 1px solid transparent;
		}

	#openingsContainer,
	#secundaryBlock{
		position: relative;
	}
	#blueScreen.js{
		width: 685px;
		height: 90%;
		position: absolute;
		top: 30px;
		left: 0;
		background: #5DB6D2;
	}
	
	#blueScreen.white{
		background: white;
		width: 700px;
	}

	#featuredOpenings{
		list-style-type: none;
		list-style-position: inside;
		margin: 0;
		width: 690px;
	}

		#featuredOpenings li{
			background: #78c6dd url('/static/img/bg_featured_openings_left.gif') no-repeat bottom left;
			width: 314px;
			padding: 10px 10px 20px 10px;
			margin: 0 13px 10px 0;
			float: left;
		}
		
		.js #featuredOpenings li{
			padding-bottom: 5px;
		}
		
		#featuredOpenings li.right{
			background: #78c6dd url('/static/img/bg_featured_openings_right.gif') no-repeat bottom left;
			margin-right: 0;
		}
		#featuredOpenings li.hover{
			background-color: #9cd9ec;
		}
			#featuredOpenings li h3{
				color: #0b5373;
				font-size: 1.2em;
				padding-bottom: 4px;
				margin: 0 0 4px 0;
				text-transform: uppercase;
			}
			
			#featuredOpenings li h3.heading1{
				background: url('/static/img/underline_heading1.gif') no-repeat bottom left;
			}
			
			#featuredOpenings li h3.heading2{
				background: url('/static/img/underline_heading2.gif') no-repeat bottom left;
			}
			
			#featuredOpenings li h3.heading3{
				background: url('/static/img/underline_heading3.gif') no-repeat bottom left;
			}
			
			#featuredOpenings li h3.heading4{
				background: url('/static/img/underline_heading4.gif') no-repeat bottom left;
			}
			
				#featuredOpenings li h3 a:link,
				#featuredOpenings li h3 a:visited,
				#featuredOpenings li h3 a:hover,
				#featuredOpenings li h3 a:active{
					color: #0b5373;
					text-decoration: none;
				}
			
			#featuredOpenings li p{
				margin: 0;
				line-height: 1.6em;
				color: #fff;
			}
			#featuredOpenings li.hover p{
				color: #0b5373;
			}
	
	
	/* controls */	
	#controls{
		margin-left: 550px;
		margin-bottom: 20px;
	}
	
		#prevVacancy,
		#nextVacancy{
			width: 12px;
			height: 12px;
			display: block;
			text-indent: -999px;
			overflow: hidden;
			background: url('/static/img/control_arrows.gif') no-repeat top left;
		}
		
		#nextVacancy{
			background-position: top right;
		}
		
		#moreVacancies:link,
		#moreVacancies:visited,
		#moreVacancies:hover,
		#moreVacancies:active{
			color: white;
			text-decoration: none;
			border-bottom: 1px dotted white;
			margin: 0 .4em;
		}
		
		#moreVacancies:hover{
			border-bottom: none;
		}
	
.homepage #teaserButtons,
.interim.home #teaserButtons{
	background: transparent url('/static/img/bg_teaserbuttons_container.gif') no-repeat top left;
	position: absolute;
	right: 0;
	top: 428px;
	width: 232px;
	padding: 5px;
}

.homepage #teaserButtons{ top: 424px;}

.interim.home #teaserButtons{
	padding-bottom: 0;
	top: 424px;
}

	.homepage #teaserButtons ul,
	.interim.home #teaserButtons ul{
		margin-right: 21px;
		background: transparent;
	}

	.homepage #teaserButtons ul li.last,
	.interim.home #teaserButtons ul li.last{
		border: none;
		padding-bottom: 0;	
	}
	
	#teaserButtons img.bottom{
		position: absolute;
		left: 2px;
		bottom: 1px;
	}
	
	.homepage #teaserButtons img.bottom{
		bottom: 0px;
	}
	
/*--------------------------------------
	INTERIM
---------------------------------------*/

#interimContainer{
	margin: 60px 0 0 25px;
}
#interimBody{
	background: #78c6dd url('/static/img/bg_interim_body_shadow.gif') no-repeat bottom left;
	width: 662px;
	padding: 10px 0 10px 10px;
	margin: 0 0 10px 0;
	min-height: 269px;
}

	#interimBody p{
		color: #0b5373;
	}

	#interimBody .lead{
		padding-right: 162px;
		font-weight: bold;
	}
	
		#interimBody .body *{
			padding-right: 162px;
		}
	
		#interimBody .body h3{
			color: #0b5373;
			text-transform: uppercase;
		}

	#secundaryBlock{
		background: #fff;
		padding: 25px 10px 25px 25px;
	}
	
	#secundaryBlock h2{
		color: #0b5373;
		font-size: 1.6em;
		text-transform: uppercase;
		font-weight: bold;
		margin: 10px 0 20px 10px;
	}
	
		#secundaryBlock h2 a:link,
		#secundaryBlock h2 a:visited,
		#secundaryBlock h2 a:hover,
		#secundaryBlock h2 a:active{
			color: #0b5373;
		}
		
		#interimBody a:link,
		#interimBody a:visited,
		#interimBody a:hover,
		#interimBody a:active{
			color: #0b5373;
		}
		
		#interimBody a:hover{
			text-decoration: none;
		}
		
		#secundaryBlock h2 a:hover{
			text-decoration: none;
		}
		
		#secundaryBlock h2 a:link img,
		#secundaryBlock h2 a:visited img,
		#secundaryBlock h2 a:hover img,
		#secundaryBlock h2 a:active img{
			border-bottom: 1px solid transparent;
		}
		
		#secundaryBlock h2 a:hover img{
			border-bottom: 1px solid #0b5373;
		}
	
		#secundaryBlock .quote{
			float: right;
			width: 220px;
		}
		
			#secundaryBlock .quote p{
				color: #0077a0;
			}
	
		#secundaryBlock #partners{
			margin: 0;
			padding: 0;
			list-style-type: none;
			float: left;
		}
			
			#secundaryBlock #partners li{
				width: 306px;
				margin: 0;
				float: left;
				background: #4594B0 url('/static/img/bg_interim_partners_shadow.gif') no-repeat bottom left;
				padding: 12px;
			}
			
			#secundaryBlock #partners li div.body{
				color: white;
				line-height: 1.4em;
				margin-bottom: 1.5em;
			}
				
				#secundaryBlock #partners li div.body *{ color: white !important; }
			
			#secundaryBlock #partners li.hover{ background-color: #0077a0; }
			
			#secundaryBlock #partners li.right{
				margin-left: 12px;
				background-position: bottom right;
			}
			
				#secundaryBlock #partners li p,
				#secundaryBlock #partners li h4	{
					color: white;
				}
				
				#secundaryBlock #partners li a:link,
				#secundaryBlock #partners li a:visited,
				#secundaryBlock #partners li a:hover,
				#secundaryBlock #partners li a:active{
					color: white;
				}
				
				#secundaryBlock #partners li .partnerPhoto{
					margin-bottom: .5em;
					width: 100px;
				}
	
	.interim #p_media_branche,
	.interim #p_three_yr_experience{
		position: relative;
		padding-bottom: 25px;
	}
	
		.interim #p_media_branche input,
		.interim #p_three_yr_experience input{
			position: absolute;
			top: 7px;
			left: 3px;
		}
		
		.interim #p_media_branche label,
		.interim #p_three_yr_experience label{
			position: absolute;
			left: 20px;
			top: 0;
		}
		
		.interim #p_media_branche .fielderror,
		.interim #p_three_yr_experience .fielderror{
			display: none;
		}
		
		
	/* -----------------------------------------
		PARTNER PAGE
	----------------------------------------- */	
	.interim #partnerList{
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
	
		.interim #partnerList li{
			margin: 0;
			padding: 30px 0 30px 0;
			background: none;
			border-bottom: 1px solid #ebebeb;
		}
		
			.interim #partnerList li.last{ border: none; }
	
			.interim #partnerList li h3,
			.interim #partnerList li p,
			.interim #partnerList li div{
				margin-left: 169px;
			}
			
				.interim #partnerList li div h3,
				.interim #partnerList li div.partnerPhoto,
				.interim #partnerList li div.partnerPhoto div,
				.interim #partnerList li div p,
				.interim #partnerList li div *{ 
					margin-left: 0;
				}
				
				.interim #partnerList li div.emptyFrame{
					height: 100px;
					width: 150px;
				}
			
		
			li .partnerPhoto{
				display: inline;
				float: left;
				margin: .2em 1em 0em 0;
				width: 150px;
			}
			
			.interim .partnerPhoto{
				margin: 2px 1em 0em 0;
				display: inline;
				float: left;
			}
		
			.partnerPhoto div{
				border: 1px solid #d3ecf3;
				display: table;
				margin: 0;
				padding: 0;
			}
		
				.partnerPhoto img{
					border: 1px solid white;
					margin: 0;
					padding: 0;
					float: left;
				}
		
	#partnerInfo{
		border-top: 1px solid #ebebeb;
		border-bottom: 1px solid #ebebeb;
		padding: 1em 0;
		margin: 30px 0;
	}
		#partnerInfo ul{
			border: 1px solid #d1ebf2;
			background: #eef8fa;
			margin: 0;
			padding:  0 1em 0 1em;
			list-style-type: none;
		}
		
			#partnerInfo ul li{
				background: transparent url('/static/img/bg_li_item_blue.gif') no-repeat center left;
			}
			
			#partnerList li h3 a:link,
			#partnerList li h3 a:active,
			#partnerList li h3 a:hover,
			#partnerList li h3 a:visited{
				color: #0B5373;
				border: none;
			}
			
			#partnerList li h3 a:hover{
				border-bottom: 1px solid #b5cbd5;
			}
		
	
/* -----------------------------------------
	HOMEPAGE NEWS
----------------------------------------- */

#news{
	background: #fff;
	padding: 20px 40px 30px 40px;
}
	#news h2{
		color: #0b5373;
		font-size: 1.6em;
		text-transform: uppercase;
		font-weight: bold;
		margin: 10px 0 20px 0;
	}
	
		#news h2 a:link,
		#news h2 a:visited,
		#news h2 a:hover,
		#news h2 a:active{
			color: #0b5373;
		}
		
		#news h2 a:hover{
			text-decoration: none;
		}
		
		#news h2 a:link img,
		#news h2 a:visited img,
		#news h2 a:hover img,
		#news h2 a:active img{
			border-bottom: 1px solid transparent;
		}
		
		#news h2 a:hover img{
			border-bottom: 1px solid #0b5373;
		}		
	
	#news ul{
		list-style-type: none;
		list-style-position: inside;
		margin: 0;
	}
		#news ul li{
			line-height: 1.6em;
			color: #0b5373;
			font-size: 1.3em;
			font-weight: bold;
			background: transparent url('/static/img/bg_news_li.gif') no-repeat left -12px;
			padding-left: 10px;
			border-top: 1px solid white;
			border-bottom: 1px solid white;
		}
			#news ul li a:link,
			#news ul li a:visited,
			#news ul li a:hover,
			#news ul li a:active{
				color: #0b5373;
				text-decoration: none;
			}
			#news ul li a:hover,
			#news ul li a:active{
				border-bottom: 1px solid #b5cbd5;
			}
			
			
	.raquo{ color: #ed174d; }


/* -----------------------------------------
	VACATURE FILTERS
----------------------------------------- */

#filterForm{
	margin: 24px 0 40px 0;
}
#filterForm .formElement{
	float: left;
	clear: none;
}
#filterForm .formElement.left{
	margin-right: 12px;
}
#filterForm label{
	color: #5b9f66;
	font-weight: bold;
	width: 204px;
}

#filterForm select{
	width: 204px;
	color: #747474;
}

#filterForm .p_submit{
	clear: both;
}


/* -----------------------------------------
	VACATURE LIST
----------------------------------------- */
#pageContent #vacatureTabs{
	margin: 0;
	border-bottom: 1px solid #cecece;
	margin-bottom: 20px;
}
	#pageContent #vacatureTabs li{
		background: none;
		padding: 0;
		float: left;
		color: #707070;
		font-weight: bold;
		margin: 0 0 0 10px;
	}
		#pageContent #vacatureTabs li a:link,
		#pageContent #vacatureTabs li a:visited,
		#pageContent #vacatureTabs li a:hover,
		#pageContent #vacatureTabs li a:active{
			color: #707070;
			border: none;
			padding: 7px 5px 3px 5px;
			display: block;
		}
		#pageContent #vacatureTabs li a:hover,
		#pageContent #vacatureTabs li a:active{
			text-decoration: underline;
		}
	#pageContent #vacatureTabs li.active{
		color: #424242;
		margin-bottom: -1px;
	}
		#pageContent #vacatureTabs li.active a:link,
		#pageContent #vacatureTabs li.active a:visited,
		#pageContent #vacatureTabs li.active a:hover,
		#pageContent #vacatureTabs li.active a:active{
			color: #424242;
			border: 1px solid #cecece;
			background: white;
			border-bottom: 1px solid #fff;
			padding: 6px 8px 7px 8px;
		}
		
		#pageContent #vacatureTabs li#vacatureListItem{
			width: 140px;
		}
		
		#pageContent #vacatureTabs li #vacatureUpdaterLink:link,
		#pageContent #vacatureTabs li #vacatureUpdaterLink:visited,
		#pageContent #vacatureTabs li #vacatureUpdaterLink:hover,
		#pageContent #vacatureTabs li #vacatureUpdaterLink:active{
			padding: 8px 8px 7px 8px;
		}
		
		
		#pageContent #vacatureTabs li.active a:hover,
		#pageContent #vacatureTabs li.active a:active{
			text-decoration: underline;
		}
		
		#pageContent #vacatureTabs li a:link #vacature_count_copy,
		#pageContent #vacatureTabs li a:visited #vacature_count_copy,
		#pageContent #vacatureTabs li a:hover #vacature_count_copy,
		#pageContent #vacatureTabs li a:active #vacature_count_copy{
			color: #999;
			font-weight: normal;
		}
		
		#pageContent #vacatureTabs li img{
			margin-left: 5px;
		}

.toggleBlock{
	background: #eef8fa;
	border: 1px solid #d1ebf2;
	padding: 1em 1em 0 1em;
	margin: 0 0 45px 0;
}

.toggleBlock.noResults{ margin: 0 0 1em 0; }

.toggleBlock.emailForm{
	margin-bottom: 1em;
}

	.toggleBlock .iconMessage{
		margin-bottom: 1em;
	}
	
	#tellafriend.toggleBlock .iconMessage{
		padding-left: 2em;
		background: url(/static/img/ico_mail.gif) no-repeat 0pt 5px;
	}

	#pageContent .toggleBlock .iconMessage a:link,
	#pageContent .toggleBlock .iconMessage a:active,
	#pageContent .toggleBlock .iconMessage a:hover,
	#pageContent .toggleBlock .iconMessage a:visited{
		color: #424242;
		border-bottom: 1px solid #424242;
	}
	
	#pageContent .toggleBlock .iconMessage a:hover{
		border-bottom: none;
	}

	.toggleBlock .iconMessage img{
		vertical-align: middle;
	}

#pageContent #vacatureList{margin: 0;}
	#pageContent #vacatureList li{
		background-position: left 18px;
		border: 1px solid white;
		border-top: 1px solid #e4e4e4;
		border-bottom: 1px solid #e4e4e4;
		margin: 0 0 15px 0;
		padding-top: 15px;
		padding-bottom: 15px;
	}
	#pageContent #vacatureList li.rowAlt{
		background-color: #EEF8FA;
		border-bottom: 1px solid #fff;
		border-top: 1px solid #fff;
	}
		#pageContent #vacatureList li h3{font-size: 1em; color: #5d5d5d; font-weight: bold;}
			#pageContent #vacatureList li h3 a:link,
			#pageContent #vacatureList li h3 a:active,
			#pageContent #vacatureList li h3 a:hover,
			#pageContent #vacatureList li h3 a:active{
				border: none;
				font-weight: bold;
			}
			
			#pageContent #vacatureList li ul{
				margin: 0;
				list-style-position: inside;
				padding: 0;
			}
			
				#pageContent #vacatureList li ul li{
					background: transparent url('/static/img/bg_li_item.gif') no-repeat 0 3px;
					padding: 0 0 0 15px;
					line-height: 1.4em;
					margin: 0.7em 0;
					color: #424242;
					border: none;
				}
			
			
		#pageContent #vacatureList li h3 a:hover,	
		#pageContent #vacatureList li.hover h3 a:link,
		#pageContent #vacatureList li.hover h3 a:active,
		#pageContent #vacatureList li.hover h3 a:hover,
		#pageContent #vacatureList li.hover h3 a:active{
			border-bottom: 1px solid #fab9c9;
		}
			
		#pageContent #vacatureList li.hover{
			border-bottom: 1px solid #bbbbbb;
			border-top: 1px solid #bbbbbb;
		}

		#pageContent #vacatureList li p{margin: 0;}
		#pageContent #vacatureList li p.details{
			font-size: 0.9em!important;
			margin-top: 1em;
		}
		
		.numberMessage{
			border-top: 1px solid #e4e4e4;
			padding: .5em 0 .5em 0;
			margin: 0;
		}
		
		#vacatureMap .numberMessage{ border-top: none; }

		#pageContent #noResults{
			background-color: #fef3f6;
			border-bottom: 1px solid #fff;
			border-top: 1px solid #fff;
			padding: 1em;
			margin: 0 0 1em 0;
		}
		
			#pageContent #noResults p{ margin-bottom: 0;}
			
			
/* -----------------------------------------
	COMPANY LIST
----------------------------------------- */

#companyFilterBlock fieldset#filterForm{
	margin: 0 0 10px 0;
}

#companyFilterBlock #p_submit{
	clear: both;
}

p.companyResults{
	border-bottom: 1px solid #e4e4e4;
}
#pageContent #companyList{margin: 0;}
	#pageContent #companyList li,
	#companyContainer{
		background: none;
		padding: 15px 0 0 0;
		border-top: 1px solid #e4e4e4;
		margin: 0 0 20px 0;
	}
	#companyContainer{
		border: none;	
	}
		#pageContent #companyList .companyLogo,
		#companyContainer .companyLogo{
			width: 104px;
			height: 101px;
			overflow: hidden;
			border-top: 1px solid #d1ebf2;
			text-align: center;
			background: transparent url('/static/img/bg_logo.gif') no-repeat bottom left;
			padding-bottom: 5px;
			float: left;
			margin-bottom: 5px;
		}
		
			#pageContent #companyList .companyLogo img,
			#companyContainer .companyLogo img{
				margin-top: 8px;
			}
		
		#pageContent .companyLogo a:link,
		#pageContent .companyLogo a:visited,
		#pageContent .companyLogo a:hover,
		#pageContent .companyLogo a:active{
			border: none;
		}
		
		
		#pageContent #companyList h2,
		#companyContainer h2{
			font-size: 1.2em;
		}
			#pageContent #companyList h2 a:link,
			#pageContent #companyList h2 a:visited,
			#pageContent #companyList h2 a:hover,
			#pageContent #companyList h2 a:active,
			#companyContainer h2 a a:link,
			#companyContainer h2 a a:visited,
			#companyContainer h2 a a:hover,
			#companyContainer h2 a a:active{
				color: #00405d;
				border: 0;
			}
			#pageContent #companyList h2 a:hover,
			#pageContent #companyList h2 a:active,
			#companyContainer h2 a:active,
			#companyContainer h2 a:hover{
				text-decoration: underline;
			}
		#pageContent #companyList .companyInfo,
		#companyContainer .companyInfo{
			background: #eef8fa;
			border: 1px solid #d1ebf2;
			float: right;
			width: 300px;
			padding: 5px 10px 4px 10px;
		}
		
		.companyInfo{
			margin-bottom: 1em;
		}
		
			#pageContent #companyList .companyInfo ul,
			#companyContainer .companyInfo ul{
				margin: 0;
			}
				#pageContent #companyList li .companyInfo ul li,
				#companyContainer .companyInfo ul li{
					background: transparent url('/static/img/bg_info_list.gif') no-repeat left 7px;
					padding: 0 0 0 10px;
					margin: 0;
					border: 0;
					line-height: 1.75em !important;
				}
					#pageContent #companyList .companyInfo ul li a,
					#companyContainer .companyInfo ul li a{
						border: 0;
					}
					
/* -----------------------------------------
	TEAM
----------------------------------------- */

#pageContent ul#team{
	list-style-type: none;
	margin: 0;
	padding: 0;
	list-style-position: inside;
}

	#pageContent ul#team li{
		border-top: 1px solid #e4e4e4;
		padding: 15px 0;
		background: none;
	}
	
	#pageContent ul#team li .photo{
		border: 1px solid #d1ebf2;
		padding: 4px;
		padding-bottom: 0;
		margin:-right: 1em;
		margin-bottom: 1em;
		margin: 5px 1em 4px 0;
	}
	
	#pageContent ul#team li .partnerPhoto .emptyFrame{
		height: 150px;
		width: 150px;
	}
		
		#pageContent ul#team li .photo img{
			border: 1px solid white;
		}
	
	#pageContent .contactInfo{
		background: #eef8fa;
		border: 1px solid #d1ebf2;
		padding: 3px 10px 10px 10px;
	}
	
		#pageContent .contactInfo ul{
			margin: 0;
			padding: 0;
		}
	
		#pageContent ul#team .contactInfo li{
			background: transparent url('/static/img/bg_info_list.gif') no-repeat left 13px;
			padding: 7px 0 0 10px;
			margin: 0;
			border: 0;
		}


/* -----------------------------------------
	NEWS
----------------------------------------- */
.newspage h1{ margin-bottom: 0em;}
#pageContent #newsOverview{margin: 0;}

	#pageContent #newsOverview li{
		border-top: 1px solid #e4e4e4;
		border-bottom: 1px solid #e4e4e4;
		margin:0 0 15px 0;
		color: #0b5373;
		padding: 14px 14px 14px 13px;
		background: transparent url('/static/img/bg_news_li.gif') no-repeat top left;
	}
	#pageContent #newsOverview li.rowAlt{
		background: #eef8fa url('/static/img/bg_news_li.gif') no-repeat top left;
		border-bottom: 1px solid #fff;
		border-top: 1px solid #fff;
	}
	#pageContent #newsOverview li.first,
	#pageContent #newsOverview li.last{
		border-top: 1px solid transparent;
	}	
	#pageContent #newsOverview li.hover{
		border-bottom: 1px solid #bbbbbb !important;
		border-top: 1px solid #bbbbbb !important;
	}
		
		#pageContent #newsOverview li h3{
			font-size: 1em;
			color: #0b5373;
			margin: 0 0 .5em 0;
		}
		
			#pageContent #newsOverview li h3 a:link,
			#pageContent #newsOverview li h3 a:active,
			#pageContent #newsOverview li h3 a:hover,
			#pageContent #newsOverview li h3 a:visited{
				color: #0B5373;
				border: none;
			}
			
			#pageContent #newsOverview li h3 a:hover,
			#pageContent #newsOverview li.hover h3 a:link,
			#pageContent #newsOverview li.hover h3 a:active,
			#pageContent #newsOverview li.hover h3 a:hover,
			#pageContent #newsOverview li.hover h3 a:visited{
				border-bottom: 1px solid #b5cbd5;
			}
			
		#pageContent #newsOverview li p{
			clear: left;
		}
		#pageContent #newsOverview li p.date{
			font-size: 0.9em!important;
			margin: 0;
			line-height: 1.7em!important;
		}
/* -----------------------------------------
	CONTACT & ROUTE
----------------------------------------- */

#contactInfo{
	border: 1px solid #e4e4e4;
	border-width: 1px 0;
	padding: 20px 0;
	margin: 20px 0 25px 0;
}
	#generalContactInfo{
		background: #edf7fa;
		border: 1px solid #d1eaf2;
		padding: 10px;
		margin-top: 20px;
	}
		#generalContactInfo p{
			width: 48%;
			float: left;
			margin: 0;
		}
#contactmapWrapper{
	border: 1px solid #e4e4e4;
	padding: 1px;
	float: left;
	width: 225px;
	height: 250px;
	margin-right: 10px;
}
#contactmap{
	width: 225px;
	height: 250px;
}
/* -----------------------------------------
	Google Maps
----------------------------------------- */

#map_wrapper{
	border-top: 1px solid #e4e4e4;
	border-bottom: 1px solid #e4e4e4;
	padding: 1px 0;
}

#map_canvas{
	width: 433px; 
	height: 433px;
}

#map_canvas span,
#map_canvas a{
	background: white;
	margin: 0pt;
	padding: 1px;
}

#map_canvas ul{
	margin: 0;
}

#map_wrapper #map_canvas a{ border: none !important;}


#contactmapWrapper .gmnoprint{
	overflow: hidden;
}		

#vacature_title{
	background: #eef8fa;
	border: 1px solid #d1ebf2;
	margin-top: -20px;
	position: relative;
	z-index: 200;
}


/* -----------------------------------------
	SITEMAP
----------------------------------------- */
		
#pageContent #sitemap,
#pageContent #sitemap ul{
	margin: 0;
	padding: 0;
	list-style-position: outside;
}

#pageContent #sitemap ul{
	margin-left: 1.5em;
}

	#pageContent #sitemap li{
		background-position: 0 9px;
		margin: 0;
		padding-top: 7px;
	}
	
		#pageContent #sitemap li a:link,
		#pageContent #sitemap li a:active,
		#pageContent #sitemap li a:hover,
		#pageContent #sitemap li a:visited{
			border: none;
			color: #424242;
		}
		
		#pageContent #sitemap li a:hover{
			color: #ed174d;
			border-bottom: 1px solid #FAB9C9;
		}
	
/* -----------------------------------------
	TABLES
----------------------------------------- */
table{
	margin: 2em 0;
	width: 100%;
	text-align: left;
	color: #424242;
}

#team_list tr td{
	vertical-align: middle;
}
	table caption{
		margin-bottom: -1em; /* table top-margin/2 reversed! */
		margin-top: 2em; /* table top-margin/2 reversed! */
		font-size: 1.2em;
		font-style: italic;
		color:#666;
		text-align: right;
	}
	table tr{}
	table thead{}
		table thead tr{background: #00405d; color: #FFF;}
			table thead tr th,
			table tfoot tr th{
				padding: 0.2em 0.5em;
				font-weight: bold;
			}
			table thead tr td,
			table tfoot tr td,
			table tfoot tr th{
				padding: 0.2em 0.5em;
			}
	table tbody{}
		table tbody tr{}
			table tbody tr th{
				padding: 0.2em 0.5em;
				font-weight: bold;
			}
			table tbody tr td{
				padding: 0.5em 0.5em;
			}
			table tbody tr.rowAlt td{
				background: #fef3f6;
			}




/* -----------------------------------------
	FORMS
----------------------------------------- */
form{}
	legend,
	label,
	.help_text{
		font-family: Arial, Helvetica, Verdana, sans-serif;
		font-weight: normal;
		display: block;
	}
	fieldset.form{padding: 10px;}
		
		form p{margin-bottom: 1.0em;}
		
			form .help_text{display:block;font-style: italic;}
			
			label{
				padding: 8px 3px;
				color: #424242;
			}
			
			label.inFront{
				width: 120px;
				float: left;
			}
			
		.inputWrapper{
			background: #e5e5e5;
			padding: 2px;
			display: table;
			float: left;
		}
		
			input,
			textarea,
			select{
				color: #333;
				border: 1px solid #cecece;
				margin: 0;
				font-size: 1em;
				width: 225px;
				padding: 2px;
				line-height: 1.4em;
				background: #fff;
				font-family: Arial, Helvetica, Verdana, sans-serif;
			}
			
			textarea{
				line-height: 1.5em;
				overflow: auto;
				width: 423px;
			}
			
			.emailForm textarea#id_comment{
				width: 225px;
			}
			
			input:focus,
			textarea:focus,
			input.focus,
			textarea.focus{
				border: 1px solid #adadad;
			}


			input[type='button'], input[type='submit'], input[type='checkbox'], input[type='image'], input[type='radio'], input[type='reset'], select, button { cursor: pointer; }

			input[type='hidden'] { display:none; }

			/* No width etc. on certain types of input... */
			input[type='button'], input[type='submit'], input[type='reset'],
			input.button{padding: 5px;width: auto;border: 1px outset #0b5589; }
			input[type='image']{
				width: auto;
				padding: 0;
				border: 0;
				line-height: 1em;
			}
				/* ... Checkboxes and radio buttons */
				input[type=checkbox],
				input[type=radio],
				input.check,
				input.radio{
					background: transparent;
					width: auto;
					float: left; /* !! */
					border: none;
					margin: 0;
				}
			
			input.imageButton{ 
				border: none; 
				background: transparent;
			}
			input.submitButton{
				background: #ed174d;
				border: none;
				color: white;
				padding: 4px 10px;
			}
							
			#pageContent a.button.schrijfJeIn:link, 
			#pageContent a.button.schrijfJeIn:visited, 
			#pageContent a.button.schrijfJeIn:hover, 
			#pageContent a.button.schrijfJeIn:active{
				float: right;
				text-align: left;
				display: block;
				height: 33px;
				width: 127px;
				overflow: hidden;
				background: url(/static/img/button_schrijf_in.gif) no-repeat top left;
				text-indent: -300px;
			}
			
			#pageContent a.button.schrijfJeIn:hover{
				background-position: bottom left;
			}
			
			.submit{ position: relative; }
			.indented{ padding: 23px 0 0 126px; }

#message{
	color: #ff6565;
	background: #ffe5d4;
	padding: 2px 2px 2px 5px;
	width: 410px;
	font-weight: bold;
}

.required{
	color: #ed174d;
}
.requiredMessage{
	color: #ed174d;
	position: absolute;
	right: 70px;
}
.cancel{
	color: #424242;
	position: absolute;
	top: 23px;
	margin-left: 7px;
}

.formElement{
	clear: both;
	font-size: 1.3em;
	color: #0b5589;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	margin: 5px 0 5px 0;
}

/* error */
form .error{
	background: #ffdbdb;
	border: 1px solid #ffa8a8;
}
div.error label{
	color: #a9002b;
}


div.formElement.error input,
div.formElement.error textarea{
	border: 1px solid #ffb7b7;
}

.error .fielderror{
	color:#a9002b;
	height:20px;
	line-height:26px;
	margin-left:10px;
}

.error .fielderror.underInput{
	float: left;
	padding-bottom: 10px;
	margin-left: 2px;
}

.error .inputWrapper{
	background: transparent;
}

.messageBox.error h2,
.messageBox.error p{
	color: #a9002b;
}

.messageBox.success{
	background: #eafaea;
	border: 1px solid #bce5aa;
	padding: 1em 1em 0 1em;
	margin-bottom: 1em;
}

	.messageBox.success h2{ color: #227f1f;}

div.formElement.error input.focus,
div.formElement.error input:focus,
div.formElement.error textarea.focus,
div.formElement.error textarea:focus{
	border: 1px solid #ffa3a3;
}

#id_cv,
#id_letter{
	margin-right: 10px;
}

#p_cv .fielderror{
	padding-left: 10px;
}

#p_media_branche .inputWrapper,
#p_three_yr_experience .inputWrapper{
	border: none;
	background: transparent;
}