/*
    -- www.meertijdvoorjezelf.nl --
    -- by www.hireserve.com      --
    -------------------------------
    -- Stylesheet                --
*/

* {margin: 0;padding: 0;}
html, body {height: 100%;}
body {
  background:transparent url(../images/bg_clouds.jpg) repeat scroll bottom left !important;
  color:#164d91;
  font-family:arial,sans-serif;
  font-size:12px;
  line-height:18px;
}
/*
.wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -300px;
}
.footer, .push {
    height: 300px;
    border:1px solid red;
}
*/
#CntWrapper {
  bottom:0;
  position:absolute;
  width:1023px;
  height:596px;
  background:transparent url(/incl/images/bg_text.jpg) no-repeat scroll bottom left !important;
}
#CntTextWrapper {
  width:382px;
  float:left;
  11height:100%;
}
#CntText {margin:10px 0 0 65px;}
#logoLink {bottom:120px;left:233px;position:absolute;height:45px;width:145px;}
#CntCardsWrapper {
  height:100%;
  margin-left:382px;
  11background:transparent url(/incl/images/bg_cards.jpg) no-repeat scroll 0 0 !important;
}

/* Markup */
h1 {font-size:30px;line-height:30px;margin:10px 0;}
p {margin-top:10px;}
ul {margin-top:10px;margin-left:13px;}
a:link,
a:visited,
a:active {color:#164d91;}
a:hover {text-decoration:none;}
.intro {font-style:italic;}

/* Cards / overlay */
.cardText {width:300px;}
.logoLink {position:absolute;cursor:pointer;right:31px;top:35px;width:77px;height:100px;}
/* the overlayed element */
div.overlay {
	
	/* growing background image */
	background-image:url(/incl/images/card_bg.png);
	
	/* dimensions after the growing animation finishes  */
	width:600px;
	11height:472px;
	
	/* initially overlay is hidden */
	display:none;
	
	/* some padding to layout nested elements nicely  */
	padding:55px;
}

/* default close button positioned on upper right corner */
div.overlay div.close {
	background-image:url(/incl/images/close.png);
	position:absolute;
	right:0px;
	top:0px;
	cursor:pointer;
	height:35px;
	width:35px;
}
div.overlay div.toggle {
  background-image:url(/incl/images/right.png);
	position:absolute;
	right:5px;
	bottom:5px;
	cursor:pointer;
	height:24px;
	width:24px;
}

/* black */
div.overlay.black {
	background:url(http://static.flowplayer.org/img/overlay/transparent.png) no-repeat !important;
	color:#fff;
}

/* petrol */
div.overlay.petrol {
	background:url(http://static.flowplayer.org/img/overlay/petrol.png) no-repeat !important;
	color:#fff;
}

div.black h2, div.petrol h2 {
	color:#ddd;		
}

/* Contactformulier*/

div#contactform {float: left; width: 510px; padding: 5px; margin-bottom: 24px;}
div#contactform div.inner {float: left; width: 500px; padding: 5px;}
div#contactform form p label, div.label{float: left; width: 120px; font-weight: bold; padding: 0px;}
div.detail {float: left; width: 338px; padding: 5px 0px;}
div#contactform {clear: both; float: left;}

div#contactform form fieldset {border: none; margin: 0px !important; padding: 0px !important;}
div#contactform form p{clear: left; padding-top: 0px;width:275px;}
div#contactform form p.bot{display: none;}

div#contactform form {padding: 5px !important;}
div#contactform label.show {display: block;}

h2 {width: 510px;}

h1,h1 span.subject {font-size: 16px; line-height: 16px; color: #2868ad;}
h2,h2 span.subject {font-size: 13px; line-height: 16px; color: #2868ad;}
h1 span.subject,
h2 span.subject {color: #000;}
#contactform input.icams-button-commit{
  background: transparent url('../images/btn_verzenden2.png') no-repeat 0 0 !important;
  width:77px;
  height:23px;
  cursor:pointer;
  border:0px !important;
  float:right;
}
#contactform input,
#contactform textarea {width:150px;font-size:12px;border:1px solid #DFDFDF;font-family:Arial,Verdana,Helvetica,sans-serif; }
#contactform textarea {height:120px;}
.hidden { display:none; }