@media screen{

html {
	height:100%;
	max-height:100%;
	margin:0;
	border:0;
	font-size:76%;
	font-family:georgia, palatino linotype, times new roman, serif;
	/* hide overflow:hidden from IE5/Mac */ 
/* \*//* */
overflow: hidden;
	background-color: #FFF;/* */ 
}


body {
	margin:0;
	border:0;
	padding:0;
	height:100%;
	max-height:100%;
	font-family:arial, verdana, sans-serif;
	font-size:12px;
	overflow: hidden;
	BACKGROUND: url(../image/mpschaaktransp.jpg ) white no-repeat 0px 0px;
	scrollbar-base-color: #F3F3F3;
	scrollbar-arrow-color: red;
	scrollbar-DarkShadow-Color: #CCC;
	top:0;
	left:0;
	background-color: #FFF;
	background-image: url(../image/background.gif);
	background-repeat: repeat;
	background-position: 0px 0px;
	text-align: center;
  }
html, body {
	height: 100%;
	color: #000;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #FFFFFF;
	background-image: url(../image/background.gif);
	background-repeat: repeat;
	top:0;
	left:0;

}
#container {
	width: 1000px;
	margin: 0 auto;
	text-align: left;
	position: relative;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #254B84;
	border-left-color: #254B84;
	background-color: #FFFFFF;
	min-height: 100%;
	height: auto !important; /* voor moderne browsers */
	height: 100%;
	background-image: url(../image/mpschaaktransp.jpg);
	background-repeat: no-repeat;
}

/* for internet explorer 
* html body {
  padding: 60px 0 40px 0; 
  }
 */
#header {
	position:absolute;
	top:0;
	left:0;
	width:1000px;
	height:75px;
	/*overflow:auto;
	border-bottom:4px solid #73a2bd;*/
	background-color: #D50000;
	background-image: url(../image/mpschaak.jpg);
	background-repeat: no-repeat;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	z-index:12;
  }
  

* html #header {height:76px; width:998px}
#matchingpool H1 {
	MARGIN: 0px -8px -5px 320px; FONT: bold small-caps 17px Verdana, sans-serif; COLOR: #fff; TEXT-INDENT: 0px;letter-spacing: 20px; width:600px
}
#uwpartnerinictdetachering {
	PADDING-RIGHT: 17px;
	PADDING-LEFT: 0px;
	FONT-WEIGHT: bold;
	FONT-SIZE: 10px;
	PADDING-BOTTOM: 1em;
	MARGIN: 0px 0px 0px 350px;
	COLOR: #CCCCCC;
	LINE-HEIGHT: 2em;
	PADDING-TOP: 0.5em;
	letter-spacing: 10px;
	text-transform: uppercase;
	width:100%
}

#foot {
	position:absolute;
	margin:0;
	bottom:0;
	left:0;
	display:block;
	width:1000px;
	height:30px;
	font-size:9px;
	z-index:13;
	text-align:center;
	color:#999999;
	background-color: #fafaff;
	background-image: url(../image/mpschaak2small.gif);
	background-repeat: no-repeat;
	background-position: left 0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	padding-top:7px;
	
}


* html #foot {
   height:37px; width:998px
  }

#footgras {
	position:absolute;
	margin:0;
	bottom:0;
	left:0;
	display:block;
	width:100%;
	height:65px;
	font-size:9pxem;
	z-index:13;
	text-align:center;
	color:#999999;
	background-color: #fafaff;
	background-image: url(../image/gras-fcdenbosch.gif);
	background-repeat: repeat-x;
	background-position: right 0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	padding-top:7px
}


#postit {
	position:absolute;
	margin:0;
	bottom:0;
	left:0;
	display:block;
	width:100%;
	height:135px;
	z-index:14;
	text-align:left;
	background-position: top;
}

* html #postit{height:137px;}

#runningmen {
	position:absolute;
	margin:0;
	bottom:0;
	left:0;
	display:block;
	width:1000px;
	height:235px;
	z-index:14;
	text-align:left;
	background-position: right top;
	background-image: url(../image/runningmen.gif);
	background-repeat: no-repeat;
}
* html #runningmen{height:237px; width:998px}

#voetballer {
	position:absolute;
	margin:0;
	bottom:0;
	left:0;
	display:block;
	width:100%;
	height:285px;
	z-index:14;
	padding-left:600px

}

#left1, #left2, #left3, #left4 {position:absolute; left:0; top:100px; bottom:50px; width:850px; font-size:1em; overflow:auto; }
* html #left1  {height:100%; top:0; bottom:0;  border-bottom:150px solid #fff; margin-top:100px; }
* html #left2  {height:100%; top:0; bottom:0; border-top:100px solid #fff; border-bottom:50px solid #fff;}

#left1,#left2 {  z-index:0; }
/*#left2 {left:25%; background:rgb(243,217,188);}
#left3 {left:50%; background:rgb(223,191,196);}
#left4 {left:75%; background:rgb(229,218,212);}*/

.inner {display:block; padding:0px 10px 200px 150px; font-size:14px; line-height:1.5em}

.inner h1 {
	font-size:14px;
	font-weight: bold;
	padding-bottom:0px
}
.inner h2 {
	font-size:14px;
	font-weight: bold;
	padding-bottom:0px
}

.menudiv{padding-left:10%;position:absolute; }

.bold {font-size:1.5em; font-weight:bold;}
.tabs {list-style:none; padding:0px 0 0 0; margin:0px 10px 50px 0; height:26px;width:850px   }


* html .tabs { }
.tabs li {float:left; margin-right:-29px;}
.tabs li a {display:block; position:relative; text-decoration:none;}
.tabs li a em {display:block; height:26px; float:left; padding:0 29px 0 5px; background:url(../image/tab3.gif) right top; position:relative; z-index:100; font-size:11px; font-weight:normal; font-style:normal; color:#fff; line-height:25px; font-family:verdana;}
.tabs li a b {display:block; float:left; width:29px; height:26px; background:url(../image/tab3.gif) left top; position:relative; z-index:200;}

.tabs li a.m1 {z-index:600;}
.tabs li a.m2 {z-index:500;}
.tabs li a.m3 {z-index:400;}
.tabs li a.m4 {z-index:300;}
.tabs li a.m5 {z-index:200;}
.tabs li a.m6 {z-index:100;}

.tabs li a:hover {border:0; z-index:700; cursor:pointer;text-decoration:none}
.tabs li a:hover b {background-position: left center;}
.tabs li a:hover em  {background-position: right center; color:#050;}

.tabs li a.selected, .tabs li a.selected:hover {border:0; z-index:800; cursor:default;}
.tabs li a.selected b, .tabs li a.selected:hover b {background-position: left bottom;}
.tabs li a.selected em, .tabs li a.selected:hover em  {background-position: right bottom; color:#000;}




.tabsonder {list-style:none; padding:0px 0 0 10px; margin:0px 10px 50px 0; height:26px; z-index:11; padding-top:-3px }
.tabsonder li {float:left; margin-right:-29px; z-index:11}
.tabsonder li a {display:block; position:relative; text-decoration:none;}
.tabsonder li a em {display:block; height:26px; float:left; padding:0 29px 0 0px; background:url(../image/tab3onder.gif) right top; position:relative; z-index:100; font-size:9px; font-weight:normal; font-style:normal; color:#fff; line-height:25px; font-family:verdana;}
.tabsonder li a b {display:block; float:left; width:29px; height:26px; background:url(../image/tab3onder.gif) left top; position:relative; z-index:200;}

.tabsonder li a.m1 {z-index:900;}
.tabsonder li a.m2 {z-index:800;}
.tabsonder li a.m3 {z-index:700;}
.tabsonder li a.m4 {z-index:600;}
.tabsonder li a.m5 {z-index:500;}
.tabsonder li a.m6 {z-index:400;}
.tabsonder li a.m7 {z-index:300;}
.tabsonder li a.m8 {z-index:200;}
.tabsonder li a.m9 {z-index:100;}

.tabsonder li a:hover {border:0; z-index:700; cursor:pointer;text-decoration:none}
.tabsonder li a:hover b {background-position: left center;}
.tabsonder li a:hover em  {background-position: right center; color:#050;}

.tabsonder li a.selected, .tabsonder li a.selected:hover {border:0; z-index:800; cursor:default;}
.tabsonder li a.selected b, .tabsonder li a.selected:hover b {background-position: left bottom;}
.tabsonder li a.selected em, .tabsonder li a.selected:hover em  {background-position: right bottom; color:#000;}


.tab {list-style:none; padding:0px 0 0 10px; margin:0px 10px 0px 0; height:23px; }
.tab   em {display:block; height:22px; float:left; padding:0 39px 0 10px; background:url(../image/tab.gif) right top; position:relative; z-index:100; font-size:11px; font-weight:normal; font-style:normal; color:#000; line-height:23px; font-family:verdana; }
.tab   b {
	display:block;
	float:left;
	width:22px;
	height:10px;
	position:relative;
	z-index:200;
	background-image: url(../image/tab.gif);
	background-repeat: no-repeat;
	background-position: left top;
	font-size:20px; font-weight:normal;
	height:23px
}
.tabkadervacature {border:1px solid #CCCCCC; margin-left:10px; margin-top:0px;width:550px; padding-left:10px; padding-right:10px; padding-top:10px; padding-bottom:10px; line-height:normal}
.tabkadervacature h3{ font-size:12px; margin-bottom:-2px}
.tabkaderonder  {
border:1px solid #CCCCCC; margin-left:10px; width:550px; padding-left:10px; padding-right:10px; padding-top:10px; padding-bottom:10px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	margin-left:10px;
	margin-bottom:20px
}

a {	letter-spacing : 1px;text-decoration: underline}
a:link { color: #666666;}
a:visited { color: #666666;}
a:hover { text-decoration: underline; color: #3366CC;   }
a.mail	{

	padding-left: 25px;
	text-decoration: none;
	 padding-top: 6px;
	}
a.mail	{
   color: #666666;
   background:  url(/image/atsymbol.gif) no-repeat;
   background-position: 3px -3px;
   }

a.mail:visited  {
   color: #666666;
   background-position: 3px -3px;
   }
a.mail:link  {
   color: #666666;
   background-position: 3px -3px;
   }
a.mail:hover{
   text-decoration: underline; color: #3366CC; 
  
   background:  url(/image/atsymbo-geel.gif) no-repeat;
    background-position: 3px -3px; 
   }
a.reageer {text-decoration: none;
 	letter-spacing : 1px; font-size:12px
 }

 a.reageer:link {
 color: #666666;font-size:12px
}

 a.reageer:visited {
 color: #666666;font-size:12px
}

 a.reageer:hover {
 text-decoration: underline; color: #3366CC;   font-size:12px
}
a.reageermail	{

	padding-left: 25px;
	text-decoration: none; font-size:12px

	}
a.reageermail	{
   color: #666666;
   background:  url(/image/mail.gif) no-repeat;
   background-position: 3px -2px;
   }

a.reageermail:visited  {
   color: #666666;
   background-position: 3px -2px; font-size:12px
   }
a.reageermail:link  {
   color: #666666;
   background-position: 3px -2px; font-size:12px
   }
a.reageermail:hover{
   text-decoration: underline; color: #3366CC; 
  
   background:  url(/image/mailgeel.gif) no-repeat;
    background-position: 3px -2px;  font-size:12px
   }

.celldiv {
float:left;/*fix for  buggy browsers*/
display:  table-cell;
color: #666666;
}
.celldivlocatie {
float:left;/*fix for  buggy browsers*/
display:  table-cell;
color: #666666;
PADDING-LEFT: 20px;
margin-left:20px
}

.rowdiv  {
display:  table-row;
width:100%;
}

.contacttablediv {
display:  table;
width:600px;
border-spacing:1px;/*cellspacing:poor IE support for  this*/
border-collapse:separate;
}
.contactcelldiv {
float:left;/*fix for  buggy browsers*/
display:  table-cell;
color: #666666;
}
 
.contactcelltext {
float:left;/*fix for  buggy browsers*/
display:  table-cell;
color: #666666;PADDING-LEFT: 1.5em; 
height:250px
}
 
.contactrowdiv  {
display:  table-row;
width:auto;
}
#adresgegevens{ display:none}

}
@media print{
#foot, #footgras, #postit, #voetballer, .tabs, .tabsonder,#blijfophoogte,.reageermail,.tabkaderonder,.overzicht,.noprint,#list,.aantalrecords{ display:none}
#header {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	border-bottom-width: 4px;
	border-bottom-style: double;
	border-bottom-color: #000000;
  }

.inner {
	display:block;
	padding:80px 10px 10px 10px;
	font-size:13px;
	border-bottom-width: 4px;
	border-bottom-style: double;
	border-bottom-color: #000000;
}

#adresgegevens{ display:block}

.tab{ text-decoration:underline}
.tabkadervacature{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #000000;
	padding-bottom:10px
}

}

@media handheld{
#matchingpool h2 {
	COLOR: #0033FF;
	font-family: Verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
text-transform: uppercase;

}
#matchingpool H1 {
	COLOR: #0033FF;
	font-family: Verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
}


	 }