/*------------------------------------------------------------------
	[Master Stylesheet]
	
	Project:		Stedelijk college(Redesign 2009)
	Version:		1.0
	Last change:	/04/09
	Assigned to:	R. Buitenhuis
    Company:		WIS Services BV http://www.wis.nl/
	Primary use:	Web
-------------------------------------------------------------------*/

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

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

/*------------------------------------------------------------------
	[Table of contents]
	
	1. Global Styles
	2. Wrapper
	3. Header
	4. Content
	5. Menu
	6. Nieuws 
	7. Goede doelen
	8. Footer
	
	
	
-------------------------------------------------------------------*/

	/*------------------------------------------------------------------
		[1. Global Styles]
	*/				
		.inputtext 	{
			height:16px;
			border:1px solid #818181;
			width:70px;
			font-size:11px;				
		}				
		
		.standard, td, body, p {
			font-family: Tahoma,Verdana,Arial; 
			font-size: 11px; 
			color: #404040; 
			text-align: left;
			text-valign: TOP;
			text-decoration: none;
		}
		
		
		body {
			height: 100%;		
		}
		h1{
			font-size: 18px;
			color:#c71444;
			font-weight:bold;
		}
		h2{
			font-size: 14px;
			color:#000000;
			font-weight:bold;
		}
		h3{
			font-size: 12px;
			color:#000000;
			font-weight:bold;
		}
		
		
		.topLink, a:hover.topLink, a:visited.topLink, a:active.topLink, a:link.topLink {
			font-size:10px;
			font-weight:bold;
			font-family:verdana;
			color:#000000;
			text-decoration:none;
			padding-left:4px;
		}
		
		.padLink, a:hover.padLink, a:visited.padLink, a:active.padLink, a:link.padLink {
			color:#ac9d8a ;
			font-size:11px;
			font-family:verdana;
			text-decoration:none;
		}
		a:link.portaalLinks, a:visited.portaalLinks, a:active.portaalLinks, a:hover.portaalLinks {
			font-family:georgia;
			font-size:11px;
			color:#1a1a1a;
			text-decoration:none;
		}
		
		a:link, a:active, a:visited{
			text-decoration: underline; 
			color: #c71444;
		}
		a:hover{
			text-decoration: underline; 
			color: #c71444;
		}
		
	
		a.last {
			border-bottom: 0px;
		}
		
		.logo {
			width: 87px;
			height: 48px;
			background: url(//beheer.stedelijkcollege.nl/Clients/1/htdocs/3/images/logo.png) no-repeat top left;
			behavior: url(/Page/nctrue/pngfix/index.html);		
		}
		
		.showPortal {
			position:relative;
			width:50px;
			float:left;
		}
	
	/*------------------------------------------------------------------
		[3.  topmenu]
	*/
	
	
	#Topmenu  {		
		position:absolute; 
		width: 542px; 
		right: 20px; 
		
			top: 6px;
			
			
		height: 23px;
		
		
		
	}
	
		#Topmenu .topmenuleft {
			float:left; 
			background: url(//beheer.stedelijkcollege.nl/Clients/1/htdocs/3/images/Topbarleft.png) no-repeat top left;
			width:7px; 
			height:23px; 
			behavior: url(/Page/nctrue/pngfix/index.html);
		}	
	
		#Topmenu .topmenucenter{
			float:left;
			width:528px; 
			height:23px; 
			background: url(//beheer.stedelijkcollege.nl/Clients/1/htdocs/3/images/Topbarcenter.png) repeat-x top left;
				
		}
	
		#Topmenu .topmenuright {
		float:right;
		background: url(//beheer.stedelijkcollege.nl/Clients/1/htdocs/3/images/Topbarright.png) no-repeat top left;
		width:7px; 
		height:23px; 
		}	
	
		#Topmenu .talen {
			float: left;
			width: 66px;                
			margin-left: 0px;
			height: 21px;  
				
		}
	
			#Topmenu .talen  ul {
				float: left;
				width: 66px;				
			}
		
				#Topmenu .talen  ul li {
					float: left;
					width: 30px;
					margin-left:2px;	
					display: inline;
				}
						
		#Topmenu .portalen {
			float: left;
			width: 77px;  							
			text-align: left;			
			height: 21px; 
			cursor: pointer;
			padding-top :0px;				
			font-size:10px;			
			font-family:verdana;
			text-decoration: none;			
			color:#000000;
			font-weight: bold;
			padding-left:20px;
			padding-top :3px;
			
		}
		
			#Topmenu .portalen ul
			{
				list-style:none;		
				
			}
		
		
			#Topmenu .links ul
			{
				list-style:none;		
				padding: 0px;
			}
		
		
		#a:hover.portalentekst, #Topmenu a:visited.portalentekst, #Topmenu a:active.portalentekst, #Topmenu a.portalentekst {				
			font-size:10px;			
			font-family:verdana;
			text-decoration: none;
			color:#000000;
			font-weight: bold;
			padding-left:4px;
			padding-top :3px;			
		}
		
		#Topmenu .portals {
			margin-top: 5px;
			width: 150px;
			background-color: #FFF;
			height: 50px;
		
		}
		
		
		#Topmenu .portals a {	
			padding-left: 4px;						
			font-size:10px;			
			font-family:verdana;
			color:#000000;			
			font-size:10px;	
			font-weight: normal;			
			font-family:verdana;
			color:#000000;
			text-decoration:none;
			
		}
		
	
		a:hover.portalslinks, a:visited.portalslinks, a:active.portalslinks, a:link.portalslinks {
						line-height:170%
		}
		
		#Topmenu .links {
			float: left;
			width: 360px;                
			margin-left: 0px;
			height: 20px;  			
			text-align: left;		
		}
	
			#Topmenu .links  ul {
				float: left;
				width: 360px;
				
			}
		
				#Topmenu .links  ul li {
					float: left;
					width: auto; 
					margin-left:1px;
					font-size:10px;
					font-weight:bold;
					font-family:verdana;
					color:#000000;
					text-decoration:none;
					padding-left:4px;	
					padding-top:3px;				
				}
					#Topmenu .links  ul li.zoekvenster {
					padding-top:0px;
					float: left;
					
					}
					
			#showPortal {
				position:absolute; 
				top:20px;
				left: 80px;	
				float: left;
				display: none;
				z-index: 10000;
			
			}
			
			
	/*------------------------------------------------------------------
		[3.  topmenu]
	*/
	.Linksmenu {
		margin-top: 40px;		
		margin-right: 20px;
		border: 1px  #818181 solid;
	}
	
	.LinksMenuItem {
		height: 20px;
		background-color: #FFF;
		padding-left: 10px;
		padding-top: 6px;
		padding-bottom: 3px;		
		border-left: 1px  #818181 solid;
		border-right: 1px  #818181 solid;
		border-top: 1px  #818181 solid;		
		font-size:11px;	
		font-weight: bold;			
		font-family:verdana;
		text-decoration: none;
		color:#000000;		
	}
	
	.LinksMenuItem_over {
		height: 20px;
		width: 100%;		
		background-color: #c71444;
		padding-left: 10px;
		padding-top: 6px;
		padding-bottom: 3px;
		cursor: pointer;		
		border-left: 1px  #818181 solid;
		border-right: 1px  #818181 solid;
		border-top: 1px  #818181 solid;
		border-bottom: 1px  #FFF solid;		
		font-size:11px;	
		font-weight: bold;			
		font-family:verdana;
		text-decoration: none;
		color:#FFF;		
	}
	
	.LinksMenuSubItem {
		height: 10px;
		background-color: #c71444;
		border: 0px red solid;
		padding-left: 16px;
		padding-top: 3px;
		padding-bottom: 2px;	
		
	}
		
	.LinksMenuSubLink, a:hover.LinksMenuSubLink, a:visited.LinksMenuSubLink, a:active.LinksMenuSubLink, a:link.LinksMenuSubLink {
		font-size:10px;	
		font-weight: bold;			
		font-family:verdana;
		text-decoration: none;
		color:#000000;
	}
		
	.LinksMenuSubLink_over a:hover.LinksMenuSubLink_over, a:visited.LinksMenuSubLink_over, a:active.LinksMenuSubLink_over, a:link.LinksMenuSubLink_over{
		font-size:10px;	
		font-weight: bold;			
		font-family:verdana;
		text-decoration: none;
		color:#FFF;
	}
	
	.LinksMenuSubSubItem {
		height: 10px;
		background-color: #c71444;
		border: 0px red solid;
		padding-left: 28px;
		padding-top: 2px;	
		
	}
	
	
	.LinksMenuSubSubLink, a:hover.LinksMenuSubSubLink, a:visited.LinksMenuSubSubLink, a:active.LinksMenuSubSubLink, a:link.LinksMenuSubSubLink {
		font-size:10px;	
		font-weight: bold;			
		font-family:verdana;
		text-decoration: none;
		color:#000000;
	}
		
	.LinksMenuSubSubLink_over a:hover.LinksMenuSubSubLink_over, a:visited.LinksMenuSubSubLink_over, a:active.LinksMenuSubSubLink_over, a:link.LinksMenuSubSubLink_over{
		font-size:10px;	
		font-weight: bold;			
		font-family:verdana;
		text-decoration: none;
		color:#FFF;
	}
	
	
	
	/*------------------------------------------------------------------
		[2.  SearchStyl]
	*/	
				
		.sitesearch_level1 {
			background-image: url(../images/bg_table.jpg); 
			background-repeat:repeat-x; 
			border: 1px solid #52BDF5; 
			height: 18px; 
			font-weight:bold; 
			padding-left: 13px; 
			font-weight:bold;
		}
		.sitesearch_level2 {
			padding: 3px; padding-left:18px; 
			background-color: #F7F7F7;
		}
	/*------------------------------------------------------------------
		[3.  Sitemap]
	*/			

		.sitemap_level_1 {
			font-size:12px;
			padding-top: 10px;
			font-weight:bold;
			font-family:verdana;
			line-height: 170%;
			padding-left: 20px;	
			cursor: pointer;
		}
		
		.sitemap_level_2 {
			font-size:11px;
			font-weight:normal;
			font-family:verdana;			
			padding-left: 30px;	
			line-height: 150%;
			cursor: pointer;	
		}
		
		.sitemap_level_3 {
			font-size:11px;
			font-weight:normal;
			font-family:verdana;			
			padding-left: 40px;	
			line-height: 140%;
			cursor: pointer;			
		}		
	
		
	/*------------------------------------------------------------------
	[3.  Nieuws]
	*/				
				
		.laatstenieuws {
			background-color: #c71444;
			color: #fff;
			font-size: 14px;
			height: 28px;
			padding-left: 5px;
			font-family:Arial;
			font-weight: bold;
		}
		
		.nieuws_datum {
			padding: 5px;
			padding-bottom: 0px;
			color: #818181;
			font-size: 11px;
		}
		
		.nieuws_titel a {
			padding: 0px 5px;
			padding-bottom: 3px;
			display: block;
			color: black;
			font-size: 11px;
			text-decoration: none;
			border-bottom: 1px solid #c71444;
		}