/**
* Z-index: order
* 1 #carousel
* 2 img#carousel-frame
* 3 a.scip-intro
*/
/**
* @section reset
* @see http://developer.yahoo.com/yui/reset/
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,th,td { 
	margin:0;
	padding:0;
	border: 0;
}
table
{
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img
{ 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var
{
	font-style:normal;
	font-weight:normal;
}
ol
{
	list-style:none;
}
caption,th
{
	text-align:left;
}
h1,h2,h3,h4,h5,h6
{
	font-size:100%;
	font-weight:normal;
}
q:before,q:after
{
	content:'';
}
abbr,acronym
{
border:0;
}

/* border style for all images */
img 
{
   border: 0;
}
/* remember to define focus styles! */
:focus
{
    outline: 0;
}


body
{
	background: #fff url(/images/bg.png) repeat-x top left;
	color: #5F5D5E;
	font-family: Verdana;
	font-size: 11px;	
	margin: 0;
	padding: 0;
	line-height: 15px;
	text-align: center;
}

/**
* @section header
*/
#header
{
	width: 960px;
	height: 227px;
	margin: 0 auto;
	text-align: left;
	position: relative;
	overflow: hidden;
}
/**
* @section globe
* width=140
* height=227
*/
a.globe,
a.globe:link,
a.globe:visited,
a.globe:hover,
a.globe:active
{
	position: absolute;
	left: 0;
	top: 0;
	text-decoration: none;
}
/**
* @section logo
* width=484
* height=103
*/
a.logo,
a.logo:link,
a.logo:visited,
a.logo:hover,
a.logo:active
{
	position: absolute;
	left: 149px;
	top: 0;
	text-decoration: none;
}
.about
{
    position: absolute;
    left: 140px;
    top: 103px;
    font: normal 11px Arial;
    background: inherit;
    color: #666;  
}
.about p
{
	line-height: 160%;
	margin-top: 10px;
	margin-bottom: 16px;
	margin-left: 8px;
}
/**
* @section nav
*/
#nav
{
    position: absolute;
    top: 0;
    right: 0;
    width: 309px;
    height: 227px;
    background: #fff url(/images/bg_nav.png) no-repeat top left;
}

#nav ul
{
    margin-top: 65px;
    display: block;
    width: 309px;
    height: 227px;
}

#nav li
{
	display: block;
	width: 309px;
	height: 54px;
}
#nav a
{
	display: block;
	width: 309px;
	height: 54px;	
}

/*#nav .liNieuws_off,
#nav .liNieuws_off a,
#nav .liNieuws_on,
#nav .liNieuws_on a
{
    height: 66px;
}*/
/* hover states */
/*
#nav .liNieuws_off a:hover
{
	height: 66px;
	background-image: url(/images/bg_nav_hover.png);
}
*/
/*
#nav .liNieuws_on a,
#nav .liNieuws_on a:link,
#nav .liNieuws_on a:visited,
#nav .liNieuws_on a:hover,
#nav .liNieuws_on a:active
{
	background-image: url(/images/bg_nav_on.png);
}*/
/*
.liNieuws_off #nr {
    display: none;
}
.liNieuws_on #nr {
    position: relative;
    top: 3px; 
    left: 205px;
    color: #009CDD;
    font-size: 9px;
    font-weight: bold;
}
*/
#nav .liOnderzoeksgebieden_off,
#nav .liOnderzoeksgebieden_off a,
#nav .liOnderzoeksgebieden_on,
#nav .liOnderzoeksgebieden_on a
{
	height: 54px;
}
#nav .liOnderzoeksgebieden_on a,
#nav .liOnderzoeksgebieden_on a:link,
#nav .liOnderzoeksgebieden_on a:visited,
#nav .liOnderzoeksgebieden_on a:active
{
    background-image: url(/images/bg_nav_on.png);
    background-position: 0 -66px;
}
/* hover states */
#nav .liOnderzoeksgebieden_off a:hover
{    
	background-image: url(/images/bg_nav_hover.png);
    background-position: 0 -66px;
 
}
/*
.liCases_off #nr {
    display: none;
}
.liCases_on #nr {
    position: relative;
    top: -10px; left: 165px;
    color: #009CDD;
    font-size: 9px;
    font-weight: bold;
}
*/

#nav .liCases_off,
#nav .liCases_off a,
#nav .liCases_on,
#nav .liCases_on a
{
    height: 54px;
}
#nav .liCases_on a,
#nav .liCases_on a:link,
#nav .liCases_on a:visited,
#nav .liCases_on a:active
{
    background-image: url(/images/bg_nav_on.png);
    background-position: 0 -120px;
}
/* hover states */
#nav .liCases_off a:hover
{
	background-image: url(/images/bg_nav_hover.png);
    background-position: 0 -120px;
}
/*
.liKlanten_off #nr {
    display: none;
}
.liKlanten_on #nr {
    display: none;
}
*/
#nav .liContact_off,
#nav .liContact_off a,
#nav .liContact_on,
#nav .liContact_on a
{
    height: 53px;
}
#nav .liContact_on a,
#nav .liContact_on a:link,
#nav .liContact_on a:visited,
#nav .liContact_on a:active
{
    background-image: url(/images/bg_nav_on.png);
    background-position: 0 -173px;
}
/* hover states */
#nav .liContact_off a:hover
{
    background-image: url(/images/bg_nav_hover.png);
    background-position: 0 -173px; 
}
/*
.liContact_off #nr {
    display: none;
}
.liContact_on #nr {
    display: none;
}
*/

#main
{
    width: auto;
    height: auto;
    position: relative;
    text-align: center;
    background: #fff url(/images/bg_main.png) repeat-x bottom left;
    color: #5F5D5E;
}

#contentFrame
{
     width: 960px;
     height: auto;
     margin: 0 auto;
     position: relative;
     text-align: left;
}

#content
{
    text-align: left;
    /*float: left;*/
    position: relative;
    width: 960px;
    /*margin: 0 auto;*/
  
}

#contentNieuws{
	width: 800px;
	min-height: 360px;
	margin-left:150px;
}

#contentCustomers
{
    text-align: left;
    /*float: left;*/
    position: relative;
    width: 729px;
    margin: 0 auto;
  
}
#carousel
{
	width: 700px;
	height: 360px;
	overflow: hidden;
	margin: 0 auto;
	margin-left: 156px;
	position: relative;
	margin-top: 24px;
    /* IE needs some extra bottom margin */
	z-index: 1;
}
#cycle
{
	width: 700px;
	height: 340px;
	position: relative;
	overflow: hidden;
	/* IE6 needs some extra top margin */
}
/* used for transparent image layer above rendered cycle */
img#carousel-frame
{
	position: absolute;
	top: -24px; /* IE has fix: top and margin-left */
	left: 147px;
	width: 720px;
	height: 374px;
	border: 0;
	z-index: 2;
	
}
/* used for transparent layer above rendered cycle */
div#carousel-frame
{
	position: absolute;
	top: -24px; /* IE has fix: top and margin-left */
	left: 147px;
	width: 720px;
	height: 374px;
	background: transparent url(/images/carousel_frame.png) no-repeat top left; /* IE6 fix */
	color: #000;
	z-index: 2;

}
/* Skip Intro button */
a.skip-intro,
a.skip-intro:link,
a.skip-intro:visited,
a.skip-intro:hover,
a.skip-intro:active
{
	display: block;
	width: 95px;
	height: 21px;
	text-decoration: none;
	margin-bottom: 12px;
	margin-left: 749px;
}
a.skip-intro img
{
	/* border: 1px solid #000000; */
}
/**
* section media-*
*/
.media-container
{
    width: 343px;
    height: 245px;
    position: relative;
    margin-right: 18px;
	left: 8px;
	/* border: 1px solid #000000; */
}
/* sibling of media-container */
.media-content
{
    width: 340px; /* 724 - 343 - 18 - 22*/
    /*height: 195px;
    overflow: hidden;*/
    margin-right: 22px;
	/* border: 1px solid #000000; */
}
.media-content2
{

    /*height: 195px;
    overflow: hidden;*/
    margin-right: 22px;
    margin-left: 22px;

}

#media-content2 ul{
	margin:20px;
	margin-top:0px;
}

.media-content p
{
	margin-bottom: 12px;
}

.media-content a,
.media-content a:link
.media-content a:visited,
.media-content a:hover,
.media-content a:actiove
{
	background: inherit;
	color: #666;
	text-decoration: underline;
}
div.media-frame
{
    background: transparent url(/images/showcase_frame.png) no-repeat top left; /* IE6 fix */
    color: #000;
    width: 343px;
    height: 195px;
    position: absolute;
    top: 0;
    left: 20px;
    z-index: 2;
}
.media-player
{
	width: 329px; /* 343 - 34 */
	height: 186px; /* 195 - 9 */
	position: absolute;
    top: 9px;
    left: 30px;
	overflow: hidden;
	z-index: 1;
}
#media-cycle
{
}
#paginator
{
     min-width: 89px;
     width: auto;
     height: 24px;
     background: url(/images/btn_paginator_start.png) no-repeat top left; /* IE6 fix */
     color: #000;
     position: absolute;
     top: 201px;
     right: -18px;
}
#hidden
{
	display: none;
}
#paginator a,
#paginator a:link,
#paginator a:visited,
#paginator a:hover,
#paginator a:active
{
	text-decoration: none;
	width: 24px;
	height: 24px;
	float: left;
}
#paginator p
{
	min-width: 41px; /* IE6 fix */
	width: auto;
	height: 24px;
	background: url(/images/btn_paginator_middle.png) repeat-x 0 0; /* IE6 fix */
	color: #666;
	float: left;
	padding: 4px;
	text-align: center;
}
#paginator a#prev,
#paginator a#prev:link,
#paginator a#prev:visited,
#paginator a#prev:hover,
#paginator a#prev:active
{
	background: url(/images/btn_paginator_start.png) no-repeat 0 0; /* IE6 fix */
	color: #666;
}
#paginator a#next,
#paginator a#next:link,
#paginator a#next:visited,
#paginator a#next:hover,
#paginator a#next:active
{
	background: url(/images/btn_paginator_start.png) no-repeat -65px 0; /* IE6 fix */
	color: #666;
	z-index: 3;
}
.media-player .jcarousel-container,
.media-player .jcarousel-clip
{
	width: 350px;
	height: 172px;
}


table#paginator-table2
{
	table-layout:fixed;
	width: 100%;
	border: 0;
}

table#paginator-table2 #middle
{
	background:#fff;
	background-image: url(/images/cases_bg_middle.png); 
	background-repeat: repeat-x;
	background-position: bottom left;
	padding-bottom:10px;
}

table#paginator-table2 .line
{
	background:#e0e0e0;
	background-image: url(/images/cases_bg_line.png); 
	background-repeat: repeat-x;
	background-position: bottom left;
	width:1px;
}

table#paginator-table2 .left
{
	background-image: url(/images/l_bg2.png); 
	background-repeat: no-repeat;
	background-position: top right;
	padding-bottom:10px;

}
table#paginator-table2 .left a, table#paginator-table2 .right a,
{
	text-decoration: none;
	color: #666;
}
table#paginator-table2 .right
{
	background-image: url(/images/r_bg2.png); 
	background-repeat: no-repeat;
	background-position: top left;
	padding-bottom:10px;
	text-decoration: none;
}
table#paginator-table
{
	table-layout:fixed;
	width: 960px;
	border: 0;
}
table#paginator-table td
{
    vertical-align: top;
    border: 0;
    text-align: left;
    margin: 0;
    padding: 0;
}

td.top-pane
{
    height: 22px;
}
td.side-pane
{
}
td.side-pane p
{
	width: 118px;
	overflow: hidden;
}
td.side-pane p.pane-paginator img
{
    width: 118px;
    height: 198px;
    display: block;
    border: 0;
}
td.side-pane p.pane-preview-left,
td.side-pane p.pane-preview-right
{

	width: 117px; 
	overflow: hidden;
	height: 200px;
	display: block;
	text-align: center;
	color: #666;
	background: inherit;
	border-top: 1px solid #ccc;
}
#paginator p{
		margin-top:0px;
}

td.side-pane p.pane-preview-right
{
    border-left: 1px solid #ccc;	
}
td.side-pane p.pane-preview-left
{
    border-right: 1px solid #ccc;	
}
td.main-pane
{
    width: 724px; /* 960 - 118 - 118 */
    vertical-align: top;
}
td.bottom-pane
{
    height: 40px;
}
#flvPlayer
{
    float: left;
    width: 340px;
    height: 223px;
    border: 10px;
    position: relative;
    background-image: url(/images/player_wf.jpg);
    background-repeat: no-repeat;
}
#footer
{
    width: auto;
    height: 48px;
    text-align: center;
    background: #fff;
    color: #666;
 
}

#footer div
{
    width: 960px;
    height: 48px;
    margin: 0 auto;
    position: relative;
    
}
#footer div#footer_menu
{
    position: absolute;
    top: 10px;
    left: 36px;
    font: normal 11px Arial;
    background: #fff;
    color: #666;
    /*padding-left:110px;*/
}
#footer div#footer_menu a,
#footer div#footer_menu a:link,
#footer div#footer_menu a:visited,
#footer div#footer_menu a:hover,
#footer div#footer_menu a:active
{
	 font: bold 11px Arial;
	 text-decoration: underline;
	 background: #fff;
     color: #666;
}
#footer div#footer_address
{
    position: absolute;
    top: 30px;
    left: 0px;
}
img.mail
{
    position: absolute;
    top: 0;
    right: 135px;
}

img.print
{
    position: absolute;
    top: 0;
    right: 95px;
}

img.kega
{
    position: absolute;
    top: 18px;
    right: 0px;
}
form
{
	margin: 0px;
	padding: 0px;
}



.tdCustomerContener
{
 	border: none; 
 	float: left; 
 	margin: 0; 
 	padding: 0; 
 	width: 250; 
 	text-align:left;  
 } 
 
.tdCustomer{
	display: block;
	margin:0;
	padding: 8px 16px 8px 16px;
 	border: none; 
 	float: left; 	
 	width: 210px; 
 	min-height: 40px;
    _height: 40px;
 	text-align:left; 
 
 }

.tdCustomer1{
 	text-align:left;
	font-size: 18px; 
 }
 

  
#homeFlashbanner
{
    display: block;
    margin: 0px; padding: 0px;
    float: left;
    width: 960px; height: 105px;
    overflow: hidden;
    background-image: url(/images/wfCustomers.jpg);
    background-position: top;
    background-repeat: no-repeat;
}






#ulKlanten {
    width: 680px; 
    padding: 0px; 
    list-style: none; 
    margin: 0px; 
    display: block; 
}

#ulKlanten li {
    width: 680px; 
    padding: 0px; 
    list-style: none; 
    margin: 0px; 
    display: block;
}

/**
* @section frm_contact
* @used
*/
form#frm_contact
{
    margin-top: 15px;
    margin-left: 147px;
	/*border: 1px solid #000000; */
}
form#frm_contact ul,
form#frm_contact li
{
    display: block;
}
form#frm_contact li
{
    float: left;
    width: 230px;
    height: 60px;
    overflow: hidden;
    position: relative;
    margin-bottom: 10px;
}
form#frm_contact label
{
	font: bold 18px Arial;
	line-height: 18px;
	display: block;
	width: 230px;
	height: 24px;
}
form#frm_contact input,
form#frm_contact textarea
{
    font: normal 12px verdana;
    display: block;
    background: #f6f6f6;
    color: #000;
    margin-right: 22px;
    position: absolute;
    left: 0px;
    top: 24px;
    border: 1px solid #c7c7c7;
    padding-left: 3px;
   
}

form#frm_contact input.valFalse, form#frm_contact textarea.valFalse{
	border: 1px solid #d80657;
}

#error{
	color: #d80657;
}

form#frm_contact input
{
    width: auto;
    height: 26px;
    line-height: 26px;
}

form#frm_contact textarea
{
	width: 690px;
	height: 68px;
}

form#frm_contact .send
{
	/*margin-top: 28px;*/
	top: 0px;
	left: 150px;
	width: 200px;
	height: 76px;
	background: transparent url(/images/btn_send.png) no-repeat top left;
	border: 0;
}


.clear 
{
	clear:both;
	margin-top:-1px;
	height:1px;
	overflow:hidden;
}
/**
* @section modules-menu
*/
#modules-menu
{
    background: transparent url(/images/module_menu.png) no-repeat top left;
    color: #000;
    width: 505px;
    height: 362px;
    float: left;
    position: relative;
}
#modules-content
{
	width: 455px;
	height: auto;
	float: left;
	position: relative;
}
#modules-menu span
{
	display: block;
	width: 505px;
    height: 362px;
}
/**
* Used by jQuery script to change a background-image
* depending on a certain style:
* basic
* extern
* intern
* proces
* koppeling
* info
*/

#modules-menu span.basic
{
    background: transparent url(images/module_menu_test.png) no-repeat top left;
    color: #000;
}
#modules-menu span.extern
{
	background: transparent url(images/module_menu_extern.png) no-repeat top left;
	color: #000;
}
#modules-menu span.intern
{
	background: transparent url(images/module_menu_extern.png) no-repeat top left;
	color: #000;
}
#modules-menu span.proces
{
	background: transparent url(images/module_menu_extern.png) no-repeat top left;
	color: #000;
}
#modules-menu span.koppeling
{
	background: transparent url(images/module_menu_extern.png) no-repeat top left;
	color: #000;
}
#modules-menu span.info
{
	background: transparent url(images/module_menu_extern.png) no-repeat top left;
	color: #000;
}
/**
* @section modules-menu Links
*/
#modules-menu a,
#modules-menu a:link,
#modules-menu a:visited,
#modules-menu a:hover,
#modules-menu a:active
{
	position: absolute;
	display: block;
}

a.basic,
a.basic:link,
a.basic:visited,
a.basic:hover,
a.basic:active
{
 	
 	top: 130px;
 	left: 250px;
 	width: 110px;
 	height: 90px;
}
a.intern,
a.intern:link,
a.intern:visited,
a.intern:hover,
a.intern:active
{
 	
 	top: 30px;
 	left: 300px;
 	width: 120px;
 	height: 80px;
}
a.extern,
a.extern:link,
a.extern:visited,
a.extern:hover,
a.extern:active
{
 	
 	top: 130px;
 	left: 375px;
 	width: 90px;
 	height: 100px;
}
a.proces,
a.proces:link,
a.proces:visited,
a.proces:hover,
a.proces:active
{
 	
 	top: 240px;
 	left: 260px;
 	width: 150px;
 	height: 80px;
}
a.koppeling,
a.koppeling:link,
a.koppeling:visited,
a.koppeling:hover,
a.koppeling:active
{
 	
 	top: 200px;
 	left: 160px;
 	width: 80px;
 	height: 100px;
}
a.info,
a.info:link,
a.info:visited,
a.info:hover,
a.info:active
{
 	
 	top: 60px;
 	left: 160px;
 	width: 120px;
 	height: 60px;
}
.pretty-hover
{
    cursor:pointer;	
}

 #content111111111{
 	margin-top: 40px;	
	margin-right: 60px;
	Width: 350px; 
	height:100%;
	Padding:5px 5px 5px 5px;	
	z-index: 1;
	overflow: visible;
	position: relative;	
	
 }
  
#modleft{
	/*Background-color : #a0c8ff;*/
	/*Border:1px dashed #000000;*/
	margin-top: 20px;
	margin-left: 140px;
	float:left;
	Width: 370px; 
	height:100%;
	Padding:5px 5px 5px 5px;
	Position:relative; 
}

#linkinfo{
	Background-color : #ff0ac;
	/*Border:1px dashed #000000;*/
	Padding:0px;
	Left:50px;
	float:left;	
	Top:50px;
	Position:absolute; 
}

#linkinter{
	Background-color : #ff0ac;
	/*Border:1px dashed #000000;*/
	Padding:0px;
	Left:160px;
	float:left;
	Top:30px;
	Position:absolute; 
}
#linkextern{
	Background-color : #ff0ac;
	/*Border:1px dashed #000000;*/
	Padding:0px;
	Left:250px;
	float:left;
	Top:140px;
	Position:absolute; 
}
#linkprocess{
	Background-color : #ff0ac;
	/*Border:1px dashed #000000;*/
	Padding:0px;
	Left:130px;
	float:left;
	Top:240px;
	Position:absolute; 
}
#linklink{
	Background-color : #ff0ac;
	/*Border:1px dashed #000000;*/
	Padding:0px;
	Left:30px;
	float:left;
	Top:190px;
	Position:absolute; 
}
#linkbasis{
	Background-color : #ff0ac;
	/*Border:1px dashed #000000;*/
	Padding:0px;
	Left:130px;
	float:left;
	Top:130px;
	Position:absolute; 
}

#detailinfo, #detailinter, #detailextern, #detailprocess, #detaillink, #detailbasis,#detailmodulesgroup {	

	margin-top: 40px;	
	margin-right: 60px;
	Width: 350px; 
	height:100%;
	Padding:5px 5px 5px 5px;	
	z-index: 1;
	overflow: visible;
	position: absolute;	
	right:0;
}

#detailinfo li, #detailinter li, #detailextern li, #detailprocess li, #detaillink li, #detailbasis li,#detailmodulesgroup li {
	margin-left: 50px;
	font-weight: bold;
	list-style-type: square;	
}

#detailinfo a, #detailinter a, #detailextern a, #detailprocess a, #detaillink a, #detailbasis a,#detailmodulesgroup a{
	padding: 0px 0px;
	color: #414141;	
}

#detailinfo a:visited, #detailinter a:visited, #detailextern a:visited, 
	#detailprocess a:visited, #detaillink a:visited, #detailbasis a:visited, #detailmodulesgroup a:visited {
	padding: 0px 0px;
	color: #777777;	
}

#detailinfo p, #detailinter p, #detailextern p, #detailprocess p, #detaillink p, #detailbasis p, #detailmodulesgroup p {
	padding: 0px 0px 10px 0px;
	font-weight: normal;	
}

/**
* CSS fixes Tim honders
*/

h1
{
	background: inherit;
	color: #000;
	font-size: 24px;
	line-height: 150%;
	font-weight: bold;
}
h2
{
	background: inherit;
	color: #000;
	font-size: 24px;
	line-height: 150%;
	font-weight: bold;
}
h3
{
	background: inherit;
	color: #000;
	font-size: 16px;
	line-height: 150%;
	font-weight: bold;
}


.module_det_body{
	padding-left: 20px; 
	padding-right: 20px;
}
.module_det_body ul{
	padding-left: 15px; 
	list-style-type: square;
}
.pane-preview-left, .pane-preview-right{
	padding-top: 20px;
}

.pane-preview-left a, .pane-preview-right a{
	color: #5F5D5E;
	text-decoration: none;
}

.cases_det_body{ 
	padding-left: 20px; 
	padding-right: 25px;
}
.cases_det_body ul{ 
	margin-left:20px;
}

.media-content{
	padding-left: 20px;
}

.customer_body{
	padding-left:143px;
}

#carousel-frame-tim{
	display: block;
	paddin-left: 20px;
	
}
#dlist{
	display:block;
	float:left;
	width:100%;
	height:200px;
	padding:50px 0px 0px 50px;
}

#dlist ul{
	margin:20px;
	margin-top:0px;
}

#dlist a{
	color:#5F5D5E;
}

#dtext{
	display:block;
	float:left;
	width:390px;
	height:200px;
	padding:50px 0px 0px 0px;
}

#medewerkers .medewerker{
	display:block;
	float:left;
	width:263px;
	height:100px;
	margin-top:5px;
	margin-right:5px;
	margin-bottom:5px;
	border:solid 1px #b0b0b0;
	background:#f5f5f5;
}
#medewerkers .medewerker img{
	display:block;
	float:left;
	margin-right:3px;
}
#medewerkers .medewerker p{
	display:block;
	float:left;
}
.vo{
	color:#dc0963;
}

#contentNieuws ul{
	margin:20px;
	margin-top:0px;
}