/*-----------------------------------------------------------------------------
Main Stylesheet

auteurs:    johan harteveld - Fundament All Media B.V.
-----------------------------------------------------------------------------*/

/* =General
-----------------------------------------------------------------------------*/

/* Remove padding and margin */
* {
  margin: 0;
  padding: 0;
}

/* Put it back on certain elements */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, fieldset, table, ul {
  margin: 1em 0;
}

body, html {
  width:100%;
  height:100%;
}

html {
  overflow-y: scroll;
}

img {  border: 0; margin: 0;}

/* =Typography
-----------------------------------------------------------------------------*/
html {
  background-color: #000;
}

body {
  /*font: 12px/1.6  Arial, Helvetica, "Trebuchet MS", Tahoma, Verdana, sans-serif;*/
  font: 9pt Arial, Verdana, Helvetica, "Trebuchet MS", Tahoma, sans-serif;
  color: #fff;
}

ul {
  list-style: none;
}


h1 {
  font-size: 11pt;
  margin-bottom:0px;
  margin-top:0px;
}

h2 {
  font-size: 10pt;
  margin-top:25px;
  margin-bottom:0px;
}

h3 {
  font-size: 10pt;
  margin-bottom: 0em;
  color: #fff;
  margin-left: 26px;
}

p {
  margin:0 0 26px 0;
  /*font-size:12px;*/
  line-height:1.7;
}

hr {
  height: 1px;
  background-color: #ddd;
  color: #ddd;
  border: none;
  padding: 0;
  margin: 1em 0;
}

sup {
  vertical-align: baseline;
  position: relative;
  bottom: 0.33em;
}

/* display none */
.display_none {
  display: none;
}
/* --*/
.container {
  width:100%;
  height:100%;
}

.left {
  width:50%;
  height:1px;
  float:left;
  margin-left:-496px;
}
/* =Links
-----------------------------------------------------------------------------*/

.content a {
  color: #000;
  text-decoration:underline;
}

.content .ec a {
  text-decoration:underline;
  color:#000;
}



/* =Layout
-----------------------------------------------------------------------------*/

/* gehele pagina */
.contentholder {
  width: 992px;
  height: 100%;
  float: left;
  min-height: 850px;
  overflow: visible;

}

/* in container een content_wrap waarin header, menu content en rolmpopsen */

.content_wrap {
  width: 990px;
  height: 100%;
  position: relative;
}

/*
header z-index 1
*/

.header {
  background: url("../gfx/algemeen/header.png") no-repeat;
  position: absolute;
  left: 0;
  top: 0;
  width: 992px;
  height: 124px;
  z-index: 1;
	margin-bottom: 5px;
}

.header a span {
  display: none;
}

.header .menuitem_headerhome {
  display: block;
  position: relative;
  left: 0;
  top: 0;
  width: 404px;
  height: 103px;
}

.header .menuitem_headerinteresse {
  display: block;
  position: relative;
  left: 843px;
  top: -103px;
  height: 103px;
  width: 149px;
}

.headerlinks {
  position: absolute;
  left: 0;
  top: 0;
  width: 992px;
  height: 107px;
  z-index: 2;
}

.header .interesse {
  position: absolute;
  left: 672px;
  top: 25px;
  width: 128px;
  height: 51px;
}

.header .interesse img {
  margin: 0;
  border: 0;
}


/* de content */

/* menuholder, rolmopsen, rolmops_shadows, content en content_shadows komen onder header, dus top: = hoogte header + 4 pixels marge */

.rolmopsen, .menuholder   {
  position: absolute;
  left: 0px;
  top: 107px;
}


.opacity_ophalf {
  -moz-opacity: .4;
  filter: alpha(opacity=40); 
  opacity: .4;
}

.rolmopsen {
  z-index: 4;
}


.menuholder {
  top: 133px;
  width: 992px;
  height: 435px;
  z-index: 3;
  /*border: 1px solid white;
  overflow: hidden;*/
}
/* rest van menu, wat in menuholder komt, staat in menu.css */
/* default left top van de content div, deze wordt overschreven door de id van contentContainer */
/* bv contentContainer heeft id woningenpage #woningpage heeft een specifieke left top */
/* id left top wordt de left top van de content page */

.content {
  
   /*z-index: 5;
  left: 120px;
  top: 130px;
  background-color: #ccc;
  border: 1px solid #827d7b;*/
  /*overflow: visible;*/
}

/* default lay-out van de contentContainer */
/* als je in de div contentContainer een id plaatst en die id style-t dan overschrijft die styleing de default */


.contentContainer {
/*  width: 801px;
  height: 550px;*/
  background-color: #fff;
}

.contenttext {
  padding: 30px;
}

.emptyContentContainer {
  /*position: absolute;*/
  margin:0;
  padding:0;
  background-color: #fff;
}

/* uit default css */

.ec_shortlist {
  width:100%;
  clear:both;
  border-top:18px solid #fff;
}

.ec_shortlist h2 {
  font-size:10pt;
  margin:0px;
}

/*
in content komt om de apply template een div class contentpage, met daarin de content van paginas 
de pagina.xsl geeft aan root.xsl variabele mee pageType zodat de div met class 'content' nog id krijgt 
met de id kan een specifiekere styling per pagina meegegeven worden
inhoud ( left top ) staat ten opzichte van de content
middels pageType = id van div, wordt left top binnen pagina gegegeven
*/



.emptyContentText {
  width: 420px;
  height: 370px; 
  padding: 30px;
}




.sub_menu_header {
  
}

/*  --------  shadow komt te staan in een class met een width en height gedefinieerd, shadow zet zich 100% in */

.shadow_rt {
  position: absolute;
  width: 8px;
  height: 15px;
  background: url("../gfx/algemeen/backshow_rt.png") no-repeat;
}

.shadow_rb {
  position: absolute;
  width: 8px;
  height: 15px;
  background: url("../gfx/algemeen/backshow_rb.png") no-repeat;
}

.shadow_lb {
  position: absolute;
  width: 15px;
  height: 8px;
  background: url("../gfx/algemeen/backshow_lb.png") no-repeat;
}

.shadow_r {
  position: absolute;
  width: 8px;
  background: url("../gfx/algemeen/backshow_r.png") repeat-y left top;
}

.shadow_b {
  position: absolute;
  height: 8px;
  background: url("../gfx/algemeen/backshow_b.png") repeat-x left top;
}

.footer {
}

/* =Rightcolumn
-----------------------------------------------------------------------------*/

/*.loginForm {
  float:left;
  margin-top:-400px !important;
  padding:0px !important;
}*/


.nikiWS .ec_slide {
height:330px;
width:510px;
overflow:hidden;
}

.nikiWS {
padding:0px;
}

.nikiWS h1 {
  padding:0px;
  margin:12px;
  /*margin-left:20px;
  padding-top:20px;*/
  font-size:12pt;
  font-weight:normal;
  color:#fff;
}

.nikiWS h1 .houseTypePrice {
font-size:10pt;
}

.content .nikiWS h2 {
  width: 300px;
  margin:10px;
  color:#000;
}

/*  video listing */

.inspiratieavond {
  width: 560px;
  height: 439px;
  border-bottom: 1px solid #fff;
}
 

.div_video {
   width: 560px;
   margin:0px;
   padding:0px;
   top:0px;
   left:0px;
}

.div_videodescription,
.div_videolisting {
   width: 530px;
   float: left;
   padding: 10px 15px 0 15px;
}

.div_videolist_row {
   width: 100%;
   float: left;
   margin-bottom: 15px;
}

.div_video_half {
   width: 250px;
   float: left;
   padding: 0 15px 0 15px;
}

.a_video_thumb {
   display: block;
   float: left;
   width: 80px;
   height: 63px;
   border: 1px solid #fff;
   margin-right: 5px;
}

.div_video_thumb_info h2 {
   margin: 0 0 5px 0;
}

.div_contentpage_text {
	padding: 5px 15px 20px 15px;
	width: 530px;
}

/* mail chimp voorpagina */
.baan1 #listSubscribe.ec_form label {
   cursor:pointer;
   display:block;
   float:left;
   margin-bottom:3px;
}

.baan1 #listSubscribe.ec_form p span {
   display:block;
   float:left;
   width:90px;
}

.baan1 #listSubscribe.ec_form button {
   border: 1px solid #fff;
   width: 218px;
   background-color: #ed1c24;
   color: #fff;
   margin-top: 5px;
   cursor: pointer;
   cursor: hand;
   height:23px;
   padding-bottom:5px;
}

.baan1 .formbaan1 {
   width: 225px;
   padding: 0 0 10px 0;
}
/*.kavelkaart {
  height:535px;
}*/
#kavelkaart{
  height:560px;
  overflow:visible;
  /*position:absolute;
  top:0;*/
  width:560px;
}