<?	
	/**
	* browserdetection for dynamic css
	*
	*	check for $firefox, $safari, $ie and possibly for $version to get the current browserversion	
	*/
	$browser=get_browser(null,true);
	if($browser['browser'])
	{
		$browsertype=strtolower($browser['browser']);
		$version=$browser['version'];
	}
	else
	{
		$browsertype='unknown';
	}		
	header('Content-type: text/css'); 
?>

 body { 
    margin:0; 
    padding:0; 
    overflow:hidden; 
    font-family:Arial, Helvetica, sans-serif;
 } 

 div { 
    box-sizing:border-box; 
    -moz-box-sizing:border-box; 
 }
  
	a:link	{
		text-decoration:none;
		color:white;
	}
	
	a:hover	{
		text-decoration:none;
		color:white;
	}
			
	a:visited	{
		text-decoration:none;
		color:white;
	}
	
	#tblright{
    border-top:145px solid #FFF; 
    border-left:234px solid #FFF;
	
	height:99%;
	position:absolute;
	left:0px;
	top:0px;
	z-index:0;
		
	<?if($ie){print('
	border-right:190px solid transparent;
	border-bottom:31px solid #FFF;
	width:100%;
	');}
	else{print('
	border-right:190px solid transparent;
	border-bottom:28px solid #FFF;
	width:99%;
	');} ?>
		
	}
		
	#tblreclame{
	position:absolute;
    border-top:145px solid transparent; 
    height:99%;
	width:160px;
	right:0px;
	z-index:2;
	<?if($ie){print('
	border-bottom:34px solid transparent;
	');}
	else{print('
	border-bottom:26px solid transparent;
	');} ?>
	}
	
	#tblreclamebody{
		overflow:auto;
		overflow-x:hidden;	
		height:100%;
	}
	
	#reclameblok	{
		overflow:auto;
		height:100%;
	}
	
	#tblleft{
	    border-top:164px solid #FFF; 
	    border-bottom:27px solid #FFF;
		width:222px;
		height:99%;
		position:absolute;
		left:0px;
		top:0px;
		z-index:1;
	}

	#tblleftbody{
		overflow:auto;
		overflow-x:hidden;	
		height:100%;
	}

  #purplestripe { 
	background-image:url('../images/paars_blokje.jpg');
	background-repeat:repeat-x;
    height:10px; 
    width:100%; 
    position:absolute; 
    margin:0;      
    left:0; 
    top:0; 
    z-index:3; 
	} 
  
  #naviabove { 
    width:100%; 
    position:absolute; 
    left:0;
    height:147px; 
    top:9px; 
    z-index:3; 
	}
	 
	#koptabel	{
		width:100%;
	}
	
	#koptabel td	{
		border-color:white;
		border-style:solid;
		border-width:1px;
		height:15px;
	}
	
	#banner{
		vertical-align:middle;
	}  
	
	.naviastripe {
		background-color:#528f14;
		background-repeat:no-repeat;
		background-position:center;
		padding-left:6px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		font-weight:bold;
		color:white;
		width:50%;
	} 
	
	.naviastripeRight {
		text-align:right;
		padding-right:6px;
		background-image:url(../images/groene_balk.jpg);
	}
	
	#naviastripe_1 {
		background-image:url(../images/aap_a.jpg);
	}
								
	#naviastripe_3 {
		background-image:url(../images/aap_b.jpg);		
	}
																
	#naviastripe_5 {
		background-image:url(../images/aap_c.jpg);
	}
								
	#naviastripe_7 {
		background-image:url(../images/aap_d.jpg);
	}
	
	#zoek {
		height:19px;
		width:120px;
		margin-bottom:0px;
		font-size:12px;
		margin:-2px 0px -2px 0px;
	}
			
	#zoekknop	{
		height:20px;
		width:35px;
		font-size:12px;
		margin:-2px 0px -2px 0px;
	}
	
	.site	{
		height:17px;
		width:76px;
		font-size:9px;
		margin:-2px 0px -2px 0px;
	}	
	
	#balk{		
		background-image:url(../images/paarse_balk.jpg);
		background-repeat:repeat;
		width:100%;
		font-family:Arial, Helvetica, sans-serif;
		color:#FFFFFF;
		font-size:11px;
		font-weight:normal;
		vertical-align:middle;
		border-right-style:solid;
		border-right-color:white;
		border-right-width:1px;
		margin-top:0px;
	}
				
	#balk td	{
		text-align:center;
		padding:0px;
		margin-top:0px;
	}
	
	td.hover{
		background-color:#EBE7EC;
		color:#000;
	}
	
	#balk td.regular{
		background-color:transparent;
		color:#fff;
	}	
	
	#tblrightbody{
		overflow:auto;
		overflow-x:hidden;
		height:100%;
	}
	
	#bodyMain, #bodyMain td{
		font-family:Arial, Helvetica, sans-serif;
	  	font-size:10pt;
	  	line-height:13pt;
	  	
	  	margin:0 30px 0 0;
	  	overflow:auto;
	  	height:100%;
	}
	
			
		#bodyMain h3{
			font-weight:bold;
			font-size:10pt;
		}
		
		#bodyMain h2{
			color:#888;
	  		font-size:9pt;
	  		line-height:11pt;
	  		font-weight:normal;				
		}
		
		#bodyMain h1{	
	  		font-size:10pt;
	  		line-height:13pt;
	  		font-weight:bold;				
			text-transform: uppercase;
		}
		
		#bodyMain a:link{
			color:#3A00F1;
			text-decoration:none;
		}
		
		#bodyMain a:visited{
			color:#91199F;
		}
		
		#bodyMain a:hover {
			color:red;
		}
		
		#bodyMain td{
			line-height:14px;
		}
		

#contentframe {
 		border:0px;
 		height:99.5%;
 		width:100%;
  } 
   
  #actinfo	{
  	position:absolute;
  	z-index:10;
  	background-color:#666666;
  	padding:3px 0px 3px 6px;
	margin:145px 0px 0px 1px;
		
	<?if($ie){print('
    width:219px;			
	');}
	else{print('	
	width:221px;	
	');}?>		
	 
	heigth:15px;
	color:white;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	}

  #bodySide { 
	background-color:#ebe7ec;    
	padding-left:10px;
	padding-right:10px;
	padding-top:4px;
	font-size:12px;		   
    overflow:auto;
    height:100%;
    <?if($ie){print('width:220px;');}
	else{print('width:205px;');} ?>
  } 
  
  #bodySide a:link	{
  	color:#333;
  	text-decoration:none;
  }
  #bodySide a:visited	{
  	color:#333;
  	text-decoration:none;
  }
  #bodySide a:hover	{
  	color:#999;
  	text-decoration:none;
  }  

  #bodySide span.hover	{
  	color:#999;
  	cursor:pointer;
  }
  
  #bodySide span.clickable {
  	color:#333;
  	cursor:default;
  }
  #bodySide a.isactive {color:red;}
  
  
	.kop {
		font-weight:bold;
		border-bottom:1px solid #777;
		color:#777;
		margin-bottom:12px;
	}  

	#bottomstripe
	{
		position:absolute;
		width:100%;
		height:30px;
		bottom:0;
		left:0;
		padding:2px;
		padding-left:10px;
		background-image:url(../images/bottomstripe.jpg);
		background-color:#78a23d;
		background-repeat:no-repeat;
		font-family:Arial, Helvetica, sans-serif;
		font-size:10pt;
		font-weight:bold;
		color:white;
		z-index:2;}
		
		#bottomtext	{margin-top:-22px;
					text-indent:34px;}
	
	.bigger	{
		font-size:16px;
	}
	
	form{
		margin:0;
	}

img {border:0;}