
#payoff {
	width:100%;
	text-align: right;
	display: none;
}
#payoffsite {
	font-size:35px;
	font-weight:bold;
	position:absolute;
	left:500px;
	top:50px;
	color:#FF0000;
	display: none;
}
#payoffinfo {
	color:#FF0000;
	font-size:18px;
	font-weight:bold;
	position:absolute;
	left:500px;
	top:100px;
	width:auto;
	display: none;
}
#payoff a {
  	color:#FF0000;
   	font-size:14px;
	position:relative;
	top:35px;
	font-weight:bold;
	padding-right:15px;
	letter-spacing: 2px;
}
#payoff a:hover { 
	text-decoration: underline;
}

body {
	font-family: arial, verdana, sans-serif;
                background-color:#e5e5e5; /* licht grijs */
	height:100%; 
}

.container input { border:1px solid buttonface; }
.container textarea { border:1px solid buttonface; }
.container select {
	width:220px;
	font-size:small;
}

div.wrapper { background-color: #ffffff; }

/* headercontainer */
div.headercontainer {}
	div.header {
		background-repeat: no-repeat;
	}
	div.header img {
		float: left;
	}
	address {
		float: right;
		font-size: 70%;
		color: #006699;
		padding-top: 48px;
		padding-right: 8px;
	}
	address a {
		color: #006699;
	}
	address a:hover {
		text-decoration: underline;
	}

/* beeld */
div.beeld {}
body#home div.beeld { }
body#content div.beeld { }
.panorama { }

/* 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: #FF0000; /*#336699*/
	color: #ffffff;
	min-height: 25px;
	margin: 0px;
	padding-left: 4px;
	font-size: 1.1em;
}
div.horizontalmenu a { color: #ffffff; text-align: right; }
div.horizontalmenu a:hover { text-decoration: underline; }

/* kruimelpad */
div.kruimelpad { background-color: #f4f4f4; }

/* contentcontainer */ 
div.contentcontainer {}
	div.content {
		background-color: #ffffff;
		background-image:url(/GWB/design/bg2-menu-grijs-lijn-zwart.gif); /* templates/bgmenuhorizon.gif */
	}
	body#home div.content { }
	body#content div.content { }
	body#content.cols2 div.content { }

	div#column1 {
		background-color: #cccccc;
		background-image: url(/GWB/design/bg2-grijs-lijn-zwart.gif); 
		background-repeat: repeat-y;
		background-position:right;	
	}
	div#column2.home { font-size: 0.95em; }
	div#column2.home div#blok2 { font-size: 1.25em; }
	div#column2 { background-color: #ffffff; font-size: 1.2em; }
	div#column3 { 	}
	div#column4 { 	}

/*-- BEGIN CUSTOM HTML | CSS --*/
	
	div#column2 div#blok1 {		
		background-color: #ffffff;
		padding: 5px 10px 0px 10px;
		border-bottom: 1px dotted #000;
		height: auto;
	}
	div#column2 div#blok2 {
		padding: 10px 20px 20px 15px;
		margin: 0px 0px 0px 0px;
	}
	div#column2 div#blok2 div.left {
		float: left; margin-right: 20px; width: 48%; position: relative; display: block;
	}
	div#column2 div#blok2 div.left a.black {
		color: black;
	}
	div#column2 div#blok2 div.right {
		float: right; width: 48%; position: relative; display: block;
	}
	div#column2 div#blok2 div.right ul.blok2right {
		margin-left: 32px; line-height: 1em;
	}
	body#content div#column4{  	}

	div#blok1 p {
		padding: 0px 0px 20px 20px;
		font-size: 0.85em;
	}
	div#blok1 img {
		position: relative;
		padding: 0px 0px 10px 5px;
		float: right;
	}
	div#column2 div.padding {
		position: relative;
		padding: 10px 0px 0px 12px; 
		font-size: 1em;
	}
	body.cols2 div#column2 div.padding {
		background-image: none;
	}
	div#column2 div.padding p {
		padding: 0px 10px 10px 10px;
		line-height: 1.65em;
	}
	div#column2.home div.padding p {
		padding: 0px 10px 10px 20px;
		line-height: 1.65em;
	}

	div#column2 div.padding li{
		list-style-type: square;
		padding-bottom: 8px;
	}
	div#column2 div.padding ul.nieuws {
		margin-left: 37px;
	}
	div#column2 div.padding ul.nieuws li{
		list-style-type: square;
		padding-bottom: 8px;	
		font-size: 0.8em;
	}
	div#column2 div.padding ul {
		padding-top: 4px;
		padding-bottom: 4px;
		margin-left: 27px;
	}

	div#column2 div.padding div#blok2 div.left ul {	
		margin-left: 33px;
	}
	div#column2 div.padding div #blok2 div.left p {	
		margin-left: 17px;
	}

	div#column2 div.padding a { color: #ff0000 }
	div#column2 div.padding a:hover { color: #000000; text-decoration: underline; }

	span.leesverder {
		color: #000000;
		background-image: url(/GWB/design/arrow-black-right.gif);
		background-repeat: no-repeat;
		background-position: 0px 3px;
		padding-left: 13px;
	}
	span.leesverder a{
		color: #000000;
	}
	span.leesverder a:hover{
		color: #000000;
		text-decoration: underline;
	}
/*-- EINDE CUSTOM HTML | CSS --*/
	
		h1 { font-size: 1.1em; color: #FF0000; padding-bottom:10px; padding-left: 10px; }
		h1.home { font-size: 1.2em; color: #FF0000; padding-bottom:15px; padding-top: 30px; padding-left: 20px; }

		h2 { font-size: 0.9em; color: #000000; padding-left: 10px; padding-bottom:10px;}
		h2.nieuws { font-size: 1.1em; color: #000000; padding-bottom:15px; padding-left: 20px;}
		div#column2.home div#blok1 h2.nieuws { font-size: 1.1em; color: #000000; padding-top:10px; padding-bottom: 5px;}
		h2.home { font-size: 1.1em; color: #000000; padding-left: 20px;}
		div#column2.home div#blok1 h2.zwart { font-size: 0.9em; color: #000000; padding-top:10px}

		h3 { font-size: 0.8em; color: #FF0000; padding-left: 0px; }
		div#column2.home div#blok2 h3.home { font-size: 0.9em; color: #000000; padding-top:10px; padding-bottom: 5px;}
		h3.zwart { font-size: 0.8em; color: #000000; padding-left: 20px; }
		div#column2.home div#blok1 h3.zwart { font-size: 0.8em; color: #000000; padding: 0px; }
		div#blok1 h3 { color: #000; padding: 8px 0px 3px 20px; }
		div#column2 div.padding h3 { padding: 10px 10px 0px 20px; line-height: 1.65em; color: #000; }
		div#column2 div.padding #blok2 h3 { padding: 0px 0px 0px 15px; line-height: 1.65em; color: #000; }
		div#column4 h3 { color: #FF0000; }

		h4 { font-size: 0.7em; padding-left: 10px; }
		h5 { font-size: 0.65em; padding-left: 10px; }
		h6 { font-size: 0.6em; }
		p, td, li, th {
			font-size: 0.7em;
		}
		li ul li, table li, td td, th th, td th {
				font-size: 1em;
			}
			
		div.content ul {
			margin-left: 18px;
			list-style: square;
		}
		div.padding a {
			color: #FF0000;
		}
		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 {
			font-size: 1em;
		}

/* Banners in column4 */

div#column4 p img { }
div#column4 img.banner1 { }
div.columnbanners { }

div.columnbottom {
	height: 82px;
	text-align: right;
}
body#content div.columnbottom {
	height: 82px;
	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 0px 20px 12px;
	}
	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 0px 0px 5px;*/
		margin-top:40px;
	}
	
	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: #FF0000; padding-top: 7px; font-size: 1.1em; }
div.footer p { padding-left: 4px; color: #ffffff; }
div.footer p a { color: #ffffff; }
div.footer p a:hover { color: #ffffff; 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;
		font-size: 1em;
	}
	.newsimage {
		position: relative;
		padding: 0px 10px 10px 5px;
		float: right;
	}
/* End generieke aanpassingen voor modules */
