/* -- CSS Template WebSonic.nl - opmaak standaard gebruikte elementen -- */

body {
	background-image:url(../images/achtergrond.PNG);
	background-repeat:repeat-x;
	background-attachment: fixed;
	width:100%;
	height:auto;
	margin:0px;
	padding:0px; 
	overflow:-moz-scrollbars-vertical;
}





/* menu boven*/
ul#navigatie {padding:0px 15px; width:636px; height:20px; display:block; float:left; margin-left: 1px;}
ul#navigatie li { position:relative; height:20px; display:block; float:left; width: 90px;}
ul#navigatie li a { font-weight:bold; color:#fff; padding:0px 10px; display:block; background-image:url(../images/naktief.PNG)}
ul#navigatie li:hover a,
ul#navigatie li a:hover { color:#FFFFFF; background-image:url(../images/haktief.PNG) }

ul#navigatie li.active { position:relative; height:20px; display:block; float:left; width: 90px;}
ul#navigatie li.active a { font-weight:bold; color:#FF0000; padding:0px 10px; display:block; background-image:url(../images/aktief.PNG)}
ul#navigatie li.active:hover a,
ul#navigatie li.active a:hover {color:#FF0000; background-image:url(../images/aktief.PNG) }

/* menu links*/


dl#navigatie {font-size: 25pt; padding:0px 0px; width:160px; display:block; float:left;  margin-top:8px;}
dl#navigatie dt {position:relative; display:block; float:left; width: 160px;}
dl#navigatie dt a {font-size: 25pt;font-weight:bold; color:#0B243B; padding:0px 0px; display:block;}
dl#navigatie dt:hover a,
dl#navigatie dt a:hover { color:#A4A4A4}

dl#navigatie {padding:-10px 0px; width:160px; display:block; float:left; }
dl#navigatie dd {position:relative; height:30px; display:block; float:left; width: 160px; margin-left: 5px;}
dl#navigatie dd a {font-size: 14pt; font-weight:bold; color:#0B243B; padding:-10px 0px; display:block;}
dl#navigatie dd:hover a,
dl#navigatie dd a:hover { color:#A4A4A4}

/* algemeen */

div.container {
 	float:none;
	background-image: url(../images/container.PNG);
	background-repeat:repeat;
	min-height: 100%; 
	_height:auto; /* voor moderne browsers */ 
	height:100%; /* voor IE */ 
	width:995px;
	margin:0px auto;
}

/* header */

div.header {
	float:left;
	background-image: url(../images/logolans.PNG);
	background-repeat:no-repeat;
	width:995px;
	height:116px;
	}

/* linkerkolom */

div.leftcontent {
	float:left;
	width:170px;
	margin-top:0px;
	padding:0px;
	background-color:#FFFFFF;
	border-left:4px solid #FF0000;
	border-right:4px solid #FF0000;
	}
	
div.twitter {
	margin-top:600px;
	margin-bottom:5px;
	margin-left:20px;
	}

div.tekstlinks {
	float:left;
	margin-top:25px;
	margin-left:5px;
	}
			
div.menulinks {
	float:left;
	background-image: url(../images/menulinks.PNG);
	background-repeat:no-repeat;
	width:170px;
	height:30px;
	margin-top:0px;
	padding-left:0px;
	color:#FFFFFF;
	}

/* menumidden */

div.maincontent {
	float:left;
	width:639px;
	margin-top:0px;
	margin-left:0px;
	padding:0px;
	background-color:#FFFFFF;
	}
	
div.menumidden {
	float:left;
	background-image:url(../images/menumidden.PNG);
	background-repeat:no-repeat;
	width:639px;
	height:30px;
	margin-top:0px;
	padding-left:0px;
	color:#FFFFFF;
	}
	
div.foto {
	float:left;
	vertical-align:middle;
	width:630px;
	margin-top:0px;
	padding:0px;
	background-color:#FFFFFF;
	}

div.tekstmidden {
	float:left;
	margin-top:5px;
	margin-left: 6px;
	}
	
	
/* rightcontent */

div.rightcontent {
	float:left;
	margin-top:20px; 
	width:178px;
	background-color:#FF0000;
	vertical-align : middle;
	}

div.slideshow { 
	height: 178px; 
	width: 178px; 
	margin: auto 
	}
	
div.slideshow img { 
	padding-left:4px; 
	background-color: #FF0000; 
	}
	
div.contact {
	float:left;
	background-image:url(../images/contact.PNG);
	background-repeat:no-repeat;
	margin-left:4;
	width:170;
	height:170;
	}


/* footer*/
	
div.footer {
	clear:both;
	background-image: url(../images/bodem.PNG);
	background-repeat:no-repeat;
	width:995px;
	height:14px;
	}

	
/* scholierenaanmelden */

div.containerscholier {
	float:none;
	background-image: url(../images/container.scholier.PNG);
	min-height: 100%; 
	_height:auto; /* voor moderne browsers */ 
	height:100%; /* voor IE */ 
	width:995px;
	margin:0px auto;
	}

div.tussen {
	float:left;
 	background-image:url(../images/tussen.PNG);
	background-repeat:no-repeat;
	width:995px;
	height:16px;
	}

div.leftscholier {	
	float:left;
	background-image:url(../images/left.scholier.PNG);
	background-repeat:repeat;
	width:14px;
	}
	
div.mainscholier {
	float:left;
	width:800px;
	margin-top:0px;
	margin-left:80px;
	padding:0px;
	background-color:#FFFFFF;
	}
		
div.rightscholier {
	float:left;
	background-image:url(../images/right.scholier.PNG);
	background-repeat:repeat;
	margin-top:0px; 
	width:14px;
	}
	
div.footerscholier {
	float:none;
	clear:both;
	background-image:url(../images/bodem.scholier.PNG);
	background-repeat:no-repeat;
	width:995px;
	height:auto;
	margin-left: auto;
	margin-right: auto;
	}

/* foto */

div.leftfoto {	
	float:left;
	background-image:url(../images/left.scholier.PNG);
	background-repeat:repeat;
	width:14px;
	}
	
div.mainfoto {
	float:left;
	width:800px;
	margin-top:0px;
	margin-left:80px;
	padding:0px;
	background-color:#FFFFFF;
	}
		

div.footerfoto {
	float:none;
	clear:both;
	background-image:url(../images/bodem.scholier.PNG);
	background-repeat:no-repeat;
	width:995px;
	height:auto;
	margin-left: auto;
	margin-right: auto;
	}

/* opmaak */

P 		{font-family: Comic Sans MS;
		text-align: left;
		font-size: 11pt;
		margin-left: 0pt;
		color: #000033;
		font-weight: none;
		margin-right: 0.3cm;}
		
H1 		{font-family: Comic Sans MS;
		text-align: left; 
		font-size: 20pt;	
		margin-left: 0pt; 
		color: #000000; 
		font-weight: none;
		margin-right: 0.3cm;}

H2		{font-family: Comic Sans MS; 
		text-align: left; 
		font-size: 18pt;	
		margin-left: 0pt; 
		color: #000000; 
		font-weight: none;
		margin-right: 0.3cm;}

H3 		{font-family: Comic Sans MS;
		text-align: left; 
		font-size: 14pt;	
		margin-left: 0pt; 
		color: #000000; 
		font-weight: none;
		margin-right: 0.3cm;}

H4		{font-family: Comic Sans MS;
		text-align: left;
		font-size: 25pt;
		margin-left: 0pt;
		color: red;
		font-weight: none;
		margin-right: 0.3cm;}

H5 		{font-family: Comic Sans MS;
		text-align: left;
		font-size: 16pt;
		margin-left: 0pt;
		color: #000033;
		font-weight: none;
		margin-right: 0.3cm;}
		
H6		{font-family: Comic Sans MS;
		text-align: left;
		font-size: 26pt;
		margin-left: 0pt;
		color: #000033;
		font-weight: none;
		margin-right: 0.3cm;}
		
a, 		{text-decoration:none;
		font-family: Comic Sans MS;
		font-size: 11pt;}
				
TD		{font-family: Comic Sans MS;
		text-align: left;
		font-size: 11pt;
		margin-left: 0pt;
		color: #000033;
		font-weight: none;
		margin-right: 0.3cm;}

TR		{font-family: Comic Sans MS;
		text-align: left;
		font-size: 11pt;
		margin-left: 0pt;
		color: #000033;
		font-weight: none;
		margin-right: 0.3cm;}
		
hr 		{ color: blue; }