/*  CSS Bestand voor Ben Evers */

html {
 _overflow-y: hidden;
 /*background-color: #EEF7FE;*/
}

html,body {
	height: 100%;
  width: 100%;
  background-color: #EEF7FE;
}


body {
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
	/*overflow: scroll;*/
	overflow-x: visible;
	_overflow: hidden;
	font-family:'trebuchet ms',arial,verdana,sans-serif;
	font-size: 12px;
}


.profielbody {
	background: url('../images/achtergrond.jpg');
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: 0px 98px;
	_background-position: 0px 96px;
}


div {
 /*border: solid 1px red;*/
}

.bovenzijde {
	position: fixed;
  _position: absolute; /* Voor IE */
  width: 100%;
	/*height: 100%;*/
	height: 100px;
 	top: 0;
 	left: 0;
	right: 0;
	bottom: 0;
 	z-index: 1;

}

.header {
	position: fixed;
  _position: absolute; /* Voor IE */
 	width: 100%;
 	height: 96px;
 	border-bottom: 2px solid black;
 	top: 0;
 	left: 0;
 	z-index: 9;
}


.tabel {
	text-decoration: none;
	font-family:'trebuchet ms',arial,verdana,sans-serif;
	font-size: 10px;
    background-color: #004076;
    color: white;

}

.tabel a {
 color: white;
 text-decoration: none;
 text-weight: bold;
}

.tabel a:hover {
 color: red;
 text-decoration: underline;
}


.tabel a:visited {
 color: red;
}

a:link, a:visited, a:hover, a:active
{
	font-weight: bold;
	text-decoration: underline;
}




.tekst-blokkeerblok {
	position: fixed;
  _position: absolute; /* Voor IE */
  display: block;
 	height: 75px;
 	width: 100%;
/* 	background: fff;*/
  background-color: #EEF7FE;
 	top: 0;
 	left: 0;
 	z-index: 1;
}

.menu-blok {
	display: block;
	color: white;
	background-color: #90A3B2; /* Grijs vlak */
	border: solid 2px #004076; /* Blauwe rand */
	margin-left: 20px;
	margin-top:	10px;
	width: 70%;
	height: 60px;
}

.menu ul, .menu1 ul{
  list-style: none;
  padding: 0;
  padding-left: 20px;
  margin: 0;
  }

.menu ul li, .menu1 ul li{
	display: inline;
	padding-right: 40px;
	font-size: 16px;
	font-weight: bold;
}

.menu ul li a, .menu1 ul li a {
	color: #fff;
  text-decoration: none;
}

.menu ul li a:hover, .menu1 ul li a:hover {
	color: #fff;
  text-decoration: none;
}

.menu {
	padding-left: 10px;
	clear:both;
}

.menu1 {
	margin-top: -22px;
	text-align: right;
	clear:both;
}

.menu ul, ul.nobullets, .jsMenu ul {
	margin:0;
	padding:0;
	padding-left: 2px;
	list-style:none;
	}

.jsMenu {
	margin-left: -14px;
	_margin-left: -12px;
	position:absolute;
	display:none;
	padding:1px;
  padding-bottom: 6px;
	padding-top: 15px;
	background-color:#004076;
	z-index: 20;
	}

.jsMenu li {
	font-family:verdana,sans-serif;
	font-size: 12px;
	font-weight: bold;
	margin:0px;
	padding-left: 6px;
	}

.jsMenu li a {
	display:block;
	text-decoration:none;
	color:#fff;
	padding:1px 2px 2px 6px;
	padding-bottom: 10px;
	}

.jsMenu a:hover {
	color: red;
	}


.menu-tekst {
	height: 45px;
	padding-top: 13px;
	/*padding-left: 0px;*/
	margin-left: auto;
	margin-right: auto;
	width: 480px;
	width: 100%;
	height: 20px;
	text-align: center;
	z-index: 20;
	_background-color: #90A3B2;   /* voor IE om png meermogelijk goede kleur te geven */
}


.top-balk {
 display: block;
 position: fixed;
 _position: absolute;
 width: 100%;
 height: 56px;
 top: 40px;
 z-index: 10;
}

.glas {
 margin-left: 0px;
 margin-right: 0px;
 display: block;
}

.glasplaat {
 position: relative;
 margin-left: 0;
 display: block;
 width: 800px;
 height: 56px;

}

.glas-vul {
 position: relative;
 display: block;
 margin-left: 800px;
 margin-top: -56px;
 width: 100%;
 height: 56px;

 }


.logo {
 position: absolute;
 display: block;
 margin-top: -65px;
 right: 0;
 margin-right: 50px;
 margin-left: auto;
 width: 215px;
 height: 60px;

}


.footer {
 position: fixed;
  _position: absolute; /* Voor IE */
  text-align: right;
  /*padding-right: 60px;*/
  right: 60px;
  /*left: 0;*/
  bottom: 0;
  display: block;
	width: 100%;
  height: 15px;
  background-color: #EEF7FE;
}

.blokje{
  margin: 0;
	font-size: 12px;
	font-weight: bold;
  background: #004076;
  color: white;
  width: 124px;
}


.disclaimer{
  margin: 0;
 	padding-left: 6px;
 	padding-right: 0px;
	font-size: 9px;
	font-weight: bold;
  background: #004076;
}

.disclaimer a{
 text-decoration: none;
 color: white;
}

.disclaimer a:hover{
 text-decoration: none;
 color: red;
}

.copyright{
  margin: 0;
 	padding-left: 1px;
 	padding-right: 4px;
	font-size: 9px;
	font-weight: bold;
  background: #004076;
}

.copyright a{
 text-decoration: none;
 color: white;
}

.copyright a:hover{
 text-decoration: none;
 color: red;
}




.content1 { 	/* Profielpagina Rechts uitgelijnd */
 position: static;
 overflow-y: visible; /* ScrollBalk */
 width: 100%;
 /*height: 100%;*/
 text-align: right;

 margin-left: 20px;
 padding-top: 35px;
 _padding-top: 0px;
 color: black;
 min-height: 150px;
 _height: 150px; /* voor IE*/

/* background-color: #EEF7FE;*/
}

.content1 .titel {
 font-size: 16px;
 font-weight: bold;
}


.content2-image { /* Product pagina image*/
  margin-top:  40px;
  border: none;
  display: block;
  width: 142px;
  height: 140px;
	}

.content2 { /* Product pagina */
 position: static;
 overflow-y: visible; /* ScrollBalk */
 margin-top: -180px;
 margin-left: 180px;
 padding-top: 35px;
 width: 100%;
 min-height: 150px;
 _height: 150px; /* voor IE*/
/* border: solid 1px red;*/
 color: black;
 /*background-color: #EEF7FE;*/
}

.content2 .titel {
 font-size: 16px;
 font-weight: bold;
}

.content2 p {
 padding-top: 0px;
 margin-top: 6px;
 font-size: 12px;
}

.content-root {
 overflow-y: scroll; /* ScrollBalk */
 display: block;
 width: 100%;
 height: 100%;
 /* border: solid 1px red; */
}

.content-blok {
  /*border: solid 1px green;*/
  width: 70%;
	min-width:120px;
	margin-left: 20px;
  _margin-right: -20px;
	/*background-color:white;*/
	padding-bottom: 36px;
  height: 80%;
  padding-top: 80px;
  _padding-top: 120px;
  /*padding-top: 100px; /* Zelfde afstand als footer ivm wegvallen schermruimte */
  /* bereken de hoogte van het "Scrollable" gedeelte van het scherm */
  _height: expression(document.documentElement.clientHeight - 136);   /*Voor IE */
}


.menu-links {
	position: fixed;
  _position: absolute; /* Voor IE */
  width:150px;
	top:20px;
	left:20px;
	border:1px dashed black;
	background-color:#eee;
	padding:10px;
	z-index:2;

	/* Here is the ugly brilliant hack that protects IE5/Win from its own stupidity.
	Thanks to Tantek Celik for the hack and to Eric Costello for publicizing it.
	IE5/Win incorrectly parses the "\"}"" value, prematurely closing the style
	declaration. The incorrect IE5/Win value is above, while the correct value is
	below. See http://glish.com/css/hacks.asp for details. */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:128px;
}

		/* I've heard this called the "be nice to Opera 5" rule. Basically, it feeds correct
		length values to user agents that exhibit the parsing error exploited above yet get
		the CSS box model right and understand the CSS2 parent-child selector. ALWAYS include
		a "be nice to Opera 5" rule every time you use the Tantek Celik hack (above). */
body>#navAlpha {
	width:128px;
}

.menu-rechts {
	position: fixed;
  _position: absolute; /* Voor IE */

	width:120px;
	top: 120px;
	right:60px;
	z-index:1;
	/* Again, the ugly brilliant hack. */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 124px;

  display: block;
  background: #004076;
}

.mr-afbeelding {
	background-color: white;
	display: block;
	border: solid 2px #004076;
	width: 124px;
	height: 124px;
}

.mr-items {
	font-size: 12px;
	color: white;
	font-weight: bold;
	padding: 4px;
	padding-left: 7px;
	/*padding-bottom: 12px;*/
	height: 124px;
}

.mr-items a {
	color: #fff;
	text-decoration: none;
}

.mr-items a:hover {
	color: red;
	text-decoration: none;
}



/* Again, "be nice to Opera 5". */
body>#navBeta {
	width:168px;
}






/*
		De achtergronden:
*/

/* Voor de rest */
html>body .glasplaat	{ background: url('../images/glasplaat.png');}
html>body .glas-vul		{ background: url('../images/glas-repeat.png') repeat-x left top; }
html>body .logo			{ background: url('../images/logo.png') no-repeat; }





/* Voor Internet Explorer Win */
.glasplaat{
	filter:	progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/glasplaat.png",sizingMethod="crop");
}

.glas-vul {
	filter:	progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/glas-repeat.png",sizingMethod="scale");
}

.logo	{
	filter:	progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/logo.png",sizingMethod="crop");
}


.menu-tekst img {
	behavior:	url("/css/pngbehavior.htc");
	height: 20px;
	width: 480px;
}


form, form table, form input  {
	 font-size: 12px;

}

td.alert
{
	font-weight: bold;
	font-size: 12px;
	color: #F00;
}