/*DEFAULT*/
* {
	margin: 0;
	padding: 0;
	}

/*BACKGROUND COLORS*/
.clr1{background:#cccccc;}/*grijs*/
.clr1a{background:#cccccc;color:#009900;}/*grijs*/
.clr2{background:#99e600;/*#99FF66;*/}/*groen*/
.clr3{background:#E5E5E5;}/*lichtgrijs*/
.clr4{background:#999999;}/*donkergrijs*/
.clr5{background:#F0F0F0;}/*lichtergrijs*/
.clrb{border-top:4px solid #99e600;}

/*SCREEN*/
.forfull{width: 99%;}
.for800 {width: 728px;}
.for1024 {width: 955px;}
.forx {width: 50%;}
			
html,body {
	color: #666666;/*FONT*/
	font-family : Verdana, arial, helvetica, sans-serif; 
	font-size: 11px;
	width: auto;
	height: 100%;
	}

#container{
margin: 0 auto;
min-height:97%;
/*background:#999999;*/
}

#welcome {
	margin: 0 auto;
	height:50%;
	width:50%;
	padding-top:50px;
	}
#footer {
	/*vertical-align: middle;*/
	text-align: center;
	margin: 0 auto;
	/*clear: both;*/
	background: #F0F0F0;
	}

#footerscroll {
		margin: 0 auto;
		}
a.©:link {color: #C8C8C8;height: 5px; font:11px verdana, arial, helvetica, sans-serif;text-decoration: none; }
a.©:visited {color: #C8C8C8;height: 5px; font:11px verdana, arial, helvetica, sans-serif;text-decoration: none; }
a.©:hover {color: #C8C8C8;height: 5px; font:11px verdana, arial, helvetica, sans-serif;text-decoration: none; }
a.©:active {color: #C8C8C8;height: 5px;font:11px verdana, arial, helvetica, sans-serif;text-decoration: none; } 

		}		
a.gap:link {color:#777777; font-size:8px;font-family:verdana, arial, helvetica, sans-serif;text-decoration: underline;font-style:italic;text-transform: uppercase; }
a.gap:visited {color:#777777; font-size:8px;font-family:verdana, arial, helvetica, sans-serif;text-decoration: underline;font-style:italic;text-transform: uppercase; }
a.gap:hover {color: #777777;font-size:8px;font-family:verdana, arial, helvetica, sans-serif;text-decoration: underline;font-style:italic; text-transform: uppercase;}
a.gap:active {color: #777777;font-size:8px;font-family:verdana, arial, helvetica, sans-serif;text-decoration: underline;font-style:italic;text-transform: uppercase; }

#content{
padding-top:5px;
clear: both;
}
p{
		/*margin-left:10px;
		margin-right:10px;*/
		margin:4px;
		}
		.pI{
		font-family : Verdana, arial, helvetica, sans-serif; 
		font-size: 20px;
		font-weight:bold;
		color: #999999;
		}
		.pI1{
		font-family : Verdana, arial, helvetica, sans-serif; 
		font-size: 11px;
		font-weight:bold;
		color: #999999;
		margin-top:15px;
		}
		.ga{
		font-family : Verdana, arial, helvetica, sans-serif; 
		Text-decoration:underline;
		text-transform: uppercase;
		margin:15px;
		font-weight:bold;
		font-size: 8px;
		font-style:italic;
		}
		
		.pIw{
		font-family : Verdana, arial, helvetica, sans-serif; 
		font-size: 20px;
		font-weight:bold;
		color: red;
		}
		
		.pc{
		font-family : Verdana, arial, helvetica, sans-serif; 
		margin-bottom:25px;
		}
		.pn{margin:5px;
		color:#ffffff;
		}
		.ph{margin:5px;
		color:#999999;
		padding:2px;
		}
		.po{padding-top:1px;
	}
#header {/*margin:0 auto;*/
		width:58%;
		background:red;
		color: #777777;
		font-size: 25px;font-weight:bold;text-align:center;
		clear: both;*/
		}
#headerleft {margin:0 auto;
		width:19%;
		background:red;
		
		float:left;
		/*clear: both;*/
		}
		#headerright {margin:0 auto;
		width:19%;
		background:red;
		
		float:left;
		/*clear: both;*/
		}

#subheader {
		width: 100%;
		/*height: 100px;*/
		/*line-height: 100px;
		/*vertical-align: middle;*/
		background:transparent;
		/*background-image : url("../assets/basepic/bg_head.jpg");*/
		color: #777777;
		float:left;
		font-size: 10px;
		font-weight:bold;
		text-align:center;
		clear: both;
		}

		#nav_bg{
		background-image : url("../assets/basepic/nav_bg.jpg") ;
		height: 35px;
		width: 100%;
		background-repeat:no-repeat;
		padding-top:  10px;
		text-align:center;
		
		clear: both;
		
		}
#xxxxxxxcontent{
		border: solid 1px #C6E2BC;
		width:99.7%;
		float:left;

		} 		
			
			
			/*************************/
			#pos15 {
				width: 15%;
				height: auto;
				float: left;
			}
			#pos20 {
				width: 20%;
				height: auto;
				float: left;
			}
			#pos25 {
				width: 24.5%;
				height: auto;
				float: left;
			}
			#pos33 {
				width: 33%;
				height: auto;
				float: left;
			}
			#pos50 {
				width: 49.99%;
				height: auto;
				float: left;
			}
			#pos65 {
				width:62%; /*66%;*/
				height: auto;
				float: left;
				
			}
			#pos75 {
				width: 74.5%;
				height: auto;
				float: left;
			}
			#pos17 {
				width: 19%;/*16.7%;*/
				height: auto;
				float: left;
				
			}
			#pos80 {
				width: 80%;
				height: auto;
				float: left;
			}
			#pos100 {
				width: 100%;
				height: auto;
				float: left;
				
			}
			#centr{
				width:95%;
				margin:0 auto;
			}
			#pos90{
				width:90%;
				float:left;
			}
			#pos10{
				width:10%;
				float:left;
			}

			


			
			
a{
			font:11px verdana, arial, helvetica, sans-serif;
			font-weight:bold;
			}

			a:link {
			color:#777777; text-decoration: none;
			}
			a:visited {
			color:#777777; text-decoration: none;
			}
			a:hover { 
			color:#99FF66; text-decoration: none;
			}
			a:active{ 
			color:#777777; text-decoration: none;
			}
			a img {
			border : 0; 
			} 

<!-- Dit zijn de standaard CSS-instellingen -->
<!-- Je kunt die overschrijven door in de DIV style=... op te nemen -->

.hyperlinkcss{
position:absolute;
margin-left:0px;               /* horizontale plaatsing menu t.o.v. de hyperlink */
margin-top:0px;                /* verticale plaatsing menu t.o.v. de hyperlink */
visibility: hidden;
border:1px solid black;
border-bottom-width: 0;
font:normal 12px Verdana;
line-height: 18px;
z-index: 100;
background-color: #E9FECB;
width: 100px;
}

.hyperlinkcss a{                   <!-- standaard uitzicht link --> 
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid black;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
}

.hyperlinkcss a:hover{              <!-- standaard uitzicht link bij muisover -->
background-color: #660000;
color: red;
}
}