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

html, body {
	height: 100%;
	background-color: #000000;
	color: #FFFFFF;
}

#spacer {
	width: 1px;
	height: 50%;
	margin-bottom: -292px;
	float: left;
}

#site_container {
	position: relative;
	width: 980px;
	height: 585px;
	margin: 0px auto;
	padding: 0px;
	overflow: hidden;
	clear: left;
}

#map {width: 430px; height: 250px; border: 4px solid #172860; float: left;}

#site {
	position: relative;
	font: 12px arial, verdana, sans-serif;
	line-height: 16px;
	z-index: 15;
}

* html #site { position: static; }

#background {
	position: absolute;
	top: 10px;
	left: 0px;
	width: 980px;
	height: 544px;
	z-index: 5;
}

#background.vervolg {
    background: url(pics/background-top.jpg) left top no-repeat;
    padding-top: 106px;
    height: 544px;
    line-height: 0px;
    font-size: 0px;
    margin: 0px;
}

* html #background { z-index: -1; }


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

#print_header {
	display: none;
}

#header {
	float: left;
	width: 100%;
	height: 132px;
}

#header .logo a img {
	float: right;
	border: none;
	margin: 13px 27px 0px 0px;
}

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

#header .navigation ul {
	float: left;
	width: 730px;
	display: inline;
	margin: 20px 0px 0px 44px;
	list-style: none;
}

#header .navigation ul li {
	position: relative;
	float: left;
	width: 62px;
	margin: 0px 42px 0px 0px;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
}

#header .navigation ul li img{
	width: 62px;
	margin: 0px;
	padding: 0px;
}

#header .navigation ul li.last {
	width: 62px;
	margin: 0px;
	padding: 0px;
	text-align: center;
}

#header .navigation ul li a:link, #header .navigation ul li a:visited, #header .navigation ul li a:hover {
	width: 62px;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
	border: none;
}

#header .navigation ul li a img {
	display: block;
	margin: 0px 0px 5px 0px;
	border: none;
}

#header .navigation ul li .navigation_button_over, #header .subnavigation ul li .navigation_button_over {
	display: none;
}

#header .navigation ul li span.item {
	display: block;
	cursor: pointer;
}

#header .subnavigation {
	float: left;
	width: 100%;
	height: 29px;
	margin-top: 11px;
	font-size: 13px;
	color: #DADADA;
	background-color: #101A43;
}

#header .subnavigation ul {
	float: right;
	width: auto;
	display: inline;
	list-style: none;
}

#header .subnavigation ul li {
	float: left;
	width: auto;
	margin-right: 13px;
}

#header .subnavigation ul li a:link, #header .subnavigation ul li a:visited, #header .subnavigation ul li a:hover {
	text-decoration: none;
	color: #DADADA;
}

#header .subnavigation ul li a img {
	float: left;
	display: block;
	border: none;
}

#header .subnavigation ul li a .submenu {
	float: left;
	width: auto;
	line-height: 28px;
	cursor: pointer;
}

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

h1, td h1 {font: 12px arial, verdana, sans-serif; font-weight: bold; color: #7183C4; margin-bottom: 2px;}
h2, td h2 {font: 17px arial, verdana, sans-serif; font-weight: normal; color: #DADADA; margin-bottom: 25px;}
h3, td h3 {font: 10px arial, verdana, sans-serif; font-weight: bold; color: #DADADA;}
h4, td h4 {font: 14px arial, verdana, sans-serif; font-weight: bold; color: #DADADA; margin-bottom: 7px;}
h5, td h5 {font: 13px arial, verdana, sans-serif; font-weight: bold; color: #DADADA; margin-bottom: 7px;}
h6, td h6 {font: 12px arial, verdana, sans-serif; font-weight: bold; color: #DADADA; margin-bottom: 7px;}

table {
	margin: 5px 0px;
}

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

#content_container img, #content_container_background img { margin: 10px 0px; }
#content_container img.left, #content_container_background img.left {	margin: 0px 10px 0px 0px; float: left; }
#content_container img.right, #content_container_background img.right { margin: 0px 0px 0px 10px; float: right; }

#content_container_background .content a:link, 
#content_container_background .content a:visited {color: #fff; text-decoration: none; border-bottom: 1px solid #fff;}
/*#content_container_background .content a:hover { border-bottom: 0px solid #fff; } When using the hover the transperant background will change in ie7*/

#content_container_background a:link img, 
#content_container_background a:visited img, 
#content_container_background a:hover img  {border: 2px solid #fff;}

p { margin-bottom: 9px;}

#content_container ul, #content_container_background ul { margin: 10px 0px 10px 15px; list-style-type: disc; list-style-position: inside;}
#content_container li, #content_container_background li { margin: 0px 0px 0px 15px;}
#content_container ol, #content_container_background ol { margin: 10px 0px 10px 20px;}

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

#content_container {
	float: left;
	width: 980px;
	height: 364px;
	display: block;

}

#content_container_background {
	float: left;
	width: 980px;
	height: 364px;
	background: url(pics/bg_kaart.png) top left repeat;
  line-height: 19px;
  display: block;
}

#content_container .content, #content_container_background .content {
	position: relative;
	width: 940px;
	height: 322px;
	overflow: auto;
	float: left;
	display: inline;
	padding: 26px 10px 16px 30px;
	margin: 0px;
}

.content .column-left {
	float: left;
	width: 440px;
}

.content .column-2 {
	padding: 0px;
	margin: 0px;
	float: left;
	display: inline;
	width: 920px;
}

.content .title_full {
	float: left;
	width: 940px;
	height: 42px;
}	

.content .title {
	float: left;
	width: 440px;
	height: 42px;
}

.content .title h2 {
	float: left;
	width: auto;
	line-height: 17px;
}

.content .title h3 {
	float: left;
	width: auto;
	display: block;
	margin-left: 5px;
	line-height: 17px;
}

.content table {
	width: 440px;
}

.content .price{
	text-align: right;
}

.content .column-right{
	float: left;
	width: 440px;
	margin: 0px 0px 0px 30px;
}

#content_container .content_right {
	float: right;
	width: 275px;
	height: 335px;
	overflow: hidden;
	display: inline;
	margin: 28px 25px 0px 0px;
}

#content_container .content_right .block_275 {
	width: 270px;
	min-height: 37px;
    height: auto !important;
    height: 37px;
	margin-bottom: 1px;
	padding: 4px 0px 0px 5px;
	font-weight: bold;
	background: url(pics/bg_kaart.png) repeat;
}

#content_container .content_right .block_275.top {
	font-size: 13px;
	font-weight: bold;
	color: #DADADA;
	text-align: center;
}

#content_container .content_right .toptitle{
	position: absolute;
	width: 270px;
	margin: -10px 0px 0px 20px;
	font-size: 27px;
	font-weight: bold;
	line-height: 27px;
	letter-spacing: 10px;
	z-index: 30;
}

#content_container .content_right .block_275.top .topcontent{
	float: left;
	width: 270px;
	margin: 16px 0px 0px 0px;
}



/* ------------------------------------------------------------------------- Gallery */

#gallery {width: 920px; min-height: 280px; height: auto !important; height: 280px;}

#gallery .gallery-item {float: left; margin: 0px 9px 20px 0px; height: 120px;}
#gallery .gallery-item .foto a:link, .gallery-item .foto a:visited, .gallery-item .foto a:hover {
    text-decoration: none; 
    border-bottom: 0px solid;
}

#gallery .gallery-item .foto img {padding: 0px; margin: 0px;}
#gallery .gallery-item .omschrijving {text-align: center;}


/* ------------------------------------------------------------------------- Slideshow */

#overflowContainer {
	position: relative;
	margin: 10px 0px;
	width: 410px;
	height: 210px;
	display: block;
        clear: both;
}


#overflowContainer .overflow {
	position: relative;
	top: 0;
	left: 0;
	width: 410px;
	height: 210px;
	z-index: 30;
	overflow: hidden;
        margin-left: 7px;
}

#overflowContainer .overflowFade {
	position: relative;;
	top: 0;
	left: 0;
	width: 0px;
	height: 1px;
	z-index: 10;
	overflow: hidden;
}

#overflowContainer .overflow img, #overflowContainer .overflowFade img {
	margin: 0px;
	float: left;
	text-align: left;
}


#thumbnails {
	position: relative;
	margin: 0px 0px 0px 0px;
	float: left;
	}
#thumbnails img {margin-left: 7px;}
/* ------------------------------------------------------------------------- Footer */

#footer {
	float: left;
	width: 100%;
	height: 116px;
	font: 10px arial, verdana, sans-serif;
}

#footer #footer_top {
	float: left;
	width: 100%;
	height: 18px;
	background-color: #6a4332;
	line-height: 18px;
}

#footer #footer_top a:link, #footer #footer_top a:visited {
	color: #FFFFFF;
	text-decoration: underline;
}

#footer #footer_top a:hover {
	text-decoration: none;
}

#footer #footer_top .footer_top_left {
	float: left;
	width: auto;
	margin-left: 10px;
}

#footer #footer_top .footer_top_right {
	float: right;
	width: auto;
	margin-right: 10px;
}

#footer #footer_bottom {
	float: left;
	width: 100%;
	height: 98px;
}

#footer #footer_bottom ul {
	float: left;
	width: 100%;
	list-style: none;
}

#footer #footer_bottom ul li {
	float: left;
	width: 140px;
	height: 98px;
}

#footer #footer_bottom ul li img {
	width: 140px;
	height: 98px;
}

#footer #footer_bottom ul li a:link, #footer #footer_bottom ul li a:visited, #footer #footer_bottom ul li a:hover {
	text-decoration: none;
	border: none;
}

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

/* ------------------------------------------------------------------------- Scrollbar */

.jScrollPaneContainer {
    position: relative;
    overflow: hidden;
    display: block;
    z-index: 1;
}

.jScrollPaneTrack {
    position: absolute;
    cursor: pointer;
    right: 0;
    top: 0;
    height: 102%;
    background: #000;

}
.jScrollPaneDrag {
    position: absolute;
    background: #DFDFDF;
    border: 1px solid #B5B5B5;
    cursor: pointer;
    overflow: hidden;
}
.jScrollPaneDragTop {
    position: absolute;
    top: 0;
    right: 0;
    overflow: hidden;
}
.jScrollPaneDragBottom {
    position: absolute;
    bottom: 0;
    right: 0;
    overflow: hidden;
}

.jScrollArrowUp {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 14px;
	height: 11px; 
	background: url(pics/scrollup.gif) top left no-repeat;}
 
.jScrollArrowDown {
	position: absolute;
	bottom: 0px;
	right: 0px;
	width: 14px;
	height: 11px; 
	background: url(pics/scrolldown.gif) top left no-repeat;}