/*
-----------------------------------------------
Browser Hacks
----------------------------------------------- */
/*
-----------------------------------------------
Evers Page Layouts
----------------------------------------------- */

/* Basic
----------------------------------------------- */
body {
  margin:0;
  padding:0;
  background-color:#E7E7E7;
  font:small/1.6em Verdana,Sans-serif;
  text-align:center;
  color:#E7E7E7;
}
.container {
  background-color: #E7E7E7;
  width:750px;
  margin:0 auto;
  border-right: 1px solid #868686;
  border-left: 1px solid #868686;
  text-align:left;
  color:#333;
  position:relative;
}
 

  /* General Structure
----------------------------------------------- */
#content {
  padding:0 20px;
  float:left;
  width:710px;
}
    
#maincol {
  float:left;
  width:465px;
  }
#subcol {
  float:right;
  width:205px;
  color:#888888;
  }
#subsubcol {
  display:none;
  color:#999999;
  }
#maincol, 
#subcol, 
#subsubcol {
  margin-top:-8px;
  }
#subcol, #subsubcol {
  font-size:85%;
  line-height:1.6em;
  }

/* Page Layout: 1col
----------------------------------------------- */
#col1 #maincol, #col1 #subcol {
  float:none;
  }
#col1 #maincol {
  width:710px;
  padding-top: 15px;
  }
  
/* Page Layout: 2col
----------------------------------------------- */
#col2 #main {
  float:right;
  width:465px;
  }
#col2 #maincol {
  float:left;
  padding-top: 15px;
}
#col2 #subcol {
  float:right;
  padding-top: 20px;
}
  
/* Page Layout: 3col
----------------------------------------------- */
#col3 #main {
  float:right;
  width:465px;
  }
#col3 #maincol {
  width:220px;
  font-size:85%;
  line-height:1.6em;
  }
#col3 #subcol {
  float:left;
  }
#col3 #subsubcol {
  display:block;
  float:right;
  width:204px;
  }

/*
-----------------------------------------------
Mekentosj Styles
----------------------------------------------- */

/* Headings
----------------------------------------------- */

h1, 
#section {
  margin:0 0px;
  padding:8px 20px;
  font:130%/1.4em Verdana,Serif;
  color:#776;
  }
h2{
  margin:1.25em 0 .25em;
  font:140%/1.5em Verdana,Serif;
  color:#b95;
  font-variant: small-caps;
  letter-spacing: 0.2em;
  }
#maincol h2 {
  font-size:119%;
  line-height:1.5em;
  }
h2 a, 
h2 a:visited {
  color:#b95;
  border-width:0;
  }
h2 a:hover {
  color:#974;
  text-decoration:none;
  }
#subsubcol h2, 
#subsubcol h2 a, 
#subsubcol h2 a:visited {
  color:#666;
  }
#subsubcol h2 a:hover {
  color:#444;
  }
h3 {
  margin:1em 0 .25em;
  font:110%/1.5em Verdana,Serif;
  }
h3 a {
  border-width:0;
  }
h4 {
  margin:1em 0 .25em;
  font:125% Verdana,Serif;
  color:#575;
  }
 
/* Header
----------------------------------------------- */
#header {
  background-color:#DBDBDB;
  background-repeat:no-repeat;
  float:left;
  width:100%;
  height:130px;
}
#logo {
  background:none;
  float:left;
  display:block;
  width:250px;
  height:35px;
  margin:26px 0 0;
  text-indent:-10000px;
  border-width:0;
  text-decoration:none;
  }

/* Lists
----------------------------------------------- */

ul, dl {
  margin:.5em 0 1em;
  padding:0;
  list-style:inside;
  }
ul li {
  margin:0 0 2px;
  padding:0 0 0 18px;
  text-indent:-18px;
  }
dl.overview, 
dl.features,
dl.sidebar {
  margin-bottom:1.25em;
  }
dt {
  font-weight:bold;
  }
.overview dt, .features dt {
  font: normal normal normal 1em/1.6em Verdana, sans-serif;
  font-size:130%;
  letter-spacing: 0.1em;
  line-height:1.5em;
  border-width:0;   
}
.features dt {
  margin-top:2em;
  border-top:1px dotted #ccd;
  padding-top:4px;
}
dd {
  margin:0 0 1em;
  padding:0;
  }
dd ul {
  margin:0;
  padding:0;
  }
dd li {
  padding:0;
  margin-bottom:0;
  text-indent:0;
 }
.overview dd, 
.features dd {
  font: normal normal normal 1em/1.6em Verdana, sans-serif;
  font-size:85%;
  line-height:1.8em;
  margin-bottom:1em;
  margin-top:.5em;
}
.overview dd.summary,
.features dd.summary  {
  margin-bottom:0;
  }
.sidenotes{
  color: #888888;	
}
.rollovertooltip{
  margin-bottom:0.2em;
  color: #999999;	
}
.rollovertooltip a {
  color:#58a;
  border-width:0;
  font-weight:normal;
  line-height:2em;
  text-decoration:none;
}
.rollovertooltip a:hover {
  color:#333;
  text-decoration:underline;
}
.features #featuretextbox{
  float: left;
  height: 10em;
}
.sidebar dt {
  font:small/1.6em Verdana,Sans-serif;
  font-size:119%;
  font-variant: small-caps;
  letter-spacing: 0.2em;
  line-height:1.5em;
  border-width:0;
  margin-top:2.5em;
  border-top:1px dotted #ccd;
  }
.firstsidebaritem dt{
  margin-top:0.4em;
  border-top:none;
  }
.sidebar dd {
  font:small/1.6em Verdana,Sans-serif;
  font-size:90%;
  line-height:1.4em;
  margin-bottom:-2px;
  margin-top:1.1em;
  }
.sidebar dd.summary {
  margin-bottom:0;
  }
ul.bulleted li  { 
	list-style-image: url(../images/listicon.gif); 
	list-style-position: outside; 
	margin-left: 1.25em; 
	padding-left: 1.25em;
	}



/* Tables
----------------------------------------------- */
table {
  border:0;
  margin:0;
  padding:0;
  }
th, td {
  text-align:left;
  vertical-align:top;
  }
.highlt th, .highlt td {
  background:#ffc;
  }
.highlt th {
  color:#c00;
  }
  
/* Forms/Tables
----------------------------------------------- */
TABLE.offerte {
	border: 1px solid #326698;
	padding:4px;
	width:100%;
	margin-top:8px;
	margin-bottom:8px;
	background-color:#C4D4E5;
	}	
TABLE.offerte TD {
	font-size: 11px;
	line-height:12px;
	padding: 1px;
	vertical-align: top;
	color: #333333;
	}
TABLE.offerte input, textarea, select {
	color: black; 
	font: 11px Arial, Helvetica; 
	padding: 1px; border: 
	}
TABLE.offerte hr {
	width:100%;
	display:block;
	size: 1px;
	color:#FFF;
	}

TABLE.offerte input.fieldenabled {
	color: black; 
	font: 11px Arial, Helvetica; 
	padding: 1px; border: 
	}


  /* Others
----------------------------------------------- */

p {
  margin:0 0 .75em;
  }
hr {
  display:none;
  }

 /* Images
----------------------------------------------- */

a img {
  border-width:0;
  }
  
  
  /* Images
----------------------------------------------- */

.imgleft, 
.left, 
img.left{
  float:left;
  margin: 4px 8px 4px 0px;
  /*padding-left:5px;   for winie6 */
  }
.imgright, 
.right, 
img.right {
  float:right;
  margin:4px 0 4px 8px;
  /*padding-right:5px;   for winie6 */
  }
img.webcamshot{
  border:solid #868686;
  border-width:1px;
}
img.imgleft, 
img.imgright {
  padding:4px;
  border:1px solid #ddc;
  }

/* Photo Gallery 
----------------------------------------------- */

.thumbnailBlock {
float: left;
margin: 0;
margin-top: 10px;
margin-bottom: 10px;
margin-right: 10px;
padding: 0;
text-align: center;
font-size: 9px;
border: 1px solid #B2CCE5;
background-color: #FFF;
}
.thumbnailBlock span{
overflow: hidden;
}
.thumbnailBlock:target {
border: 1px solid #0080FF;
}
.thumbnailBlock:hover {
border: 1px solid #69C;
background-color: #F7FAFC;
cursor: pointer;
}
.imageBlock {
margin: 5px auto;
}
.commentBlock, .titleBlock {
height: 2.8em !important;
height: 3em;
overflow: hidden;
line-height: 1.4em;
margin: 0 0 5px 0;
padding: .1em;
color: #000;
background-color: #E8F0F7;
}
.titleBlock {
height: 1.3em !important;
height: 1.5em;
margin: 5px 0 0 0;
}
#imageIndexBlock, .imageIndexBlock {
font-size: 120%;
float: right;
color: #E0EBF5;
}
#imageIndexBlock {
font-size: 8em;
line-height: .65em;
width: 2em;
margin-left: 0;
padding-right: .1em;
text-align: right;
letter-spacing: -.05em;
color: #E0EBF5;
}


  /* General layout tools
----------------------------------------------- */
.clear {
  clear:both;
  }
 .clearright {
  clear:right;
  }
 .clearleft {
  clear:left;
  }
  
  /* Links
----------------------------------------------- */

.onsitelink, 
.onsitelink:visited {
  background: url("../images/icon_doc_style1.gif") no-repeat 0 0;
  border-width:0;
  padding-left:14px;
	line-height: 2px;
}
.offsitelink, 
.offsitelink:visited {
  background:url("../images/icon_world_style1.gif") no-repeat 0 0;
  border-width:0;
  padding-left:15px;
 }
.emaillink, 
.emaillink:visited {
  background:url("../images/icon_email_style1.gif") no-repeat 0 0;
  border-width:0;
  padding-left:17px;
}
.cameralink, 
.cameralink:visited {
  background:url("../images/icon_camera_style1.gif") no-repeat 0 0;
  border-width:0;
  padding-left:17px;
}
.looplink, 
.looplink:visited {
  background:url("../images/icon_loop_style1.gif") no-repeat 0 0;
  border-width:0;
  padding-left:15px;
}
a.onsitelink:hover {
  background:url("../images/icon_doc_style1_on.gif") no-repeat 0 0;
}
a.offsitelink:hover {
  background:url("../images/icon_world_style1_on.gif") no-repeat 0 0;
}
a.emaillink:hover {
  background:url("../images/icon_email_style1_on.gif") no-repeat 0 0;
}
a.cameralink:hover {
  background:url("../images/icon_camera_style1_on.gif") no-repeat 0 0;
} 
a.looplink:hover {
  background:url("../images/icon_loop_style1_on.gif") no-repeat 0 0;
}   
.onsitelink, 
.onsitelink:visited,
.offsitelink, 
.offsitelink:visited,
.emaillink, 
.emaillink:visited, 
.cameralink, 
.cameralink:visited, 
.looplink, 
.looplink:visited {
  color:#888888;
  white-space:nowrap;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 0.15em;
}  
a.onsitelink:hover,
a.offsitelink:hover,
a.emaillink:hover,
a.cameralink:hover,
a.looplink:hover  {  
  text-decoration: underline;
  color:#152C58;
  border-color:#ccb;
  }
span.onsitelink,
span.offsitelink,
span.emaillink,
span.cameralink,
span.looplink  {
  color:#887;
  }
.onsitelink img, 
.offsitelink img,
.emaillink img,
.cameralink img,
.looplink img {
  margin-top:.5em;
  } 
   
  
/* Navbar Top
----------------------------------------------- */
#navtop, 
#navbottom{
  background-color:#fff;
  background-repeat:no-repeat;
  float:left;
  width:100%;
  border:solid #ccc;
  border-width:1px 0;
}
#navbottom{
  margin-top: 10px;  
}
#navtop ul, 
#navbottom ul{
  margin:0;
  padding:0 20px;
  list-style:none;
  font-size:85%;
  text-transform:lowercase;
  }
#navtop li, 
#navbottom li{
  float:left;
  margin:0;
  padding:0;
  background-image:none;
  line-height:normal;
  text-indent:0;
  white-space: nowrap;
  }
#navtop a, 
#navtop strong, 
#navbottom a, 
#navbottom strong {
  display:block;
  padding:4px 10px;
  border:solid #ccc;
  border-width:0 1px 0 0;
  color:#7ac;
  text-decoration:none;
  white-space:nowrap;
  }
/* Allow entire region of link to to be clickable in IE/Win. 
   http://www.positioniseverything.net/explorer/escape-floats.html */
* html #navtop a, * html #navbottom a{
  width:1%;
  }
#navtop .current strong, 
#navtop .current a, 
#navbottom .current strong, 
#navbottom .current a {
  background-repeat:no-repeat;
  }
#navtop a:hover, 
#navtop .current a:hover strong, 
#navtop .current strong,
#navbottom a:hover, 
#navbottom .current a:hover strong, 
#navbottom .current strong {
  color:#000;
  }
#navtop a:hover, 
#navbottom a:hover {
  background-repeat:no-repeat;
  }
#navtop a strong, 
#navtop .current a strong, 
#navbottom a strong, 
#navbottom .current a strong  {
  background:none;
  padding:0;
  border:none;
  }
#navtop .h, 
#navbottom .h {
  border-left-width:1px;
  }
#navtop #currentversion {
  font-size:85%;
  margin:0;
  padding: 4px 20px 0 20px;
  text-transform:lowercase;	
  line-height:normal;
  border:none;
  text-align: right;
  display:block;
  white-space:nowrap;
}

/* Path
----------------------------------------------- */
#path {
  background-color:#E3E3E7;
  background-repeat:repeat-x;
  width:100%;
  padding:0;
  float:left;
  width:100%;
  height:15px; 
  }
#path ul {
  margin:0;
  padding:0.9em 16px 0;
  list-style:none;
  }
#path li {
  display:inline;
  margin:0;
  padding:0;
  background-image:none;
  line-height:1em;
  text-indent:0;
  color:#193368;
  font-size:85%;
  }
#path a, 
#path strong {
  float:left;
  display:block;
  color:#58a;
  border-width:0;
  padding:.25em 3px;
  font-weight:normal;
  line-height:2em;
  text-decoration:none;
  }
#path a strong {
  font-size:100%;
  padding:0;
  }
#path strong {
  color:#bec;
  }
#path a:hover {
  color:#333;
  }
#rssfeed{
	border-width:0;
 	position: absolute;
 	display: block;
	left: 715px;
	top: 176px;
	width: 20px;
	height: 9px;
}


/* Subheader & footer
----------------------------------------------- */
#subheader,
#subfooter {
  background-color:#DBDBDB;
  background-repeat:no-repeat;
  font-size:75%;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  float:left;
  width:100%;
  height:30px;
  margin-top:0;
}
#subfooter {
  margin-bottom:0;
}
#subheader ul,
#subfooter ul {
  margin:0;
  padding: 0.4em 16px 0 20px;
  list-style:none;
  }
#subheader li,
#subfooter li  {
  display:inline;
  padding: .25em 30px .25em 0px;
  background-image:none;
  line-height:2em;
  text-indent:0;
  margin: 0;
  float:left;
}
#subheader a,
#subfooter a,
#subheader span,
#subfooter span, 
#subheader strong,
#subfooter strong {
  color:#58a;
  border-width:0;
  font-weight:normal;
  text-decoration:none;
}
#subheader a strong,
#subfooter a strong  {
  font-size:100%;
  padding:0;
  }
#subheader strong,
#subfooter strong {
  color:#bec;
  }
#subheader a:hover,
#subfooter a:hover {
  color:#333;
  }
#subheader #subheadersidebar,
#subfooter #subfootersidebar{
  position: absolute;
	left: 525px;
	padding-top: 0.25em;
	padding-bottom: 0;
	padding-left: 0;
}
#subheader #languagechoice{
  padding: 0.25em 0 0 0;
  position: absolute;
	left: 450px;
}
#subheader .left,
#subfooter .left{
  float:left;
  margin:4px 3px 4px 0;	
}

/* Footer
----------------------------------------------- */
#footer {
 color:#479;
  clear:both;
  font-size:0.80em;
  border: solid #868686 0px;
  border-bottom-width: 1px;
}
#footer p {
  background:#135 url("../images/footer_bg_style1.gif") repeat-x 0 -4px;
  margin:0;
  padding:10px 20px;
  color:#479;
  text-align:center;
  line-height:1.5em;
  }

  /* Resume IE5-Mac */
#footer a, 
#footer a:visited {
  color:#479;
  border-color:#479;
  }
#footer a:hover {
  color:#135;
  border-color:#479;
  }
#footer #sitemeter{
	text-align: center;
}

/* style0 - Home
----------------------------------------------- */

/* similar to style1 */

 
/* style1 - Our programs
----------------------------------------------- */
  
body.style1 {
  background-image:url("../images/body_bg_style1.gif");
  background-color:#E7E7E7;
  }
.style1 .container {
  background:#E7E7E7 url("../images/container_bg_col2_style1.gif") repeat-y 0 0; 
  border-color:#868686;
  }
.style1 a{
  color:#285A92;
  text-decoration:none;
  border-bottom:1px dotted #888;
}
.style1 a:hover {
  color:#152C58;
  text-decoration:none;
  border-bottom:1px dotted #555;
}
.style1 #subheader {
  background-image:url("../images/subheader_bg_style1.gif");
  color:#50749C;
  }
.style1 #subheader a, 
.style1 #subheader span,
.style1 #subheader #subheadersidebar{
  color:#50749C;
  }
.style1 #subheader a:hover {
  color:#152C58;
  text-decoration:underline;
  }
.style1 #navtop {
  background-image:url("../images/navtop_bg_style1.jpg");
  border-color:#124;
  }
 .style1 #navbottom {
  background-image:url("../images/navbottom_bg_style1.jpg");
  border-color:#124;
  }
.style1 #navtop a, 
.style1 #navtop strong, 
.style1 #navbottom a, 
.style1 #navbottom strong, 
.style1 #navtop #currentversion {
  border-color:#124;
  color:#9cf;
  }
.style1 #navtop .current a, 
.style1 #navbottom .current a{
  background-color:#D40026;
    background-image:url("../images/navtop_bg_style1f.jpg");

  }
.style1 #navtop a:hover, 
.style1 #navbottom a:hover{
  background-image:url("../images/navtop_bg_style1.jpg");
  background-color:#132245;
  }
.style1 #navtop a:hover, 
.style1 #navtop .current strong,
.style1 #navbottom a:hover, 
.style1 #navbottom .current strong {
 color:#fff;
  }
.style1 #navtop .current a:hover strong, 
.style1 #navbottom .current a:hover strong{
  color:#fff;
}
.style1 h1 {
  background-image:url("../images/header1_bg_style1.gif");
  background-color:#E7E7E7;
  color:#578;
  }
.style1 dt, 
.style1 dt a, 
.style1 .personaliafact,
.style1 h2 {
  color:#285A92;
}
.style1 #path {
  background-image:url("../images/path_bg_style1.jpg");
  background-color:#246;
  }
.style1 #path a{
  color:#58a;
  }
.style1 #path a:hover {
  color:#9cf;
  }
.style1 #footer {
 color:#479;
}
.style1 #footer p  { color: #285a92; background: #135 url(../images/footer_bg_style1.gif) repeat-x 0 -4px }
.style1 #footer a, 
.style1 #footer a:visited {
  color:#479;
  border-color:#479;
  }
.style1 #footer a:hover {
  color:#135;
  border-color:#479;
  }
.style1 .onsitelink, 
.style1 .onsitelink:visited {
  background:url("../images/icon_doc_style1.gif") no-repeat 0 0;
}
.style1 .offsitelink, 
.style1 .offsitelink:visited {
  background:url("../images/icon_world_style1.gif") no-repeat 0 0;
 }
.style1 .emaillink, 
.style1 .emaillink:visited {
  background:url("../images/icon_email_style1.gif") no-repeat 0 0;
}
.style1 a.onsitelink:hover {
  background:url("../images/icon_doc_style1_on.gif") no-repeat 0 0;
}
.style1 a.offsitelink:hover {
  background:url("../images/icon_world_style1_on.gif") no-repeat 0 0;
}
.style1 a.emaillink:hover {
  background:url("../images/icon_email_style1_on.gif") no-repeat 0 0;
} 
.style1 #rssfeed {
  background:url("../images/icon_rss_style1.gif") no-repeat 0 0;
} 
.style1 a #rssfeed:hover {
  background:url("../images/icon_rss_style1_on.gif") no-repeat 0 0;
} 

.style1 .thumbnailBlock {
border: 1px solid #ABBCCB;
background-color: #FFF;
color: #9cf;
}
.style1 a .thumbnailBlock:target {
border: 1px solid #9cf;
}
.style1 a .thumbnailBlock:hover {
border: 1px solid #9cf;
background-color: #DDDDDD;
}
.style1 .commentBlock, 
.style1 .titleBlock {
color: #9cf;
background-color: #EEDFB5;
}
.style1 #imageIndexBlock, .imageIndexBlock {
color: #9cf;
}
.style1 #imageIndexBlock {
color: #9cf;
}

/* Styles for Submenu Items */
#nav ul {
	
}
#nav li  {
	font-size: 12px;
	border:none;
	font-family: Arial, Helvetica;
	padding-bottom: 11px;
	list-style-image: url(../images/listicon.gif);
	}	
#nav li a.diff {
	font-size: 12px; 
	text-decoration: none;
	color: #285A92;
	border:none;
	}
#nav li a.diff:visited {
	text-decoration: none;
	color: #285A92;
	}
#nav li a.diff:hover {
	text-decoration: none;
	color: #D40026;
	}
#nav li a.select {
	font-size: 12px; 
	text-decoration: none;
	color: #D40026;
	border:none;
	font-weight:bold;
	}
		
.nielsblokje {
font-size:11px;
}

h1.jedruk {
    display: none;
}


 /*
-----------------------------------------------
Browser Hacks
----------------------------------------------- */

/* IE5/Mac
   http://stopdesign.com/examples/ie5mac-bpf/ */
/*\*//*/
  @import "ie5mac.css";
/**/