/************************************************
/			  									/
/			  Cascading Stylesheet				/
/		   X P R N Z  O L D S K O O L	    	/
/		    [C] 2007 Tim van 't Hof   			/
/			     www.xprnz.com    				/
/			   									/
************************************************/


/*----------------------------------------------------
		De basis en standaarden
----------------------------------------------------*/


body {
		
		font-family: Arial;
		font-size: 10px;
		overflow: auto;
		text-align: center;
		margin: auto;
		background-image: url('../images/img_bg_repeat.jpg');
}


	/* Site centreren */


#centerContainer {
		
		position: absolute;
		top: 0%;
		left: 50%;
		height: 100%;
		width: 750px;
		margin: 0 0 0 -375px;
		text-align: left;
}

/*----------------------------------------------------
		Structuur
----------------------------------------------------*/


#header, #navigatie, #content, #extern, #footer {
		
		position: relative;
		float: left;
		width: 100%;
}

#header {
		
		height: 255px;
		background-image: url('../images/img_header.jpg');
}

#navigatie {

		width: 224px;
		height: 236px;
		background-image: url('../images/img_navigate_bg.jpg');
}

#content {

		width: 378px;
		height: 236px;
		background-image: url('../images/img_content_bg.jpg');
}

#extern {

		width: 148px;
		height: 236px;
		background-image: url('../images/img_extern_bg.jpg');
		line-height: 18px;
}

#footer {

		width: 750px;
		height: 164px;
		background-image: url('../images/img_footer.jpg');
}


/*----------------------------------------------------
		Navigatie
----------------------------------------------------*/

#navholder {

	width: 100%;
	height: 125px;
	margin: 0px;
	padding: 0px 0px 0px 20px;
}

ul, li {

		width: 149px;
		margin: 0px;
		padding-bottom: 1px;
		list-style-type: none;			
}

#navholder li a {
		
		display: block;
		text-decoration: none;
		border: 0 none;
}

li#menu01 { 

		width: 149px; 
		height: 14px; 
}

.menu01 { background-image: url('../images/img_menu_01.jpg'); }
#navholder li a.menu01:hover { background-image: url('../images/img_menu_01_on.jpg'); }

li#menu02 { 
		
		width: 149px; 
		height: 33px; 
}

.webmen { height: 33px; background-image: url('../images/img_menu_webmen.jpg'); }
#navholder li a.webmen:hover { background-image: url('../images/img_menu_webmen_on.jpg'); }

li#menu03 { 
		
		width: 149px; 
		height: 33px; 
}
.school { height: 33px; background-image: url('../images/img_menu_school.jpg'); }
#navholder li a.school:hover { height: 33px; background-image: url('../images/img_menu_school_on.jpg'); }

li#menu04 { 

		width: 149px; 
		height: 33px; 
}

.persoonlijk{ height: 33px; background-image: url('../images/img_menu_persoonlijk.jpg'); }
#navholder li a.persoonlijk:hover { background-image: url('../images/img_menu_persoonlijk_on.jpg'); }


/*----------------------------------------------------
		Content
----------------------------------------------------*/


#contentHolder {

		padding: 17px;
}

#contentHolder img {

		margin: 2px;
		padding: 0px;
		border: 1px solid #368ea6;
}

#contentText {
		
		color: #17778f;
		padding: 0px 0px 10px 2px;
		line-height: 16px;
}

#contentHolder img.headimg {

		margin: 0px 0px 7px 0px;
		padding: 0px;
		border: 0 none;
}


/*----------------------------------------------------
		Externe Links
----------------------------------------------------*/


#externholder {
	
	padding: 5px 0px 0px 15px;
}

#extern a {

		color: #88c3d3;
		text-decoration: underline;	
}

#extern a:hover {

		color: #FFFFFF;
		text-decoration: underline;	
}

.wit {

	font-weight: bold;
	color: #FFFFFF;
}