<style type="text/css">
  /* all rules from ez-min.css go below */
/* 2009 -2010 (c) | ez-css.org --<>http://www.ez-css.org/layouts
 * ez-plug.css :: version 1.1 :: 01182010
 *
 * This style sheet can be added to any document (there is no styling of HTML elements) 
 * With this style sheet, use the code snippets from http://www.ez-css.org/layouts 
 */

/*
 * this is the clearfix method
 * we rely on this to contain floats in "stand-alone" modules 
 */
 
.ez-wr:after,
.ez-box:after {
      content: ".";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden;
}

/*
 * hacks for IE 5 (Win and Mac)
 * (min-height is the "hasLayout" trigger used for IE7)
 */
 
.ez-wr,.ez-box,.ez-last {display: inline-block;min-height: 0;}    
/* hides from IE-mac \*/  
* html .ez-wr,
* html .ez-box,
* html .ez-last {height: 1%;}  
.ez-wr,.ez-box,.ez-last {display: block;}  
/* end hide from IE-mac */

/*
 * the last DIV in the HTML flow (a column) must create a new block formatting context.
 * by default, we rely on "overflow:hidden", but if this creates an issue with your design, then try one of these classes instead: 
 * ez-oa
 * ez-dt 
 * ez-it
 * ez-tc
 * ez-ib
 */
 
.ez-oh {
	overflow: hidden;
}

* html .ez-oh {
	overflow: visible;
}

.ez-oa {
	overflow: auto;
}
.ez-dt {
	display: table;
}

.ez-it {
	display: inline-table;
}
.ez-tc {
	display: table-cell;
}

.ez-ib {
	display: inline-block;
}

/* 
 * DIVs to be columns
 * we float them left or right depending on module or layout
 * the negative margin is used to fix a IE6 bug (3px jog).
 */
.ez-fl {
	float: left;
}

* html .ez-fl {
	margin-right: -3px;
}

.ez-fr {
	float: right;
}

* html .ez-fr {
	margin-left: -3px;
}

/*
 * every floated column in a module or layout needs a width
 * here we have 5 default values: 1/4, 1/3, 1/2, 2/3 and 3/4
 */

.ez-25 {width: 25%;}
.ez-33 {width: 33.33%;}
.ez-3vlak {width:300px; padding:8px;}
.ez-50 {width: 50%;}
.ez-63 {width: 63%;}
.ez-66 {width: 66.66%;}
.ez-75 {width: 75%;}

/* 
 * the following classes are used to make columns that are siblings overlap by 1 pixel (to vertically align 1 pixel borders between containers)
 * for this to work, this class must be applied to the following elements: 
 * - column 1 of Module 2A, 
 * - column 2 of Module 3A,
 * - column 1 of Module 3B, 
 * - column 3 of Module 4A, 
 * - column 1 of Module 4B, 
 * - column 1 in column 1 of Module 4B, 
 * - column 2 in column 1 of Module 4B 
 */
 
.ez-negmr {
	margin-right: -1px;
}

* html .ez-negmr {
	margin-right:-4px;
}

/* 
 * same as above, but for these elements:
 * - column 1 of Module 3A,
 * - column 1 of Module 4A,
 * - column 2 of Module 4A 
 */
 
.ez-negmx {
	margin-right: -1px;
}

/* 
 * same as above, but for these elements:
 * - column 1 of Module 2B,
 * - column 2 of Module 3B 
 */
 
.ez-negml {
	margin-left: -1px; 
}

* html .ez-negml {
	margin-left:-4px;
}


#mainMenu {
	margin-right: 0px;
	}

ul.menu li {
    border:solid 1px #ffffff;
    display:block;
    height: 25px;
    float:left;
    position:relative;
    margin:0px 6px 0px 0px;
    padding: 5px;
}		

body,td,th,html {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #616365;
	line-height: 150%;
	margin: 0;
	padding: 0;
}

body {
	background: #f0f0f0; /*#f0f0f0*/
	margin: 0;
	padding: 0;
	/*background-image:url(images/bkdgradient.jpg); */
	background-image: url(images/bkgshadow.png);
	background-repeat:repeat-y;
	background-position: center;
	background-color: #f0f0f0;
	height:auto;
}

A {color:#616365}

A:active { 
	font-weight: normal;
	}
A:link { 
	text-decoration: none;
	}
A:visited { 
	text-decoration: none;
	}
A:hover { 
	text-decoration: none;
	}
	
.ez-wr a:link,
.ez-wr a:visited,
.ez-wr a:hover {text-decoration:underline;}	

li.current_page {
	color: #ffa100;
	}

ul.menu li:hover {
    border:solid 1px #616365;
	cursor:pointer;
	/*background:#616365;*/
}

h1{	color: #616365;
	line-height: 24px;
	font-weight: lighter;
	font-size: 24px;
	margin-top: 0px;
	text-transform: none;
}
h1.wit {color: #ffffff; margin-top:20px;}

h2,h4,h5,h6 {
    font-size: 14px;
    color: #616365;
    font-weight: bold;
}

h3 {
	font-weight: normal;
	font-size: 18px;
	text-transform: none;
	margin:0;
	padding:0;
	line-height: 35px;
}

.bannertekstalg{
	color: #FFFFFF;
    font-size: 24px;
    position: absolute;
    text-align: left;
    width: 100%;
    z-index: 1000;
}

.bannertekstlaag{
padding: 50px 70px 20px 20px;
}
.bannerteksthoog{
padding: 130px 70px 20px 20px;
}
.sidebaritem{
	font-size: 18px;
	text-transform: none;
	font-weight: normal;
	color: #616365;
	margin-right: none;
	padding-left:5px;
	line-height: 35px;
	border-left: solid 5px #ffa100;
	background: #c9cac8;
}
.sidebartekst{padding-top:10px; padding-left:5px;padding-right:10px;border-left: solid 5px #ffffff;}
.sidebartekst:hover{background-color:#c9cac8; cursor:pointer;border-left: solid 5px #ffa100;}

.box {min-height:300px; padding:10px; color:#ffffff;}
.box h1 {color: #ffffff; margin-top:20px;}
.paars {background-color:#873F93;}
.grijs {background-color:#616365;}
.lichtgrijs {background-color:#c0c0c0;}
.groen {background-color:#3C7800;}
.oranje {background-color:#3C7800;}/*f75205*/
.roze {background-color:#873F93;}
.donkereletters{color: #616365;}
.zwarteletters{color: #000000;}
.donkereletters h1{color: #616365; margin-top:20px;}
.lichteletters{color: #c0c0c0;}
.lichteletters A, .lichteletters A:active,.lichteletters A:link,.lichteletters A:visited,.lichteletters A:hover {color:#ffffff}

.footer {clear:both; width:960px; height:50px; line-height:50px; text-align:center; background-color:#ffffff;}
.hoogtespacer {height:20px; width:100%;}

.bg_oranje {background-image:url(images/matcarousel002_960.jpg);}
.bg_oranjelaag{background-image:url(images/matcarousel002_960.jpg);}
.bg_paars {background-image:url(images/matcarousel004_960.jpg);}
.bg_paarslaag{background-image:url(images/matcarousel004_960.jpg);}
.bg_roze {background-image:url(images/matcarousel001_960.jpg);}
.bg_rozelaag{background-image:url(images/matcarousel001_960120.jpg);}

/*formulier-onderdelen*/

form.dark ol
{
	list-style: none;
}
form.dark ol li
{
	margin: .2em 0; 
	margin-left: -30px;
}

form.dark ol li label
{
	display: block;
}

form.dark ol.table
{
	list-style: none;
	display: table;
}

form.dark ol.table li
{
	display: table-row;
}
form.dark input[type=text],
form.dark input[type=password],
form.dark textarea,
form.dark select
{
	background-color: #c9cac8;
	border: 1px dotted #fff;
	width: 230px;
}

form.dark input[type=text]:focus,
form.dark input[type=password]:focus,
form.dark textarea:focus,
form.dark select:focus
{
	background-color: #eee;
	border: 1px dotted #fc0;
}

form.dark input[type=button],
form.dark input[type=submit],
form.dark input[type=reset],
form.dark button
{
	border: none;
	padding: .3em 1em;
	color: #000;
	background: transparent url('images/buttonorange.gif') no-repeat;
	width: 92px;
	height: 29px;
	background-position: center;
	cursor:pointer;
	
	transparent;
}

form.dark input[type=button]:hover,
form.dark input[type=button]:focus,
form.dark input[type=submit]:hover,
form.dark input[type=submit]:focus,
form.dark input[type=reset]:hover,
form.dark input[type=reset]:focus,
form.dark button:hover,
form.dark button:focus
{
	background-color: #d83b18;
	color: #fff;
	background: transparent url('images/buttonred.gif') no-repeat;
	width: 92px;
	height: 29px;
	background-position: center;
	cursor:pointer;
}

.voordelen ul {
    font-size: 14px;
    line-height: 1.5em;
    list-style-image: url("images/groenvinkje.png");
}
.voordelen ul li{ margin-top:10px;}

.thumbs{border:1px dotted #000000; height:180px; width:160px; display:inline-table}
.screenshot {border:1px dotted #000000; padding:3px; max-width:260px; margin-top:8px; margin-bottom:4px;}
.qtourimage{ padding:3px; width:160px; max-height:160px; margin-top:8px; margin-bottom:4px; vertical-align:text-top}
.qtourtwee {margin-left:30px;}
.qtourtitel{border:solid 3px #fffff; background-color:#333333; color:#FFFFFF; width:580px; padding:20px; font-size: 14px;}
.kenmerkkop {margin-bottom:0; margin-top:20px;}

.infiniteCarousel {
  width: 320px;
  position: relative;
}

.infiniteCarousel .wrapper {
  width: 325px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */
  overflow: auto;
  min-height: 10em;
  margin: 0 40px;
  position: absolute;
  top: 0;
}

.infiniteCarousel ul a img {
  border: 5px solid #000;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

.infiniteCarousel .wrapper ul {
  width: 9999px;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  padding:0;
  position: absolute;
  top: 0;
}

.infiniteCarousel ul li {
  display:block;
  float:left;
  padding: 10px;
  height: 85px;
  width: 325px;
}

.infiniteCarousel ul li a img {
  display:block;
}

.infiniteCarousel .arrow {
  display: none;
  height: 36px;
  width: 37px;
  background: url(images/arrow.png) no-repeat 0 0;
  text-indent: -999px;
  position: absolute;
  top: 37px;
  cursor: pointer;
}

.infiniteCarousel .forward {
  background-position: 0 0;
  right: 0;
}

.infiniteCarousel .back {
  background-position: 0 -72px;
  left: 0;
}

.infiniteCarousel .forward:hover {
  background-position: 0 -36px;
}

.infiniteCarousel .back:hover {
  background-position: 0 -108px;
}



</style>
