/* Algemeen */
html, body {
	padding: 0;
	margin: 0;
	background: #7a7a7a;
}
body.editor {
	background: none;
	background: #fff;
}
body, td {
	font: 12px/18px Arial, Helvetica, sans-serif;
	color: #333;
}
input, textarea {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333;
}
img {
	border: none;
}
p, h1, h2 {
	margin: 0;
}
p {
	margin: 0 0 18px 0;
}
h1 {
	font-size: 22px;
	font-weight: bold;
	color: #e61939;
	margin-bottom: 18px;
}
h2 {
	font-size: 12px;
	font-weight: bold;
	color: #e61939;
}
form  {
	padding: 0;
	margin: 0;
}
a:link, a:visited {
	text-decoration: underline;
	color: #e61939;
}
a:hover {
	color: #1b92ed;
	text-decoration: none;
}
ul {
	margin: 0 0 18px 0;
	padding: 0 15px;
}

/* Body */
div#wrapper {
	position: relative;
	width: 1011px;
}
div#body {
	height: auto;
	padding-bottom: 35px;
}
div#body div#left, div#body div#right  {
	float: left;
	background: #fff;
}
div#body div#left {
	width: 283px;
	background: #fff url(images/background_left.png) no-repeat;
	height: 570px;
	z-index: 2;
}
div#body div#right {
	background: #fff url(images/background_right.png) no-repeat;
	height: 515px;
	width: 664px;
	overflow: hidden;
	padding: 20px 30px 35px 30px;
	z-index: 2;
}
div#footer {
	position: absolute;
	bottom: 55px;
	right: 30px;
	width: 100%;
	height: 25px;
	padding-top: 10px;
	width: 674px;
	text-align: center;
	z-index: 4;
}
div.clear_float {
	clear: both;
}

/* Logo */
div#logo {
	position: absolute;
	left: 15px;
	top: 15px;
	width: 256px;
	height: 256px;
}

/* Hoofdnavigatie */
ul#navigation {
	position: absolute;
	top: 285px;
	left: 65px;
	text-align: right;
	width: 200px;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
ul#navigation li {}
ul#navigation li a:link, ul#navigation li a:visited {
	display: block;
	font-size: 26px;
	font-weight: bold;
	line-height: 28px;
	color: #333;
	text-decoration: none;
}
ul#navigation li a:hover, ul#navigation li a.active:link, ul#navigation li a.active:visited {
	color: #e61939;
}

/* Trace */
div#trace {
	margin-bottom: 18px;
	width: 580px;
	height: 18px;
	overflow: hidden;
}

/* Nieuwspagina */
div#news_page {}
div#news_page div.article {
	float: left;
	width: 210px;
	margin-right: 10px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #999;
}
div#news_page div.article div.image {
	border: 1px solid #666;
	float: left;
	margin-right: 5px;
}
div#news_page div.article div.image img{
	border: 1px solid #fff;
	height: 68px;
	width: 68px;
}
div#news_page div.article h2, div#news_page div.article p {
	margin: 0;
}
div#news_page div.article div.overflow {
	height: 72px;
	overflow: hidden;
}
div#news_page a:link, div#news_page a:visited, div#news_page a:hover {
	display: block;
}
div#news_page ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}
div#news_page ul li {
	float: left;
	width: 215px;
	margin-right: 10px;
	margin-bottom: 10px;
	height: 18px;
	overflow: hidden;
}
div#news_page div.mailer_ext {
	position: absolute;
	bottom: 100px;
	right: 55px;
}
div#news_message {}
div#news_message div.overflow {
	height: 256px;
	margin-top: 10px;
	overflow: hidden;
}
div#news_message div.image {
	border: 1px solid #666;
	float: left;
	margin-right: 5px;
}
div#news_message div.image img {
	border: 1px solid #fff;
	height: 68px;
	width: 68px
}
div#imageContainer {
	display: none;
	position: absolute;
	top: 92px;
	left: 313px;
	width: 660px;
	height: 426px;
	background: #fff;
	z-index: 5;
}
div#imageContainer div#imageContainerClose {
	position: absolute;
	top: 5px;
	right: 5px;
	z-index: 6;
	background: #fff;
	padding: 10px;
}
div#imageContainer div#imageContainerClose input {
	text-transform: capitalize;
	cursor: pointer;
}

/* Print */
div#print {
	position: absolute;
	top: 20px;
	right: 55px;
}
div#print a:link, div#print a:visited {
	color: #ccc;
	text-decoration: none;
}
div#print a:hover {
	color: #e61939;
}

/* Credits */
div#credits {
	position: absolute;
	bottom: 55px;
	left: 65px;
	width: 100%;
	height: 25px;
	padding-top: 10px;
	width: 190px;
	color: #ccc;
	text-align: left;
	z-index: 4;
}
div#credits a:link, div#credits a:visited {
	color: #ccc;
	text-decoration: none;
}
div#credits a:hover {
	color: #e61939;
}

/* Footer */
div#footer p {
	margin: 0;
	font-size: 15px;
}
div#footer p span.color {
	color: #e61939;
}
div#footer a:link, div#footer a:visited {
	color: #333;
	text-decoration: none;
}
div#footer a:hover {
	color: #e61939;
}

/* Google maps div */
div#google_maps_div {
	width: 300px;
}
/* Google maps */
.google_maps_container {
	height: 200px;
	border: 1px solid #fff;
}
div.gm_outer {
	border: 1px solid #999;
	width: 662px;
	height: 202px;
}
#google_maps_navigation {
	margin: 18px 0;
}
.google_maps_button {
	width: auto;
	text-transform: capitalize;
	cursor: pointer;
}
.google_maps_search {
	width: 200px;
	margin-right: 4px;
}
div.directions {
	height: 140px;
	overflow: auto;
}


/* Contactformulier */
div.mailer_ext {
	position: absolute;
	top: 132px;
	right: 55px;
	width: 310px;
}
div.mailer_ext div.message {
	cursor: pointer;
}
div.mailer_ext p {
	margin: 18px 0 4px 110px;
}
div.mailer_ext div.message h2 {
	margin: 0 0 18px 0;
}
div.mailer_ext div.message li {
	margin-top: -15px;
}
div.mailer_ext label {
	display: block;
	float: left;
	width: 110px;
}
div.mailer_ext input {
	width: 180px;
	margin-bottom: 3px;
}
div.mailer_ext textarea {
	width: 180px;
}
div.mailer_ext input.versturen {
	text-transform: capitalize;
	width: auto;
	cursor: pointer;
	margin-left: 110px;
}
/* Reageren ontactformulier */
div.mailer_ext_reageren {
	display: none;
	position: absolute;
	top: 88px;
	left:  313px;
	width: 625px;
	padding: 20px;
	height: 390px;
	background: #fff;
	filter: alpha(opacity=93);
	opacity: 0.93;
	-moz-opacity: 0.93;
	-khtml-opacity: 0.93;
}
div.mailer_ext_reageren p {
	margin: 18px 0 4px 110px;
}
div.mailer_ext_reageren div.message {
	cursor: pointer;
}
div.mailer_ext_reageren div.message h2 {
	margin: 0 0 18px 0;
}
div.mailer_ext_reageren div.message li {
	margin-top: -15px;
}
div.mailer_ext_reageren label {
	display: block;
	float: left;
	width: 110px;
}
div.mailer_ext_reageren input {
	width: 180px;
	margin-bottom: 3px;
}
div.mailer_ext_reageren textarea {
	width: 180px;
}
div.mailer_ext_reageren input.versturen {
	text-transform: capitalize;
	width: auto;
	margin-left: 110px;
	cursor: pointer;
}
div.mailer_ext_reageren input.sluiten {
	text-transform: capitalize;
	width: auto;
	cursor: pointer;
}


/* Mailer_ext_page */
body#mailer_ext_page_body {}
body#mailer_ext_page_body div#login {
	background: #fff;
	margin: 20px auto;
	padding: 20px 20px 30px 20px;
	background: #f7f4ed;
	width: 300px;
}

/* Main container */
div#mailer_ext_page {
	width: 80%;
	margin: 20px auto;
	padding: 15px 30px 5px 30px;
	border: 1px solid #aaa;
	background: #fff;
}

/* Navigatie */
div#mailer_ext_page div#structure {
	margin-bottom: 15px;
}
div#mailer_ext_page ul#structure {}
div#mailer_ext_page ul#structure li {}
div#mailer_ext_page div#structure a:link, div#mailer_ext_page div#structure a:visited {}
div#mailer_ext_page div#structure a:hover {}

/* De tabel */
div#mailer_ext_page table#records {
	width: 100%;
	border: none;
}
div#mailer_ext_page table#records, div#mailer_ext_page table#records td {
	font-size: 11px;
}
div#mailer_ext_page table#records th {
	text-align: left;
	background: #ebebeb;
	color: #333;
}
div#mailer_ext_page table#records tr.odd {
	background: #fff;
}
div#mailer_ext_page table#records tr.even {
	background: #fafafa;
}
div#mailer_ext_page table#records th, div#mailer_ext_page table#records td {
	padding: 2px 4px;
}
div#mailer_ext_page table#records td {
	padding: 5px 0;
	margin: 5px 0;
	border-bottom: 1px dotted #999;
}

/* CSV */
div#mailer_ext_page div#csv {
	float: right;
	margin-top: 15px;
}
div#mailer_ext_page img {
	vertical-align: top;
}