@charset "utf-8";
/* CSS for www.apartmentblacksand.com Created by Bernt Design
	/* --------- 1. standaard  --------- */
* { margin: 0; padding: 0; border: 0;}	
body, html{
	margin:0;
	padding:0;
	height: 100% !important;
	text-align: center;
	background: #6996D9 ;
	font-family: Arial, sans-serif;
	font-size:100.01% !important;
	color: #00008b;
	line-height: 120%
}
html>body {
font-size: 16px; /* non-IE */
}
#container{position: relative;
min-height: 90%;
height:auto !important;
height:90%;  
/*_height:100%;  bestaat niet volgens validator*/
min-width: 820px !important;
margin: 10px auto 0 auto;
padding:0;
text-align: left;
width: 95%;
}
#upperpart {clear:both; position: absolute; width:100%;
margin: 0 auto;
background: #F3F4F6; overflow:visible !important;
}
/*  --------- 4. upperpart: header  --------- */
#tickertje{ text-align:left;}
.ticker  { text-align:left; font-family : lucida calligraphy, sans serif;
	font-weight : normal;
	font-size: 0.8em;
	font-style: italic;
	color : #31659c;
    background-color:#D6DFE9;
    border:solid 1px #D5D8D7;
    font-weight:100;
    }
#header{
	position: absolute;
	margin-top:0px;
	width: 100%;
	height:244px;
	overflow:hidden; background-color: #fff;
	border-top: thick double #e0f4fb; 
border-left: thick double #e0f4fb; 
border-right: thick double #e0f4fb; 
border-bottom: thick double #e0f4fb; 
}
#headerimage {
position: relative; text-align:center; width:100%;
	/*position:absolute;
	width:960px;*/
	height:200px;
	z-index:1;
	border-top: thin solid #D5D8D7;
	text-align:center;
	background: #fff url("http://www.apartmentblacksand.com/imgkl/button/zachtblauw-143.png") repeat-x left top;
}
#logo { float:left; margin-left:10%}
.fotohoofdbalk { height: 200px; width: 362px; padding:0; margin-left:35%; overflow: hidden }
.fotohoofdbalk img { height: 188px; width: 350px; padding: 5px; border: 1px solid #ccc; background-color: #eee; top:0; left:0 }
.fotohoofdbalk img {
	-moz-border-radius: 10px; -webkit-border-radius: 10px;
}
#subbalk{ clear:both;  position: absolute;
 top:219px;
  width: 100%;
  background: #F3F4F6;
  background: url("http://www.apartmentblacksand.com/imgkl/button/blauwruitjebg.png") repeat;}
#subbalk #locator {float:left;
	padding: 0 0 0 10px;
	margin: 0 0 0 0;
	color: #666;
	background-color: #F7F7F7;
	font-size: 75%;
}
#search {
	float:right; right: 0;
	width:100px;
	background: url("http://www.apartmentblacksand.com/imgkl/button/background_search.png") left bottom no-repeat;
}
							/*einde upperpart*//*begin deel 2*/
.floatcontainer:after{content:"."; display:block; height:0px; clear:both; visibility:hidden; font-size:0px}
.floatcontainer{display: inline-block;}
/* Hides from IE Mac \*/
* html .floatcontainer {height:1%}
.floatcontainer{display:block}
/* End Hack */
#wrapper{position: absolute;  width:100%; 
    /*height: 100%; */
	margin: 0 auto;
	margin-top:242px;
	padding-bottom:0px;
	}
#outer{
  margin-top:0px;
  clear:both; float: left; position: relative; width:100%;  background-color:#fff;
  min-height: 100%;
  height:auto !important; 
  height:100%;
  border-top: thick double #e0f4fb; 
border-left: thick double #e0f4fb; 
border-right: thick double #e0f4fb; 
border-bottom: thick double #e0f4fb;
 /*_height:100%; bestaat niet volgens validator*/ 
}
#innerfloat{
	float: left;
	position: relative;
	height:100%;
	width:100%;
	left: 0px; 
	background: #fff url("http://www.apartmentblacksand.com/imgkl/button/zachtblauw-143.png") repeat-x left top;
}
 
#textholder{
	float:right;
	height:100%;
	left:0px;
	width:75%;
	/*max-width:700px;*/
	margin-top:2em;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	text-align: justify;
	background: #fff url("http://www.apartmentblacksand.com/imgkl/button/zachtblauw-280.png") repeat-x left top; 
}
#txt{
	float:left;
	height:100%;
	left:0;
	width:100%; max-width: 800px; /*font-size : 0.9em;*/
	
	 }
#txt p{
	font-weight: normal;
	font-size: 0.9em;
	text-align: left; line-height:1.5em;
	padding: 0;
	color: #31659C;
	margin:1em 1.5em 1em 1.5em;
}
#leftside{
	float:left;
	width: 20%;
	height:100%; 
	background: #fff url("http://www.apartmentblacksand.com/imgkl/button/zachtblauw-143.png") repeat-x left top;
	}
.border{ border: 1px double #FF9966; background-color:#fff;}	
.actueelleft {
	background: #fff url("http://www.apartmentblacksand.com/imgkl/button/zachtblauw-143.png") repeat-x left top;
	/*border:1px solid #d5d8d7;*/
	margin-left:0.5em;
	margin-right:1%;
	margin-bottom:0.5em;
	padding:0.2em 0.8em 0.2em 0.8em;
}
.actueelleftwit { 
	border:1px solid #F86307;
	margin-left:1em;
	margin-bottom:0.5em;
	padding:0.2em 0.8em 0.2em 0.8em;
}
/* Overige */
#top-back{margin-top:40px; padding-bottom:10px; height:20px;}
.text-top {float: left; background:url("http://www.apartmentblacksand.com/imgkl/button/uparrow.png") no-repeat; padding-left:20px; }
.text-back {float: right; background:url("http://www.apartmentblacksand.com/imgkl/button/back.png") no-repeat; padding-left:20px;}
.imgleft{padding:1%;
	border:solid 1px #d5d8d7;
	background-color:#fff; width: 147px; height: 80px;}
.imgright{float: right; padding:1%;  
	border:solid 1px #d5d8d7;
	background-color:#fff; }
.imgtekst {
	float: right;
	padding: 0.5%;
	text-align:center;
	border:solid 1px #d5d8d7;
	margin-left:10px;
	color: #999999;
	font: lighter small-caps 1em Tahoma;
	text-transform: capitalize;
}
.imgtekstleft {
	float: left;
	padding: 0.5%;
	text-align:center;
	margin-left:5px;
	color: #999999;
	font: lighter small-caps 1em Tahoma;
	text-transform: capitalize;
}
.clear { clear: both; height: 0px; visibility:hidden }
.clearfooter {clear: both; background-color:#6996D9; height:60px;
text-align:center; 
	}
#footer {display: none; position: absolute; left: -9000px;}
.hide{display: none; position: absolute; left: -9000px;}
					/* Typography */
	ul.arrow li {font-size: 0.9em; 
	padding-left: 10px; line-height: 180%;
	list-style: square url('http://www.apartmentblacksand.com/imgicons/ydArrow.gif') inside;
	}
ul.arrow {list-style-type: square; list-style: square url('http://www.apartmentblacksand.com/imgicons/ydArrow.gif') ;
	padding-left:1px; 
	}
	li{ list-style:none;}
em {
	font-style: italic;
	}
h1{ padding: 1.5em 1em 0 1em;}
h2{padding: 1.5em 1em 0 1em;}
h3{font: bold 0.8em/1em }
.ft1 {/*titel or subtitel*/
	font-weight: bolder;
	color:#31659C; 
    font-size: 1.1em /*1.125em*/;
	font-style: normal; text-align:center; margin-top: 2em;
	
}
.ft2 {
font-size: 0.8em; 
color: #31659C ;
 margin: 0;
 word-space:normal;
 font-weight: normal; 

}
.ft3 { /*teksfooter, popup*/
	font-weight: normal;
	font-size: 0.7em;
	color:#fff;
	text-align: center; line-height:140%;
}


.ft4 /*tekstrightside*/{
color:#31659C;
font-size: 0.8em;
font-style: normal;
	}
.tabel {
font-size: 0.9em; 
color: #31659C;
 margin: 0;
 /*padding: 1.5em 0.1em 0 0.5em;*/
 line-height: 120%;
 word-spacing: 2px; 
 font-weight: normal; border:solid 1px #6D7C9B;
 
 border-color:#0099FF

}

		/*  --------- 7. Links --------- */
a:link { font-size: 1em; color:#6996D9; text-decoration:none; /*background-color:#EAF4D3;*/
}
a:hover { 
color: #31659c;
text-decoration : underline;
}
a:active {
color : #6996D9;
}
a:visited {
font-size: 1em; color: #6996D9; text-decoration:none;  
}
a.foo:link {font-size:0.7em;
color:#6996D9;
text-decoration:none; background-color: transperent;
}
a.foo:hover {background-color:#EBF0F5;
color : #31659c;
}
a.foo:visited {font-size:0.7em;
color:#6996D9;
}
a.copy:link {font-size: 0.8em;
color:#fff;
text-decoration : none;
padding : 2px;
}
a.copy:hover {background-color:#EBF0F5;
color : /*#F0FFFF;*/#31659c;
}
a.copy:visited {font-size: 0.8em;
color:#fff;
}
/*MENU; DENK AAN HET BIJWERKEN VAN IE IN HTML !!*/
.menu{ position: absolute;
top: 205px; 
z-index: 50;
/*background-color:transparent; #00CED1 cyaanblauw, achtergrond van hele menubalk, niet zichtbaar*/
width: 100%;
float: left;
height: 14px; overflow:visible; margin-left:4px;
}
.menu a {color:#3E474E;
display: block;
border-width: 2px;
border-style: solid;
border-color: #ffe #aaab9c #ccc #fff;
margin: 0;
/*padding: 2px 3px; ???*/
padding-left: 0.5em;
}
.menu a:hover {
/*background-color: #F0F0F0; niet zichtbaar hier*/
border-color: #aaab9c #fff #fff #ccc;
text-decoration: none;
}
.menu ul {
list-style: none;
margin: 0;
padding: 0;
width: 14%; /*12em;*/
float: left;
background-color:#fff;
height: 14px; /*wederom hoogte van menubalk ??*/
 
}
.menu li {position: relative; /*margin: 0*/;
}
.menu ul ul ul {background-color: #E6E6FA ; /*lavendelblauw*//*#cccc66; #E0E5EB;*/
position: absolute;
top: 0;
left: 100%;}
.menu ul ul { /*font-size: 1em; grootte van de sublinks in IE only!!!!!*/
width: 15em;
position: absolute;
z-index: 90;
}
.menu li a:hover /*, .menu li #active a:hover*/
{border-color: #aaab9c #fff #fff #ccc;	
border-width: 2px;
color:#000033;
background-color: #F0F0F0;
	}
div.menu ul ul,
div.menu ul li:hover ul ul,
div.menu ul ul li:hover ul ul
{display: none;}
div.menu ul li:hover ul,
div.menu ul ul li:hover ul,
div.menu ul ul ul li:hover ul
{display: block;}
 
 .menu1, .menu5, .menu, .menu a, .menu a:visited, .menu a:hover, .menu ul, .menu li, .menu li a:hover, .menu li#active a:hover, .menu ul li>ul, .menu ul ul	{ font-size: 0.9em ; color:#3E474E;}
.menu1{
	background:/*#B8C4EA #A8C9FF #D4E1F8*/  #D8E1EB;
}
.menu2{ 
	background:#DFDBF4;
}
.menu3{ 
	background:#FFCF94;
}
.menu4{ 
	background:#FEFEB4;
}
.menu5{ 
	background:#EAF4D3;
}.menu6{ 
	background:#B0AACE;
}.menu7{ 
	background:#E4B3D0;
}
/*einde menu*/

/* Float Clearing
 ---------------------------------------------------------------------*/

.module:after
{
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

/* float clearing for IE6 */
* html .module
{
	height: 1%;
	overflow: visible;
}

/* float clearing for IE7 */
* + html .module
{
	min-height: 1%;
}


/* Breadcrumb Styles
 ---------------------------------------------------------------------*/

.breadCrumb
{
	margin: 0;
	padding: 0;
	float: left;
	display: block;
	height: 21px;
	overflow: hidden;
	/*width: 990px;*/
	padding:5px;
	border:solid 1px #dedede;
	background:#fff;
}
.breadCrumb ul
{
	margin: 0;
	padding: 0;
	height: 21px;
	display: block;
}
.breadCrumb ul li
{
	display: block;
	float: left;
	position: relative;
	height: 21px;
	overflow: hidden;
	line-height: 21px;
	margin: 0px 6px 0px 0;
	padding: 0px 10px 0px 0;
	font-size: .9167em;
	background: url(http://www.apartmentblacksand.com/imgkl/button/Chevron.gif) no-repeat 100% 0;
}
.breadCrumb ul li div.chevronOverlay
{
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
}
.breadCrumb ul li span
{
	display: block;
	overflow: hidden;
}
.breadCrumb ul li a
{
	display: block;
	position: relative;
	height: 21px;
	line-height: 21px;
	overflow: hidden;
	float: left;
}
.breadCrumb ul li.first a
{
	height: 16px !important;
	text-indent:-1000em;
	width:16px;
	padding: 0;
	margin-top: 2px;
	overflow: hidden;
	background:url(http://www.apartmentblacksand.com/imgkl/button/IconHome.gif) no-repeat 0 0;
}
.breadCrumb ul li.first a:hover
{
	background-position: 0 -16px;
}
.breadCrumb ul li.last
{
	background: none;
	margin-right: 0;
	padding-right: 0;
}
.chevronOverlay
{
	display: none;
	background: url(http://www.apartmentblacksand.com/imgkl/button/ChevronOverlay.png) no-repeat 100% 0;
	width: 13px;
	height: 20px;
}