body, html
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 100%;
}


html{
	overflow-y: scroll !important;
}


body
{
	font-family: Verdana, Arial;
	font-weight: normal;
	font-size: 11px;
	color: #424242;
	background-color: #bae9fb;
	background-attachment: fixed;
}


a:link, a:visited, a:active
{
	color: #457abe;
	text-decoration: underline;
	outline: none;	
}


a:hover
{
	color: #004da0;
	text-decoration: none;
	outline: none;	
}


a:focus
{
	outline: none;
}


#main_container
{
	position: relative;
	width: 988px;
	margin: 0 auto;
	padding: 0 0px 0 0px;
	/* _padding: 0 8px 0 7px;  ie6 */
	background-color: #ffffff;
	overflow:hidden;
	z-index:10;
}


/* container boxen */
#header_container
{
	position: relative;
	z-index: 10;
	width: 988px;
	height: 120px;
	padding: 0px;
	overflow: visible;
}


#image_home 
{
	position: relative;
	float: left;
	width: 656px;
	margin-top: 8px;
}


#frame-news
{
	position: relative;
	float: right;
	margin-top: 8px;
	margin-left: 8px;
	width: 324px;


	background-color: #ffffff;
	background-image: url(../images/basics/bg_down.gif); /* content */ 
	background-repeat: repeat-x;
	background-position: left bottom;
}
#frame-news .frame-content
{
	height: 131px;
}



#left_container
{
	position: relative;
	clear:both;
	float: left;
	width: 324px;
	margin-top: 8px;
	/*min-height: 100%;*/
}


#middle_container
{
	position: relative;
	float: left;
	/*width: 508px;*/
	width: 324px;
	margin-top: 8px;
	margin-right: 8px;
	margin-left: 8px;
}


#right_container
{
	position: relative;
	float: left;
	width: 324px;
	margin-top: 8px;
}


#footer_container
{
clear: both;
width: 100%;
padding-top: 8px;
}


#footer_middle
{
position: relative;
float: left;
width: 508px;
border-top: solid 5px #bcbcbc;
text-align: right;
color: #bcbcbc;
}




/* content boxen */
#header
{
	position: relative;
	width: 100%;
	height: 70px;
	overflow: hidden;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	background-image: url(/Files/System/images/basics/bg_down.gif); /* content */ 
	background-repeat: repeat-x;
	background-position: left bottom;


	text-align: left;
}


.frame-grey	
{
border-top: solid 5px #b0b0b0;
border-bottom: solid 1px #FFFFFF;
}


.frame-grey2	
{
border-top: solid 1px #D1D1CF;
border-bottom: solid 1px #FFFFFF;
}


.frame-background
{
position: relative;
overflow: hidden;
background-color: #ffffff;
background-image: url(../images/basics/bg_down.gif); /* content */ 
background-repeat: repeat-x;
background-position: left bottom;
}


.frame-background2
{
position: relative;
overflow: hidden;
background-color: #ffffff;
background-image: url(../images/basics/bg_top.gif); /* content */ 
background-repeat: repeat-x;
background-position: left top;
}


.frame-background_portfolio_detail
{
position: relative;
overflow: hidden;
background-color: #ffffff;
background-image: url(../images/basics/bg_down.gif); /* content */ 
background-repeat: repeat-x;
background-position: left bottom;
height: 182px;
}


.frame-content	
{
position: relative;
border: solid 1px #d1d1cf;
padding: 20px 20px 20px 20px;
color: #555555;
}


.frame-content_detail	
{
position: relative;
border: solid 1px #d1d1cf;
color: #555555;
height: 182px !important;
}


.frame-content_detail a img
{
border: none;
}


.frame-content_detail_logo
{
height: 141px !important;
position: relative;
border: solid 1px #d1d1cf;
color: #555555;
text-align: center;
padding-top: 41px;
}




#portfolioUitgelichtContainer 
{
    margin-left:20px;
}


#portfolioUitgelichtContainer .portfolioUitgelicht
{
    float:left;
    margin-right:5px;
}


#portfolioUitgelichtContainer .frame-content 
{
    width:430px;
    height:130px;
    padding:10px 20px 0px 20px;
}


.portfolioUitgelichtContent 
{
    background:yellow;
}


.portfolioUitgelichtContent .logoContainer 
{
    height:70px;
    border:1px solid grey;
}


.portfolioDetailTop
{
	position: relative;
	float: left;
	width: 309px;
	/*min-height: 100%;*/
	margin: 3px;
}


.PortfolioDetailContent_container{
	margin-top: 8px;
	padding-top: 15px;
}


.PortfolioDetailContentLeft{
	position: relative;
	float: left;
	width: 309px;
	/*min-height: 100%;*/
	margin: 0px 3px 0px 3px;
}


.PortfolioDetailContentLeft a{
	color:#424242;
	text-decoration: none;
}


.PortfolioDetailContentLeft a:hover{
	text-decoration: underline;
}


.PortfolioDetailContentLeft tr td{
	border-bottom: 1px solid #d1d1d1;
	padding: 2px 8px 2px 8px;
	vertical-align: top;
}


.PortfolioDetailContentLeft .blauw{
	color:#457ABE;
	width: 101px;
}


.portfoliodetail_back{
	display: block;
	background:transparent url(/Files/System/images/basics/portfoliodetail_back.png) no-repeat left 2px;
	margin-left: 8px;
	padding-left: 15px;
	width: 140px;
	color: #b0b0b0 !important;
}


.portfoliodetail_back:hover{
	background:transparent url(/Files/System/images/basics/portfoliodetail_back.png) no-repeat left -14px;
	color: #457abe !important;
	text-decoration: none;
}


.PortfolioDetailContentRight{
	position: relative;
	float: left;
	width: 600px;
	/*min-height: 100%;*/
	margin: 0px 3px 0px 30px;
}


.content_top_margin 
{
	height: 10px;
}


.colNewsDate 
{
	/* Home */
	width: 70px;
	margin: 0;
	padding: 0 0 3px 0;
	vertical-align: top;
}
.colNewsHeading
{
	width: 210px;
	margin: 0;
	padding: 0 0 3px 0;
}


#logo
{
	float: left;
	position: relative;
	padding-top: 9px;
	padding-left: 20px;
}


#icons_search
{
position: absolute;
width: 146px;
height: 39px;
top: 0px;
right: 0px;
background-image: url(../images/icons/bg_icons.gif);
background-repeat: no-repeat;
background-position: left top;
}




#topimage
{
position: absolute;
width: 200px;
height: 271px;
margin-left: 618px;
margin-top: 15px;
}


#flash
{
position: absolute;
width: 468px;
margin: 10px 0 0 180px;
height: 60px;
z-index: 200;
}


.textbox
{ 
border: 1px solid #bcbcbc; 
background-color: #FFFFFF;
font-family: Verdana, Arial;
font-size: 11px;
color: #451f77;
}




.thumbnail
{ 
border: 1px solid #b0b0b0; 
}




/* ---------------------- Menu nav ---------------------- */
#Menucontainer
{
	
position:relative;
margin-top: 7px;
/* 2 extra px width needed for floating divs. the overflow is not visible via parent container */
width:990px;
height:35px;
background:#6c97ce url(/Files/System/images/basics/bg_menu.gif) repeat-x top left;
}




#Menunav
{
	
position:relative;
height:35px;
font-size:11px;
font-weight:bold;
padding:0px 0px 0px 0px;
width: 100%;
}


#Menunav .Item, #Menunav .Item_hover
{
	float: left;
	position: relative;
	margin:0 2px 0 0;
	width: 163px;
	height:30px;
	overflow: visible;
}


#Menunav .submenu .Item, #Menunav .submenu .Item_hover
{
	float: none;
	position: relative;
	margin:0;
	width: 163px;
	height: auto;
	overflow: visible;
}
#Menunav .submenu .ItemContent
{
	position: relative;
	width: 163px;
	height: 20px;
	overflow: hidden;
}
#Menunav .Item a, #Menunav .Item_hover a
{
	display:block;
	position: relative;
	width: 163px;
	color:#EAF3F8;
	font-weight: bold;
	text-decoration:none;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	text-align: center;
	line-height: 30px;
	/* applies to line-height */
	vertical-align: middle;
	overflow: hidden;
}
#Menunav .Item_hover a
{
	background-image: url(/Files/System/images/basics/bg_menu_ov.gif);
}
#Menunav .submenu .ItemContent a
{
	line-height: 20px;	
}


.submenu 
{
	clear: both;
	position: absolute;
	border: solid 1px Gray;
}
.submenu .submenu 
{
	position: absolute;
	margin-top: -20px;
	margin-left: 154px;
}


#Menunav .submenu .Item a
{
	position: absolute;
	background:#6c97ce url(/Files/System/images/basics/bg_menu.gif) repeat-x top left;
}






/* ---------------------- END Menu nav ---------------------- */


/* SubMenu right */
.nimg{
display: block;
}


.SubMenu {
	position: relative;
	margin-left: 0px;
}
.SubMenu .SubMenu {
	margin-left: 20px;
}


.SubMenu a {
	font-weight: bold;
	text-decoration: none;
	margin-left: 10px;
}


.SubMenu img
{
	position: absolute;
}			
/* End: SubMenu right */




.clearboth 
{
	clear: both;
}
.hide 
{
	display: none;
}




.Legend a
{
	font-size: 11px;
	color: #457abe;
	text-decoration: underline;
	background-color: Transparent;
}


.Legend a:hover
{
	font-size: 11px;
	color: #004da0;
	text-decoration: underline;
	background-color: Transparent;
}


#QuickSearchBox
{
	float: right;
	position: relative;
	padding: 0px 20px 0 0;
	/*margin: 20px 20px;*/
}
#QuickSearchBox form
{
	margin: 5px 0 0 0;
}


#QuickSearchBox input[type=submit]
{
	/*background-color: #004da0;*/
}


#searchbutton
{
	border-style: none;
	border-width: 0;
	width: 100px;
	height: 20px;
	background-image: url(/Files/System/images/basics/bg_searchbutton_ov.gif);
	background-repeat: no-repeat;
	background-position: center;	
	font-family: Verdana, Arial;
	font-weight: bold;
	font-size: 10px;
	color: #ffffff;
}


div.inputWrapper
{
	width: 160px;
	height: 20px;
	background: url(/Files/System/images/basics/bg_searchinput.gif) left top no-repeat;
	float: left;
	margin-right: 9px;
}


div.inputWrapper input[type=text]
{
	border-style: none;
	border-width: 0;
	width: 152px;
	height: 12px;
	padding: 4px 4px 4px 4px;
	background-color: transparent;
	font-family: Verdana, Arial;
	font-weight: normal;
	font-size: 10px;
	color: #b0b0b0;
}




/* Added button design */


.btn_submit {
    background:url("/Files/System/images/basics/bg_button_right.gif") no-repeat scroll right top transparent;
    padding-right: 5px;
}


.btn_submit input {
    background:url("/Files/System/images/basics/bg_button.gif") no-repeat scroll 0 0 transparent;
    border:medium none;
    color:#FFFFFF;
    cursor:pointer;
    height:20px;
    line-height:20px;
	font-size: 10px;
    font-weight: bold;
    width:100%;
    padding:0 15px 0 20px;
}


/* End added button design */


#sitemap
{
	padding-left: 25px;
	margin: 0;
}


#sitemap ul
{	
	list-style-type: none;	
	display: block;
	padding: 0;		
	margin: 0;
	padding-left: 10px;		
	cursor: pointer;		
	margin-left: 5px;
}


#sitemap li a
{
	padding-top: 5px;
	padding-left: 3px;
	display: block;
	border-bottom: solid 1px #b0b0b0;
	text-decoration: none;
	outline: 0;
	height: 18px;
font-weight: bold;
}


#sitemap li a:hover
{	
	color: #FFFFFF;	
	background-color: #b0b0b0;
	font-weight: bold;
}


/* Experience Slider*/


#XperienceOverzicht
{
	position:relative;
	z-index:100;
}


#XperienceMenu 
{
    padding: 0;
    margin: 0;
    height: 100px;
    list-style-type: none;
}


#XperienceMenu li 
{
    float: left;
    width: 170px;
    height: 100px;
    position: relative;
	border:1px solid red;
}


#XperienceMenu img 
{
	margin:5px;
}


#XperienceMenu li a, #XperienceMenu li a:visited 
{
    display: block;
}


/* Slideboxen Experience balk */


#box4
{
	position:absolute;
}


#box4 H1
{
	color: #fff;
	padding-bottom: 10px;
}


#box4 div
{
	width:980px;
	height:220px;
	float:left;
}


#box4 ul
{
	list-style-type:none;
	margin:0;
	padding:0;
}


#box4 li
{
	display:inline;
	float:left;	
}


#box4 img
{
	float:left;
	padding: 2px;
	background-color: #fff;
	border: solid 1px grey;
	height: 108px;
	margin-right: 20px;
	opacity: 0.8;
	filter:alpha(opacity=100);
}


#box4 img:hover
{
	opacity: 1;
	filter:alpha(opacity=85);
}


.mask3
{
	position:relative;
	width:980px;
	height:220px;
	overflow:hidden;
	margin: 0 auto;
}


.buttons
{
	padding: 10px 10px 10px 10px;
}


.buttons span
{
	color:#fff;
	padding:3px 15px;
	cursor:pointer;
	background-image: url("/Files/Filer/BDExperience/filmpjes/bgbuttons2.gif");
	background-repeat: repeat-x;
}


.buttons span.active, .buttons span:hover
{
	background-image: url("/Files/Filer/BDExperience/filmpjes/bgbuttons.gif");
	background-repeat: repeat-x;
	color:#0080FF;
}


.titelxperiencebar
{
	font-size: 14pt;
}


/* search result styling */


.zoeknavigatie {
	padding-top:10px;
}


.zoeknavigatie a{
	border:1px solid #457ABE;
	line-height:25px;
	padding:4px;
	text-align:center;
}


.zoeknavigatie a:hover{
	background-color:#eee;
	border: 1px solid #004DA0;
	padding:4px;
	text-align: center;
	line-height: 25px;
}


.zoeklijst{
	border-bottom:1px solid #004DA0;
	border-top:1px solid #004DA0;
	margin-top:10px;
	padding-top:20px;
}