html, body {
    margin: 0px;
    padding: 0px;
    height: 100%;
    width: 100%;    
  }
  img {
    border: 0px;
  }
  #bg {
  	position: fixed;
  	top: 0;
  	left: 0;
  	width: 100%;
  	height: 100%;
  	z-index: -1;
  }
  .container {
    position: absolute; 
    top: 0px;
    bottom: 0px;
    left: 50%;
    right: 0px;
    margin-left: -475px;
    
    width: 950px;
    height: ;
    overflow: none;
  }
  .left {
    min-width: 180px;  
    position: absolute;
    top: 105px;
    left: 0px;
    bottom: 0px;
    width: 180px;
    //overflow: auto;
  }
  
  .top {
    height: 105px;      
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    overflow: hidden;
  }
  
  .right {
    width: 180px;;  
    position: absolute;
    top: 105px;
    right: 0px;
    bottom: 0px;
    overflow: auto;    
  }
  
  .bottom {
    height: 0px;      
    position: absolute;
    left: 0px;
    bottom: 0px;
    right: 0px;
    overflow: hidden;    
  }
  
  .content {
    position: absolute;
    left: 180px;
    top: 105px;
    right: 180px;
    bottom: 0px;    
    overflow: auto;    
  }
  .content p, .content table, .content h2, .content div,
  .left p, .right h2 {
		padding-left: 5px;
		padding-right: -5px;
	}
	
	.content div[class~="block"] {
		padding-left: 10px;
	}
	.top, .template_rb .top
{
	font-family: Arial;
	font-size: 11px;
	background-color: ;
	padding: 0px;
	background-image: url("http://www.haarlem-kennemerland.nl/att/01_vlag.png");
	background-repeat: no-repeat;
	background-position: left top;
	text-decoration: none;
}
.right, .template_rb .right
{
	font-family: Arial;
	font-size: 11px;
	background-color: ;
	padding: 0px;
	background-image: url("http://www.haarlem-kennemerland.nl/att/haarlem_logo.png");
	background-repeat: no-repeat;
	background-position: center bottom;
	text-decoration: none;
}
.left, .template_rb .left
{
	font-family: Arial;
	font-size: 11px;
	background-color: ;
	padding: 0px;
	background-image: url("http://www.haarlem-kennemerland.nl/att/03_vlaggestok.png");
	background-repeat: repeat-y;
	background-position: left top;
	text-decoration: none;
}
.bottom, .template_rb .bottom
{
	font-family: Arial;
	font-size: 11px;
	background-color: ;
	padding: 0px;
	background-image: none;
	text-decoration: none;
}
.content, .template_rb .content, .editor
{
	font-family: Arial;
	font-size: 12px;
	background-color: #FFFFFF;
	padding: 0px;
	background-image: url("http://www.haarlem-kennemerland.nl/att/bg_content.jpg");
	background-repeat: repeat-x;
	background-position: left top;
	text-decoration: none;
}
a, .template_rb a
{
	color: #100A6C;
	font-style: italic;
	background-color: ;
	padding: 0px;
	background-image: none;
	text-decoration: none;
}
a:hover, .template_rb a:hover
{
	color: #AD1701;
	font-style: italic;
	background-color: ;
	padding: 0px;
	background-image: none;
	text-decoration: none;
}
a.aleft:link, a.aleft:visited, a.aleft:active, .template_rb a.aleft:link, a.aleft:visited, a.aleft:active
{
	color: #100A6C;
	font-style: italic;
	background-color: ;
	padding: 0px;
	background-image: none;
	text-decoration: none;
}
a.aleft:hover, .template_rb a.aleft:hover
{
	color: #AD1701;
	font-style: italic;
	background-color: ;
	padding: 0px;
	background-image: none;
	text-decoration: none;
}
h1, .template_rb h1
{
	font-family: Arial;
	color: #100a6C;
	font-size: 22px;
	font-weight: bold;
	background-color: ;
	padding: 0px;
	background-image: none;
	text-decoration: none;
	text-align: center;
}
h2, .template_rb h2
{
	font-family: Arial;
	color: #AD1701;
	font-size: 20px;
	font-weight: bold;
	background-color: ;
	padding: 0px;
	background-image: none;
	text-decoration: none;
	text-align: center;
}
h3, .template_rb h3
{
	font-family: Arial;
	color: #100a6C;
	font-size: 18px;
	font-weight: bold;
	background-color: ;
	padding: 0px;
	background-image: none;
	text-decoration: none;
	text-align: left;
}
a.ahead:link, a.ahead:visited, a.ahead:active, .template_rb a.ahead:link, a.ahead:visited, a.ahead:active
{
	color: #100A6C;
	font-style: italic;
	background-color: ;
	padding: 0px;
	background-image: none;
	text-decoration: none;
}
a.ahead:hover, .template_rb a.ahead:hover
{
	color: #AD1701;
	font-style: italic;
	background-color: ;
	padding: 0px;
	background-image: none;
	text-decoration: none;
}
a.aright:link, a.aright:visited, a.aright:active, .template_rb a.aright:link, a.aright:visited, a.aright:active
{
	color: #100A6C;
	font-style: italic;
	background-color: ;
	padding: 0px;
	background-image: none;
	text-decoration: none;
}
a.aright:hover, .template_rb a.aright:hover
{
	color: #AD1701;
	font-style: italic;
	background-color: ;
	padding: 0px;
	background-image: none;
	text-decoration: none;
}
a.abottom:link, a.abottom:visited,a.abottom:active, .template_rb a.abottom:link, a.abottom:visited,a.abottom:active
{
	color: #100A6C;
	font-style: italic;
	background-color: ;
	padding: 0px;
	background-image: none;
	text-decoration: none;
}
a.abottom:hover, .template_rb a.abottom:hover
{
	color: #AD1701;
	font-style: italic;
	background-color: ;
	padding: 0px;
	background-image: none;
	text-decoration: none;
}
caption, .template_rb caption
{
	font-size: 10px;
	font-weight: bold;
	background-color: ;
	padding: 0px;
	background-image: none;
	background-repeat: repeat;
	text-decoration: none;
}
h4, .template_rb h4
{
	font-family: Arial;
	color: #AD1701;
	font-size: 16px;
	font-weight: bold;
	background-color: ;
	padding: 0px;
	background-image: none;
	text-decoration: none;
	text-align: left;
}
h5, .template_rb h5
{
	font-family: Arial;
	color: #100a6C;
	font-size: 14px;
	font-weight: bold;
	background-color: ;
	padding: 0px;
	background-image: none;
	text-decoration: none;
	text-align: left;
}
h6, .template_rb h6
{
	font-family: Arial;
	color: #AD1701;
	font-size: 12px;
	font-weight: bold;
	background-color: ;
	padding: 0px;
	background-image: none;
	text-decoration: none;
	text-align: left;
}
a.content:link, a.content:visited, a.content:active, .template_rb a.content:link, a.content:visited, a.content:active
{
	color: #100A6C;
	font-style: italic;
	font-weight: bold;
	background-color: ;
	padding: 0px;
	background-image: none;
	text-decoration: none;
}
.news_head, .template_rb .news_head
{
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	background-color: ;
	padding: 0px;
	background-image: none;
	text-decoration: none;
}
.news_date, .template_rb .news_date
{
	font-family: Arial;
	font-size: 11px;
	font-style: italic;
	font-weight: bold;
	background-color: ;
	padding: 0px;
	background-image: none;
	text-decoration: none;
}
.news_message, .template_rb .news_message
{
	font-family: Arial;
	font-size: 11px;
	background-color: ;
	padding: 0px;
	background-image: none;
	text-decoration: none;
}
body, body.template_rb
{
	font-family: Arial;
	color: #000000;
	font-size: 11px;
	background-color: #100A6C;
	padding: 0px;
	background-image: url("http://www.haarlem-kennemerland.nl/att/bg_retrobal.png");
	background-repeat: no-repeat;
	background-position: left bottom;
	text-decoration: none;
}
.container, .template_rb .container
{
	background-color: #E7E6F0;
	padding: 0px;
	background-image: url("http://www.haarlem-kennemerland.nl/att/bg_menu.jpg");
	background-repeat: repeat-x;
	background-position: left top;
	border-right: 1px solid #000000;
	border-left: 1px solid #000000;
	text-decoration: none;
}
.tweets, .template_rb .tweets
{
	font-family: Arial;
	color: #100A6C;
	font-size: 11px;
	font-weight: bold;
	background-color: ;
	padding: 2px;
	background-image: none;
	text-decoration: none;
}
.template_hk .top
{
	font-family: Arial;
	background-color: #F5EFE7;
	padding: 0px;
	background-image: url("http://www.haarlem-kennemerland.nl/att/lay_hk_header.jpg");
	background-repeat: no-repeat;
	background-position: left top;
	text-decoration: none;
}
.template_hk .right
{
	font-family: Arial;
	font-size: 11px;
	background-color: #ED6F19;
	padding: 0px;
	background-image: url("http://www.haarlem-kennemerland.nl/att/lay_hk_bg_menu.png");
	background-repeat: no-repeat;
	background-position: right top;
	text-decoration: none;
}
.template_hk .left
{
	font-family: Arial;
	font-size: 11px;
	background-color: #ED6F19;
	padding: 0px;
	background-image: url("http://www.haarlem-kennemerland.nl/att/lay_hk_bg_menu.png");
	background-repeat: no-repeat;
	background-position: left top;
	text-decoration: none;
}
.template_hk .bottom
{
	font-family: Arial;
	font-size: 11px;
	background-color: #F5EFE7;
	padding: 0px;
	background-image: url("http://www.haarlem-kennemerland.nl/att/.");
	text-decoration: none;
}
.template_hk .content
{
	font-family: Arial;
	font-size: 11px;
	background-color: #FFFFFF;
	padding: 0px;
	background-image: url("http://www.haarlem-kennemerland.nl/att/lay_hk_bg_logo.png");
	background-repeat: no-repeat;
	background-position: center center;
	border-right: 1px solid #292F45;
	border-left: 1px solid #292F45;
	border-top: 1px solid #292F45;
	border-bottom: 1px solid #292F45;
	text-decoration: none;
}
.template_hk h1
{
	font-family: Arial;
	color: #2A3046;
	font-size: 22px;
	background-color: ;
	padding: 0px;
	background-image: none;
	text-decoration: none;
}
.template_hk h2
{
	font-family: Arial;
	color: #CD2B41;
	font-size: 20px;
	background-color: ;
	padding: 0px;
	background-image: none;
	text-decoration: none;
}
.template_hk h3
{
	font-family: Arial;
	color: #ED6F19;
	font-size: 18px;
	background-color: ;
	padding: 0px;
	background-image: none;
	text-decoration: none;
}
.template_hk h4
{
	font-family: Arial;
	color: #2A3046;
	font-size: 16px;
	background-color: ;
	padding: 0px;
	background-image: none;
	text-decoration: none;
}
.template_hk h5
{
	font-family: Arial;
	color: #CD2B41;
	font-size: 14px;
	background-color: ;
	padding: 0px;
	background-image: none;
	text-decoration: none;
}
.template_hk h6
{
	font-family: Arial;
	color: #ED6F19;
	font-size: 12px;
	background-color: ;
	padding: 0px;
	background-image: none;
	text-decoration: none;
}
body.template_hk
{
	font-family: Arial;
	color: #000000;
	font-size: 11px;
	background-color: #3A4056;
	padding: 0px;
	background-image: none;
	background-repeat: no-repeat;
	background-position: left bottom;
	text-decoration: none;
}
.template_hk .right h2
{
	font-family: Arial;
	color: #292F45;
	font-size: 13px;
	font-weight: bold;
	background-color: ;
	padding: 0px;
	background-image: url("http://www.haarlem-kennemerland.nl/att/lay_hk_submenu_header.png");
	background-repeat: no-repeat;
	background-position: center top;
	text-decoration: none;
	text-align: center;
	vertical-align: center;
	line-height: 46px;
}

	
	
		#accordion {
			width: 175px;
			height: 99%;
			background-image: url('http://www.haarlem-kennemerland.nl/att/02_voetballer.png');
			background-repeat: no-repeat;
			background-position: left bottom;
		
		}
		#accordion div {
			padding-left: 25px;
		
		}
		#accordion h3,
		.left h4 {
			height: 20px;
			background-image: url('http://www.haarlem-kennemerland.nl/att/menu_header_gray.png');
			font-size: 14px;
			line-height: 20px;
			padding-left: 3px;
			margin: 2px 2px 2px 25px;
		}
		#accordion h3 a,
		.left h4 a {
			font-family: Verdana;
			font-weight: bold;
			font-style: normal;
			color: #FFFFFF;		
		}
		#accordion h3.ui-state-active	{
			background-image: url('http://www.haarlem-kennemerland.nl/att/menu_header_blue.png');		
		}		
		#accordion h3.ui-state-hover,		
		#accordion h3:hover,
		.left h4:hover {
			background-image: url('http://www.haarlem-kennemerland.nl/att/menu_header_red.png');		
		}
		.content {
			padding: 5px;
		}
		
	div.menuWithExtendedSubMenu {	
		background-image: url('http://www.deroodbroek.nl/att/lay_hk_menu_header.png'); 
		background-position: left top; 
		background-repeat: no-repeat; 
		padding-top: 40px;
	}
		
	div.menuWithExtendedSubMenu h4 div {
		display: none;
		top: 8px;
		left: 165px;
		position: absolute;
		border: 2px solid #BDAD7C;
		width: 200px;
		background-color: #BDAD7C;
		filter: alpha(opacity=90);
		opacity: 0.9;
		z-index: 100;
	}
	
	div.menuWithExtendedSubMenu h4 {
		position: relative;
		margin: 0;
		background-image: url('http://www.haarlem-kennemerland.nl/att/lay_hk_menu_middle.png');
		background-repeat: no-repeat;
		height: 28px;
		width: 165px;
		padding-left: 34px;
		color: #FFF;
	}

	div.menuWithExtendedSubMenu h4:hover {
		margin: 0;
		background-image: url('http://www.haarlem-kennemerland.nl/att/lay_hk_menu_middle.png');	
		color: #BDAD7C;
	}

	div.menuWithExtendedSubMenu h4 a:hover,
	div.menuWithExtendedSubMenu h4:hover {
		color: #BDAD7C;
	}

	div.menuWithExtendedSubMenu h4 div a {
		padding: 4px;
		color: black;
		filter: alpha(opacity=100);
		opacity: 1.0;
	}

	div.menuWithExtendedSubMenu h4 div a:hover {
		color: white;
	}	
		
	.news_message {
		border-bottom: 1px solid darkgray;
	}	
	
	.news_message > p {
		margin-bottom: 0px;
	}