/*------------------------------------------------------------------
	[Master Stylesheet]
	
	Project:		Redesign  Willem2 College 2009
	Version:		1.0
	Last change:	28/10/08
	Assigned to:	Rien Buitenhuis (WIS)
	Primary use:	Web
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
	[Color codes]
	
	

	
	
*/

/*------------------------------------------------------------------
	[Typography]

	
		
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
*/

*{
	margin: 0px;
	padding: 0px;

}
html, body{
	height: 100%; 
	cellspacing: 0px;
	background: url(//beheer.willem2.nl/Manage/Clients/1/htdocs/3//images/background.jpg) repeat-x top left;
	

}

a:hover {
	color:#AE75AE;
	font-family:verdana;
	font-size:11px;
}

a:link, a:active, a:visited {
	color: #6A006A;
	font-family:verdana;
	font-size:11px;
}


#hoofdwrapper {
	width: 975px;		
	margin: 0 auto;			
	position:relative;	
	min-height: 100%;			
	/*height: 100%;	*/
	overflow-y:hidden;
	background: url(//beheer.willem2.nl/Manage/Clients/1/htdocs/3//images/bg_willem2.jpg) top left repeat-y;
}


#leftwrapper
	{
		background: url(//beheer.willem2.nl/Manage/Clients/1/htdocs/3//images/ShadowLeft.gif) repeat-y top left;
		float:left;				
		width: 12px;
		border:0px red solid;
		
	}
	
		#leftwrapper .background
		{
			background: url(//beheer.willem2.nl/Manage/Clients/1/htdocs/3//images/ShadowLeftHead.gif) repeat-y top left;
			float:left;				
			width: 12px;
			height: 139px;		
		}
		
	#rightwrapper
	{
	
		float:right;
		background: url(//beheer.willem2.nl/Manage/Clients/1/htdocs/3//images/ShadowRight.gif) repeat-y top left;		
		width: 13px;			
		
	}
	
	
		#rightwrapper .background
		{
			background: url(//beheer.willem2.nl/Manage/Clients/1/htdocs/3//images/ShadowRightHead.gif) repeat-y top left;
			float:right;	
			width: 13px;		
			height: 138px;			
		}
		
		
#wrapper {
			width: 950px;			
			min-height: 100%;
			height: auto !important;			
			height: 100%;		
			float:left;		
			position: relative;
			margin: 0px auto;
			
		}
		
#wrapperTop
		{
			width: 950px;			
			background-color: #6A006A;
			position: relative;
			z-index: 2;
		}
		
#wrapperContent
		{
			width: 950px;			
			height: auto !important;
			min-height:100%;
			/*background-color: #FFF3E8;		*/
			position: relative;			
			overflow: hidden;
			
			
		}
		
/*------------------------------------------------------------------
Banner
*/		

	#banner {
		width: 950px;
		background: url(//beheer.willem2.nl/Manage/Clients/1/htdocs/3//images/bannerPubliek.jpg) no-repeat;	
		border:0px;
		height: 125px;		
		position: relative;		
	
	}

		#banner .leftbanner {
			float: left;
			margin-left: 37px;
			margin-top: 20px;
			border:0px red solid;
			width: 80px;
			height: 90px;	
			cursor: pointer;	
		}
		
		#banner .rightbanner {
			float: right;
			margin-top: 5px;
			border: 0px red solid;
			height: 118px;		
		}
		
		#banner .rightbanner .rightmenu {					
					border: 0px red solid;
					width: 140px; 
					height: 50px;
					margin-left: 600px; 
					margin-top: 10px;	
				}
				
					#banner .rightbanner .rightmenu .rightmenulist{
												
						list-style-type: disc;
						list-style-image: url(//beheer.willem2.nl/Manage/Clients/1/htdocs/3//images/diamondpaars.gif);
						list-style-position: outside;
					}
					
					#banner .rightbanner .rightmenu .rightmenulist .rightmenuitem {
						
						border: 0px red solid;
						height: 16px;
						
						
					}
						#banner .rightbanner .rightmenu .rightmenulist .rightmenuitem a{								
							color:#CBA6CB;
							font-family:Verdana;
							font-size:11px;
							padding-right:9px;
							margin-top:15px;
							text-decoration:none;
						}
		
		
	
		#banner .menu{	
			margin-top: 20px;
			width:700px;
			position: relative;
			z-index: 5;
		
		}
	
	#balk	{
		width: 950px;
		height: 10px;
		
		background: url(//beheer.willem2.nl/Manage/Clients/1/htdocs/3//images/block1.jpg) repeat-x;	
	}
	
	
/*------------------------------------------------------------------
balk links
*/		


#balkleft {
	width: 210px;	
	float: left;
	height: auto !important;
	min-height:100%;
	margin: 0px;
	padding 0px;
	
}

	#balkleft .balktop {
		height: 382px;		
		background: url(//beheer.willem2.nl/Manage/Clients/1/htdocs/3//images/menuleftnew.jpg) no-repeat;
		padding: 0px;	
	}

	
		
	
	#balkbottom {
		min-height:100%;
		height: 100%;	
		background: url(//beheer.willem2.nl/Manage/Clients/1/htdocs/3//images/menuleftbottom2.jpg) repeat-y;			
		padding-left: 15px;
		margin: 0px;
	}
	
	#textmenuTD {
		height: 100px;
		width: 100px;
		position: fixed;
		bottom: 0px;
		
		
		
		
	
	}
	
	
/*------------------------------------------------------------------
content right
*/		

#contentright{
	text-align: left;
	float: right;
	height: 100%;
	width: 740px;
	border: 0px red solid;
	
	background: url(//beheer.willem2.nl/Manage/Clients/1/htdocs/3//images/ContentVlakRight.gif) repeat-y right;	
}

	#bannerbottom{
		
		
		
			
			
			height: 124px;
			background: url(/Media/view/2503) no-repeat left;
		
		



	}	
	
			#bannerbottom .overlay{ 
				
					height: 124px;				
					background: url(//beheer.willem2.nl/Manage/Clients/1/htdocs/3//images/banner_over.gif) right no-repeat;	
					
			}		
						
			#bannerbottomright{
				float: right;
				width: 260px; 	
				border: 0px green solid;
				height: 100%; 	
			}
						
				#bannerbottomright .rightmenu {					
					border: 0px red solid;
					width: 260px; 
					height: 70px												
				}
				
					#bannerbottomright .rightmenu .rightmenulist{
						margin-left: 94px;
						margin-top:12px;						
						list-style-type: disc;
						list-style-image: url(//beheer.willem2.nl/Manage/Clients/1/htdocs/3//images/diamondpaars.gif);
						list-style-position: outside;
					}
					
					#bannerbottomright .rightmenu .rightmenuitem{
						padding-top:3px;
						
					}
						#bannerbottomright .rightmenu .rightmenuitem a{								
							color:#CBA6CB;
							font-family:Verdana;
							font-size:11px;
							padding-right:9px;
							padding-top:1px;
							text-decoration:none;
						}
				
				#bannerbottomright .rightzoekvenster {				
					width: 250px; 
					height: 20px;
					margin-left: 10px;	
					border: 0px orange solid;
											
				}
				
					
					#bannerbottomright .rightzoekvenster .input_search {		
						background-Color:#eef0f5;
						border-top: 3px solid #b0aa9e;
						border-left: 2px solid #b0aa9e;
						border-right: 0px;
						border-bottom: 0px;
						height:14px;
						width:175px;
						font-size:9px;
						font-family:verdana;				
						padding-top:4px;
						padding-left:6px;
						color: #081063;
					}
					
					
					#bannerbottomright .rightzoekvenster .Zoekknop {
						background-color:#AE75AE;
						border-right-color:#A96DA9;
						border-right-style:solid;					
						height:18px;
						padding-top:3px;
						text-align:center;
						width:55px;			
						
					}
						#bannerbottomright .rightzoekvenster .Zoekknop a.ZoekknopTekst,
						#bannerbottomright .rightzoekvenster .Zoekknop a.ZoekknopTekst:link,
						#bannerbottomright .rightzoekvenster .Zoekknop a.ZoekknopTekst:hover,
						#bannerbottomright .rightzoekvenster .Zoekknop a.ZoekknopTekst:active, 
						#bannerbottomright .rightzoekvenster .Zoekknop a.ZoekknopTekst:visited {
							color:#FFFFFF;
							font-family:arial;
							font-size:11px;
							font-weight:bold;
							height:16px;
							text-decoration:none;
						}
						
/*------------------------------------------------------------------
sitepath 
*/	
			#sitepath {
				text-align: left;
				padding-top:  15px;
				padding-left: 20px;
				float: right;
				height: 25px;
				width: 716px;
				border:0px red solid;
						
			
			}
			
				#sitepath .pad {
					color:#6A006A;
					font-family:verdana;
					font-size:11px;
				
				
				}
			
			/*------------------------------------------------------------------
sitepath 
*/	
			#content {
				text-align: left;
				padding-top:  25px;
				padding-left: 20px;
				float: right;
				height: 100%;
				width: 716px;
				border: 0px red solid;
						
			
			}