/*

colors used:
olive for text-color and backgroundcolor header
limegreen for the mouseover of the links and text-color h1-h6
white for the links in the footer

*/

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

html, body { height: 100%; background: url(pics/bg-body.jpg) top left repeat; }

a img, img a { text-decoration: none; border: none; }

#bg-shadow { min-height: 100%; height: auto !important; height: 100%; min-width: 990px; width: 100%; background: url(pics/bg-shadow-1020.png) center center repeat-y; }
 
/* modern browser fix (oa; Safari, Chrome) */
*>#site { border-left: 1px solid transparent; }

/* Firefox fix */
@-moz-document url-prefix() { #bg-shadow { background: url(pics/bg-shadow-1021.png) center center repeat-y; } }
@-moz-document url-prefix() { #site      { border: none; } } /* override modern browser fix */ 
 
#site {
	position: relative;
	margin: 0px auto;
	padding: 0px;
	width: 990px;
	min-height: 100%;
	height: 100% !important;
	font: 12px verdana, arial, sans-serif;
	line-height: 16px;
	color: #2c292a;
	overflow: hidden;
}


/* ------------------------------------------------------------------------- Header */

#print_header {
	display: none;
}

#header {
	position: relative;
	width: 990px;
	min-height: 210px;
	height: auto !important;
	height: 210px;
	background-color: #fff;
}

#header .overlay { position: absolute; bottom: -70px; width: 990px; height: 150px; overflow: hidden; z-index: 5; }

#topNavigation {
	width: 990px;
	height: 25px;
	background: #e4ab58 url(pics/back_navigation.gif) top left no-repeat;
}

#topNavigationLogin {
	width: 960px;
	height: 25px;
	line-height: 22px;
	font-weight: bold;
	padding: 0px 15px;
	background: #e4ab58 url(pics/back_navigation_login.gif) top left no-repeat;
}

#topNavigation ul { list-style-type: none; }
#topNavigation li { float: left; }

#topNavigation li a:link, #topNavigation li a:visited { 
	padding: 0px 7px; 
	width: 151px; 
	height: 25px; 
	line-height: 22px;
	display: block;
	color: #000; 
	font-weight: bold; 
	text-decoration: none; 
	white-space: nowrap;
	overflow: hidden;
}

#topNavigation li.current a:link, 
#topNavigation li.current a:visited,
#topNavigation li a:hover,
#topNavigation li a.selected:link, 
#topNavigation li a.selected:visited,
#topNavigation li a.a-selected:link, 
#topNavigation li a.a-selected:visited { color: #fff; background: #ba1f2c; } 

#header .subNavigation { position: absolute; display: none; z-index: 100; background: url(pics/bg-subnavigation-top.png) top left repeat-x; } 

#header .subNavigation ul { list-style-type: none; }
#header .subNavigation li { float: left; }
#header .subNavigation li a:link, #header .subNavigation li a:visited { 
	padding: 0px 7px 0px 7px; 
	width: 151px; 
	height: 25px; 
	line-height: 25px;
	display: block;
	color: #fff; 
	font-weight: bold; 
	text-decoration: none; 
	white-space: nowrap;
	overflow: hidden;
}

#header .subNavigation li a:hover,
#header .subNavigation li.current a:link,
#header .subNavigation li.current a:visited { color: #000; background: url(pics/bg-subnavigation-top-over.png) top left repeat-x; } 


#header .logo { width: 165px; height: 165px; float: left; }
#header .logo a img {
	text-decoration: none;
	border: 0px solid #fff;
}

#header .imageBar { width: 825px; height: 185px; float: left; overflow: hidden; }

#header .subNavigation.vervolg { 
	position: relative; 
	width: 990px; 
	height: 25px; 
	float: left;
	background: url(pics/back_subnavigation.gif) top left no-repeat; 
}

#header .subNavigation.vervolg.current  { position: relative; display: block; z-index: 1; } 
#header .subNavigation.vervolg.selected { position: absolute; top: 25px; left: 0px; z-index: 2; }

#header .subNavigation.vervolg li a:link,
#header .subNavigation.vervolg li a:visited{ padding-bottom: 0px; } 

#header .subNavigation li ul.subsubnav {
  display: none;
  color: #fff;
}

#header .subNavigation li ul.subsubnav li {
  float: none;
}

#header .subNavigation li ul.subsubnav li a:link, #header .subNavigation li ul.subsubnav li a:visited {
  background: none;
  color: #fff;
  background-color: #000;
  padding-bottom: 0px;
}

#header .subNavigation li ul.subsubnav li.current a:link, #header .subNavigation li ul.subsubnav li.current a:visited, #header .subNavigation li ul.subsubnav li a:hover {
  color: #B32024;
}

#header .subNavigation li ul.subsubnav.current-item {
  display: block;
}

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

#navigation-bgtop { 

	width: 990px; 
	height: 55px; 

	background: url(pics/bg-navigationtop.gif) top left repeat-y; 
}

#navigation {
	position: relative;
	padding: 0px 0px 30px 0px;
	width: 165px;
	min-height: 50px;
	height: auto !important;
	height: 50px;
	float: left;
	z-index: 10;
	background: #000;
}

#navigation ul {
	margin: 0px;
	list-style-type: none;
}

#navigation li { padding: 2px 0px 2px 15px; min-height: 10px; height: auto !important; height: 10px; border-bottom: 1px solid #626366; }

#navigation li a:link, #navigation li a:visited {
	width: 150px;
	display: block;
	color: #626366;
	text-decoration: none;
}

#navigation li a:hover, 
#navigation li.current a:link, 
#navigation li.current a:visited, 
#navigation li.current a:hover,
#navigation li a.selected:link, 
#navigation li a.selected:visited  { color: #fff; }

#leftbar .subNavigation { position: absolute; display: none; margin: -19px 0px 0px 150px; z-index: 100; background: #fff; } 

#leftbar .subNavigation ul { width: 165px; list-style-type: none; }
#leftbar .subNavigation li { min-height: 20px; height: auto !important; height: 20px; float: left; border-bottom: 1px solid #ccc; }
#leftbar .subNavigation li a:link, #leftbar .subNavigation li a:visited { 
	padding: 2px 15px; 
	width: 135px; 
  font-size: 12px;
	line-height: 20px;
	display: block;
	color: #2c292a; 
	font-weight: bold; 
	text-decoration: none; 
}

#leftbar .subNavigation li a:hover,
#leftbar .subNavigation li.current a:link,
#leftbar .subNavigation li.current a:visited{ color: #2c292a; background: #e6e6e6; }


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

#leftbar { width: 165px; float: left; overflow: hidden; }

#content-container {  padding: 0px; width: 825px;  float: left; }

#content {
	width: 475px;
	height: 100%;
	float: left;
	overflow: hidden;
}

#content .head { 
	position: relative; 
	z-index: 20;
	padding: 0px 15px; 
	width: 445px; 
	min-height: 20px;
	height: auto !important;
	height: 20px; 
	color: #fff; 
	line-height: 20px; 
	font-weight: bold; 
	background: #ba1f2c; 
} 

#content .head a:link, #content .head a:visited { color: #fff; font-weight: bold; } 

#content .text {
	padding: 25px 15px;	
}

#content .fotoboek { padding: 14px 0px 0px 13px; }
#content .fotoboek img { float: left; display: inline; margin: 0px 14px 14px 0px; }
#content .fotoboek .prevnext { width: 448px; height: 35px; border-top: 1px solid #ba1f2c; }
#content .fotoboek .prevnext span.prev { float: left; }
#content .fotoboek .prevnext span.next { float: right; }
 
#sidebar { padding: 0px 0px 25px 0px; margin: 20px 0px 0px 20px; width: 330px; float: left; }
#sidebar .mediablock { margin: 0px 0px 10px 0px; }
#sidebar .mediablock object, #sidebar .mediablock embed { width: 330px; height: 267px; }
#sidebar.home .mediablock object, #sidebar.home .mediablock embed { width: 330px; height: 20px; }

#sidebar .item .head    { padding: 0px 15px; width: 300px; height: 25px; line-height: 25px; color: #fff; font-weight: bold; background: #231f20; }
#sidebar .item .content { padding: 10px 15px; width: 300px; }
#sidebar .infoblock     { padding: 3px 15px; width: 300px; color: #fff; background: #ba1f2c; }
#sidebar .infoblock p   { margin: 0px; }

#sidebar .block { position: relative; float: left; display: inline; margin: 10px 10px 0px 0px; width: 135px; height: 65px; padding: 10px; background-color: #DCDDDE; cursor: pointer; }
#sidebar .block .image { margin-right: 10px; width: 50px; height: 66px; float: left; display: inline; overflow: hidden; }
#sidebar .block .name {  width: 75px; height: 50px; overflow: hidden; }
#sidebar .block .name a:link, #sidebar .block .name a:visited { color: #2c292a; }
#sidebar .block .total { font-size: 10px; position: absolute; bottom: 0; left: 0; margin: 0px 0px 8px 70px; width: 67px; height: 13px; color: #ba1f2c; overflow: hidden; }

/* Sidebar scroller 
#Scrollercontainer {
  position: relative;
	margin: 15px 0px;
	padding: 0px 15px;
  width: 300px;    
  height: 90px;  
	border: 1px solid #ccc;
  overflow: hidden;
}

#vScroller{
	position: absolute;
	width: 300px;
}

#vScroller li {
	width: 300px;
	height: 92px;
  text-align: center;
	overflow: hidden;
}

#vScroller li img     { margin: 0px; }
#content #vScroller a { border: none; text-decoration: none; }
 End scroller */

/* Slideshow */

span.sponsors { padding: 10px 15px;float: left; font-size: 11px; font-weight: bold; }

#slideshow {
  position:relative;
	margin: 15px 0px;
	padding: 0px 15px;   
	width: 300px; 
  height:90px;
  overflow: hidden;
}

#slideshow li ul { list-style-type: none; }

#slideshow li {
  position:absolute;
  width: 300px;
  height: 90px;
  overflow: hidden;
  top:0;
  z-index:8;
}

#slideshow li.active {
  z-index:10;
}

#slideshow li.last-active {
  z-index:9;
}


/* end Slideshow */

h1, td h1 {font: 19px arial, verdana, sans-serif; font-weight: bold; color: #2c292a; margin-bottom: 7px;}
h2, td h2 {font: 17px arial, verdana, sans-serif; font-weight: bold; color: #2c292a; margin-bottom: 7px;}
h3, td h3 {font: 15px arial, verdana, sans-serif; font-weight: bold; color: #2c292a; margin-bottom: 7px;}
h4, td h4 {font: 14px arial, verdana, sans-serif; font-weight: bold; color: #2c292a; margin-bottom: 7px;}
h5, td h5 {font: 13px arial, verdana, sans-serif; font-weight: bold; color: #2c292a; margin-bottom: 7px;}
h6, td h6 {font: 12px arial, verdana, sans-serif; font-weight: bold; color: #2c292a; margin-bottom: 7px;}

#content-container a:link, #content-container a:visited { text-decoration: none; color: #BA202B; }
#content-container a:hover { text-decoration: underline; }

#content-container #accordion { width: 445px; }
#content-container #accordion h3 { cursor: pointer; clear: left; background: #231f20; }
#content-container #accordion h3 a:link,
#content-container #accordion h3 a:visited { padding: 3px 5px; font-size: 12px; color: #fff; }
#content-container #accordion h3 a:hover { margin: 0px; border: none; text-decoration: none; }
#content-container #accordion div { margin: 5px 0px 5px 0px; width: 445px; clear: both; } 

table {margin: 5px 0px;}
td {
	font: 12px arial, verdana, sans-serif;
	line-height: 16px;
	color: #2c292a;
}

#content img { margin: 10px 0px; }
#content img.left  {	margin: 4px 10px 5px 0px; float: left; }
#content img.right { margin: 4px 0px 5px 10px; float: right; }

p { margin-bottom: 9px;}

#content ul { margin: 10px 0px 10px 15px; list-style-type: disc;}
#content li { margin: 0px 0px 0px 15px;}
#content ol { margin: 10px 0px 10px 20px;}

a.italic { font-style: italic; }

span.floatLeft  { float: left;  }
span.floatRight { float: right; }

#content span.file { display: block; clear: both; }
#content span.file .icon img { margin: 0px 0px 2px 0px; }
#content span.file .icon     { margin: 0px 5px 0px 0px; padding: 0px; font-size: 0px; line-height: 0px; float: left; }
#content span.file .info     { width: 375px; float: left; }


#content ul.productlist    { margin: 0px; list-style-type: none; }
#content ul.productlist li { margin: 0px 10px 10px 0px; width: 125px; height: 138px; float: left; cursor: pointer; overflow: hidden;  }
#content ul.productlist li a:link, 
#content ul.productlist li a:visited { color: #2c292a;  text-decoration: none; border: 0px solid #fff; cursor: pointer; }
#content ul.productlist li span.image { margin: 0px 10px 10px 0px; width: 125px; height: 94px; overflow: hidden; float: left; font-size: 0px; line-height: 0px;  cursor: pointer; }
#content ul.productlist li span.description { float: left; width: 125px; display: block; cursor: pointer;}
#content ul.productlist li span.image img { margin: 0px; cursor: pointer; }

#content .audio { margin: 0px 0px 20px 0px; }

/* ------------------------------------------------------------------------- Footer */ 

#footer {
	position: relative;
	margin: -25px auto 0px auto;
	padding: 0px 350px 0px 165px;
	width: 475px;
	height: 25px;
	overflow: hidden;
	font: 10px arial, verdana, sans-serif;
	color: #fff;
	text-align: left;
	background: url(pics/bg-footer.gif) bottom left no-repeat;
}

#footer .content { position: absolute; bottom: 0px; padding: 0px 0px 0px 15px; }
#footer .content .left { width: 135px; float: left; }
#footer .content .right { width: 325px; height: 25px; float: left;  }
#footer .content .right img { margin: 0px; float: left; }
#footer .content span.icon-en { margin: 0px 15px 0px 0px; padding: 7px 0px 0px 0px; float: left; }
#footer .content span.icon-en a img { margin: 0px; padding: 0px; float: left; }

#footer .content .right .login-block {
	position: absolute;
	margin: 0px 5px;
	width: 320px;
	height: 25px;
	overflow: hidden;
	z-index: 2;
}


#footer .content .right .logout-block {
	position: absolute;
	margin: 0px 5px;
	width: 320px;
	height: 25px;
	overflow: hidden;
	z-index: 2;
}

#footer .content .right .newsletter-block {
	position: absolute;
	padding: 0px 0px 0px 120px;
	width: 420px;
	height: 25px;
	overflow: hidden;
	z-index: 1;
}

#footer .content .right .login-block .login-content { position: relative; margin-top: 25px; width: 320px; height: 220px; background: #b32024;  }
#footer .content .right .logout-block .login-content { position: relative; margin-top: 25px; width: 320px; height: 220px; background: #b32024;  }
#footer .content .right .newsletter-block .newsletter-content { position: relative; margin-top: 25px; margin-left: -115px; width: 320px; height: 220px;	 background: #b32024; }
#footer .content .right img { cursor: pointer; }

#footer .content .right .form {
	padding: 15px 10px;
	width: 225px; 
	height: 150px;   
}

#footer .content .right .form .row   			 { margin: 0px 0px 7px 0px; width: 225px; height: 17px; float: left; }
#footer .content .right .form .description { 
	padding: 0px 7px 0px 0px; 
	width: 88px;  
	float: left; 
	text-align: right; 
	color: #fff; 
	line-height: 19px;
}

#footer .content .right .form .value 			{ width: 121px; float: left; }
#footer .content .right .form .value input { padding: 2px 3px; width: 115px; height: 14px; font-size: 11px; border: none; color: #2c292a; background: #fff; }
#footer .content .right .form .value span.radioInput { margin: 0px 5px 0px 0px;line-height: 17px; color: #fff; float: left;}
#footer .content .right .form .value input.radio { width: 20px; float: left; background: none; }
#footer .content .right .form .value input.button { width: 121px; line-height: 19px; height: 17px; font: 11px arial; color: #000; font-weight: bold; background: #e4ab58; }


#footer a:link, #footer a:visited {
	text-decoration: none;
	line-height: 25px;
	color: #deddde;
}

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

br.clear { height: 0px; font: 0px arial, verdana, sans-serif; line-height: 0px; clear: both; }

/* -------------------- Invulformulier -------------------- */

#invulformulier {
	font-size: 11px; 
	font-weight: bold;
	line-height: 22px;
} 

#invulformulier .row { width: 445px; min-height: 22px; height: auto !important; height: 22px; clear: both; }

#invulformulier .description{
	margin: 0px 5px 0px 0px;
	width: 150px;
	float: left;
}

#invulformulier .value{
	margin: 2px 5px 1px 0px;
	width: 285px;
	float: left;
}

#invulformulier input{ color: #6c6358; }
#invulformulier input.button{ color: #fff; }

#invulformulier input.text {
	margin-right: 5px;
	padding: 1px 3px;
	width: 200px;
	float: left;
	font: 11px arial, verdana, sans-serif; 
	font-weight: bold;
	color: #6c6358;
}


#invulformulier input.ProductName{
	margin-right: 5px;
	padding: 1px 3px;
	width: 200px;
	float: left;
	font: 11px arial, verdana, sans-serif; 
	font-weight: bold;
	color: #6c6358;
	background: none;
	border: none;
}

#invulformulier textarea{
	padding: 1px 3px;
	width: 200px;
	height: 100px;
	float: left;
	font: 11px arial, verdana, sans-serif; 
	font-weight: bold;
	color: #6c6358;
}

#invulformulier select { 
	margin-right: 5px;
	padding: 1px 0px; 
	width: 209px; 
	float: left; 
	font: 11px arial, verdana, sans-serif; 
	font-weight: bold; 
	color: #6c6358; 
}

/* -------------------- List -------------------- */

#list { width: 445px; }

#list .row { padding: 2px 0px; min-height: 10px; height: auto !important; height: 10px; }
#list .row.even { background: #ccc; }
#list .column { padding: 0px 5px; float: left; }

#list .width_40  { width: 40px; }   
#list .width_60  { width: 60px; }
#list .width_125 { width: 125px; }
#list .width_180 { width: 180px; }

#list .text-align-right { text-align: right; }

/* -------------------- Google Map -------------------- */

#map{
	margin: 0px;
	padding: 0px;
	width: 445px;
	height: 275px;
	overflow: hidden;
}

#googlemap{
	padding: 0px 0px 20px 20px;
	margin: 0px;
	width: 425px;
	float: left;
	color: #000;
	background: #f7f7f7;
}

#googlemap .invul{
	margin: 0px;
	width: 360px;
	float: left;
	color: #000;
}

#googlemap form{
	width: 150px;
}
#googlemap .omschrijving {
	margin: 10px 2px 2px 0px;
	width: 110px;
	float: left;
}

#googlemap input{
	padding: 1px 3px;
	width: 200px;
	float: left;
	color: #434343;
	font: 12px arial, sans-serif; 
	border: 1px solid #a5acb2;
}

#googlemap input.button { margin: 0px 0px 0px 5px; color: #fff; width: 110px; }

#googlemap input.small{
	margin-left: 1px;
	padding: 1px 3px;
	width: 20px;
	float: left;
	color: #434343;
	font: 12px arial, sans-serif; 
	border: 1px solid #a5acb2;
}

#directions{
	position: relative;
	margin-left: -5px;
	padding: 0px;
	width: 445px;
}



input.button {
	margin: 5px 5px 0px 0px; 
	width: 102px;
	height: 19px;
	float: left;
	color: #ffffff;
	font: 12px arial, sans-serif; 
	background: #231f20;
	border: none;
}