/* BASIS ELEMENTEN */
body {
	font                : 0.75em Arial, Helvetica, sans-serif;
	padding             : 0;
	margin              : 0;
	color               : #666;
	background-color    : #F8F8F8;
}

html, body {
	height              : 100%;
}

.clear {
	clear               : both;
	line-height         : 0.1px;
	height              : 0.1px;
}

a:link, a:visited, a:active {
	color               : #333;
	text-decoration     : none;
}

a:hover {
	color               : #000;
	text-decoration     : underline;
}

img {
	border              : 0;
	margin              : 0;
	padding             : 0;
}

h1 {
	font                : bold 1.55em/1em Arial, Helvetica, sans-serif;
	color               : #333;
	padding             : 0;
	margin              : 0;
}

h2 {
	font                : normal 1.1em/1em Arial, Helvetica, sans-serif;
	color               : #000;
	padding             : 0;
	margin              : 0;
}

h3 {
	font                : bold 1em/1em Arial, Helvetica, sans-serif;
	background          : url(../img/navright_bg.gif) top left repeat;
	color               : #fff;
	padding             : 6px 0 5px 9px;
	margin              : 0;
	border-bottom       : 1px solid #ccc;
}

h4 {
	font                : bold 1em/1em Arial, Helvetica, sans-serif;
	background          : url(../img/h4_bg.gif) top left repeat;
	color               : #000;
	font-weight         : bold;
	padding             : 4px 0 4px 7px;
	margin              : 0;
	border-bottom       : 1px solid #fff;
}

h5 {
	font                : bold 1.25em/1em Arial, Helvetica, sans-serif;
	color               : #000;
	padding             : 0;
	margin              : 0;
}

h6 {
	font                : bold 1.1em/1em Arial, Helvetica, sans-serif;
	color               : #666;
	padding             : 0;
	margin              : 0;
}

/* Achtergronden */
.body_bg {
	background          : url(../img/body_bg.gif) top left repeat-x;
	background-color    : #F8F8F8;
}

.navhome_bg {
	background          : url(../img/navhome_bg.gif) top left repeat-y;
	width               : 100%;
	min-height          : 100%;
}

.footer_bg {
	background          : url(../img/footer_bg.gif) bottom left no-repeat;
	/*position            : absolute;
	bottom              : 0;
	left                : 0;*/
	width               : 100%;
	z-index             : 100;
	padding-bottom      : 10px;
}

/* * html .footer_bg {
	bottom              : -1px;
	padding-bottom      : 0;
}*/

.overons_bg {
	background          : url(../img/wir_ueber_uns_teaser.jpg) top center no-repeat;
	height              : 80px;
}

/* GESPECIFIEERDE ELEMENTEN */
#wrapper {
	min-height          : 100%;
	position            : relative;
	z-index             : 100;
	background          : url(../img/wrapper_bg.gif) top left repeat-y;
}

* html #wrapper {
	height              : 100%;
}

#wrapper2 {
	min-height          : 100%;
	position            : relative;
	z-index             : 100;
	background          : url(../img/wrapper2_bg.gif) top left repeat-y;
}

* html #wrapper2 {
	height              : 100%;
}

#main {
	height              : 100%;
	margin-bottom       : 2em;
	float               : left;
	width               : 988px;
	background          : url(../img/main_bg.gif) top left no-repeat;
}

#top {
	margin-left         : 206px;
	margin-top          : 26px;
	position            : relative;
	margin-bottom       : 17px;
}

#logo {
	float               : left;
	margin-left         : 15px;
	margin-top          : 11px;
}

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

.adres {
	background          : url(../img/left_bg.gif) top left no-repeat;
	text-align          : right;
	padding             : 250px 5px 60px 0px;
	font-size           : 0.9em;
	color               : #000;
}

#middle {
	float               : left;
	width               : 600px;
}

#middle p {
	text-align          : center;
}

#right {
	float               : left;
	width               : 185px;
}

#footer {
	margin              : 10px 0 10px 15px;
	font-size           : 0.9em;
	color               : #000;
	width               : 958px;
    overflow            : hidden;
    zoom: 1;
}

#footer a, #footer a:link, #footer a:active, #footer a:visited, #footer a:hover {
	color               : #369;
}

#footer img {
	margin-left         : 290px;
}

.content {
	margin              : 27px 0 17px 10px;
	width               : 560px;
	float               : left;
}

.navcontainer {
	width               : 590px;
	height              : 118px;
}

.navcontainer ul {
	list-style-type     : none;
	margin              : 0;
	padding             : 0;
}

.navcontainer ul li {
	display             : inline;
}

.navcontainer ul li a, .navcontainer ul li a:link, .navcontainer ul li a:visited, .navcontainer ul li a:active, .navcontainer ul li a:hover {
	font-weight         : bold;
	color               : #000;
	text-decoration     : none;
	font-size           : 1.1em;
}

/* dropdown menu */
.dropdownmenu {
	visibility          : hidden;
	position            : absolute;
	left                : 0;
	top                 : 0;
	z-index             : 99;
}

.dropdownmenu ul {
	list-style-type     : none;
	padding             : 0 0 0 5px;
	margin              : 0;
	border-left         : 1px solid #ccc;
}

.dropdownmenu ul li {
	display             : inline;
	color               : #ccc;
}

.dropdownmenu ul li a, .dropdownmenu ul li a:link, .dropdownmenu ul li a:active, .dropdownmenu ul li a:visited {
	color               : #000;
	text-decoration     : none;
}

.dropdownmenu ul li a:hover {
	color               : #000;
	text-decoration     : underline;
}

.submenu ul li a, .submenu ul li a:link, .submenu ul li a:visited, .submenu ul li a:active, .submenu ul li a:hover {
	font-weight         : normal;
}

.navright {
	width               : 178px;
	border              : 1px solid #ccc;
	font-size           : 0.9em;
	margin              : 5px 0 10px 4px;
	background-color    : #fff;
	float               : left;
}

.navright ul {
	list-style-type     : none;
	margin              : 2px 0 10px 0;
	padding             : 0;
}

.navright ul li {
	background          : url(../img/bullet.gif) top left no-repeat;
	margin              : 4px 0 4px 6px;
	padding             : 0 3px 0 11px;
}

.navright ul li a, .navright ul li a:active, .navright ul li a:link, .navright ul li a:visited, .navright ul li a:hover {
	color               : #369;
}

.navright ul li.pink a, .navright ul li.pink a:active, .navright ul li.pink a:link, .navright ul li.pink a:visited, .navright ul li.pink a:hover {
	color               : #c06;
}

.pink_text, a.pink_text {
	color               : #da027f;
}

.link_blauw, a.link_blauw {
	color               : #369;
}

.navhome {
	float               : left;
	width               : 198px;
	border-top          : 1px solid #fff;
	border-left         : 1px solid #fff;
	border-right        : 1px solid #fff;
}

.navhome ul {
	list-style-type     : none;
	margin              : 4px 0 3px 0;
	padding             : 0;
}

.navhome ul li {
	background          : url(../img/bullet_navhome.gif) top left no-repeat;
	margin              : 0 0 0 5px;
	padding             : 0 0 0 9px;
	line-height         : 1em;
}

.navhome ul li a, .navhome ul li a:link, .navhome ul li a:visited, .navhome ul li a:active, .navhome ul li a:hover {
	color               : #369;
	font-size           : 0.9em;
}

.navleft {
	width               : 196px;
}

.navleft ul {
	list-style-type     : none;
	margin              : 0;
	padding             : 0;
}

.navleft li {
	margin              : 0;
	width               : 196px;
	display             : block;
	overflow            : inherit;
	line-height         : 1.2em;
}

.navleft li a, .navleft li a:link, .navleft li a:visited, .navleft li a:active {
	display             : block;
	padding-left        : 22px;
	padding-top         : 5px;
	padding-bottom      : 5px;
	height              : 100%;
	text-decoration     : none;
	color               : #666;
}

.navleft li a:hover {
	background-color    : #fff;
	background          : url(../img/navleft_bg_.jpg) top left no-repeat;
}

.navleft li.sub a, .navleft li.sub a:link, .navleft li.sub a:active, .navleft li.sub a:visited {
	background-color    : #fff;
	background          : url(../img/navleft_bg.jpg) top left no-repeat;
	color               : #000;
}

.navleft li.sub a:hover {
	background-color    : #fff;
	background          : url(../img/navleft_bg_.jpg) top left no-repeat;
}

.navleft li.actief a, .navleft li.actief a:link, .navleft li.actief a:visited, .navleft li.actief a:active {
	background-color    : #fff;
	background          : url(../img/navleft_bg_a.jpg) top left no-repeat;
	color               : #000;
	font-weight         : bold;
}

.navleft li.actief a:hover {
	background-color    : #fff;
	background          : url(../img/navleft_bg_.jpg) top left no-repeat;
}

.navleft .normal {
	background-color    : #fff;
	background          : url(../img/navleft_hoofd_bg.jpg) top left no-repeat;
}

/**
 ** CONTENT BLOKJES
 **/
.content_blokje {
	float               : left;
	margin              : 30px 0 0 0;
	width               : 273px;
}

.content_blokje .thumb {
	width               : 75px;
	margin              : 0 5px 0 0;
	border              : 1px solid #cecece;
	float               : left;
}

/** laag 1 **/

/** laag 2 **/
.navleft .laag2 {
	padding-left        : 10px;
}

/* FORMULIEREN *//* FORMULIEREN *//* FORMULIEREN *//* FORMULIEREN */
.table_bg {
	background-color    : ;
}

.veld, .input {
	font                : 11px Arial, Helvetica, sans-serif;
	border              : 1px solid #aaa;
	background          : url(../img/form_bg.jpg) top left repeat-x;
}

.veldFout {
	font                : 11px Arial, Helvetica, sans-serif;
	border              : 1px solid #DA2489;
}

.foutMarkerOff {
	display             : none;
}

.foutMarkerOn {
	color               : #DA2489;
	display             : inline;
}

.button {
	border              : 1px solid #aaa;
	color               : #444;
	cursor              : pointer;
}

#melding, #melding_brochure {
	color               : #DA2489;
	display             : none;
	font-weight         : bold;
}

.contactformulier_titel, .form_titel {
	font-weight         : bold;
	color               : #333;
}

.border {
	margin              : 0;
	padding             : 0;
}

/* Rechterkolom */
#maincontent {
	clear				: both;
	overflow			: hidden;
	zoom				: 1;
}

#right {
	float				: right;	
	width				: 185px;
	padding				: 40px 3px 0 0;
	font-size			: 0.9em;
}

#right .blok {
	margin				: 0 0 20px 0;
	border				: 1px solid #CCC;
	background			: #FFF;
}

#right .blok h2 {
	padding				: 6px 0 5px 9px;
	line-height			: 1.4em;
	font-weight			: bold;
	color				: #FFF;
	background			: #DA027F;
}

#right .blok p {
	padding				: 0.4em;	
	margin				: 0;
}

#right .blok a {
	color				: #369;
	text-decoration		: underline;
}

#right .blok a:hover {
	color				: #69C;
}

