﻿@import url("Reset.css");
@import url("Borders.css");
@import url("Colors.css");
@import url("Footer.css");
@import url("Forms.css");
@import url("Header.css");
@import url("Lists.css");
@import url("Margins_Paddings.css");
@import url("Menu.css");
@import url("Misc.css");
@import url("Positioning.css");
/*@import uro("Print.css");*/
@import url("Sifr.css");
@import url("Tables.css");

/* BODY */
body, html, .main {
	margin						: 0;
	padding						: 0;
	height						: 100%;
	width							: 100%;
	font-family				: Arial, verdana;
	/*font-size					: 11px;*/
	font-size					: 0.9em;
	color							: #101010;
	line-height				: 18px;
	}

.main {
	margin						: 0 auto;
	width							: 1001px;
	position					: relative;
	}



body {
	/*background				: url(/static/images/bg_body.gif) no-repeat top left;*/
	background-color	: #F4F2F1;
	}

/* CONTENT STYLES */

.content p 
{
	line-height: 18px;
	}

.content img {
	margin						:  0 10px 10px 10px;
	padding						: 3px;
	border						: solid 1px #b1a9a4;
	background-color	: #fefbf7;
	/*float							: left;*/
	}
	
#retarget img 
{
	margin						: 0;
	padding						: 0; 
	border						: none;
	display: none !important;
}

.homepage_holder img
{
	margin						: 0;
	padding						: 0;
	border						: none;
	background-color	: Transparent;

}


.content ul	{
	margin					  : 0 0 0 15px;
	padding					  :  0;
	/*padding					  :  5px 0 0 0;*/
	}

.content ul li {
	margin						: 0;
	padding						: 0 0 5px 0;
	}

/* HEADER STYLES */
	
#frmSearch
{
    float: right;
    width: 153px;
    height: 30px;
    margin: 77px 0 0 0;
}
#frmSearch img
{
    margin: 0 0 0 3px;
}

	
.content h1 
{
    height: 30px;
	font-weight       : bold; 
	font-size         : 2.0em; 
	color             : #593424;
	border-bottom			: solid 1px #d7cec7;
  }

  .content .doubleborder
  {
    margin: 0 0 17px 0;
	border-bottom			: solid 1px #f7f7f5;
  }

  .content .content_item_holder_large h1 {
    font-size       : 1.6em;
    font-weight     : normal;
  }
  
.content h2 {
  margin-bottom     : 2px;
	font-size					: 1.2em;
	font-weight       : bold; 
  color             : #593424;
  line-height       : 18px;
  padding						: 4px 0;
  }

.contenth2 {
    margin-top      : 5px;
    font-size       : 1.5em;
    font-weight     : normal;
		color           : #593424;
	  line-height     : 18px;
	  padding					: 0 0 5px 0;   
	  float						: left;
    }

.content .content_item_holder_small h2 {
    margin-top      : 5px;
    font-size       : 1.5em;
    font-weight     : normal;
  }
    
.content h3 {
	font-size					: 1.1em;
  color							: #593424;
  font-weight				: bold;
	padding						: 0 0 0 0;
  }	
  
.contenth3 {
	padding						: 7px 0 0 12px !important;
	color							: #673A22;
	text-transform		: uppercase;
	font-size					: 14px;
	width							: 114px;
	font-weight				: bold;
	  }	

.content a {
	color							: #c15c00;	
	text-decoration		: underline;
  }

.content a:hover {
	color							: #593424;	
	text-decoration		: none;
  }
  
.blokje,
.blokje_clear {
	width: 240px;
	margin: 20px 20px 0 0;
	line-height: 18px;
	_height: 150px;
	float: left;
}

.blokje 
{
	clear: left;
}
.img_left { float: left; margin-left: 0 !important }
.img_right { float: right; margin-right: 0 !important }

.searchHeader
{
	border-bottom: solid 1px #B5B1AD; 
	margin-bottom: 5px;
}

.resultDetail
{
	float: left; 
	height: auto; 
	width: 538px; 
	padding: 0px 5px 10px 5px; 
	border-bottom: solid 1px #B5B1AD; 
	margin-bottom: 5px;
}

.resultThumb
{
	float: left;  
	width: auto; 
	height: auto; 
	padding: 10px 10px 5px 0;
}

.resultText
{
	float: left; 
	padding: 10px 0 0 0;
}
/* // CONTENT STYLES */

table.clear td label { display: none; }
table.clear td input { margin: 3px; padding: 0; }

/* price table style */
.price_table 
{
	border: solid 1px #593424;
	background: #fff;
}
p.price_paragraph 
{
	font-size: 10px;
	margin: 0;
	padding: 0;
	color: #666666;
	font-style: italic;	
}

.listitem
{
  width: 530px;
  float: left;
  height: auto;
  /* border-bottom: solid 1px #cfc3b9; */
  margin: 0 0 10px 0;
  padding:  0 10px 0 10px;  
}

.listitem h3
{
	margin: 0 !important;
	padding: 5px 0 10px 0 !important;
}

.content ul li h3  {
  padding: 0 !important;}

.listitem a
{
  cursor: pointer;
}
.explanation
{
  float: left;
  padding: 5px 0 0 0;
  display: none;
  height: 0px;
}
/* OOGARTSEN PAGINA */
.oogartsen_overzicht .arts
{
	margin: 0 0 5px 0;
	padding: 0;
	float: left;
	background-color: #cec4ba;
	padding: 0 10px 10px 10px;
}
.oogartsen_overzicht .arts p,
.oogartsen_overzicht .arts h3,
.oogartsen_overzicht .arts img
{
	float: right;
}
.oogartsen_overzicht .arts h3 
{
	width: 530px;
	padding: 0 0 10px 0!important;
	height: auto;
	font-size: 16px;
}
.oogartsen_overzicht .arts p.bio 
{
	width: 275px;
	padding: 0;
	float: left;
}


.no-border {
	border: none;
}


.btn-content {
	border: none !important;
  background: none !important;
  margin: 0 0 10px -10px !important;
}
.hersteltable {
  margin-top: 10px;}

  .hersteltable tr {
    }
  
  .hersteltable td {
    padding: 10px;
    vertical-align: top;
    border-bottom: 1px #593424 solid;}
    
.listheader span {
font-weight: normal;}

/* ACTION PAGE */

#action_holder 
{
	width: 1001px;
	background: red;
	float: left;
	background: url(/static/images/action_background.png) no-repeat -13px 0;
	color: #3c3c3c;
}
#action_holder_novideo 
{
	width: 1001px;
	background: red;
	float: left;
	background: url(/static/images/action_background_novideo.png) no-repeat -13px 0;
	color: #3c3c3c;
}
#action_holder_empty
{
	width: 1001px;
	background: red;
	float: left;
	background: url(/static/images/action_background_empty.png) no-repeat -13px 0;
	color: #3c3c3c;
}
#leftcol
{
	width: 610px;
	padding : 0 0 30px 0;
	margin : 0 0 10px 0;
/*height: 710px;*/
	float: left;
	
}
#leftcol h1
{
	color: #FFF;
	float: left;
	font-size: 17px;
	font-weight: normal;
	padding: 8px 0 0 15px;
	width: 540px
}
#action_holder_empty #leftcol h1 {
  background-color : #5B2B07;
  background:url(/static/images/bg_toph1.png) no-repeat top right;
  width: 654px;
  position : absolute;
  margin : 30px 0 0 0;
  left : 0;
  height: 40px;
  font-size: 22px;
  padding : 22px 0 0 20px;
}
#action_holder_empty #leftcol strong {
  color : #666666;
  
}
#action_holder_empty #leftcol #header
{
	float: left;
	width: 500px;
	padding: 20px 0 0 18px;
	font-size: 18px;
	color: #593424;
	height: 120px;
}
#action_holder_empty #leftcol #content {
  float : left;
  width: 580px;
	padding: 0 0 0 18px;
}
#leftcol #header
{
	float: left;
	width: 500px;
	padding: 20px 0 0 18px;
	font-size: 18px;
	color: #593424;
}
#leftcol #header strong {
  color : #fff;
}

#leftcol h2
{
	float: left;
	width: 500px;
	padding: 10px 0 0 18px;
	font-size: 15px;
	color: #593424;
	margin: 0;
}
#action_holder_empty #leftcol h2
{
	padding: 10px 0 0 0;
	font-size: 15px;
	color: #5A2C08;
	margin: 0;
	float : none !important;
	font-weight: bold;
	width: 100%;
}
#leftcol p
{
	float: left;
	width: 575px;
	padding: 5px 0 0 18px;
	font-size: 12px;
}
#leftcol p a,
#leftcol p a:link,
#leftcol p a:visited,
#leftcol p a:active,
#rightcol  a,
#rightcol  a:link,
#rightcol  a:visited,
#rightcol  a:active,
#leftcol a,
#leftcol a:link,
#leftcol a:visited,
#leftcol a:active{

	color:#cf7100;

}
#leftcol p a.vc,
#leftcol p a.vc:link,
#leftcol p a.vc:visited,
#leftcol p a.vc:active {
	color:#cf7100;
	float: right;
}
#leftcol p a:hover
{
	text-decoration: none;
}
#leftcol #video-right
{
	width: 287px;
	padding:6px 0 0 6px;
	float: left;
	background:url(/static/images/bg_video.png) top left no-repeat;
	height: 200px;
	
}
#leftcol #video-left h2 {
  margin: 0;
  
}
#leftcol #video-left
{
	width: 260px;
	float: left;
	clear: left;
	margin : 0 15px 0 0;
	}
#rightcol
{
	width: 330px;
	float: left;
	margin: 30px 0 0 33px;
  background-color : #ECE8E3;

}
#rightcol ul {
  list-style-type: none;
  margin : 0 0 10px 7px;
  padding : 0 0 10px 0;
  width :300px;
  }
 #listleft {
  list-style-type: none;
  margin : 0 0 10px ;
  padding : 0 0 10px 0;
  width :300px;
 }  
  
#listleft li {
  padding: 0 0 20px 0;
  
}
#listleft li a{
 font-size: 15px;
	color: #cf7100;
	margin: 0;
	float : none !important;
	font-weight: bold;
  text-decoration : none;
}
#rightcol ul li a{
  color : #8c8c8c;
  text-decoration : none;
  }
#rightcol ul li a:hover,#leftcol ul li a:hover{  
  color :#49270C;
  }

#rightcol #map {
  background: url(/static/images/bg_map.png) no-repeat top left;
  float :right;
  width : 152px;
  height: 176px;
  margin : 0 20px 0 0;
  position :relative;
}

.pl1 {  position :absolute; margin : 60px 0 0 55px; } /* Amsterdam */
.pl2 {  position :absolute; margin : 90px 0 0 35px; }
.pl3 {  position :absolute; margin : 110px 0 0 65px; }
.pl4 {  position :absolute; margin : 80px 0 0 60px; }
.pl5 {  position :absolute; margin : 90px 0 0 80px; }
.pl6 {  position :absolute; margin : 55px 0 0 103px; }  
#action_holder_novideo #rightcol #map a {  
  background: url(/static/images/ic_map.png) no-repeat 0 0;
  display: block;
  height: 20px;
  width: 20px;
  text-indent: -9000px;
}

#action_holder_novideo #leftcol .tb1 {
  float :right;
  height: 121px;
  width : 240px;
  margin : 0 0 0 20px;
}
#action_holder_novideo #leftcol .tb2 {
  float :left;
  margin : 0 20px 0 0;
}

#action_holder_novideo #rightcol #map a:hover,
#action_holder_novideo #rightcol #map .hover {  
  background: url(/static/images/ic_map.png) no-repeat 0 -22px;
  display: block;
  height: 20px;
  width: 20px;
  text-indent: -9000px;
}
#action_holder #leftcol #video,
#action_holder_novideo #leftcol #video
{
	width: 575px;
	height: 323px;
	float: left;
	margin: 30px 0 0 18px;
}

.flimgl {
  float : left;
  margin : 0 10px 10px 0;
}
#rightcol span {
	font-size: 10px;
}
#rightcol h2
{
	float: left;
	width: 300px;
	font-size: 18px;
	color: #593424;
	margin: 0;
	padding: 43px 0 24px 25px;
}
#rightcol h3
{
	float: left;
	width: 330px;
	font-size: 18px;
	color: #593424;
	margin: 0;
	padding: 16px 0 24px 0;
}
#rightcol h4
{
	float: left;
	width: 330px;
	font-size: 12px;
	color: #3c3c3c;
	font-weight: bold;
	margin: 0;
	padding: 0;
}
#rightcol p
{
	float: left;
	width: 330px;
	padding: 5px 5px 5px 0;
	font-size: 12px;
}

#rightcol iframe
{
	margin: 0 0 0 -19px;
}


#enquete {
	position: absolute;
	left: -9000px;
}
/* OVERLAY */
/* the overlayed element */
.simple_overlay {
	
	/* must be initially hidden */
	display:none;
	
	/* place overlay on top of other elements */
	z-index:10000;
	
	/* styling */
	background-color:#333;
	
	width:675px;	
	min-height:200px;
	border:1px solid #666;
	
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;	
}

/* close button positioned on upper right corner */
.simple_overlay .close {
	background-image:url(../img/overlay/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}

.details {
		position:absolute;
		top:15px;
		right:15px;
		font-size:11px;
		color:#fff;
		width:150px;
	}
	
	.details h3 {
		color:#aba;
		font-size:15px;
		margin:0 0 -10px 0;
	}
	
	.enquete-header {
	font-weight       : bold; 
	font-size         : 1.6em; 
	color             : #593424;
	padding						: 10px 0 10px 0;
	margin						: 10px 0 10px 0;
	}
	
	

#tblForms input[type=text] {
	width: 250px;
	margin : 0 0 0 5px;
}
#tblForms  select { 
	width: 255px;
	margin : 0 0 0 5px;
}
#tblForms input[type=submit] {
	width: 80px;}
 
#tblForms input.huisnr {width: 90px;}
#tblForms input.toev {width: 80px; float :right;}
#tblForms span.toevoeging {padding: 0 5px 0 5px 5px; margin : 0 0 0 5px;}
#tblForms input.postcode {width: 90px;}
#tblForms input.plaats {width: 140px; float :right;}
 
#tblForms,
#tblForms tr,
#tblForms td,
#tblForms table td {
  margin :2px;
  padding : 2px;
}

#sitelogo {
 border-top:  solid 1px #bfb19f;
 clear: both;
 float : left;
 height: 50px;
 width: 570px;
 margin: 20px 0 0 0;
 padding : 20px 0 0 0;
}

  #sitelogo span {
    margin: 0 0 0 10px;
    position: absolute;
    font-size: 0.9em;
  }
  
#moreinfo {
border-top:  solid 1px #bfb19f;
margin : 3px 0 0 0;
width: 320px;
padding : 20px 0 0 0;
float : left;
}
.flimgr {
  float : right;
  margin : 0 0 0 10px;
}

#video-right strong {
  padding : 5px 0 0 0;
  float : left;
  font-weight : normal;
}

.callMe {
  height: 470px;
}

.center {
  text-align: center;
}

  .center input {
    float: none;
    display: inline;
  }

/* landingpages */

.cols2 div, .cols3 div {
  float: left;
}

.cols2 div {
  width: 280px; 
}

  .cols2 div.col1 {
    clear: left; 
  }

  .cols2 div.col2 {
    clear: right; 
  }

.cols3 div {
  margin-right: 10px; 
  float: left;
}

  .cols3 div.col1 {
  clear: left; 
    width: 160px; 
  }

  .cols3 div.col2 {
    width: 190px;
  }

  .cols3 div.col3 {
    width: 200px; 
    clear: right; 
  }

/* layOver */

.layOver {
  display: none;
  position: absolute; 
  z-index: 100; 
  margin: 130px 0 0 120px; 
  width: 660px; 
  height: 340px; 
  background-color: #fff;
  padding: 20px;
  border: solid 1px #C7C5C5;
}

  .layOver ul, .layOver ol {
    margin: 0 0 0 20px;
  }
  
  a.layOverClose {
    position: absolute;
    margin: 0 0 0 645px;
    font-weight: bold;
  }
  
  .layOver em {
    font-style: italic;
  }
  
  .homeBodyText
  {
    float: left;
    width: 365px;
  }
  
  .homeCallToAction
  {
    float: right;
    width: 184px;
  }
  
  .maakafspraakbutton
  {
    float: right;
  }
  
  .maakafspraakbutton a
  {
    display: block;
    width: 172px;
    height: 32px;
    background: url(/static/images/calltoaction_sprite.png) 0 0;
    text-indent: -10000px;
  }
  
  .maakafspraakbutton a:hover
  {
    background: url(/static/images/calltoaction_sprite.png) 0 -32px;
  }
  
  .belmedirectbutton
  {
    float: right;
    margin: 10px 0 0 0;
  }
  
  .belmedirectbutton a
  {
    display: block;
    width: 172px;
    height: 32px;
    background: url(/static/images/calltoaction_sprite.png) 0 -64px;
    text-indent: -10000px;
  }
  
  .belmedirectbutton a:hover
  {
    background: url(/static/images/calltoaction_sprite.png) 0 -96px;
  }
