/*------------------------------------------------------------------
	[Master Stylesheet]
	
	Project:		CSG Penta College (Redesign)
	Version:		1.0
	Last change:	28/10/09
	Assigned to:	Rudy de Jong (wis)
	Primary use:	Web
-------------------------------------------------------------------*/

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

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

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

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

/*------------------------------------------------------------------
	set color / backgrounds variables
-------------------------------------------------------------------*/
	
	
	/*----------------------------------------------------------------
		[1. Body]
	-----------------------------------------------------------------*/
	
		body {
        	font: normal 12px/15px Arial,Verdana,sans-serif;
			background: #ffe6bf url(/images/bg_zalm.gif) repeat-x top left;
		}
		
		h1 {
			font: normal 24px/46px Arial,Verdana,sans-serif;
			color: #4ba8a8;
		}
		
		h2 {
			
		}
        
        #container .content-sub p {
			margin: 10px 0px;
        }
        
       
		
    
    /*------------------------------------------------------------------
		[2. Wrapper]
	*/
		
        #wrapper {
        	width: 1004px;
            height: 100%;
            margin: 0 auto;
			position: relative;
		}
    	
	
	/*------------------------------------------------------------------
		[3. Header]
	*/
    
    	#header {
        	height: 25px;
            width: 990px;
            margin: 0 auto;
            border-bottom:  1px solid #e5e5e5;
            padding-top: 19px;
			position: relative;
        }
		
			#header .logo {
				width: 51px;
				height: 67px;
				position: absolute;
				top: 12px;
				left: 0;
				z-index: 2;
			}
        
        	#header .home {
            	padding-left: 12px;
				float: left;
            }
            	
                #header .home a {
                  font: normal 14px/18px Myriad Pro,Verdana,sans-serif;
                }
             
            #header .toplink {
            	float: right;
                padding-right: 12px;
            }     
            
            	#header .toplink a {
                	font-size: 11px;
                    padding-left: 24px;
                    font: normal 11px/14px Arial,Verdana,sans-serif;
                }
	
		#header_sub {
        	height: 57px;
            width: 990px;
            margin: 0 auto;
			position: relative;
			z-index: 2;
        }
		
			#header_sub .logo-background {
				width: 490px;
				height: 85px;
				background: url(/images/sub/logo_background.png) no-repeat top left;
				position: absolute;
				top: 0;
				left: 9px;
				z-index: 3;
				padding-top: 23px;
			}
			
				#header_sub .logo-background .logo-loc {
					float: right;
					z-index: 3;
					width: 223px;
					margin-right: 3px;
				}
				
					#header_sub .logo-background .logo-loc img {
						margin: 0 auto;
						display: block;
					}
			
				#header_sub .toplink {
					float: left;
					margin-top: 37px;
					margin-left: 30px;
				}
				
					#header_sub .toplink a {
						float: left;
						font-size: 11px;
						padding-right: 24px;
						font: normal 11px/14px Arial,Verdana,sans-serif;
					}
				
				#header_sub .topnav {
					width: 432px;
					height: 58px;
					float: right;
					margin-right: 8px;
					font-family: Myriad Pro,Verdana,sans-serif;
				}
			
				#header_sub .topnav .nonactive {
					float: left;
					background: url(/images/sub/topnav-am.png) no-repeat top left;
					width: 101px;
					height: 50px;
					position : relative;
					z-index: 4;
				}
				
					#header_sub .topnav .active,
					#header_sub .topnav .large-active {
						position: absolute;
						left: 0;
						top: 0;
						height: 108px;
						z-index: 3;
						padding: 5px 12px 0px 16px;
						font-size: 12px;
					}
					
					#header_sub .topnav .active {
						background: url(/images/sub/topnav_active.png) no-repeat top left;
						width: 168px;
						
					}
					
					#header_sub .topnav .large-active {
						background: url(/images/sub/topnav_large_active.png) no-repeat top left;
						width: 209px;
					}
					
						#header_sub .topnav .active .header,
						#header_sub .topnav .large-active .header {
							color: #4ba8a8;
							font-size: 13px;
							font-weight: bold;
						}
						
						#header_sub .topnav .active .vestiging,
						#header_sub .topnav .large-active .vestiging {			
							color: #8d8d8c;
						}
						
						#header_sub .topnav .active .omschrijving,
						#header_sub .topnav .large-active .omschrijving {
							margin-top: 45px;
							color: #4ba8a8;
							padding-right: 20px;
							font-size: 13px;
							font-weight: bold;
						}
						
				
				#header_sub .topnav .nonactive_large {
					float: left;
					background: url(/images/sub/topnav_large-am.png) no-repeat top left;
					width: 129px;
					height: 50px;
					position : relative;
					z-index: 4;
				}
				
					#header_sub .topnav .nonactive .header a,
					#header_sub .topnav .nonactive_large .header a {
						font-weight: bold;
						font-size: 13px;
						color: #636363;
						padding: 5px 12px 0px 16px;
						display: block;
						text-decoration: none;
					}
					
					#header_sub .topnav .nonactive .vestiging a,
					#header_sub .topnav .nonactive_large .vestiging a{
						padding: 0px 12px 3px 16px;
						color: #8d8d8c;
						display: block;
						text-decoration: none;
					}
		
		.header-separator {
			height: 1px;
			width: 990px;
			background: url(/images/sub/header_line.gif) repeat-x top left;
			position: absolute;
			top: 57px;
			left: 0px;
			z-index: 1;
		}
		
	/*------------------------------------------------------------------
		[4. Content]
	*/
	
    	#container {
        	position: relative;
			height: 603px;
        }	
		
			#nav{
				position: absolute;
				top: 0px;
				left: 0;
				background:url(/images/sub/sub_nav.png) no-repeat top left;
				width: 289px;
				height: 561px;
				z-index: 2;
				padding-top: 33px;
			}
			
				#nav .logo {
					width: 39px;
					height: 51px;
					float: left;
					margin-left: 27px;
				}
				
				#nav .toplink {
					float: left;
					
					margin-left: 28px;
					width: auto;
				}
				
					#nav .toplink a {
						float: left;
						font-size: 11px;
						padding-right: 24px;
						font: normal 11px/14px Arial,Verdana,sans-serif;
					}
        
        	#container .content {
            	min-height: 548px;
                height: auto !important;
                height: 563px;
                position: relative;
            }
			
			#container .content-sub {
				width: 532px;
				height: 505px;
				padding: 70px 24px 0 294px;
				margin-top: -10px;
				background: url(/images/sub/contentbg.png) no-repeat top left;
				font-family: Arial,Verdana,sans-serif;
				font-size: 11px;
				color: #404040;
				position: relative;
				z-index: 1;
				float: left;
			}
			
				#container .content-sub .scroll {
					height: 450px;
					overflow-y: scroll;
					overflow-x: hidden;
					padding-right: 20px;
					scrollbar-3dlight-color: #555555;
					scrollbar-arrow-color: #000;
					scrollbar-base-color: #ffdc52;
					scrollbar-darkshadow-color: blue;
					scrollbar-face-color:#ffdc52;
					scrollbar-highlight-color: #555555;
					scrollbar-shadow-color: #000;
				}
				
				#container .content-sub .scroll ul{
					padding-left: 15px;
					list-style-type:square;
				}
					#container .content-sub .scroll ol {
						margin-left: 18px;
					}
				
					#container .content-sub .scroll ul li{
						padding-left: 5px;
					}
					
					#container .content-sub .scroll A:link, A:visited, A:active, A:hover {
						text-decoration: underline;					
					}
					
					#container .content-sub .scroll  A:hover {
						color: #4ba8a8;
					
					}
					
					
				#container .right {
					width: 181px;
					height: 430px;
					float: right;
					margin-left: -27px;
					margin-top: 14px;
				}
					#container .nieuws {
						width: 181px;
						height: 270px;
						background: url(/images/sub/nieuws_bg-am.png) no-repeat top left;
					}
					
						#container .nieuws ul {
							list-style-type: none;
							margin-left: 20px;
							width: 135px;
						}
					
						#container .nieuws ul#nieuws-header {
							margin-top: 35px;
						}
						
							#container .nieuws ul#nieuws-header li {
								height: 35px;
								color: #fff;
								font-size: 17px;
								font-family: Myriad Pro,Verdana,sans-serif;
							}
							
						#container .nieuws ul#nieuws-loc li.datum {
							color: #9b9b9b;
							font-size: 11px;
						}
						
						#container .nieuws ul#nieuws-loc li.afbeelding {
							margin: 4px;
						
						}
						
						#container .nieuws ul#nieuws-loc li.titel a {
							color: #3e3e3e;
							font-size: 11px;
							font-weight: bold;
						}
						
						#container .nieuws ul#nieuws-loc li.separator {
							font-size: 0px;
							margin-top: 7px;
							margin-bottom: 7px;
							border-bottom: 1px solid #e5e5e5;
						}
					
					#container .fotoalbum {
						width: 181px;
						height: 161px;
						background: url(/images/sub/album_bg-am.png) no-repeat top left;
					}
					
						#container .fotoalbum tr td p{
							padding-top: 10px;
							padding-left: 20px;
							color: #fff;
							font-size: 17px;
							font-family: Myriad Pro,Verdana,sans-serif;
						}
						
						#container .fotoalbum img {
							
							margin-top: 17px;
						}
						
				#container .loginboxsub {
					width: 481px;
					height: 46px;
					background: url(/images/sub/loginbox_sub.png) no-repeat top left;
					position: absolute;
					bottom: -2px;
					right: 115px;
					z-index: 0;
					padding-top: 132px;
				}
            
        #landings-container {
        	width: 886px;
            height: 533px;
            position: relative;
            margin-left: 81px;
			z-index: 2;
        }  
			
			#landings-container .banner {
				width: 448px;
				height: 439px;
				position: absolute;
				top: 56px;
				left: 28px;
				overflow: hidden;
				z-index: 1;
				
					background: url(/Media/view/23934/banner.jpg) no-repeat top left;
				
			}
			
				#landings-container .banner-bg {
					width: 504px;
					height: 495px;
					position: absolute;
					top: 26px;
					left: 0;
					z-index: 2;
					background: url(/images/banner_bg.png) no-repeat top left;
				}
		
			#landings-container .logo {
            	width: 177px;
                height: 115px;
                position: absolute;
                bottom: 43px;
                left: 30px;
				z-index: 2;
            } 
            
            	#landings-container .logo a {
                	display: block;
                }
         
		#landings-container #nav-content {
			width:  596px;
			height: 490px;
			position: relative;
			margin-left: 288px;
			z-index: 4;
			background: url(/images/content_bg.png) no-repeat top left;
		}
		
			#nav-content #content {
				float: left;
				width: 250px;
				padding-top: 47px;
				padding-left: 10px;
			}
			
				#nav-content #content ul,
				.content-sub ul#nieuws-loc {
					list-style-type: none;
				}
				
					#nav-content #content ul li {
						font: normal 11px Arial,Verdana,sans-serif;
					}
			
				
					#nav-content #content ul#nieuws-header li {
						color: #4ba8a8;
						margin-bottom: 17px;
						font: normal 15px Arial,Verdana,sans-serif;
					}
		
				#nav-content #content ul#nieuws-loc {
					overflow: hidden;
					width: 251px;
					margin-bottom: 12px;
				}
				
					#nav-content #content ul#nieuws-loc li.titel,
					.content-sub ul#nieuws-loc li.titel {
						color: #4ba8a8;
						font-size: 11px;
						font-weight: bold;
						width: 185px;
						float: left;
						line-height: 17px;
					}
					
					#nav-content #content ul#nieuws-loc li.korteomschrijving {
						width: 185px;
						float: left;
					}
					
					.content-sub ul#nieuws-loc li.korteomschrijving {
						width: 400px;
						float: left;
						font-style: italic;
					}
					
					.content-sub ul#nieuws-loc li.langeomschrijving {
						margin-top: 5px;
						float: left;
					}
					
						.content-sub ul#nieuws-loc li.langeomschrijving a{
							float: none;
							display: inline;
						}
					
					#nav-content #content ul#nieuws-loc li.afbeelding,
					.content-sub ul#nieuws-loc li.afbeelding {
						float: right;
						height: 66px;
						width: 66px;
						overflow: hidden;
						
					}	
					#nav-content #content ul#nieuws-loc li.link{
						
						width: 80px;
						float: left;
					}

						#nav-content #content ul#nieuws-loc li a {
							display: block;							
							color: #106ca0;
							background: url(/images/blue-arrow.gif) no-repeat center left;
							padding-left: 13px;
							margin-top: 3px;
						}
						
						.content-sub ul#nieuws-loc li a {
							display: block;
							float: left;
							color: #106ca0;
						}
					
					#container .content-sub .scroll ul#nieuws-archief li.separator,
					#nav-content #content ul#nieuws-loc li.separator {
						height: 1px;
						line-height: 1px;
						margin-top: 12px;							
						font-size: 1px;
						float: left;
						width: 252px;
						background-color: #e1e1e1;
					}		

						#container .content-sub .scroll ul#nieuws-archief li.separator {
							background: none;
						}	
									
		#landings-container #loginbox {
			width: 481px;
			height: 190px;
			position: absolute;
			bottom: 0px;
			right: -39px;
			z-index: 3;
			top: 345px;
			padding-top: 142px;
			background: url(/images/loginbox.png) no-repeat top left;
		}
		
			#landings-container #loginbox ul,
			.loginboxsub ul {
				margin-left: 35px;
				list-style-type: none;
				overflow: hidden;
			}
			
				#landings-container #loginbox ul li,
				.loginboxsub ul li {
					float: left;
					background: url(/images/login-arrow.gif) no-repeat center left;
					padding-left: 13px;
					padding-right: 11px;
					height: 17px;
				}
				
					#landings-container #loginbox ul li a,
					.loginboxsub ul li a {
						font: normal 11px/15px Arial,Verdana,sans-serif;
						color: #665c28;
					}
    /*------------------------------------------------------------------
   		[5. Home vlakken]
	*/    
       	#container #algemeen {
       	    height: 495px;
            width: 240px;
            position: absolute; 	
            left: 32px;
            top: 55px;
            background: url(/images/home_algemeen.png) no-repeat top left;
		}
       
       		#container #algemeen .algemeen-content {
            	margin-top: 105px;
                margin-left: 11px;
                width: 170px;
				font-family: Myriad Pro,Verdana,sans-serif;
            }
            
    	#container #werken-bij {
        	height: 164px;
            width: 251px;
            position: absolute;
			left: 209px;
			top: 126px;
			z-index: 1;
			padding: 56px 0 0 33px;
			background: url(/images/home_werkenbij.png) no-repeat top left;
		}   
		
			#container #werken-bij tr.tr0 td.td0 {
				padding-bottom: 10px;
			}
			
				#container #werken-bij a {
					color: #fff;
				}
		
		#container #ouder {
			height: 168px;
			width: 240px;
			position: absolute;
			left: 283px;
			top: 48px;
			padding: 50px 0 0 11px;
			background: url(/images/home_ouders.png) no-repeat top left;
		}
		
			#container #ouder a {
				color: #fff;
			}
		
		#container #algemeen-info {
			height: 217px;
			width: 240px;
			position: absolute;
			left: 535px;
			top: 24px;
			padding: 50px 0 0 11px;
			background: url(/images/home_algemeen-info.png) no-repeat top left;
		}
		
			#container #algemeen-info a {
				color: #fff;
			}
		
		#container #leerling {
			height: 215px;
			width: 240px;
			position: absolute;
			left: 482px;
			top: 109px;
			background: url(/images/home_leerling.png) no-repeat top left;
			
		}
		
		#container #slogan {
			height: 110px;
			width: 200px;
			position: absolute;
			left: 498px;
			top: 165px;
			z-index: 3;
			background: url(/images/home_slogan.png) no-repeat top left;
		}
		
		#container #nieuws {
			height: 179px;
			width: 251px;
			position: absolute;
			right: 8px;
			top: 65px;
			padding: 60px 0 0 33px;
			z-index: 1;
			background: url(/images/home_nieuws.png) no-repeat top left;
		}
		
			ul#indespotlight {
				list-style-type: none;
			}
			
				ul#indespotlight li.datum {
					color: #89aed2;
					font-size: 11px;
				}
				
				ul#indespotlight li a {
					color: #fff;
					font-weight: bold;
					font-size: 11px;
				}
				
		
		#container #locaties {
			height: 263px;
			width: 647px;
			position: absolute;
			right: 61px;
			top: 214px;
			z-index: 2;
			background: url(/images/home_locaties.png) no-repeat top left;
		    padding: 70px 0 0 35px;
		}
        
        #google_maps {
        	height: 222px;
            width: 360px;
            position: absolute;
            right: 285px;
            top: 70px;
        }
        
        .locatiemap {
        	height: 135px;
            width: 196px;
            background: url(/images/google_maps_bg.png) no-repeat top left;
		    position: absolute;
            bottom: 45px;
            left: 46px;
			display: none;
            padding: 12px 40px 12px 12px;

        }
        
        .locatiemap #close {
        	width: 15px;
            height: 17px;
            float: right;
            margin-right: -20px;
            z-index: 2;
        }
        
        	.locatiemap tr td,
            .locatiemap tr td a {
            	color: #fff;
                font-family: Arial,Verdana,sans-serif;
            }
            
            	.locatiemap tr.row0 td.col0 {
                
                }
                
                .locatiemap tr.row1 td.col0 {
                	padding: 5px 0px;
                }
                
                .locatiemap tr.row2 td.col0 {
                	padding-bottom: 12px;
                }
                
                
         #adresgegevens {
         	position: absolute;
            width: 245px;
            height: 220px;
            right: 25px;
            top: 70px;
            font-family: Arial,Verdana,sans-serif;
            font-size: 11px;
         }    
         
         	#adresgegevens .richtingen {
            	margin-bottom: 5px;
                height: 30px;
                cursor: pointer;
            }
         
         	#adresgegevens .blue {
            	color: #439ad4;
                display: block;
                height: 12px;
            }  
            
            	#adresgegevens .active {
                	width: 120px;
                    height: 30px;
                    background: url(/images/active-locatie.gif) no-repeat top left;
                }
                
                #adresgegevens .richtingen span {
                	padding-left: 5px;
                }
        
        #adresgegevens #am_richtingen {
        	right: 0;
            top: 0;
        }
        
        #adresgegevens #am_richtingen,
        #adresgegevens #bp_richtingen,
        #adresgegevens #jvl_richtingen,
        #adresgegevens #gr_richtingen,
        #adresgegevens #om_richtingen,
        #adresgegevens #wy_richtingen {
        	width: 134px;
            height: 58px;
            background: url(/images/locatie-richtingen.gif) no-repeat top left;
            position: absolute;
        }
        
        #adresgegevens #bp_richtingen {
        	right: 0;
            top: 35px;
        }
        
         #adresgegevens #jvl_richtingen {
        	right: 0;
            top: 70px;
         }
         
         #adresgegevens #gr_richtingen {
        	right: 0;
            top: 105px;
         }
         
         #adresgegevens #om_richtingen {
        	right: 0;
            top: 140px;
         }
         
          #adresgegevens #wy_richtingen {
        	right: 0;
            top: 175px;
         }
        
        
        	#adresgegevens #am_richtingen span,
            #adresgegevens #bp_richtingen span,
            #adresgegevens #jvl_richtingen span,
            #adresgegevens #gr_richtingen span,
            #adresgegevens #om_richtingen span,
            #adresgegevens #wy_richtingen span {
            	padding-left: 10px;
                display: block;
            }
         
    /*------------------------------------------------------------------
		[5. Menu]
	*/
    
    	#main-nav {
        	width: 300px;
            height: 465px;
            position: relative;
            float:left;
		}
        
        	#main-nav .nav {
            	position: absolute;
                width: 238px;
                height: 116px;
            }
        
        	#main-nav .ikwilnaar {
            	top: 29px;
                left: 28px;
            }	
			
			#main-nav .ikzitop {
				top: 141px;
				left: 64px;
			}
			
			#main-nav .mijnkindzitop {
				top: 251px;
				left: 28px;
			}
			
			#main-nav .over  {
				top: 360px;
				left: 64px;
			}
    
		
		.mainmenu {
			width: 234px;
			margin-top: 13px;
			margin-left: 20px;
			float: left;
		}
		
			.mainmenu ul {
				list-style-type: none;
				margin: 0;
			}
			
				.mainmenu ul>li {
					background: url(/images/sub/submenu_bg.gif) no-repeat top left;
					margin-bottom: 1px;
					padding-top: 2px;
					display: block;
					position: relative;
				}
				
					.mainmenu ul>li img {
						position: absolute;
						right: 6px;
						top: 0;
						width: 29px;
						height: 20px;
					}
				
					.mainmenu ul>li>a {
						color: #403007;
						font: normal 11px/18px Arial,Verdana,sans-serif;
						margin-left: 19px;
					}
					
						.mainmenu ul>li>a.active {
							font-weight: bold;
						}
					
					.mainmenu ul>li>ul {
						background-color: #ffbe1a;
					}
					
					.mainmenu ul>li>ul>li {
						padding-left: 0;
						line-height: 17px;
						background: url(/images/sub/subsubmenu_bg.gif) no-repeat top left;
						margin-left: 6px;
					}
					
					.mainmenu ul>li>ul>li.first {
						background: url(/images/sub/subsubmenu-first_bg.gif) no-repeat top left;
					}
					
					.mainmenu ul>li>ul>li.last {
						background: url(/images/sub/subsubmenu-last_bg.gif) no-repeat top left;
					}
					
						.mainmenu ul>li>ul>li>ul>li {
							line-height: 17px;
							margin-left: 0;
							padding-left: 10px;
							margin-bottom: 0;
						}
					
		.current-niv {
			margin-top: 20px;
			margin-left: 20px;
			float: left;
		}		
		
			.current-niv .pagename a {
				font-weight: bold;
				color: #4ba8a8;
				font-size: 12px;
				text-decoration: none;
			}
			
			.current-niv .vestigingname {
				color: #8D8D8C;
			}
							
		.search-container {
			height: 35px;
			width: 234px;
			position: absolute;
			bottom: 40px;
			left: 15px;
			border-top: 1px solid #ffcd36;
			border-bottom: 1px solid #ffcd36;
			padding-left: 12px;
			padding-top: 12px;
		}	

			.search-container form {
				display: block;
				border: 0;
			}
		
			.search-container .inputbg {
				width: 222px;
				height: 21px;
				background: url(/images/sub/search-input.gif) no-repeat top left;
				padding-top: 2px;
			}
			
			.search-container .input {
				border: 0;
				margin-left: 5px;
				width: 197px;
				height: 17px;
				background: transparent;
				color: #555555;
			}
			
			.search-container .submit {
				width: 4px;
				height: 7px;
				outline: none;
			}

	   /*------------------------------------------------------------------
		[6. Footer]
	*/
	
		#footer {		
        	border-top:  1px solid #d0d1d3;
			padding-top: 12px;
            width: 990px;
            margin: 0 auto;
            
        }
		
		#footer-sub {
			width: 990px;
            margin: 0 auto;
			float: left;
			margin-top: -7px;
			margin-left: 7px;
			display: inline;
		}
        
        	#footer span,
			#footer-sub span {
            	padding-right: 24px;
                padding-left: 12px;
                font-size: 11px;
				font-family: Arial,Verdana,sans-serif;
            }
			
				#footer span a,
				#footer-sub span a {
					font-family: Arial,Verdana,sans-serif;	
				}
    
    
    /*------------------------------------------------------------------
		[7. Extra]
	*/      
    
    a:link,
    a:visited,
    a:active {
    	color: #000;
        text-decoration: none;
		outline: none;
    }
    
    a:hover {
    	text-decoration: underline;
    }
	
	
	/* Mededelingen page */
	
	#overlay {
		height: 100%;
		width: 100%;
		position: absolute;
		background: #000;
		opacity:0.6;
		filter:alpha(opacity=60);
		top: 0;
		left: 0;
		z-index: 4;
	}
	
		#lightviewbox {
			position:absolute;
			text-align:left;
			width:100%;
			z-index:100;
			top: 100px;
		}
	
		#inner {
			width: 730px;
			height: 410px;
			background-color: #fff;
			margin: 0 auto;
			border: 3px solid #888888;
			padding: 20px;
		}
		
			#inner .top {
				height: 380px;
				padding-right: 20px;
				overflow-y: auto;
				overflow-x: hidden;
				margin-bottom: 20px;
			}
			
			#inner .bottom {
				text-align: right;
			}
			
	/* Nieuws Detailpagina */	
		
		#container .content-sub .scroll ul#nieuws-loc {
			list-style-type:none;
		
		}
			#container .content-sub .scroll ul#nieuws-loc li.titel {
			float:left;
			width:400px;
			}
			
		
			#container .content-sub .scroll ul#nieuws-loc li.langeomschrijving {
				float:left;
				width:400px;
			}
			
			#container .content-sub .scroll ul#nieuws-loc li.link {
				float:left;
				width:150px;
			}
			
			
			#container .content-sub .scroll ul#nieuws-header {
				list-style-type:none;
				font: normal 24px/46px Arial,Verdana,sans-serif;
				color: #4ba8a8;	
			}
			
			#container .content-sub .scroll ul#nieuws-archief {
				list-style-type:none;	
				margin: 5px;
				overflow: hidden;
			}
			
			#container .content-sub .scroll ul#nieuws-archief li.titel {
				color:#3e3e3e;
				font-size:11px;
				width: 400px;
				font-weight:bold;
				float:left;
			}
			#container .content-sub .scroll ul#nieuws-archief li.afbeelding {
				float: right;
				overflow: hidden;
				height: 61px;
				width: 61px;
			}
			#container .content-sub .scroll ul#nieuws-archief li.korteomschrijving {
				float: left;
				width: 400px;			
			}
			
			#container .content-sub .scroll ul#nieuws-archief li.link {
			width: 400px;
			
			}