/*------------------------------------------------------------------
	[Master Stylesheet]
	
	Project:		Insula College
	Version:		1.0
	Last change:	15/04/09
	Assigned to:	Rudy de Jong
    Company:		WIS Services BV http://www.wis.nl/
	Primary use:	Web
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
	[Color codes]
	
	
	
	/* Nieuws colors */
	
	
	
*/


/*------------------------------------------------------------------
		[Define Color views]
*/
	














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

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

/*------------------------------------------------------------------
	[Table of contents]
	
	1. Body
	2. Wrapper
	
	
-------------------------------------------------------------------*/

	/*------------------------------------------------------------------
		[1. Global Styles]
	*/
	
    html, body {
    	text-align: center; /* IE: center the wrapper*/
        font: normal 11px/15px Verdana,Arial,sans-serif;
        color: #555555;
    }
	
	h1 {
		font: bold 24px/40px Verdana,Arial,sans-serif;
		color: #452348;
	}

	h2 {
		font: bold 15px/23px Verdana,Arial,sans-serif;
		color: #725976;
	}
	
	h3 {
		
	}
	
	p {
		margin: 10px 0px;	
	}
	
	/*------------------------------------------------------------------
		[2. Wrapper]
	*/
	
	#wrapper {
    	width: 990px;
		min-height: 640px;
		margin: 0 auto;
		position: relative;
		background: url(//beheer.insulacollege.nl/Clients/1/htdocs/3/images/wrapper_border.gif) no-repeat bottom left;	
	}	
	
	#wrapperborderleft {
		border-left: 1px solid #e5e5e5;
		width: 1px;
		position: absolute;
		left: 0;
	}
	
	#wrapperborderright {
		border-right: 1px solid #e5e5e5;
		width: 1px;
		position: absolute;
		right: 0;
		top: 0;
		
	}	
	
	/*------------------------------------------------------------------
		[3. Header]
	*/
	
     #header {
		width: 988px;
		height: 45px;
		background: url(//beheer.insulacollege.nl/Clients/1/htdocs/3/images/header.gif) no-repeat top left;
		overflow: hidden;
	}
	
		#header .navigation_top {
			float: left;
			margin-left: 43px;
			height: 43px;
			width: 300px;
			overflow: hidden;
		}
		
			#header .navigation_top ul {
				width: 100%;
				height: 43px;
			}
			
				#header .navigation_top ul li {
					float: left;
					padding: 18px 12px 0px 12px;
					height: 27px;
					border-right: 1px solid #e6e6e6;
				}
				
					#header .navigation_top ul li.first {
						background: url(//beheer.insulacollege.nl/Clients/1/htdocs/3/images/arrow_back.gif) no-repeat center left;	
						padding-left: 25px;
					}
					
					#header .navigation_top ul li.last {
						float: left;
						height: 27px;
						border-right: 0px;
					}
				
					#header .navigation_top ul li a {
						color: #555555;
						text-decoration: none;
						font: normal 11px Verdana,Arial,sans-serif;
						display: block;
					}
	 
	 	#header .nieuws {
			margin-left: 245px;	
			float: left;
			height: 45px;
			width: 61px;
			display: inline; /* IE 6 fix: double margin bug */
		}
		
			#header .nieuws ul {
				width: 100%;
				height: 45px;
			}
			
				#header .nieuws ul li {
					border-left: 1px solid #e6e6e6;
					padding: 18px 12px 0px 12px;
					height: 27px;
				}	
				
					#header .nieuws ul li a {
						color: #555555;
						text-decoration: none;
						font: normal 11px/11px Verdana,Arial,sans-serif;
						display: block;
					}
		
		#header .sitemap {
			
			margin-left: 588px;
			float: left;
			height: 45px;
			width: 61px;
			display: inline; /* IE 6 fix: double margin bug */
		}
			#header .sitemap ul {
				width: 100%;
				height: 100%;
			}	
			
				#header .sitemap ul li {
					border-left: 1px solid #e6e6e6;
					border-right: 1px solid #e6e6e6;
					padding: 18px 6px 0px 6px;
					height: 27px;
				}

					#header .sitemap ul li a {
						color: #555555;
						text-decoration: none;
						font: normal 11px/11px Verdana,Arial,sans-serif;
						display: block;
					}
			
		#header .search {
			width: 170px;
			height: 45px;
			float: left;
		}
		
			#header .search ul {
				width: 170px;
				height: 45px;
			}
			
				#header .search ul li {
					width: 115px;
					height: 16px;
					padding-top: 18px;
					float: left;
				}	
			
				#header .search ul li.text {
					width: 43px;
					color:#555555;
					font: normal 11px/11px Verdana,Arial,sans-serif;
					float: left;
					padding-top: 18px;
					padding-left: 12px;
				}
				
			#header .input {
				border: 0px;
				background: url(//beheer.insulacollege.nl/Clients/1/htdocs/3/images/search.gif) no-repeat top left;
				width: 80px;
				height: 16px;
				float: left;
				padding: 1px;
				margin-left: 5px;
				color: #555555;
				font: normal 11px/11px Verdana,Arial,sans-serif;
			}
			
			#header .button {
				float: left;
				width: 16px;
				height: 16px;
				margin-left: 3px;
			}
			
			#header .link {
				float: left;
				width: 100px;
				height: 45px;
			}
			
				#header .link ul {
					width: 100%;
					height: 100%;
				}
				
					#header .link ul li {
						height: 100%;
						border-left: 1px solid #e6e6e6; 
						height: 38px;
						padding: 13px 12px 0px 12px;
					}
	
				
					#header .link ul li a {
						color: #412244;
						text-decoration: none;
						font: bold 13px Verdana,Arial,sans-serif;
					}
   
	/*------------------------------------------------------------------
		[4. Logo]
	*/
	
	#logo {
		width: 70px;
		height: 354px;
		float: right;
		margin-top: 13px;
	}
	

	/*------------------------------------------------------------------
		[5. Menu]
	*/
	/* Algemeen Menu */
	#menucontainer {
		width: 186px;
		min-height: 536px;
		height: auto !important; /* IE6: min-height workarround */
		height: 536px;
		margin-top: 12px;
		margin-right: 12px;
		background: url(//beheer.insulacollege.nl/Clients/1/htdocs/3/images/menu_top_vwo.gif) no-repeat top left;
		float: left;
	}
	
		#menucontainer .mainmenu ul {
			width: 186px;
		}
		
			#menucontainer .mainmenu ul li {
				
				height: auto;
				
				background-color: #f9f9f9;
				border-right: 2px solid #1792d8;
			}
			
			
			#menucontainer .mainmenu ul li.first {
				width: 160px;
				height: auto;
				color: #442449;
				font: bold 12px Verdana,Arial,sans-serif;
				padding: 11px 12px 8px 12px;
			}
			
				#menucontainer .mainmenu ul li a {
					color: #442449;
					font: normal 11px Verdana,Arial,sans-serif;
					text-decoration: none;
					width: 160px;
					height: auto;
					border-bottom: 1px solid #e5e5e5;
					display: block;
					padding: 3px 12px 4px 12px;
				}
				
				#menucontainer .mainmenu ul li a.selected {
					font-weight: bold;	
				}
				
			#menucontainer .mainmenu ul ul {
				width: 184px;
			}
			
				#menucontainer .mainmenu ul ul li {
					width: 184px;
					height: auto;
					background-color: #f9f9f9;
				}
				
					#menucontainer .mainmenu ul ul li a {
						color: #442449;
						font: normal 11px Verdana,Arial,sans-serif;
						text-decoration: none;
						width: 151px;
						height: auto;
						border-bottom: 1px solid #e5e5e5;
						display: block;
						padding: 3px 12px 4px 21px;
					}
			
			#menucontainer .mainmenu ul ul ul {
				width: 184px;	
			}
			
				#menucontainer .mainmenu ul ul ul li {
					width: 184px;
					height: auto;
					background-color: #f9f9f9;
				}
				
					#menucontainer .mainmenu ul ul ul li a {
						color: #442449;
						font: normal 11px Verdana,Arial,sans-serif;
						text-decoration: none;
						width: 142px;
						height: auto;
						border-bottom: 1px solid #e5e5e5;
						display: block;
						padding: 3px 12px 4px 30px;
					}
					
						
	
	
	/* Opleidingen Menu - HAVO, VWO, MAVO, VMBO */
	
	/* Niveau 1 */
	
	#menucontainer .opleiding {
		width: 186px;
		min-height: 405px;
		height: 100%;
		background: url(//beheer.insulacollege.nl/Clients/1/htdocs/3/images/menu_bg_vwo.gif) repeat-y top left;
	}
	
	#menucontainer .opleiding ul {
		width: 186px;
		list-style: none;
	}	
	
		#menucontainer .opleiding ul li {
			width: 186px;
			border-bottom: 1px solid #51a8dd;
			border-right: none;
			height: auto;
			float:left;
		}
		
			#menucontainer .opleiding ul li.lirichting a {
				width: 162px;
				height: 10px;
				color: #FFF;
				font: bold 12px Verdana,Arial,sans-serif;
				border-right: none;
				padding: 12px; 
				
			}
			
			#menucontainer .opleiding ul li a {
				color: #FFF;
				font: normal 11px/16px Verdana,Arial,sans-serif;
				text-decoration: none;
				display: block;
				height: auto;
				padding: 2px 12px 0px 12px;
			}
			
			
			#menucontainer .opleiding ul li a.selected {
				height: auto;
				display: block;
				
						background: url(//beheer.insulacollege.nl/Clients/1/htdocs/3/images/menu_bg_vwo_active.gif) no-repeat top left;	
					
				
				font-weight: bold;
			}
		#menucontainer .opleiding ul li span.menu_arrow {
			position: absolute;
			background: url(//beheer.insulacollege.nl/Clients/1/htdocs/3/images/arrow_bottom_havo.png) no-repeat top left;
			width: 12px;
			height: 12px;
			left: 165px;
			margin-top: 2px;
		}
			
	/* Niveau 2 */
			
	#menucontainer .opleiding ul li ul {
		width: 186px;
		padding: 0;
		list-style: none;
		margin 0px 0px 0px 0px;
		border: 0px solid orange;
				
	}
		
		#menucontainer .opleiding ul li ul li {
			width: 186px;
			height: auto;
			margin 0px 0px 0px 0px; 
			
					background: url(//beheer.insulacollege.nl/Clients/1/htdocs/3/images/menu_bg_vwo_active.gif) no-repeat top left;	
				
			border-right: none;
			padding-bottom: 0px; 
			border: 0px solid black;
			border-bottom: 0px solid #51a8dd;
			
			float:left;
			
			
		}
		
			#menucontainer .opleiding ul ul li.last {
				
				border-bottom: 0px;
			}
		
			#menucontainer .opleiding ul ul li a {
				color: #FFF;
				display: block;				
				font: normal 11px/16px Verdana,Arial,sans-serif; 
				text-decoration: none;
				padding-left: 21px;
			}
			
				#menucontainer .opleiding ul ul li a.selected {
					height: auto;
					display: block;
					
							background: url(//beheer.insulacollege.nl/Clients/1/htdocs/3/images/menu_bg_vwo_active_sub.gif) no-repeat top left;
						
					
					font-weight: bold;	
				}
		
		#menucontainer .opleiding ul ul li .menu_arrow {
			position: absolute;
			background: url(//beheer.insulacollege.nl/Clients/1/htdocs/3/images/arrow_bottom_havo.png) no-repeat top left;
			width: 12px;
			height: 12px;
			left: 165px;
			margin-top: 2px;			
		}		
	/* Niveau 3 */
	
	#menucontainer .opleiding ul ul ul {
		width: 186px;
		float: left;

		
		
	}	
	
		#menucontainer .opleiding ul ul ul li {
			width: 186px;
			height: auto;
			border-bottom: 0px;
			

			
		}
			
			#menucontainer .opleiding ul ul ul li a{
				width: 144px;
				height: auto;
				padding-left: 30px;
				border-bottom: 0px solid #51a8dd;
			}
			
				#menucontainer .opleiding ul ul ul li a.selected {
					font-weight: bold;
				}
	
	
	/* Nveau 4 */
	
	#menucontainer .opleiding ul ul ul ul li {
		padding-left: 10px;
	}
	
	#menucontainer .opleidingbottom {
		border:0px solid red;
		width: 186px;
		height: 6px;
		background: url(//beheer.insulacollege.nl/Clients/1/htdocs/3/images/menu_bg_vwo_bottom.gif) no-repeat top left;
		margin-bottom: 5px;
	}
	
	
	/*------------------------------------------------------------------
		[6. Content]
	*/
	
	#inner {
		width: 920px;
		min-height: 561px;;
		border-top: 1px solid #FFF;
		background: url(//beheer.insulacollege.nl/Clients/1/htdocs/3/images/border_right_bottom.gif) no-repeat bottom right;
		float: left;
	}
	
		#innerborderright {
			background: url(//beheer.insulacollege.nl/Clients/1/htdocs/3/images/border_vertical.gif) repeat-y top right;	
			width: 1px;
			float: right;
		}
	
		#inner .innerborderbottom {
			background: url(//beheer.insulacollege.nl/Clients/1/htdocs/3/images/border_horizontal.gif) repeat bottom left;	
			width: 906px;
			height: 1px;
			margin-top: 20px;
		}
	
		#inner_inner {
			width: 780px;
			height: 100%;
			margin: 0 auto;
		}
	
		#inner .hr {
			color: #e5e5e5;
			width: 780px;
			height: 1px;
			margin-top: 5px;
			margin-bottom: 20px;
		}
	
	
		
		
		
	#navigation {
		width: 778px;
		height: 255px;
		border: 1px solid #e5e5e5;
		border-top: 0;
		margin-top: 15px;
		position: relative;
		
			background: url(/Media/view/775/banner_home.jpg) no-repeat top left;
		
		
	}
	
		#navigation .vwo {
			width: 185px;
			height: 45px;
			position: absolute;
		}
		
		#navigation .havo {
			width: 185px;
			height: 45px;
			position: absolute;
			left: 200px;
		}
		
		#navigation .mavo {
			width: 185px;
			height: 45px;
			position: absolute;
			left: 398px;
		}
		
		#navigation .vmbo {
			width: 185px;
			height: 45px;
			position: absolute;
			left: 594px;
		}
		
		
		#navigation .firstrow {
			width: 14px;
			height: 255px;
			position: absolute;
			left: 185px;
			background: url(//beheer.insulacollege.nl/Clients/1/htdocs/3/images/navigation_first_row.gif) no-repeat top left;
		}	
		
		#navigation .secondrow {
			width: 14px;
			height: 255px;
			position: absolute;
			left: 384px;
			background: url(//beheer.insulacollege.nl/Clients/1/htdocs/3/images/navigation_second_row.gif) no-repeat top left;
		}	
		
		#navigation .thirdrow {
			width: 14px;
			height: 255px;
			position: absolute;
			left: 583px;
			background: url(//beheer.insulacollege.nl/Clients/1/htdocs/3/images/navigation_third_row.gif) no-repeat top left;
		}	
		
		
	#contact_information {
		margin-top: 24px;
		width: 780px;
		height: 71px;
	}
	
	#content {
		width: 780px;
		padding: 0px 50px 23px 0px;
		color: #555555;
		font: normal 11px/15px Verdana,Arial,sans-serif;
	}
	
	#content_sub_container {
		width: 709px;
		margin-left: 198px;
		margin-top: 12px;
	}
	
		#content_sub_container .banner {
			width: 709px;
			height: 125px;
		}
		
		#content_sub_container .content {
			padding: 0px 12px 12px 12px;
			margin-top: 36px;
			color: #555555;
			font: normal 11px/15px Verdana,Arial,sans-serif;
		}
		
			#content_sub_container .content ul	{
				list-style-type: disc;
				margin-left: 20px;
			}
			
				#content_sub_container .content ul ul {
					list-style-type: circle;
				}
			
			#content_sub_container .content ol {
				margin-left: 25px;
			}
	
	
	
	.tableClass {
		border: 0px;
		width: 186px;
		margin-right: 12px;
	}
	
		.tableClass .td0, .col0  {
			border-bottom: 1px solid #e5e5e5;
			color: #555555;
			font-size: 11px;
			font-family: Verdana,Arial,sans-serif;
			padding: 1px 0px;
			padding-left: 12px;
		}
		
		.tableClass a {
			color: #555555;
			font-family: Verdana,Arial,sans-serif;
			text-decoration: none;
		}
		
		.tableClass img {
			padding-right: 6px;	
		}
		
		
	
	ul.kader {
		background: #f9c9c9 url(//beheer.insulacollege.nl/Clients/1/htdocs/3/images/) no-repeat top left;
		width: 331px;
		height: 38px;
		border-left: 2px solid #ee5c5c;
		border-right: 2px solid #ee5c5c;
	}
		
		ul.kader li.kop {
			float: left;
			padding: 12px 0px 12px 12px;
			color: #FFF;
			font-size: 12px;
			font-weight: bold;
		}
	
		ul.kader li.kop_archief a {
			float: right;
			padding: 12px 33px 12px 12px;
			color: #555555;
			background: url(//beheer.insulacollege.nl/Clients/1/htdocs/3/images/arrow_right.png) no-repeat 91% 50%;
			text-decoration: none;
		}
		
	
	ul.kader_items {
		width: 307px;
		border-left: 2px solid #ee5c5c;
		border-right: 2px solid #ee5c5c;
		padding-left: 12px;
		padding-right: 12px;
		padding-top: 5px;
		height: 74px;
	}
		
		ul.kader_items li.datum a {
			font-weight: bold;
			float: left;
			width: 100%;
			text-decoration: none;
		}
		
		ul.kader_items li.titel a {
			height: 22px;
			overflow: hidden;
			float: left;
			width: 100%;
			text-decoration: none;
		}
		
		ul.kader_items li.seperator {
			border-bottom: 1px solid #f9c9c9;
			float: left;
			height: 1px;
			width: 100%;
		}
		
	ul.kader_bottom {
		background: url(//beheer.insulacollege.nl/Clients/1/htdocs/3/images/) no-repeat top left;
		width: 335px;
		height: 12px;
	}
	
	
	.listtitle  {
		background: #f9f9f9;
		color: #442449;
		font-size: 12px;
		font-weight: bold;
		Border: 1px solid #ee5c5c;
		padding-left: 10px;
	}
	

	.listlink_title
	{
		font-size: 13px;
		font-weight: bold;
		text-decoration: underline;


	}


	.listlink
	{
		font-weight: bold;
		text-decoration: none;


	}
		




	

	

	.sitemap_level_1 {
		background-color:#FFF;
		font-family:Verdana,Arial,sans-serif;
		font-size:14px;
		font-weight:bold;
		cursor:pointer;
		padding:2px;
		padding-left:6px;
	}
	.sitemap_level_2 {
		background-color:#FFF;
		font-family:Verdana,Arial,sans-serif;
		font-size:12px;
		padding:2px;
		padding-left:14px;
		cursor:pointer;
	}
	.sitemap_level_3 {
		background-color:#FFF;
		font-family:Verdana,Arial,sans-serif;
		font-size:11px;
		padding:1px;
		padding-left:26px;
		cursor:pointer;
	}
	.sitemap_level_4 {
		background-color:#FFF;
		font-family:Verdana,Arial,sans-serif;
		font-size:10px;
		padding:1px;
		padding-left:56px;
		cursor:pointer;
	}
	.sitemap_level_5 {
		background-color:#FFF;
		font-family:Verdana,Arial,sans-serif;
		font-size:10px;
		padding:1px;
		padding-left:106px;
		cursor:pointer;
	}
	.borderline {
		background-color:#FFF;	}




	
	/*------------------------------------------------------------------
		[7. Footer]
	*/
	
	#footer {
		width: 909px;
		height: 32px;
		
		background: url(//beheer.insulacollege.nl/Clients/1/htdocs/3/images/border_horizontal.gif) repeat-x top left;	
		clear: both;	
	}
	
		#bottom_menu {
			width: 300px;
			height: 32px;
			margin-left: 72px;
			float: left;
			display: inline; /* IE 6 fix: double margin bug */
		}
		
			#bottom_menu ul {
				width: 300px;
				height: 32px;				
				
			}
		
			#bottom_menu ul li.border {
				width: auto;
				height: 23px;
				float: left;
				padding: 10px 12px 0px 12px;
				border-left: 1px solid #e5e5e5;
			}
			
			#bottom_menu ul li.first {
				width: auto;
				height: 23px;
				float: left;
				padding: 10px 12px 0px 12px;
			}
			
				#bottom_menu ul li a {
					color: #959595; 
					font: normal 12px Verdana,Arial,sans-serif;
					text-decoration: none;
					display: block;
				}
		
		#bottom_menu_navigation {
			width: 270px;
			height: 32px;
			float: right;
			margin-right: 110px;
		}
		
			#bottom_menu_navigation ul {
				width: 316px;
				height: 32px;
				
			}
			
				#bottom_menu_navigation ul li {
					border-left: 1px solid #e5e5e5;
					height: 32px;
					float: left;
					padding: 2px 12px 0px 12px;
					
				}
				
					#bottom_menu_navigation ul li a {
						color: #959595; 
						font: normal 12px Verdana,Arial,sans-serif;
						text-decoration: none;
						display: block;
					}
					
	/*------------------------------------------------------------------
		[8. Login functie ]
	*/		
	
	.login_input {
		border: 1px solid #d9d9d9;
		width: 172px; 
		height: 16px;
		width: 170px;
		margin-bottom: 5px;
	}
	
	.login_text {
		font-size: 12px;
	}
	
	
	
	
					
	a {
		color: #555555;
		text-decoration: underline;
	}