/* Standaard waarden
Steenbergen groen 100% = #019638
Steenbergen blauw 100% = #161a68 - voor kopjes en menutekst
Noordwijkerhout blauw 100% = #004d81
Noordwijkerhout blauw 100% = #5abde4 - voor kopjes en menutekst
*/


body {
	font-family: verdana, arial, sans-serif;
/*	background: #e7e8f0 url(/img/back.gif) repeat-y center top;*/
	background: #e7e8f0;
}

div.wrapper {
	background-color: #ffffff;
	font-size: 100%;
	margin-top: 20px;
}

div.container{
	font-size: 0.7em;	
}

/* headercontainer */
div.headercontainer {}
	div.header {
		background-image: url(/img/header.jpg);
		background-repeat: no-repeat;
		background-color: #ffffff;
	}
	div.header img {
		position: absolute;
		margin-top: 10px;
		margin-left: 10px;
	}
	address {
		float: right;
		color:#666666;
		padding-top: 48px;
		padding-right: 18px;
	}
	address a {
		color: #000000;
	}
	address a:hover {
		text-decoration: underline;
	}
	
	body#home div.beeld {
		background-color: #010066;
	}
	body#content div.beeld {
		background-color: #010066;
	}

	.panorama {
		width: 932px;
		height: 150px
	}

/* beeld */
div.beeld {}

/* doelgroepen */
div.doelgroepen {}
	div#doelgroep1 {
		background-color: #eeeeee;
	}
	div#doelgroep2 {
		background-color: #dddddd;
	}
	div#doelgroep3 {
		background-color: #cccccc;
	}
	div#doelgroep4 {
		background-color: #bbbbbb;
	}
	div#doelgroep5 {
		background-color: #aaaaaa;
	}

/* horizontalmenu */
div.horizontalmenu {
	background-color: #010066;
	color: #ffffff;
	min-height: 22px;
	margin: 0px 0px 0px 0px;
	padding: 4px 10px;
	border-bottom: 3px solid #41A0FE;
}
div.horizontalmenu a {
	color: #ffffff;
}
div.horizontalmenu a:hover {
	text-decoration: underline;
}

/* kruimelpad */
div.kruimelpad {
	background-color: #00dd00;
}

/* contentcontainer */ 
div.contentcontainer {}
	div.content {
		background-color: #ffffff;
	}
			body#home div.content {
				background: url(/img/back.gif) repeat-y left top;
			}
			body#content div.content {
				background: url(/img/back.gif) repeat-y left top;

			}
			body#content.cols2 div.content {
				
			}

	div#column1 {
		background-color: transparent;
	}
	div#column2 {
		background-color: transparent;
	}
	div#column3 {
		background-color: transparent;
	}
	div#column4 {
		background-color: transparent;
	}

/*-- BEGIN CUSTOM HTML | CSS --*/
	
	div#column2 div#blok1 {
		background-image: url(/img/bg_column2.gif);
		background-color: #ffffff;
		padding: 5px 10px 0px 10px;
		border-bottom: 1px solid #010066;
		height: auto;
	}
	div#column2 div#blok2 {
		padding: 5px 20px 0px 10px;
		margin: 0px 0px 0px 0px;
		background-image: url(/img/bg_nieuwsoverzicht.gif);
		background-repeat: repeat-x;
		background-position: top;
	}
	body#content div#column4{
	}
	div#blok1 h3 {
		color: #004D81;
		padding: 8px 0px 3px 20px;
	}
	div#blok1 p {
		padding: 0px 0px 20px 20px;
		font-size: 1.1em;
	}
	div#blok1 img {
		position: relative;
		padding: 0px 0px 10px 5px;
		float: right;
	}
	div#column2 #blok1 h2,div#column2 div.padding  #blok1 p {
		padding-bottom:0px;
	}

	div#column2 div.padding {
		position: relative;
		padding: 10px 0px 0px 12px;
	}
	body.cols2 div#column2 div.padding {
		background-image: none;
	}
	div#column2 div.padding{
		line-height: 1.65em;
	}
	div#column2 div.padding p {
/*		padding: 0px 10px 20px 0px;*/
		padding: 0px 10px 10px 0px;
	}
	div#column2 div.padding h3 {
		padding: 10px 10px 0px 0px;
		color: #004D81;
	}

	div#column2 div.padding ol>li{
		list-style-type: decimal;
		list-style-image: none;
		padding-bottom: 1px;
	}
	div#column2 div.padding ul>li{
		list-style-type: disc;
		padding-bottom: 1px;
	}

	div#column2 div.padding ul{
		padding-top: 4px;
/*		padding-bottom: 4px;*/
		padding-bottom: 10px;
	}
	div#column2 div.padding a{
		color: #010066;
		color: #003399; /* old blue */
	}
	div#column2 div.padding a:hover{
		color: #000000;
		text-decoration: underline;
	}
	span.leesverder {
		color: #000000;
		background-image: url(/img/nieuwsbullet.gif);
		background-repeat: no-repeat;
		padding-left: 13px;
		display:inline-block;
		margin-bottom:10px;
	}
	span.leesverder a{
		color: #000000;
		color: #003399; /* old blue */
	}
	span.leesverder a:hover{
		color: #000000;
		text-decoration: underline;
	}
	span.leesterug {
		color: #000000;
		background-image: url(/img/nieuwsbullet_back.gif);
		background-repeat: no-repeat;
		padding-left: 13px;
	}
	span.leesterug a{
		color: #000000;
	}
	span.leesterug a:hover{
		color: #000000;
		text-decoration: underline;
	}
	li.eventtitel a {
		font-weight:bold;
		color: #004D81;
		padding:10px 10px 0 0;
	}
	li.eventtitel a:hover {
		text-decoration:none;
	}
	span.eventdatum {
		font-style:italic;
		color: #004D81;
	}

/*-- EINDE CUSTOM HTML | CSS --*/

		h1 { font-size: 1.5em; color: #004D81;}
		h2 { font-size: 1.3em; color: #004D81;}
		h3 { font-size: 1.1em;}
		h4 { font-size: 1.0em;}
		h5 { font-size: 0.9em;}
		h6 { font-size: 0.8em;}
		h1, h2, h3, h4, h5, h6{
			padding: 10px 0px 10px 0px;
		}
		p, td, li, th {
			/*font-size: 0.7em;*/
		}
			li ul li, table li, td td, th th, td th {
				/*Xfont-size: 1em;*/
			}
			
		div.content ul, div.content ol {
			margin-left: 0px;
			/*list-style: disc; */
		}
		div.padding a {
			color: #004D81;
		}
		div.padding a:hover {
			color: #000000;
			text-decoration: underline;
		}

		table {
			width: 100%;
			border-collapse: collapse;
		}
			table td, table th {
				padding: 2px;
				vertical-align: top;
			}
				td table td {
					/* xfont-size: 1em;*/
				}
	/*	div.padding strong {
			display: block;
			padding: 0px 0px 10px 0px;
		}*/

/* Banners in column4 */

div#column4 p img {
	padding-bottom: 0px;
}
div#column4 img.banner1 {
	padding-top: 10px;
}
div.columnbanners {
	height: auto;
}
div.columnbottom {
	height: 20px;
	text-align: right;
}
body#content div.columnbottom {
	height: 20px;
	text-align: right;
}

/* Padding van de verschillende kolommen */
	div.container {
		padding: 0px 0px 0px 0px;
	}
	div#column1 div.padding {
		margin: 0px 0px 0px 0px;
		padding: 37px 0px 0px 0px;	
	}
	div#column2 div.padding {
		margin: 0px 0px 0px 0px;		
		padding: 0px 0px 0px 0px;
	}
	body#content div#column2 div.padding {
		padding: 0px 20px 20px 20px;
	}
	div#column3 div.padding {
		margin: 0px 0px 0px 0px;		
		padding: 0px 0px 0px 0px;
	}
	div#column4 div.padding {
		margin: 0px 0px 0px 0px;		
		padding: 25px 5px 0px 0px;
	}

	div#column4 div.padding a{
		text-decoration: underline;
	}
	
	div#banner1 {
		background-color: #cc00cc;
	}
	div#banner2 {
		background-color: #dd00dd;
	}
	div#banner3 {
		background-color: #ee00ee;
	}
	div#banner4 {
		background-color: #ff00ff;
	}

/* footer */
div.footer {
	background-color: #E7E8F0;
	padding: 40px 0px 10px 0px;
	border-top: 2px solid #CCCCCC;
	text-align: center;
}
div.footer p {
	color: #000000;
}

div.footer span#footeritems {
	padding-left: 0px;
}

div.footer span#footeritems a {
	color: #000000;
 }

div.footer span#footeritems a:hover {
	text-decoration: underline;
}

/* overige classes */
.screenreader {
	display: none;
}
.formbutton {
	border: 0px;
	cursor: pointer;
	padding: 0px;
	text-indent: -999em;
}


/* Generieke aanpassingen voor modules */

	div#column2 div.padding table {
			width: 98%;
	}

	div#column2 div.padding td p{
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		/* xfont-size: 1em;*/
	}

	.newsimage {
		position: relative;
		padding: 0px 10px 10px 5px;
		float: right;
	}

/* Einde generieke aanpassingen voor modules */

/* tekstomloop van plaatjes in de webeditor */

img.left {
	float: left;
	margin: 5px 5px 5px 0px;	
}
img.right {
	float: right;
	margin: 5px 0px 5px 5px;	
}


/* Einde tekstomloop van plaatjes in de webeditor */