* { margin: 0px;	padding: 0px; outline-style: none; }

html { height: 100%; }

body {
	width: 100%;
	height: 100%;
	background: url(pics/back_body.gif) top left repeat-x #fff;
}

#site {
	position: relative;
	margin: 0px auto 0px auto;
	width: 995px; /* added 2px for border */
	min-height: 100%;
	height: auto !important;
	height: 100%;
	font: 12px arial, verdana, sans-serif; 
	line-height: 16px;
	color: #434343;
	background: url(pics/back_site.gif) top left repeat-y;
/*	border-right: 1px solid #fff;
	border-left: 1px solid #fff;*/
}

#print_header {
	width: 550px;
	height: 95px;
	float: left;
	text-indent: -9999px;
	display: none;
}

#header_back {
	width: 993px;
	height: 170px;
	background: url(pics/back_header.gif) top left repeat-x;
	border-top: 1px solid #fff;
}

#header {
	width: 993px;
	height: 170px;
	float: left;
	background: url(pics/ronding_rechts.gif) top right no-repeat;
}

#header img { border: 0px solid #fff; }

#header .left {
	width: 23px;
	height: 170px;
	float: left;
	background: url(pics/ronding_links.gif) top left no-repeat;
}

#header .foto {
	width: 204px; /* added 4px for border */
	height: 170px;
	float: left;
/*	border-right: 2px solid #fff;
	border-left: 2px solid #fff;*/
}

#header .link_logos {
	padding-left: 10px;
	width: 431px;
	height: 69px;
	float: left;	
}

#header .link_logos img {
	margin: 0px;
	padding: 0px;
	float: left;	
	border: 0px;
}

#header .openline_logo {
	width: 325px;
	height: 69px;
	float: right;
}

#header .nieuws {
	padding: 10px 10px 0px 10px;
	width: 575px;/* added 1px for border */
	height: 91px;
	float: left;
	display: inline;
	font: 11px arial, verdana, sans-serif; 
	font-weight: normal;
	line-height: 14px;
	color: #004942;
	/*border-left: 1px solid #fff;*/
}

#header .nieuws a:link, #header .nieuws a:visited {
	font: 11px arial, verdana, sans-serif; 
	font-weight: normal;
	text-decoration: none;
	line-height: 14px;
	color: #004942;
}

#header .nieuws a:hover {
	color: #fff;
}


#header .adres {
	padding: 10px 10px 0px 10px;
	width: 151px;/* added 1px for border */
	height: 91px;
	float: right;
	display: inline;
	font: 11px arial, verdana, sans-serif; 
	font-weight: bold;
	line-height: 14px;
	color: #004942;
	/*border-left: 1px solid #fff;*/
}

#header .adres a:link, #header .adres a:visited {
	font: 11px arial, verdana, sans-serif; 
	font-weight: bold;
	text-decoration: none;
	line-height: 14px;
	color: #004942;
}

#header .datum {
	padding: 0px 5px 0px 10px;
	width: 155px;
	height: 30px;
	float: right;
	display: inline;
	font: 11px arial, verdana, sans-serif; 
	font-weight: normal;
	line-height: 20px;
	color: #fff;
	border-left: 1px solid #fff;
}

/* ------------------------------------------------------------------------- Navigation */

#navigation {
	width: 225px;
	float: left;
	background: url(pics/back_content.gif) top left repeat-x;
}

#navigation ul {
	float: left;
	list-style-type: none;
	border-top: 1px solid #fff;
}

#navigation li {
	width: 225px;
	float: left;
	font: 12px arial, verdana, sans-serif; 
	font-weight: bold;
	line-height: 21px;
	color: #fff;
	border-top: 1px solid #fff;
	border-right: 0px solid #fff;
	border-bottom: 1px solid #fff;
	border-left: 0px solid #fff;
	background: url(pics/blokjewit.gif) top left repeat-y;
}

#navigation li.item1 { background: url(pics/blokjeschaduw.gif) top left no-repeat; }

#navigation a:link, #navigation a:visited {
	padding-left: 40px;
	width: 185px;
	float: left;
	display: block;
	font: 12px arial, verdana, sans-serif; 
	font-weight: bold;
	text-decoration: none;
	line-height: 21px;
	color: #fff;
}

#navigation li.item1 { background-color: #b7b9bb; }
#navigation li.item1 a:hover, #navigation #item1.current a:link, #navigation li.item1.current a:visited  { background: url(pics/blokje4.gif) top left no-repeat; }

#navigation li.item2 { background-color: #B8CB30; }
#navigation li.item2 a:hover, #navigation #item2.current a:link, #navigation li.item2.current a:visited { background: url(pics/blokje5.gif) top left no-repeat; }

#navigation li.item3 { background-color: #004942; }
#navigation li.item3 a:hover, #navigation #item3.current a:link, #navigation li.item3.current a:visited  { background: url(pics/blokje3.gif) top left no-repeat; }

#navigation li.item4 { background-color: #7f7f83; }
#navigation li.item4 a:hover, #navigation #item4.current a:link, #navigation li.item4.current a:visited  { background: url(pics/blokje2.gif) top left no-repeat; }

#navigation li.item5 { background-color: #9dad29; }
#navigation li.item5 a:hover, #navigation #item5.current a:link, #navigation li.item5.current a:visited  { background: url(pics/blokje6.gif) top left no-repeat; }

#navigation ul.subnav {
	margin-top: 0px;
	padding: 5px 0px;
	width: 225px;
	float: left;
	background-color: #fff;
}

#navigation ul.subnav li {
	margin-left: 40px;
	width: 185px;
	float: left;
	display: inline;
	font: 11px arial, verdana, sans-serif; 
	font-weight: bold;
	line-height: 20px;
	color: #004942;
	border-top: 0px solid #cfdf49;
	border-bottom: 1px solid #cfdf49;
}

#navigation ul.subnav li a:link, #navigation ul.subnav li a:visited  {
	padding-left: 14px;
	width: 171px;
	float: left;
	display: block;
	font: 11px arial, verdana, sans-serif; 
	font-weight: bold;
	text-decoration: none;
	line-height: 20px;
	color: #004942;
	background: url(pics/blokjesub.gif) 3px center no-repeat #fff;
}

#navigation li.item1 ul.subnav li a:link, #navigation li.item1 ul.subnav li a:visited,
#navigation li.item2 ul.subnav li a:link, #navigation li.item2 ul.subnav li a:visited,
#navigation li.item3 ul.subnav li a:link, #navigation li.item3 ul.subnav li a:visited,
#navigation li.item4 ul.subnav li a:link, #navigation li.item4 ul.subnav li a:visited,
#navigation li.item5 ul.subnav li a:link, #navigation li.item5 ul.subnav li a:visited
{	background: url(pics/blokjesub.gif) 3px center no-repeat #fff; }

#navigation li.item1 ul.subnav li a:hover, #navigation li.item1 ul.subnav li.current,
#navigation li.item2 ul.subnav li a:hover, #navigation li.item2 ul.subnav li.current,
#navigation li.item3 ul.subnav li a:hover, #navigation li.item3 ul.subnav li.current,
#navigation li.item4 ul.subnav li a:hover, #navigation li.item4 ul.subnav li.current,
#navigation li.item5 ul.subnav li a:hover, #navigation li.item5 ul.subnav li.current
{	background: url(pics/blokjesub.gif) 3px center no-repeat #f2f6f5; }

/* ------------------------------------------------------------------------- Content */

#content {
	position: relative;
	margin-top: 2px;
	padding: 20px 20px 10px 20px;
	width: 726px;
	height: 260px;
	float: right;
	display: inline;
	background: url(pics/back_content.gif) top left repeat-x;
	overflow-y: auto;
	overflow-x: hidden;	
}

#map {
	margin-left: 9px;
	width: 679px;
	height: 300px;
	overflow: hidden;
}

.blok {
	clear: both;
}

#blokken {
	width: 725px;
}

#shadow, .shadow{
	position: relative;
	z-index: 2;
	margin-bottom: 15px;
	padding-right: 9px;
	padding-bottom: 6px;
	width: auto;
	height: auto;
	float: left;
	display: inline;
	border: 0px solid #000;
	background: url(pics/shadow.gif) bottom right no-repeat;
}

#shadow_right, .shadow_right{
	position: relative;
	z-index: 2;
	margin-bottom: 15px;
	padding-right: 9px;
	padding-bottom: 6px;
	width: auto;
	height: auto;
	float: right;
	display: inline;
	border: 0px solid #000;
	background: url(pics/shadow.gif) bottom right no-repeat;
}

#lshadow, .lshadow{
	float: left;
	position: absolute;
	bottom: 0px !important;
	bottom: -1px;
	left: 0px;
	width: 5px;
	height: 6px;
	background-image: url(pics/shadow_lb.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	border: 0px solid #000;
	z-index: 1;
}

#rshadow, .rshadow{
	float: left;
	position: absolute;
	top: 0px;
	right: 0px;
	width: 8px;
	min-width: 9px;
	height: 11px;
	background-image: url(pics/shadow_rt.gif);
	background-position:  left top;
	background-repeat: no-repeat;
	border: 0px solid #000;
}

#content .text_large {
	padding: 9px 9px 9px 9px;
	width: 698px;
	font: 12px arial, verdana, sans-serif; 
	line-height: 16px;
	color: #434343;
	border: 1px solid #7F7F83;
}

#content .text_medium {
	padding: 9px 9px 9px 9px;
	width: 458px;
	font: 12px arial, verdana, sans-serif; 
	line-height: 16px;
	color: #434343;
	border: 1px solid #7F7F83;
}

#content .text_medium_big {
  padding: 9px 9px 9px 9px;
  width: 328px;
  font: 12px arial, verdana, sans-serif; 
  line-height: 16px;
  color: #434343;
  border: 1px solid #7F7F83;
  float: left;
}

#content .text_half {
	padding: 9px 9px 9px 9px;
	width: 329px;
	font: 12px arial, verdana, sans-serif; 
	line-height: 16px;
	color: #434343;
	border: 1px solid #7F7F83;
}

#content .text_small {
	padding: 9px 9px 9px 9px;
	width: 200px;
	font: 12px arial, verdana, sans-serif; 
	line-height: 16px;
	color: #434343;
	border: 1px solid #7F7F83;
}

.spacing {
	width: 12px;
	height: 12px;
	float: right;
}

#content a img, #content img {
	margin: 0px 9px 9px 0px;
	float: left;
	display: inline;
	border: 0px solid #fff;
}

#content a img.foto1, #content img.foto1, #content a img.foto3, #content img.foto3 {
	margin: 0px 0px 9px 9px;
	float: right;
	clear: right;
	border: 0px solid #fff;
}

#content a img.foto2, #content img.foto2 {
	margin: 0px 9px 9px 0px;
	float: left;
	clear: left;
	border: 0px solid #fff;
}

#content .text {
	padding: 0px 9px 9px 0px;
	font: 12px arial, verdana, sans-serif; 
	line-height: 16px;
	color: #434343;
	background-color: #f2f6f5;
}

#content .producten {
	width: 509px;
	padding: 0px 0px 9px 0px;
	font: 12px arial, verdana, sans-serif; 
	line-height: 16px;
	color: #434343;
}

h1, td h1 {font: 20px arial, verdana, sans-serif; font-weight: bold; margin-bottom: 5px;}
h2, td h2 {font: 18px arial, verdana, sans-serif; font-weight: bold; margin-bottom: 5px;}
h3, td h3 {font: 16px arial, verdana, sans-serif; font-weight: bold; margin-bottom: 5px;}
h4, td h4 {font: 14px arial, verdana, sans-serif; font-weight: bold; margin-bottom: 5px;}
h5, td h5 {font: 13px arial, verdana, sans-serif; font-weight: bold; margin-bottom: 5px;}
h6, td h6 {font: 12px arial, verdana, sans-serif; font-weight: bold; margin-bottom: 5px;}

#content a:link, #content a:visited {text-decoration: none; color: #434343; border-bottom: 1px solid #434343;}
#content a:hover { color: #bcbcbc;}

td {
	font: 12px arial, verdana, sans-serif; 
	line-height: 16px;
	color: #434343;
}

p { margin-bottom: 9px;}

.text_large ul { margin: 10px 0px 10px 15px;}

.text_large li { margin: 5px 0px 5px 0px;}

.text_large ol { margin: 10px 0px 10px 22px;}

.text_large img { margin: 0px 0px 5px 0px;}

.text_large a:link, .text_large a:visited {
	color: #434343;
}

.text_large a:hover {
	color: #838383;
}

/*------------------------- Formulier ------------------------*/

#formulier {
	margin: 5px;
	width: 600px;
	font: 12px Arial, verdana, sans-serif;
	color: #434343;
}

#formulier .omschrijving {
	margin-top: 5px;
	width: 200px;
	height: 20px;
	float: left;
	display: inline;
}

#formulier .invul {
	margin: 2px;
	width: 300px;
	float: left;
	display: inline;
}

#formulier .invul input.large {
	padding: 2px;
	width: 250px;
	height: 15px;
	float: left;
	font: 12px Arial, verdana, sans-serif;
	color: #434343;
	line-height: 15px;
	border: 1px solid #7f7f83;
}

#formulier .invul input.medium {
	padding: 2px;
	width: 169px;
	height: 15px;
	float: left;
	font: 12px Arial, verdana, sans-serif;
	color: #434343;
	line-height: 15px;
	border: 1px solid #7f7f83;
}

#formulier .invul input.small {
	margin-right: 5px;
	padding: 2px;
	width: 70px;
	height: 15px;
	float: left;
	font: 12px Arial, verdana, sans-serif;
	color: #434343;
	line-height: 15px;
	border: 1px solid #7f7f83;
}

#formulier .invul select {
	padding: 2px;
	width: 206px;
	font: 12px Arial, verdana, sans-serif;
	color: #434343;
	line-height: 15px;
	border: 1px solid #7f7f83;
}

#formulier .invul textarea {
	padding: 2px;
	width: 250px;
	height: 100px;
	font: 12px Arial, verdana, sans-serif;
	color: #434343;
	line-height: 15px;
	border: 1px solid #7f7f83;
}

#formulier .invul input.button {
	font: 12px Arial, verdana, sans-serif;
	color: #fff;
	line-height: 15px;
	border: 1px solid #7f7f83;
	background-color: #7f7f83;
}

/* ------------------------------------------------------------------------- footer */

#print_footer {
	width: 650px;
	height: 95px;
	float: left;
	text-indent: -9999px;
	display: none;
}

#footer {
	position: relative;
	margin-top: -20px;
	width: 100%;
	height: 20px;
	font: 11px arial, verdana, sans-serif; 
	text-align: right;
	line-height: 20px;
	color: #fff;
	background-color: #004942;
}

#footer .text {
	margin: 0px auto 0px auto;
	padding-right: 15px;
	width: 978px;	
	height: 20px;
	text-align: right;
}

#footer a:link, #footer a:visited {
	font: 11px arial, verdana, sans-serif; 
	text-align: right;
	text-decoration: none;
	line-height: 20px;
	color: #fff;
	white-space: nowrap;
}

#footer a:hover {
	color: #aaa;
}

.clear { clear: both;	height: 0px; font: 0px sans-serif; line-height: 0px; }