@charset "utf-8";
/*
  GENERAL INFO
  Site:       http://
  Version:    2009.04
  Author:     Webbureau Quite Easy
  Email:      webmaster@quite-easy.nl
  Website:    www.quite-easy.nl  
*/


/*********************************************************************
* reset                                                              *
*********************************************************************/

  html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, textarea, input, select {margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
  table {border-collapse: collapse; border-spacing: 0;}
  caption, th, td {text-align: left; font-weight: normal;}
  table, td, th {vertical-align: middle;}
  blockquote:before, blockquote:after, q:before, q:after {content: "";}
  blockquote, q {quotes: "" "";}
  a img {border: none;}
  :focus {outline: 0; }

/*********************************************************************
* algemeen                                                           *
*********************************************************************/

  *{margin:0;padding:0;}
  html{height:100%;padding-bottom:1px; /* force scrollbars */}
  body{font:normal 62.5% Arial,Helvetica;line-height:1.8; height:100%;}

/**********************************
* koppen                          *
**********************************/

  h1, h2, h3, h4, h5, h6 {line-height: 1;margin-bottom: 0.7em;color:#004a84}

  h2, h3, h4, h5, h6 { margin-left:15px; }
  
  h1 { font-size: 1.8em; }
  h2 { font-size: 1.4em }
  h3 { font-size: 1.5em }
  h4 { font-size: 1.25em }
  h5 { font-size: 1.1em }
  h6 { font-size: 1em }

  h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin: 0;}
  
/**********************************
* tekst elementen                 *
**********************************/

  p {margin-bottom: 25px;}
 
  a{color:#004a84;text-decoration:underline;}
  a:focus, a:hover{color:#ef8c00;}

  abbr, acronym {border-bottom: 1px dotted #666;}
  address {margin-bottom: 1.5em;}
  blockquote {margin: 1.2em; line-height: 1.4em;}
  blockquote span {font-size: 1.4em; color: #000;}
  del {color:#666;}
  em, dfn, blockquote, address {font-style: italic;}
  strong, dfn {font-weight: bold;}
  sup, sub {line-height: 0;}
  cite {color: #666;}
  pre {margin: 1.5em 0;white-space: pre;}
  pre,code,tt {font: 1em monospace;line-height: 1.5;}

/**********************************
* lijsten                         *
**********************************/

  li ul, li ol {margin-left: 1.5em;}
  ul, ol {margin: 0 1.5em 1.5em 4em;}

  ul {list-style-type: disc;}
  ol {list-style-type: decimal;}

  dl {margin: 0 0 1.5em 0;}
  dl dt {font-weight: bold;}
  dd {margin-left: 1.5em;}

/**********************************
* tabellen                        *
**********************************/

  table {margin-bottom: 1.4em; width: 100%;}
  th {font-weight: bold;}
  thead th {background: #C3D9FF;}
  th,td,caption {padding: 4px 10px 4px 5px;}
  tr.even td {background: #F2F6FA;}
  tfoot {font-style: italic;}
  caption {background: #EEE;}

  table.data-table {border: 1px solid #EEE;margin-bottom: 2em;width: 100%;}  
  table.data-table th {background: #EEE;border: 1px solid #DDD;color: #555;text-align: left;}
  table.data-table tr {border-bottom: 1px solid #EEE;}
  table.data-table td, table th {padding: 8px 10px;}
  table.data-table td {background: #F6F6F6;border: 1px solid #E6E6E6;}
  table.data-table tr.even td {background: #FCFCFC;}

/**********************************
* formulieren                     *
**********************************/

  form{ margin-left:17px;}
  label {position: absolute; width:100px; margin:0.3em 0;}
  fieldset {padding: 1.4em; margin: 0 0 1.5em 0; border: 1px solid #DDD; background: #F6F6F6;}
  legend {font-weight: bold; font-size: 1.2em;}

  input, textarea, select {background: #fff;border: 1px solid #F29400;margin: 0.2em 0 0.2em 120px; padding: 4px 5px; width:250px;}

  textarea {overflow: auto;}
  select{ width:262px;}
  input.text:focus, textarea:focus, select:focus {background: #FFFFF5;}

  input.submit{ background-color:#F29400; color:#fff; width:100px; margin-left:283px;}
  input.submit2{ background-color:#F29400; color:#fff; width:100px; margin:0px;}
  input.button:active {border-style: inset;}

  .form-error {border-color: #F00;}
 
/**********************************
* afbeeldingen                    *
**********************************/
  a img{border:0;}
  img.bordered,img.alignleft,img.alignright,img.aligncenter{background-color: #FFF;border: 1px solid #DDD;padding: 3px;}
  img.alignleft, img.left {margin: 0 1.5em 1em 0;}
  img.alignright, img.right {margin: 0 0 1em 1.5em;}



/**********************************
* algemeen                        *
**********************************/
  #qe-wrapper{width: 850px;margin: 0 auto; position:relative; min-height:100%; _height:100%;}

  #qe-header{height:200px;margin-bottom:15px;}
  #homepage #qe-header{height:370px;}
  #qe-logo{float:left; width:150px; height:75px; padding-top:15px; }

  #qe-header-image{
	  	color:#fff;		
  		float:right;width: 385px;
		height: 234px;
		padding: 10px 0 0 20px;
		margin-top:20px;
		margin-right:0;
		font-size:13px;
		line-height:20px;
}
#qe-header-image h2{color:#fff; font-size:1.4em; margin:0 0 10px 0;}
#qe-header-image form{margin:0;}

/*  #qe-header-image{		
  		float:right;width: 385px;
		height: 234px;
		padding: 19px 0 0 20px;
		background: url(../images/imageBg.gif) no-repeat;
		margin-top:20px;
		margin-right:0;
}*/
  
  #qe-breadcrumb{}

/**********************************
* menu                            *
**********************************/

  /* mainmenu
  ********************************/
ul#mainmenu {
	width: auto;
    height: 38px;
	float: right;
	margin: 58px 19px 0 0;
	list-style: none;
	font-size: 12px;
	color:#fff;
}
ul#mainmenu li {
	float: left;
	padding: 0;
	position: relative;
	z-index: 1;
	margin-right:3px;
}

a .menu-left {
	background:url(../images/tabs-left.gif) no-repeat;	
	height: 32px;
	line-height: 38px;
	display: block;
	float: left;
	width:11px;
}
a .menu-mid {
	background:url(../images/tabs-middle.gif) repeat-x top left; 	height: 32px;
	line-height: 38px;
	display: block;
	float: left;
	color:#fff;
	padding:0 3px;
}
a .menu-right {
	background:url(../images/tabs-right.gif) no-repeat; 	height: 32px;
	line-height: 38px;
	display: block;
	float: left;
	width:11px;
}
#mainmenu li a:hover .menu-left,
#mainmenu li.active a .menu-left,
#mainmenu li:hover a .menu-left,
#mainmenu li a:hover .menu-mid,
#mainmenu li.active a .menu-mid,
#mainmenu li:hover a .menu-mid,
#mainmenu li a:hover .menu-right,
#mainmenu li.active a .menu-right,
#mainmenu li:hover a .menu-right {
	background-position: 0 -38px;
}



ul#mainmenu li.last {
	margin-right:0;
}
ul#mainmenu li:hover {
	z-index:2;
}
ul#mainmenu li a:hover, ul#mainmenu li.active {
	
}
ul#mainmenu li:hover .sub, ul#mainmenu li.hover .sub {
	display:block;
}
ul#mainmenu li .sub {
	background: url(../images/top-submenu.png) no-repeat;
	display: none;
	position: absolute;
	top: 32px;
	left: 1px;
	width: 209px;
	padding-top: 5px;
	z-index:500;
}
ul#mainmenu li ul {
	background: url(../images/bg-submenu.png) repeat-y top left;
	height: auto;
	margin: 0;
	list-style: none;
	font-size: 12px;
}
ul#mainmenu li:hover li, ul#mainmenu li.active li {
	width: 200px;
	margin-left:4px;
	background: none !important;
}
ul#mainmenu li:hover li a, ul#mainmenu li.active li a {
	display:block;
	color: #fff;
	background: none !important;
	width:181px;
	padding:0 10px;
	text-decoration:none;
	padding-top:3px;
	height:24px;
}
ul#mainmenu li:hover li a:hover, ul#mainmenu li.active li a:hover {
	color: #fff;
	background: #004a8b !important;
	text-decoration: none;
}
/*IE*/ul#mainmenu li li a:hover, ul#mainmenu li li a:hover {
	color: #fff;
	background: #004a8b !important;
	text-decoration: none;
}/**/
ul#mainmenu .btm-bg {
	background: url(../images/bottom-submenu.png) no-repeat;
	width: 209px;
	height: 11px;
	overflow: hidden;
	clear: both;
}
/**********************************
* body                            *
**********************************/
  #qe-body{background:#000;}
  #background{position: absolute; top: 0; left:0; background:url(../images/bg-header.gif) repeat-x; height:175px; width:100%;}
  #homepage #background{height:370px; overflow:hidden;}

  /* main content
  ********************************/
  #qe-contentWrap{}
  #qe-content{float: left;width: 550px; margin-right:40px; font-size:1.3em}
  #qe-content p{margin-left:15px;}


  /* right sidebar
  ********************************/
  #qe-rightsidebar{float:right; width:240px; margin-right:18px;}

/**********************************
* footer                          *
**********************************/
  #qe-footerWrap{background:url(../images/bg-footer.gif) repeat-x top left; height:51px; padding-top:25px;}
  #qe-footer{width:800px; margin: 0 auto; height:50px; color:#fff;}

  #qe-footer a{color:#fff; text-decoration:none;}
  #qe-footer a:hover{text-decoration:underline;}

/**********************************
* bottom                          *
**********************************/
  #qe-bottom {background:#ccc;}
  
  #qe-bottom a {}
  #qe-bottom a:hover{}
  
  #qe-bottom .text-separator{}
  
  
  #fotoContainer{
margin: 0 0 0 17px;
z-index: 1000;
}

#map{width:550px; height:300px; margin-left:17px;}
   
 .newsticker-jcarousellite { float:left;width:370px; margin-top:6px; padding:25px 0 0 0; }  
 .newsticker-jcarousellite ul li{ list-style:none; display:block; padding-bottom:1px; margin-bottom:60px; height:188px;}  
 .newsticker-jcarousellite h2{ color:#fff; font-weight:bold; font-size:20px; margin:0 0 10px 0; padding:0;}
 .newsticker-jcarousellite p{ color:#fff; font-size:1.4em;}



/**********************************
* seperator                       *
**********************************/
  .qe-separatorHor{}
  .qe-separatorVer{}


/**********************************
* kolommen                        *
**********************************/
  .qe-kolom1, .qe-kolom2, .qe-kolom3, .qe-kolom4, .qe-kolom5, .qe-kolom6, .qe-kolom7, .qe-kolom8, .qe-kolom9, .qe-kolom10, .qe-kolom11, .qe-kolom12, .qe-kolom13, .qe-kolom14, .qe-kolom15, .qe-kolom16, .qe-kolom17, .qe-kolom18, .qe-kolom19, .qe-kolom20, .qe-kolom21, .qe-kolom22, .qe-kolom23, .qe-kolom24{float:left; margin:0 10px;}

  .qe-kolom1{width: 30px; height: 10px;}
  .qe-kolom2{width: 70px; height: 10px;}
  .qe-kolom3{width: 110px; height: 10px;}
  .qe-kolom4{width: 150px; height: 10px;}
  .qe-kolom5{width: 190px; height: 10px;}
  .qe-kolom6{width: 230px; height: 10px;}
  .qe-kolom7{width: 270px; height: 10px;}
  .qe-kolom8{width: 310px; height: 10px;}
  .qe-kolom9{width: 350px; height: 10px;}
  .qe-kolom10{width: 390px; height: 10px;}
  .qe-kolom11{width: 430px; height: 10px;}
  .qe-kolom12{width: 470px; height: 10px;}
  .qe-kolom13{width: 510px; height: 10px;}
  .qe-kolom14{width: 550px; height: 10px;}
  .qe-kolom15{width: 590px; height: 10px;}
  .qe-kolom16{width: 630px; height: 10px;}
  .qe-kolom17{width: 670px; height: 10px;}
  .qe-kolom18{width: 710px; height: 10px;}
  .qe-kolom19{width: 750px; height: 10px;}
  .qe-kolom20{width: 790px; height: 10px;}
  .qe-kolom21{width: 830px; height: 10px;}
  .qe-kolom22{width: 870px; height: 10px;}
  .qe-kolom23{width: 910px; height: 10px;}
  .qe-kolom24{width: 950px; height: 10px;}

/**********************************
* misc classes                    *
**********************************/
  .small {font-size: 0.9em;}
  .smaller {font-size: 0.8em;}
  .smallest {font-size: 0.7em;}

  .large {font-size: 1.3em;}
  .larger {font-size: 1.4em;}
  .largest {font-size: 2em;line-height: 1;margin-bottom: 0.5em;color:#004a84}

  .hidden {display: none;}

  .quiet {color: #666;}
  .loud {color: #000;}
  .highlight {background: #FF0;}

  .text-left {text-align: left;}
  .text-right {text-align: right;}
  .text-center {text-align: center;}

  .error, .notice, .success {}

  .error {background: #FBE3E4; color: #8A1F11; border-color: #FBC2C4;}
  .error a {color: #8A1F11;}

  .notice {background: #FFF6BF; color: #514721; border-color: #FFD324;}
  .notice a {color: #514721;}

  .success {background: #E6EFC2; color: #264409; border-color: #C6D880;}
  .success a {color: #264409;}
  
  .kopImage{ background:url(../images/heading.gif) no-repeat top left; height:24px; padding:14px 0 0 15px;}
  
  .sponsor-thumbnail{position: relative; float: left; height:90px; width: 90px; border: #ccc solid 1px; margin: 0 0 17px 17px; padding: 5px;}
  
  .foto{
position: relative;
float: left;
width: 100px;
height: 75px;
border: #ccc solid 1px;
margin: 0 5px 5px 0;
padding: 2px;
}

.button{}
.button a{width:94px; height:25px; background:url(../images/button.gif) no-repeat 0 -27px; float:right; font-size:11px; text-align:center; padding-top:2px; color:#fff; text-decoration:none;}
.button a:hover{ background-position:0 0;}

.nieuws{margin-bottom:20px;}
.nieuws .button a{font-size:12px;}
.nieuws .nieuws-datum{font-size:10px; margin: -20px 0 0 17px;}

.fotoalbum{width: 100px; float:left; text-align:center; margin-bottom:0px; padding:5px 9px; border:0;}
.intro-foto{height:85px; width:110px; overflow:hidden; margin-bottom: 0px; }
.intro-foto a{display: block; border:5px solid #ccc; width:100px; height: 75px;}


/**********************************
* floats                          *
**********************************/
  .left,.alignleft {float: left;}
  .right,.alignright {float: right;}
  .clear,.clearer {clear: both;}
  .clearer {display: block;font-size: 0;line-height: 0;}

/**********************************
* borders                         *
**********************************/
  .noborder {border: 0;}
  .notborder {border-top: 0;}
  .norborder {border-right: 0;}
  .nobborder {border-bottom: 0;}
  .nolborder {border-left: 0;}

/**********************************
* margins                         *
**********************************/
  .nomargin {margin: 0;}
  .notmargin {margin-top: 0;}
  .normargin {margin-right: 0;}
  .nobmargin {margin-bottom: 0;}
  .nolmargin {margin-left: 0;}

/**********************************
* paddings                        *
**********************************/
  .nopadding {padding: 0;}
  .notpadding {padding-top: 0;}
  .norpadding {padding-right: 0;}
  .nobpadding {padding-bottom: 0;}
  .nolpadding {padding-left: 0;}