<style>
/*------------------------------------------------------------------
	[Master Stylesheet]
	
	Project:		Jacobus Fruytier Scholengemeenschap 
	Version:		1.0
	Last change:	09/06/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/18px Trebuchet MS,sans-serif;
  		color: #601669;
  		background-color: #FFF;
	}
	
	h1 {
		font: bold 15px/30px Trebuchet MS,sans-serif;
		color: #601669;
	}
	
	p {
		margin: 6px 0px;
	}
	
		

	/*------------------------------------------------------------------
		[2. Wrapper]
	*/
	
	/* Intro wrapper */
	
	#randwrapperhome {		
		height: 710px;
		width: 864px;
		margin: 0 auto;			
		background-color: #9c106c;	
		padding-top: 15px;
	
	}
	
	
	#randwrapper {
		padding-top: 18px;
		height: 705px;
		width: 864px;
		margin: 0 auto;			
		background-color: #9c106c;		
	}
	
	
		
		#wrapper_intro {
    		width: 839px;
    		height: 695px;
    		margin: 0 auto;
    	
    		background: url(//beheer.jfsg.nl/Clients/1/htdocs/9/images/intro_layout.jpg) no-repeat top left;
    		text-align: left;
    		position: relative;
	}
	
		#wrapper_intro div a {
  			font: bold 16px Trebuchet MS,sans-serif;
  			height: 20px;
  			color: #FFF;
  			text-decoration: none;
		}
		
		#wrapper_intro .ouders {
  			position: absolute;
  			top: 147px;
  			left: 294px;
		}
		
		#wrapper_intro .nieuws {
  			position: absolute;
  			top: 147px;
  			right: 67px;
		}
		
		#wrapper_intro .leerlingen {
  			position: absolute;
  			bottom: 197px;
  			left: 53px;
		}
		
		#wrapper_intro .algemeen {
  			position: absolute;
  			bottom: 184px;
  			right: 244px;
		}
		
	/* END Intro wrapper */
	
	/* Subpage wrapper */

	
	#wrapper {
		
        width: 838px;
        height: 685px;
        background-color: #FFF;	
        position: relative;
        margin: 0 auto;
        text-align: left;        
		border: 1px solid black;
		border-top: 1px solid white;
	}
	
	
	/*------------------------------------------------------------------
		[3. Header]
	*/
	
	#header {
		width: 837px;
		height: 134px;	 
		/* float: left; */ /* Gives problems with IE6. #header .menunavigation is invisible on website */
	}
	
	#header .logo {
		position: absolute;
		left: 0px;
		top: 0px; 	
		width: 187px;
		height: 133px;		 
	}
	
	#header .menunavigation {
		position: absolute;
		width: 552px;
		height: 140px;
		top: -11px;
		left: 284px;
		
		z-index: 1;
	}
	
	    #header .menunavigation div a {
			font: bold 16px Trebuchet MS,sans-serif;
			height: 20px;
			color: #FFF;
			text-decoration: none;
		}
		
		#header .menunavigation .leerlingen {
			position: absolute;
			top: 42px;
			left: 30px;		
		}
		 
		#header .menunavigation .ouders {
			position: absolute;
			top: 42px;
			left: 160px;		
		 }
		 
    	#header .menunavigation .algemeen {
			position: absolute;
			top: 42px;
			left: 275px;		
		}
		 
		#header .menunavigation .nieuws {
			position: absolute;
			top: 42px;
			left: 395px;		
	    }
	 
	
	#header .right {
		 position: absolute;
		 width: 78px;
		 height: 132px;
		 background: url(//beheer.jfsg.nl/Clients/1/htdocs/9/images/orange.jpg) no-repeat top left;
		 top: 0px;
		 right: 1px;
	}
		
	#separator {
		width: 100%;
		height: 4px;
		background-color: #9c106c;
		position: absolute;
		top: 133px;	
		left: 0;
	}
	  
			
    /*------------------------------------------------------------------
		[4. Menu]
	*/
		
		
		#topmenu {
			position: absolute;
			width: 657px;
			height: 42px;
			top: 118px;
			left: 195px;
			z-index: 1000000000000000000;
			background: url(//beheer.jfsg.nl/Clients/1/htdocs/9/images/topmenu.png) no-repeat top left;
		}
		
		#topmenu	ul {
					margin:0px 0px 0px 0px;
					padding:0px;
					width:660px; 
					list-style-type:none;					
				}
				
				#topmenu	ul li {
						padding-top: 12px;
						padding-left:20px;
						padding-right:20px; 						
						float:left;	
						font-family:Verdana, Arial, Helvetica, sans-serif;
						font-size:10px;
						height: 17px;								

		
					}
					
						#topmenu	ul li.menuitem_0 {
							padding-top: 20px; 						
						
						}
						
						#topmenu	ul li.menuitem_1 {
							padding-top: 14px; 						
						
						}
						
						#topmenu	ul li.menuitem_2 {
							padding-top: 12px; 						
						
						}
						#topmenu	ul li.menuitem_3 {
							padding-top: 12px; 						
						
						}
						
						#topmenu	ul li.menuitem_4 {
							padding-top: 14px; 						
						
						}
						
					
						#topmenu	ul li a {
							font: bold 12px Trebuchet MS,sans-serif;
							color:#FFF;
							text-decoration:none;
						}
						
					
		
		
		
		
		 #topmenu div a {
			font: bold 12px Trebuchet MS,sans-serif;
			height: 20px;
			color: #FFF;
			text-decoration: none;
		 }
		 	
			#topmenu .home {
				position: absolute;
				left: 30px;
				top: 17px;
				width: 31px;
				height: 9px;
			}
			
			#topmenu .myatvo {
				position: absolute;
				left: 140px;
				top: 16px;
			}
			
			#topmenu .teletop {
				position: absolute;
				left: 250px;
				top: 12px;
			}
			
			#topmenu .personeelsweb {
				position: absolute;
				left: 365px;
				top: 11px;
			}
			
			#topmenu .leerlingenweb {
				position: absolute;
				left: 485px;
				top: 18px;
			}
	
		
	/*------------------------------------------------------------------
		[5. Content]
	*/
	
	
	#container {
		width: 837px;
		
	}
	
	
		 #container .submenu_container {
			float: left;
			background: url(//beheer.jfsg.nl/Clients/1/htdocs/9/images/submenu_algemeen.jpg) no-repeat top left;
			width: 166px;
			height: 551px;
			margin-left: 0px;
			
		}
			
			
		#container .slogan {
			width: 91px;
			height: 20px;
			
			float: left;
			margin-top: 25px;
			margin-left: 20px;
			display: inline; /* IE6 double margin bug */
		} 	
		
		#container .submenu {
			float: left;
			padding-left: 0px;
			margin-top: 20px;
			width: 180px;
			
		}
		
		#container .picture {
			position: absolute;
			bottom: 2px;
			left: 2px;
			background: url(//beheer.jfsg.nl/Clients/1/htdocs/9/images/overlay_algemeen.jpg) no-repeat bottom left;
			width: 165px;
			height: 217px;
			border: 1px red solid
			overflow: hidden;
				
		
		}
			
		
		#container .content {
			width: 630px;
			float: left;
			height: 480px;
			
			overflow: auto;
			overflow-x: hidden; /* NO scrollbar in IE6*/
			margin-top: 40px;
			padding: 10px 30px 10px 10px;
			padding-right: 30px
			scrollbar-3dlight-color: black;
			scrollbar-arrow-color: white;
			scrollbar-base-color: red;
			scrollbar-darkshadow-color: #9c106c;
			scrollbar-face-color: #9c106c;
			scrollbar-highlight-color: white;
			scrollbar-shadow-color: white; 
		}
			
		.contentinhoud {

			width: 625px;
			
		}

	
	/* Nieuws */
	
	ul.nieuws {
		width: 230px;
		margin-left: 30px;
		border: 2px solid #de0059;
		padding: 7px;
		margin-bottom: 4px;
			
	}
	
		ul.nieuws li.titel {
			font-weight: bold;
			color: #93117e;
		}
		
		ul.nieuws li.datum {
			color: #de0059;
		}
		
		ul.nieuws li.korteomschrijving {
			color: #93117e;
		}
		
		ul.nieuws li.korteomschrijving a {
			text-decoration: none;
			color: #93117e;
		}
		
		ul.nieuws li.korteomschrijving a:hover {
			text-decoration: underline;
		}
	
	
	/* END Nieuws */
	
	

	/* Nieuwsarchief */

	.listlink_archief {
		font-weight: bold;
		color: #93117e;
	

	}
	.datum_archief {
		color: #de0059;
	}

	
	a.archief_link {
		text-decoration: none;
		color: #93117e;

	}

	a:hover.archief_link {
		text-decoration: underline;

	}

	/* END Nieuwsarchief */

	

	/*------------------------------------------------------------------
		[6. Footer]
	*/

	
	/*------------------------------------------------------------------
		[7. lijst
	*/

	/* Nieuws */
	
	.nieuwscontainter {
		margin-left: 30px;
		width; 230px;
	}
	.nieuwsitem {
		width: 212px;		
		border-top: 2px solid #de0059;
		padding: 7px;
		padding-left: 11px;
		
				
		background: url(//beheer.jfsg.nl/Clients/1/htdocs/9/images/NieuwsRightBorder.gif) repeat-y top left;
	}

	.nieuwitemcontent {
		width: 100%;				
		
	}


	.nieuwslijst {
		width: 100%;
	}




	.ul.nieuwslijst li.titel {
			font: 11px Trebuchet MS,sans-serif bold;
			color: #93117e;
		}
		
		ul.nieuwslijst li.datum {
			font: 11px Trebuchet MS,sans-serif normal;
			color: #de0059;
		}
		
		ul.nieuwslijst li.nieuws_kort  {
			font: 11px Trebuchet MS,sans-serif normal;
			color: #93117e;
		}
		
		ul.nieuwslijst li.nieuws_kort  a {
			text-decoration: none;
			color: #93117e;
		}
		
		ul.nieuwslijst li.nieuws_kort  a:hover {
			text-decoration: underline;
		}
		
		ul.nieuwslijst li.nieuws_kort  a.archief {
			font: 11px Trebuchet MS,sans-serif normal;
			color: #de0059;
			text-decoration: underline;
		
		}



.nieuwsitembottom {
	width: 230px;	
	background: url(//beheer.jfsg.nl/Clients/1/htdocs/9/images/NieuwsBottomBorder.gif) repeat-x top left;
	height: 4px; 
	margin-bottom: 4px;
}

	

</style> 