/*
  site toolbar
*/
#siteToolbar{
  font-family:verdana;
  font-size:11px;
  position:absolute;
  left:50%;
  top:0px;
  
  display:block;
  width:783px;  
  margin-left:-391px;
  
  padding-top:3px;
  
  background-color:#0064ae;

  color:white;
}

#siteToolbar ul{
  margin:0; padding:0; border:0;
  list-style-type:none;
  list-style-image:none;
}

#siteToolbar ul li{
  float:left;
  position:relative;
  line-height:17px;
}

#siteToolbar ul li a{
  color:white;
  text-decoration:none;
}

#siteToolbar ul li a:hover{
  text-decoration:underline;
}

#siteToolbar #siteToolbarHomeLink{
  margin-left:8px;
  border-left:1px solid white;
  padding-left:8px;
}

#siteToolbar #quickLinks a{
}

#siteToolbar #quickLinks a em{
  font-style:normal;
}

#siteToolbar #quickLinks a:hover{

}

#siteToolbar #quickLinks div{
  display:none;
}

#siteToolbar #quickLinks:hover a{

}

#siteToolbar #quickLinks:hover div{
  display:block;
  width:500px;
  height:320px;  
  padding:10px;
  
  position:absolute;
  left:0px;
  top:16px;

  border-top:1px solid #28b4e4;
  border-left:1px solid #28b4e4;
  border-right:2px solid #28b4e4;
  border-bottom:2px solid #28b4e4;

  background-color:white;

  z-index:5;

  color:#333;
}

#quickLinks div *{
  line-height:1.4em;
}

#quickLinks div h3{
  font-size:1em;
  font-weight:bold;
}

#quickLinks div ul{
  list-style-type:none;
  list-style-image:none;

  margin:0; padding:0;
  padding-left:1px;
  margin-bottom:2em;
}

#quickLinks div ul li{
  float:none;
}

#quickLinks div ul li a{
 color:#0064ae;
}

#quickLinks table th,
#quickLinks table td,
#content table th,
#content table td{
  vertical-align:top;
}
 /*
  accessibility
*/
.accessibility{
  display:none;
} /*
  algemeen
*/

body{
  margin:0; padding:0; border:0;
  width:100%;
  height:100%;
  background-color:white;
  font-family:verdana, arial;
  font-size:11px;
}

body.en, body.nl{
  border-top:24px solid #0064ae;
}

#site{
	width:783px;
	height:555px;
	margin:0px auto;
	margin-top:16px;
	background-color:#0076bc;
	position:relative;
	background-image:url('/img/themeSiteTemplate/siteBG.jpg');
	background-position:bottom;
	padding-bottom:40px;

}

.template-11 #site.jsOn,
#site.jsOff {
	width:783px;
	height:auto;
	background-color:#fff;
	background-image:none;
}

#nextButton,
#prevButton{
  cursor:pointer;
}

#nextButton{
  _margin-right:-1px !important;
}

 /*
  breadcrumbs
*/
#breadcrumbs{

  display:none;

  border-bottom:1px solid #ccc;
  margin:0; 
  padding:10px 0px;
  padding-left:200px;
}

#breadcrumbs, #breadcrumbs *{ color:#999; }

#breadcrumbs a{  text-decoration:none;}

#breadcrumbs a em{ font-style:normal; } /*
  intro tekstje
*/
#content{
width:703px;
margin-left:40px;
}

.jsOff #content{
width:auto;
margin-left:0px;
}

.jsOn #content h2{
	font-weight:normal;
	padding:0;
	margin:12px 0px;  
	font-size:17px; 
	font-family:Verdana, Arial;
	text-transform:uppercase;
	color:#fff;
}

.jsOff h2{
  display:block;
  color:#0064ae;
  font-weight:normal;
  margin:0; padding:0;
  padding:8px 0px;
  margin-bottom:23px;  
  font-size:30px; 
  border-bottom:1px solid #ccc;
}

h3{
  color:#0064ae;
  font-size:17px;
  font-weight:normal;
  
  margin:0; padding:0;
}

h3 em{
  font-style:normal; 
  color:#0064ae;
  font-size:17px;
  font-weight:normal;
}

#content p,
body.normal #content p{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	font-size:11px;
	width:500px;
}

body.small #content p{
	font-size:9px;
}

body.big #content p{
	font-size:12px;
}


.jsOff #content p{
  color:#000;
}

 /*
  footer
*/

#footer{
  position:absolute;
  bottom:0;
  font-family:Verdana;
  font-size:11px;
  color:#009cdd;
  padding:0px 40px;
  height:24px;
}

.template-11 .jsOn #footer,
.jsOff #footer{
  position:static;
  color:#999;
  padding:0px 0px;
  border-top:1px #ccc solid;
}

#footer p{
  padding:0; margin:0;
  clear:both;
  padding:4px 0px;
}

#siteLinks{
  border:0; margin:0; padding:0;
  
  padding-left:60px;
  padding-top:7px;

  float:left;
  width:600px;
  clear:none;
}

#siteLinks p{
  margin:0; border:0; padding:0;
}


/* zoom */
#footer #pageZoom{
  float:right;
  clear:none;
  width:100px;
  border:0;
  text-align:right;
  line-height:8px;
}

#footer #pageZoom a{
  color:#009cdd;
}

.jsOff #footer #pageZoom a{
  color:#0064AE;
}

#pageZoom a.zoomSmall{ font-size:11px; }
#pageZoom a.zoomNormal{ font-size:13px; }
#pageZoom a.zoomBig{ font-size:15px; }

#footer a em{
  font-style:normal;
}

 /*
  grid
*/

.jsOff #casesWrapper{
  overflow:hidden;
  margin:20px 0px;
}

.jsOff #casesWrapper div ul{
  list-style-type:none;
  width:703px;
  margin:0;
  padding:0;

}


.jsOff #casesWrapper div ul li{
  float:left;
  padding:0px;
  margin:10px 10px 0px 0px;
  border:1px #ccc solid;
  width:163px;
  height:218px;
}

.jsOff #casesWrapper div ul li strong{
  display:block;
  font-family:verdana;
  font-weight:normal;
  font-size:11px;
  width:155px;
  height:40px;
  padding:4px;
  background-color:#0076bc;
  color:#fff;
}

.jsOff #casesWrapper div ul li a{

}

.jsOff #casesWrapper div ul li a img{
  border:0;
}
 /*
  header
*/

#header{
  margin:0; padding:0; border:0;
  display:block;
  height:71px;
  background-image:url('/img/themeSiteTemplate/headerBG.png');
  background-repeat:repeat-x;
  background-position:top left;
}

#header p{
  margin:0; padding:0; margin:0;
}

/*
  header link
*/
#header a{
  display:block;
  width:231px;
  height:24px;
  background-image:url('/img/themeSiteTemplate/ERIKS - know how makes the difference.png');
  position:absolute;
  left:42px;
  top:22px;
  z-index:2;
}

#header a em{ display:none; }
 /*
  JS toggle button
*/

#siteToolbar button{
  margin-left:100px;
  color:#fff;
  border:0;
  background-color:transparent;
  cursor:pointer;
}

#siteToolbar button em {
  font-style:normal;
  text-decoration:underline;
}

#siteToolbar button:hover em{
  text-decoration:underline;
}
 /*
langNav
*/

#langNav{
  position:absolute;
  left:720px;
  top:22px;
}

#langNav a{
  display:block;
  width:21px;
  height:13px;
  background-image:url('/data/language-icons/uk-full.png');
}

#langNav a.nl{
  background-image:url('/data/language-icons/nl-full.png');
}
#langNav a em{
  display:none;
} /*
 main-nav 
*/
#main-nav{
  display:block;
  clear:both;
  height:30px;
  background-color:#eee;
  border-top:1px solid white;
  border-bottom:10px solid #fff;
  font-family:Verdana, Arial;
  font-size:11px;
}

/* jsOn */
#site.jsOn #main-nav{
  display:none;
}

#main-nav form{
  
  margin:0; padding:0; border:0;
  margin-left:8px;
}

#main-nav label span{
  display:none;
}

#main-nav form input{
  border:1px solid #ddd;
  font-size:10px;
  
  float:left;
  width:96px;
  margin-top:6px;
}

#main-nav form button{
  color:#0064ae;
  border:0;
  background-color:transparent;
  text-transform:uppercase;
  cursor:pointer;
  
  float:left;
  margin-top:7px;
  
  _margin-top:9px;
}

#main-nav form button:hover{
  text-decoration:underline;
}


#main-nav ul{
  float:left;
  width:600px;
  margin:0; padding:0;
  list-style-type:none;
  line-height:30px;
}

#main-nav ul li{
  float:left;
  position:relative;
  padding:0px 10px;
}

#main-nav ul li.hide{ display:none; }


#main-nav ul li a{ 
  color:#0064ae;
  text-transform:uppercase;
  text-decoration:none;
}

#main-nav ul li a:hover{
  text-decoration:underline;
}

#main-nav ul li a em{ font-style:normal; }


/* EN */
#main-nav ul li.d535,
#main-nav ul li.d527,
#main-nav ul li.d528,
#main-nav ul li.d529,
#main-nav ul li.d530,
#main-nav ul li.d531,
#main-nav ul li.d532,
#main-nav ul li.d533,
#main-nav ul li.d534{
  display:none;
}

/* NL */
#main-nav ul li.d574,
#main-nav ul li.d566,
#main-nav ul li.d567,
#main-nav ul li.d568,
#main-nav ul li.d569,
#main-nav ul li.d570,
#main-nav ul li.d571,
#main-nav ul li.d572,
#main-nav ul li.d573{
  display:none;
} /*
  main-nav onderliggend
*/
#main-nav ul li ul{  
  display:none;
  line-height:1.5em;
  height:auto;
  width:180px;
  overflow:auto; 

  position:absolute;
  top:30px;
  left:1px;
  
  background-color:white;
 
  border:1px solid #0064ae;
  border-top-width:0;
  
  margin:0; padding:0;
  
  padding:9px;
  padding-top:0;
  margin-left:0px;
}

#main-nav ul li:hover ul{
  display:block;
  z-index:10;
}

#main-nav ul li:hover > a{ text-decoration:underline; }

#main-nav ul li ul li{
  display:block;
  width:180px;

  float:none;
  padding:0;   margin:0;

  line-height:auto;

  border-bottom:1px solid #ccc;
}

#main-nav ul li ul li a{
  display:block;
  width:180px;

  text-transform:none;
  color:black;
  
  padding:0; margin:0;
}

#main-nav ul li ul li a em{
  
} /*
big passionItem
*/

#content table,
#passionItem table{
  border-collapse:collapse;
  font-size:0px;
}

#content table .passionContent,
#passionItem table .passionContent{
  background-image:url('/img/themeSiteTemplate/eriks-passie-nl.png');
  background-repeat:no-repeat;
  background-position:bottom left;
  background-color:#0064AE;
  vertical-align:bottom;
  padding:0px 10px 30px 10px;
  width:334px;

}
body.en #content table .passionContent,
body.en #passionItem .passionContent{
   background-image:url('/img/themeSiteTemplate/eriks-passion-en.png');
}

#content table .passionContent p,
#passionItem table .passionContent p{
  color:#fff;
}

#content table td,
#passionItem table td{
   padding:0;
}

#content table h2,
#passionItem h2{
  font-family:Verdana;
  font-weight:normal;
  border:0;
  font-size:20px;
  color:white;
   width:100%;
}

#content table p,
#passionItem p,
body.normal #passionItem p{
  font-family:Verdana;
  border:0;
  font-size:11px;
  color:white;
  width:324px;
}

body.small #passionItem p{
	font-size:9px;
}

body.big #passionItem p{
	font-size:12px;
}


 /*
  print onscreen
*/
html body #site .print{
  display:none;
} /*
  sitemap
*/

.template-11 .jsOn #content ul,
.jsOff #content ul{
  font-family:verdana;
  font-size:11px;
  color:#000;
  list-style-image:url(/data/li-point.png);
}

.template-11 .jsOn #content li ul,
.jsOff #content li ul{
  list-style-image:url(/data/li-ul-point.png);
}

.template-11 .jsOn #content ul li a,
.jsOff #content ul li a{
  text-decoration:none;
  color:#0064ae;
}

.template-11 .jsOn #content ul li a em,
.jsOff #content ul li a em{ 
  font-weight:normal; 
  font-style:normal;
}