body {      background-color: white;
            margin-top: 0px;
            margin-left: 0px;
            color: #05375B;
            font-size: 100%;
		    font-family: Helvetica, Arial, Geneva, sans-serif;          
            }     

.kop {      font-size: 130%;
            font-weight: bold;
            text-align: center;
            padding: 15px;
            color: #FF7320;
            vertical-align: bottom;
            }
.skop {		font-size: 180%;
            font-weight: bold;
            text-align: center;
            padding: 15px;
            color: #FF7320;
            vertical-align: bottom;	
}
.onderkop { font-size: 120%;
            font-weight: bold;
            text-align: center;
            padding: 15px;
            color: #505450;
            vertical-align: bottom;
            }

.menu {   font-size: 105%;
            font-weight: bold;
            padding: 20px 15px;
            color: #505450;
            vertical-align: top;
            }

.subkop {   font-size: 105%;
            font-weight: bold;
            color: #505450;
            vertical-align: top;
            }

.bron		{font-size: 90%;
			 padding-left: 10px;}        
.bron2		{font-size: 90%;
			 padding-left: 160px;}     
			   
#sluit {	padding-left:650px;
			font-weight: bold;
			vertical-align: top;
            display:inline;
            position: absolute;
			}

a:link {    font-family: Arial, sans-serif;
            color: #FF7320;
            }

a:visited { font-family: Arial, sans-serif;
            color: #FF7320;}

a:hover {   text-decoration: none;
            color: #ac8777;}

a.bron:link {    font-family: Arial, sans-serif;
            color: #FF7320;}

a.bron:visited { font-family: Arial, sans-serif;
            color: #ff8888;}

a.bron:hover {   text-decoration: none;
            color: #ac8777;}
            
#LayerT1 {
	position:absolute;
	left:50px;
	top:25px;
	width:900px;
	height:110px;
	z-index:1;
	border: none;
	text-align:center;
	background-image: url('Banner-SW-Fryslan.gif');
}
#LayerT2 {
	position:absolute;
	left:250px;
	top:25px;
	width:500px;
	height:70px;
	z-index:1;
	border: none;
	text-align:center;
	background-color: #ddddff;
	padding: 20px 5px;	
}
#LayerT3 {
	position:absolute;
	left:700px;
	top:-10px;
	width:220px;
	height:100px;
	z-index:1;
	border: none;
	text-align:center;
	vertical-align: bottom;
	padding: 10px 5px;
}
#LayerT {
	position:absolute;
	left:50px;
	top:135px;
	width:900px;
	height:10px;
	z-index:1;
	border: none;
	background-color: #505450;
}
#LayerM {
	position:absolute;
	left:50px;
	top:135px;
	width:200px;
	z-index:1;
	border: none;
<!--	background-color: #d9e7f2; <!-- was ffdddd !>
	height: 800px;
	text-align: left;
}
#LayerB {font-size: 90%;
	position:absolute;
	left:251px;
	top:145px;
	width:680px;
	z-index:1;
	border: none;
	padding: 10px;
	text-align: left;
}

.nieuws {z-index: 50;
		 position: absolute;
		 background-color: lightyellow;
		 padding: 4px;
		 top: 10px;
		 left: 80px;
		 width: 500px;
		 border: 1px solid blue;
		 
		 text-decoration: none;
		 text-align: left;}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.popup {z-index: 0;}

.popup:hover{background-color: transparent;
			 z-index: 50;}

.popup span {position: absolute;
			 background-color: lightyellow;
			 padding: 4px;
			 width: 560px;
			 border: 1px dashed blue;
			 visibility: hidden;
			 text-decoration: none;
			 text-align: left;}

.popup span img {border-width: 0;
				 padding: 2px;}

.popup:hover span {visibility: visible;
				   
				   left: 60px;}

.popup li {font-size: 90%;}