<style>
/*------------------------------------------------------------------
	[Master Stylesheet]
	
	Project:		Driestar College (Redesign 2009)
	Version:		1.0
	Last change:	09/04/09
	Assigned to:	Rudy de Jong
    Company:		WIS Services BV http://www.wis.nl/
	Primary use:	Web
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
	[Color codes]
	
	
    
*/

/*------------------------------------------------------------------
	[Typography]

	
	
		
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
	[Table of contents]
	
	1. Body
	2. Wrapper
	
	
-------------------------------------------------------------------*/

	/*------------------------------------------------------------------
		[1. Global Styles]
	*/
	
	* {
		margin: 0;
		padding: 0;
	}
	
	html, body {
    	text-align: center; /* IE: center the wrapper */
		font: normal 12px/15px Arial,sans-serif;
		color: #1c004a;
		
	}
	
	
	body {
		background: #edf0d2 url(/redesign/images/bg1.gif) repeat-y top center;
	}
	
	
	p {
		font: normal 12px/15px Arial,sans-serif;
		color: #1c004a;
		padding: 5px 0;
	}
	
	h1 {
		font: normal 18px/25px Arial,sans-serif;
		color: #babf00;
		padding-bottom: 10px;
	}

	h2 {
		
	}
	
	h3 {
		
	}
	
	/*------------------------------------------------------------------
		[2. Wrapper]
	*/
	
	#wrapper {
		width: 800px;
		margin: 0 auto;
		position: relative;
		background: #FFF;
		text-align:left;
	}
	
	/*------------------------------------------------------------------
		[3. Header]
	*/
	
   #header {
		height: 141px;
		width: 800px;
	}
   
		#header .logo {
			width: 222px;
			height: 100px;
			float: left;
			margin-left: 8px;
			margin-top: 18px;
		}
		
		#header .center {
			width: 277px;
			height: 141px;
			float: left;
			margin-left: 44px;
		}
		
		#header .right {
			width: 238px;
			height: 141px;
			float: left;
			overflow: hidden;
		}
		
		#header .search {
			width: 185px;
			height: 19px;
			float: right;
			margin-top: 21px;
		}
		
			#header .input {
				border-top: 0px;
				border-right: 1px solid #d4dd91;
				border-bottom: 1px solid #d4dd91;
				border-left: 1px solid #d4dd91;
				background-color: #aabb24;
				float: left;
				color: #1c004a;
			}
			
			#header .text {
				float: left;
				padding-left: 8px;
				cursor: pointer;
			}
			
			#header .text a {
				color: #aabb24;
				height: 19px;
				vertical-align: top;
				text-decoration: none;
				float: left;
				font: normal 11px Arial,sans-serif;
			}
		
		.portallinks {
			width: 140px;
			height: 68px;
			float: left;
			margin-top: 5px;
			margin-left: 55px;
		}
		
			.portallinks ul li {
				width: 128px;
				float: left;
				margin-bottom: 5px;
				padding: 0 6px;
				height: 17px;
				border: 1px solid #aabb24;
			}
			
				.portallinks ul li a {
					color: #aabb24;
					display: block;
					padding-top: 2px;
					font: bold 11px Arial,sans-serif;
					text-decoration: none;
				}	
		
		.breadcrums {
			width: 550px;
			height: 10px;
			
			float: left;
			margin-top: 12px;
			margin-left: 37px;
		}
		
			.breadcrums a {
				text-decoration: none;
				color: #1c004a;
				font: bold 11px/12px Arial,sans-serif;
				float: left;
				padding: 0 2px;
			}
			
			.seperator {
				width: 10px;
				height: 5px;
				background: url(/redesign/images/breadcrum_seperator.jpg) no-repeat center left;
				padding-top: 6px;
				float: left;
			}
			
			
		.titel {
			color: #aabb24;
			float: left;
			font: normal 11px/12px Arial,sans-serif;
		}
	
	
		.childselect {
			width: 160px;
			height: 10px;
			float: right;
			margin-right: 21px;			
			margin-top: 12px;
			
		}
			
		.childselecter	{
			border: 1px #AABB24 solid;
			border-color:#AABB24 #AABB24 #AABB24 #AABB24;
			border-style:solid solid solid;
			border-width:1px 1px 1px 1px;
			color:#1C004A;
			
		}
    /*------------------------------------------------------------------
		[4. Menu]
	*/
		
		#menu {
			width: 800px; /*IE 6 telt 22px bij op. Zie #menu .MM */
			height: 23px;
			background-color: #aabb24;
		}
		
			#menu .MM {
				padding-left: 22px;	
			}
		
		#seperator {
			width: 100%;
			height: 2px;
			background: url(/redesign/images/seperator.jpg) repeat-x top left;
			margin-top: 36px;
		}
		
		#seperator_bottom {
			width: 100%;
			height: 2px;
			background: url(/redesign/images/seperator.jpg) repeat-x top left;
			margin-bottom: 20px;
			padding-bottom: 20px;
		}
		
		
	/*------------------------------------------------------------------
		[5. Content]
	*/
	
	
	#content {
		width: 764px;
		min-height: 450px;
		margin-left: 37px;
	}
	
		#navigation {
			height: 92px;
			width: 100%;
			margin-top: 17px;
		}
			#content .title {
				width: 648px;
				height: 20px;
				margin-top: 15px;
				float: left;
			}
			
			#content .text {
				color: #1c004a;	
				font: normal 18px/25px Arial,sans-serif;
				padding-left: 5px;
			}
		
			#content .vestigingen {
				width: 114px;
				height: 92px;
				float: right;
			}
			
				#content .vestigingen ul {
					height: 92px;
					width: 114px;
				}
				
					#content .vestigingen ul li {
						height: 21px;
						width: 114px;
						
							margin-bottom: 14px;
						
						
					}
		
	#content .content {
		width: 766px;
	}
	
	
	/*------------------------------------------------------------------
		[6. Footer]
	*/


</style> 