@charset "utf-8";

/* ######################################### Algemeen */
body {
	margin				: 0px;
	padding				: 0px;
	background-color	: #D6D6D6;
	background-image	: url(../images/bg-body.png);
	text-align			: center;
	font-family			: Verdana, Arial, Helvetica, sans-serif;
	font-size			: 12px;
}
div {
	text-align			: left;
}
h1 {
	font-size			: 18px;
	color				: #E01611;
}
h2 {
	font-size			: 11px;
	font-style			: italic;
	margin-top			: 4px;
	font-weight			: normal;
}
h3 {
	color				: #E01611;
	font-size			: 14px;
	margin				: 0px;
}
p {
	font-size			: 12px;
}
a {
	color				: #E01611;
}
a:hover {
	color				: black;
}
.nietzichtbaar {
	display				: none;
}

/* ######################################### Holder */
div#container {
	width				: 900px;
	border-left			: 1px solid #CCC;
	border-right		: 1px solid #CCC;
	margin-left			: auto;
	margin-right		: auto;
}
/* ######################################### Visual */
div#visual {
	width				: 100%;
	height				: 190px;
	background-image	: url(../images/bg-flash.png);
	background-repeat	: no-repeat;
}
/* ######################################### Taalkeuze */
div#taalkeuze {
	width				: 100%;
	height				: 24px;
	text-align			: right;
	background-color	: #ED1712;
	background-image	: url(../images/bg-bar.png);
	background-repeat	: repeat-x;
	font-size			: 11px;
}
div#taalkeuze ul {
	list-style-type		: none;
	margin				: 0px;
	padding				: 0px;
	padding-top			: 5px;
	width				: 210px;
	float				: right;
}
div#taalkeuze li {
	float				: left;
	padding-left		: 10px;
	margin-left			: 10px;
}
div#taalkeuze img {
	vertical-align		: text-bottom;
	margin-right		: 4px;
}
div#taalkeuze a {
	color				: white;
	text-decoration		: none;
}
div#taalkeuze a:hover {
	text-decoration		: underline;
	color				: black;
}

/* ######################################### Middle */
div#middle {
	width				: 100%;
	background-color	: white;
	overflow			: hidden;
	border-top			: 10px solid white;
	border-bottom		: 10px solid white;
}

/* ######################################### Navigatie */
div#left {
	width				: 200px;
	float				: left;
}
ul#navigatie {
	list-style-type		: none;
	padding				: 0px;
	margin				: 0px;
	margin-top			: 10px;
	margin-left			: 20px;
	line-height			: 30px;
	width				: 146px;
	font-size			: 15px;
	font-weight			: bold;
}
ul#navigatie li {
	background-image	: url(../images/bg-navigatie.png);
	background-repeat	: repeat-y;
	height				: 33px;
	margin-bottom		: 5px;
}
ul#navigatie a {
	color				: white;
	text-decoration		: none;
	display				: block;
	height				: 33px;
	padding-left		: 16px;
}
ul#navigatie a:hover {
	text-decoration		: underline;
	color				: black;
}
ul#navigatie a.menu-selected {
	color				: black;
}
/* ######################################### Snel contact */

ul#snel-contact {
	list-style-type		: none;
	padding				: 0px;
	margin				: 0px;
	margin-top			: 10px;
	margin-left			: 20px;
	font-size			: 11px;
}
ul#snel-contact li {
	clear				: both;
	margin-bottom		: 4px;
}
ul#snel-contact img {
	float				: left;
	margin-right		: 5px;
}
ul#snel-contact strong {
	display				: block;
}
ul#snel-contact li#fax {
	margin-left			: 54px;

}

/* ######################################### Content */
div.block {
	width				: 240px;
	height				: 180px;
	background-image	: url(../images/bg-block.png);
	background-repeat	: no-repeat;
	background-position	: right top;
	float				: right;
	clear				: right;
	margin-bottom		: 15px;
	margin-left			: 10px;
	margin-top			: 5px;
}
div.block img {
	margin-top			: 10px;
	margin-bottom		: 10px;
}
div.block h2 {
	font-size			: 15px;
	color				: #E01611;
	font-style			: normal;
	margin-top			: 0px;
	font-weight			: bold;
}
div#content {
	width				: 630px;
	float				: right;
	padding				: 15px;
	padding-left		: 20px;
	padding-right		: 20px;	
	border-left			: 1px solid #999999;
}
div#content h1 {
	margin				: 0px;
}
div#content ul {
	padding				: 0px;
	margin				: 0px;
	margin-left			: 18px;
	margin-top			: 4px;
}
div.left {
	float				: left;
	width				: 50%;
	margin-top			: 22px;
	clear				: left;
}
div.right {
	float				: right;
	clear				: right;
	width				: 50%;
	margin-top			: 0px;
}
strong#letop {
	margin-top			: 12px;
	margin-bottom		: 8px;
	display				: block;
	clear				: both;
	font-size			: 14px;
}

div#content div.right ul {
	margin-bottom		: 20px;
}

/* ######################################### Contact */
ul.contact {
	list-style-type		: none;
	padding				: 0px;
	margin				: 0px;
}
ul.contact li {
	margin-bottom		: 10px;
	margin-top			: 10px;
	margin-left			: -17px;
	clear				: both;
}
ul.contact li strong {
	display				: block;
	float				: left;
	width				: 100px;
	margin				: 0px;
}
ul.contact div#adres {
	width				: 200px;
	float				: left;
}
/* ######################################### Formulier */
form#formContact {
	background-color	: #F8F8F8;
	height				: 260px;
}
form#formContact h4 {
	background-color	: #ED1712;
	background-image	: url(../images/bg-bar.png);
	background-repeat	: repeat-x;
	height				: 24px;
	line-height			: 22px;
	color				: #FFFFFF;
	margin				: 0px;
	margin-bottom		: 10px;
	padding-left		: 10px;
	font-size			: 14px;
}
form#formContact label {
	width				: 80px;
	display				: block;
	float				: left;
	line-height			: 26px;
	font-weight			: bold;
	padding-left		: 10px;
	margin-right		: 5px;
}
form#formContact div {
	clear				: both;
}
form#formContact input.veld {
	width				: 180px;
	height				: 18px;
	border				: 1px solid #999999;
}
p.comment {
	font-size			: 10px;
	font-style			: italic;
	clear				: left;
	float				: left;
	line-height			: 28px;
	margin-left			: 10px;
}
form#formContact input#btnVerstuur {
	float				: right;
	margin-right		: 10px;
	margin-top			: -28px;
}
/* ######################################### Footer */
div#footer {
	width				: 100%;
	height				: 24px;
	background-image	: url(../images/bg-bar-rounded.png);
	background-repeat	: no-repeat;
}