@charset "ISO-8859-1";
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #2f3031;
	background-image: url(../images/site_background.jpg);
	background-repeat: repeat-x;
	background-color: #fff;
	margin: 0;
	padding: 0;
}

#container {
	margin: 0 auto;
	width: 960px;
}

#header {
	float: left;
	width: 960px;
	height: 150px;
	background-image: url(../images/header_background.jpg);
	background-repeat: no-repeat;
}

#header #logo_groeilanden {
	float: left;
	width: 320px;
	height: 50px;
	margin-top: 50px;
	background-image: url(../images/logo_groeilanden.jpg);
	background-repeat: no-repeat;
}

#header #logo_groeilanden h1 {
	display: none;
}

#sidebar {
	float: left;
	width: 280px; /*320*/
	background-image: url(../images/sidebar_background.jpg);
	background-repeat: no-repeat;
	padding-right: 20px;
	padding-left: 20px;
	text-align: right;
	margin-right: 30px;
}

#sidebar span {
	display: none;
}

#sidebar p {
	margin: 0;
	padding: 0;
	margin-bottom: 20px;
	line-height: 1.5em;
	padding: 0 10px 0px 10px;
}

.small {
	font-size: 11px;
	color: #9c9c9c;
}

.last {
	margin-bottom: 30px;
}

#sidebar a { color: #2f3031; text-decoration: none; }
#sidebar a:hover { color: #ed145b; text-decoration: underline; }

#sidebar .small a { color: #9c9c9c; text-decoration: underline; }
#sidebar .small a:hover { color: #2f3031; text-decoration: underline; }

#sidebar #abonneren {
	float: right;
	width: 280px;
	height: 30px;
	background-image: url(../images/sidebar_abonneren.jpg);
	background-repeat: no-repeat;
	background-position: top right;
}

#sidebar #meerinformatie {
	float: right;
	width: 280px;
	height: 30px;
	background-image: url(../images/sidebar_meerinformatie.jpg);
	background-repeat: no-repeat;
	background-position: top right;
}

#sidebar #abonnees {
	float: right;
	width: 280px;
	height: 30px;
	background-image: url(../images/sidebar_abonnees.jpg);
	background-repeat: no-repeat;
	background-position: top right;
}

a { color: #2f3031; text-decoration: underline; }
a:hover { color: #ed145b; text-decoration: underline; }


#content {
	float: left;
	width: 540px;
	margin-top: 20px;
}

#content p {
	margin: 0;
	padding: 0;
	margin-bottom: 20px;
	line-height: 1.5em;
}

#content h1 {
	margin: 0;
	padding: 0;
	margin-bottom: 30px;
}

#content h2 {
	margin: 0;
	padding: 0;
	margin-bottom: 30px;
}

#content .button {
	float: left;
	width: 380px; /*380*/
	height: 100px; /*110*/
	background-image: url(../images/button_meerinformatie.jpg);
	background-repeat: no-repeat;
	text-transform: uppercase;
	padding-top: 10px;
	font-size: 26px;
	margin-left: -55px;
	text-align: center;
}

#content .button a { color: #fff; text-decoration: underline; }
#content .button a:hover { color: #1f4085; text-decoration: underline; }

#footer {
	float: left;
	width: 960px;
	color: #9c9c9c;
	padding-top: 20px;
	padding-bottom: 40px;
	background-image: url(../images/footer_bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}

#footer #copyright {
	float: left;
	width: 700px;
}

#footer #realisatie {
	float: left;
	width: 260px;
	text-align: right;
}

#footer a { color: #9c9c9c; text-decoration: underline; }
#footer a:hover { color: #2f3031; text-decoration: underline; }

.input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #2f3031;
	padding: 3px;
	border: 1px solid #9c9c9c;
}

.output {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
	padding: 5px;
	background-color: #ed145b;
	border: 0;
	text-transform: uppercase;
	font-weight: bold;
}