/**
 * Stalling Brabant stylesheet
 *
 */

/* Common
 ****************************************************************************/
 
* {
  margin:0;
  padding:0;
}

body {
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  height:100.1%;
  overflow-x:hidden;
  margin:0;
}

html {
  overflow-y:scroll;
}

a{
  color:#000;
  font-weight:700;
  text-decoration:underline;
}

a:hover {
  color:#043661;
}

td {
  vertical-align:top;
}


a:active {
  color:#043661;
}

.style1 {
  font-family:Arial, Helvetica, sans-serif;
  font-weight:700;
  font-size:14px;
  color:#FFF;
}

.style2 {
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
}

.style3 {
  font-size:14px;
  font-weight:700;
}

/* Layout
 ****************************************************************************/
  #wrapper {
    width:970px;
    height:100%;
    position:relative;
    margin:0 auto;
  }

  #header {
    width:970px;
    position:relative;
  }

  #linker {
    cursor:pointer;
    width:320px;
    height:180px;
    position:absolute;
    top:0;
    left:325px;
  }

  #menu {
    width:960px;
    height:56px;
    background:url(../images/bg_menu.jpg) no-repeat left top;
    position:relative;
  }

  #content {
    width:940px;
    height:auto;
    padding:10px;
  }

  #display {
    width:940px;
    overflow:hidden;
    margin:10px 0;
  }

    #main{
      float:left;
      width:45%;
    }
    #aside{
      float:right;
      width:50%;
    }

  #footer{
    margin-bottom:20px;    
    padding-top:20px;
    border-top:2px solid #ccc;
  }

/* =Header
 ****************************************************************************/
  #header{

  }
  #logo{
    float:left;
    border:0;
  }
  #logo img{ border:0; }
  
  #newsletter{
    float:right;
    width:485px;
    margin-right:10px;
    margin-top:0;
    background-color:#e0e6ee;
    color:#fff;
  
    -webkit-border-radius:0 0 8px 8px;
       -moz-border-radius:0 0 8px 8px;
         -o-border-radius:0 0 8px 8px;
            border-radius:0 0 8px 8px;
  }
    #newsletter form{
      width:auto;
      padding:8px;      
    }
    #newsletter fieldset{
      border:0;
    }
    #newsletter legend{
      font-size:14px;
      padding-left:7px;
      margin-bottom:7px;
      padding-bottom:2px;
      border-bottom:2px solid white;
      display:block;
      width:98%;
    }
    #newsletter label{
      float:left;
      display:block;
      width:50px;
      color:#6380A8;  
    }
    #newsletter div{
      padding:4px 5px;
      float:left;
    }
    #newsletter input{
      width:110px;
    }
    #newsletter button{
      margin-left:10px;
    }

/* =Navigation
 ****************************************************************************/
  .navmenu{
    float:left;
  }
  #menu ul{
    margin-left:15px;
  }
  #menu li{
    list-style-type:none;
    float:left;

  }
  #menu a{
    color:#fff;
    font-size:15px;
    text-decoration:none;
    float:left;
    display:block;
    padding:10px;
    height:20px;    
    text-transform:lowercase;
  }
    #menu a:hover{
      text-decoration:underline;
    }
  #menu a.submenu_focused{
    background-color:#013668;
  }
    #menu a.submenu_focused:hover{
      text-decoration:none;
    }
  
/* =Project - occasions
 ****************************************************************************/
  
  ul.project_list {
    margin:0;
    padding:0;
    overflow:hidden;
  }

  ul.project_list li {
    width:445px;
    list-style:none;
    float:left;
    height:180px;
    overflow:hidden;
    position:relative;
    cursor:pointer;
    padding:5px;
    border:2px solid #6380A8;
    margin:5px;
    background:#E0E6EE;    
  }
  ul.project_list li:hover{
    border-color:#02376B;
  }
  .project_list .project_picture{
    float:left;
    margin-right:10px;
  }
  .project_list li p{
    width:180px;
    float:left;
    padding:5px 0;
  }
  .project_list p a{
    float:right;
  }
  .project_list a{
    color:#02376B;
  }
  
/*
  .odd {
    background:#E0E6EE;
    color:#fff;
  }

  .even {
    background:#00ff00;
    color:#000;
    
  }*/
/*
  .project_name {
    float:right;
    text-align:right;
    padding-bottom:10px;
    width:230px;
  }

  .project_picture {
    padding-right:10px;
    float:left;
  }

  .project_description {
    float:left;
    width:230px;
    text-align:left;
  }

  a.proj_name_link {
    font-size:14px;
    font-weight:700;
    text-decoration:none;
  }

  a.proj_name_link:hover {
    color:#CCC;
  }

  .button_learn_more {
    background:url(../images/button_learn_more.jpg) no-repeat top center;
    cursor:pointer;
    width:90px;
    height:20px;
  }

  a.leesmeer,a.leesmeer:active,a.leesmeer:visited {
    color:#89A0BF;
  }
*/

  h1.occasion_name {
    padding-bottom:5px;
    text-align:right;
    color:#89A0BF;
  }

  a.paginationx,a.paginationx:visited,a.paginationx:active {
    color:#000;
    font-size:12px;
    font-weight:700;
    text-decoration:none;
  }

  .pagination_prev {
    background:url(../images/button_prev.jpg) no-repeat top center;
    cursor:pointer;
    width:85px;
    height:10px;
    position:absolute;
    top:0;
    left:0;
  }

  .pagination_next {
    background:url(../images/button_next.jpg) no-repeat top center;
    cursor:pointer;
    width:85px;
    height:10px;
    position:absolute;
    top:0;
    right:0;
  }

  .pagination {
    text-align:center;
    position:relative;
    padding:0 85px;
  }

  .single_project_name,.KOP,.news_date {
    text-align:left;
    font-size:16px;
    padding:15px 15px 15px 0;
  }


  .KOP2 {
    text-align:left;
    font-size:16px;
    color:#FFF;
    padding:15px 15px 15px 0;
  }

  .besc {
    text-align:left;
    font-size:14px;
    padding:15px 15px 15px 0;
  }

  .single_project_picture {
    float:left;
    padding:5px 20px 10px 0;
    width:415px;
  }

  .single_project_description {
    font-size:12px;
    padding-bottom:15px;
/*    float:right;
    width:490px;*/
  }
  

  #photo_album {
    padding-top:20px;
  }

  .language_switch {
    text-align:left;
    padding:20px 20px 20px 40px;
  }


  #product_highlight {
    text-align:center;
    padding:30px 0 0;
  }

  a.proj_newest,a.proj_newest:active,a.proj_newest:visited {
    color:#FFF;
    font-size:12px;
    text-decoration:none;
  }

  a.proj_newest:hover {
    color:#FFF;
    font-size:12px;
    text-decoration:underline;
  }


/* =Content
 ****************************************************************************/
  #display h1{
    text-align:left;
    text-transform:capitalize;
    color:#02376B;
    margin:0 0 10px 0;
  }

  #display p,
  #display td{
    line-height:150%;
    font-size:12px;
    color:#333;
  }
  
  /* Tarieven and openingstijden table */
  .tarieven #display table,
  .openingstijden #display table{
    border:1px solid #E0E6EF;
    border-collapse:collapse;
  }
    .tarieven #display table tr:nth-child(1) td,
    .openingstijden #display table tr:nth-child(1) td{      
      background-color:#c6d2e5;
    }
    .tarieven #display table tr:nth-child(even) td,
    .openingstijden #display table tr:nth-child(even) td{
      background-color:#E0E6EF;
    }
    .tarieven #display table td,
    .openingstijden #display table td{
      border-right:1px solid #E0E6EF;
      padding:2px;
    }
    
  /* Occasion properties table */
  table#project_props{
    width:100%;
    border:1px solid #E0E6EF;
    border-collapse:collapse;    
  }
  
  #project_props th,
  #project_props td{
    text-align:left;
    padding:0.2em 0.4em;
  }
  #project_props th{
    width:45%;
  }
  #project_props tr:nth-child(even) td,
  #project_props tr:nth-child(even) th
  {
    background-color:#c6d2e5;
  }
  
    
  /* Footer */
  #footer p{
    color:#5E80AD;
    font-size:16px;
    font-weight:bold;
    letter-spacing:0.05em;
    text-align:center;
  }
  #footer a{
    color:#5E80AD;
  }
  
  /* Aside */
  #cycle_holder{
    border:2px solid #6380A8;
    float:right;
  }

/* =Forms
 ****************************************************************************/
  .form_row {
    text-align:left;
    height:30px;
    position:relative;
    width:500px;
    border:1px solid #6380A8;
    margin:5px;
  }
  .form_name {
    text-align:left;
    font-size:15px;
    color:#6380A8;
    font-weight:700;
    padding:10px;
  }

  .form_header {
    text-align:left;
    font-size:13px;
    color:#6380A8;
    padding:10px 15px;
  }

  .form_holder {
    text-align:left;
    color:#6380A8;
    font-size:12px;
    padding:10px;
  }

  .form_row_cb {
    text-align:left;
    height:110px;
    position:relative;
    width:500px;
    border:1px solid #6380A8;
    margin:5px;
  }

  .form_row_txt {
    text-align:left;
    height:100px;
    position:relative;
    width:500px;
    border:1px solid #6380A8;
    margin:5px;
  }

  .form_text {
    width:200px;
    font-weight:700;
    text-align:left;
    padding:5px;
  }

  .form_input_x input {
    border:1px solid #000;
    color:#6380A8;
    font-weight:700;
    width:280px;
  }

  .form_input_x,.form_input_cbx {
    height:20px;
    position:absolute;
    right:0;
    text-align:left;
    top:0;
    width:300px;
    padding:5px 0;
  }

  .cb_hold input {
    border:1px solid #000;
    color:#6380A8;
    font-weight:700;
  }
  
  .form_submit{
    cursor:pointer;
  }
  

/* =Ophalen & brengen form
 ****************************************************************************/
 
  #display form{
    padding:8px;
    width:70%;
  }
  .contact #display form{
    width:45%;
  }
    #display fieldset,
    .contact form{
      background-color:#e0e6ee;
      border:0;
      -webkit-border-radius:8px;
         -moz-border-radius:8px;
           -o-border-radius:8px;
              border-radius:8px;
    }

    #display legend{
      font-size:14px;
      padding-left:7px;
      margin-bottom:7px;
      padding-bottom:2px;
      display:block;
      width:98%;
    }
    
  fieldset{
    color: #637DA5;
  }

  legend{
    color: #637DA5;
    font-weight: bold;
  }

  span.help{
    color: #FF0000;
  }

  select{
    font-size: 12px;
  }

  input,
  textarea{
    font-size: 12px;
    font-family:Arial,Helvetica,Verdana,sans-serif;
  }

  
  
/* =News
 ****************************************************************************/
  .news_overview_display {
    vertical-align:top;
    text-align:left;
  }

  .one_news_overview {
    width:600px;
    height:210px;
    background:url(../images/bg_product_01.jpg) no-repeat top center;
    position:relative;
    padding:10px 10px 20px;
  }

  .one_news {
    width:600px;
    position:relative;
    padding:10px 10px 20px;
  }

/* Other
 ****************************************************************************/
  .contact_image {
    padding-left:20px;
    position:relative;
  }

  /* Content of Google Maps infoWindow */
  #contact_map{
    line-height:100%;
  }
  #contact_map p{
    line-height:100%;
  }
  #contact_map h1{
    margin:0;
    padding:0;
    font-size:12px;
  }
  #overige {
    border:1px solid #000;
    color:#6380A8;
    font-weight:700;
    width:280px;
    height:90px;
  }

  #bodyContent h1 {
    font-size:12pt;
  }

  #bodyContent a {
    clear:both;
    color:red;
    font-size:10pt;
  }

  .even .project_description,.even a.proj_name_link {
    color:#000;
  }

  .pagination_active,a.paginationx:hover {
    color:#D80100;
    font-size:12px;
    font-weight:700;
    text-decoration:none;
  }

/* =Accesibility stuff
 ****************************************************************************/
  .ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
  .hidden { display: none; visibility: hidden; }
  .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
  .visuallyhidden.focusable:active,
  .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
  .invisible { visibility: hidden; }
  .clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
  .clearfix:after { clear: both; }
  .clearfix { zoom: 1; }

/* Start plugins and other external css */

/* UI jQuery Datepicker
 *****************************************************************************/
  #ui-datepicker-div,
  #ui-datepicker-div table,
  .ui-datepicker-div,
  .ui-datepicker-div table,
  .ui-datepicker-inline,
  .ui-datepicker-inline table {
  	font-size: 12px !important;
  }
  .ui-datepicker-div, .ui-datepicker-inline, #ui-datepicker-div {
  	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
  	font-family: Verdana, Arial, sans-serif;
  	background: #ffffff;
  	font-size: 1.1em;
  	border: 4px solid #d3d3d3;
  	width: 15.5em;
  	padding: 2.5em .5em .5em .5em;
  	position: relative;
  }
  #ui-datepicker-div {
  	z-index: 9999; /*must have*/
  	display: none;
  	background: #ffffff;
  }
  .ui-datepicker-inline {
  	float: left;
  	display: block;
  }
  .ui-datepicker-control {
  	display: none;
  }
  .ui-datepicker-current {
  	display: none;
  }
  .ui-datepicker-next, .ui-datepicker-prev {
  	position: absolute;
  	left: .5em;
  	top: .5em;
  	background: #e6e6e6 url(images/e6e6e6_40x100_textures_02_glass_75.png) 0 50% repeat-x;
  }
  .ui-datepicker-next {
  	left: 14.6em;
  }
  .ui-datepicker-next:hover, .ui-datepicker-prev:hover {
  	background: #dadada url(images/dadada_40x100_textures_02_glass_75.png) 0 50% repeat-x;
  }
  .ui-datepicker-next a, .ui-datepicker-prev a {
  	text-indent: -999999px;
  	width: 1.3em;
  	height: 1.4em;
  	display: block;
  	font-size: 1em;
  	background: url(images/888888_7x7_arrow_left.gif) 50% 50% no-repeat;
  	border: 1px solid #d3d3d3;
  	cursor: pointer;
  }
  .ui-datepicker-next a {
  	background: url(images/888888_7x7_arrow_right.gif) 50% 50% no-repeat;
  }
  .ui-datepicker-prev a:hover {
  	background: url(images/454545_7x7_arrow_left.gif) 50% 50% no-repeat;
  }
  .ui-datepicker-next a:hover {
  	background: url(images/454545_7x7_arrow_right.gif) 50% 50% no-repeat;
  }
  .ui-datepicker-prev a:active {
  	background: url(images/222222_7x7_arrow_left.gif) 50% 50% no-repeat;
  }
  .ui-datepicker-next a:active {
  	background: url(images/222222_7x7_arrow_right.gif) 50% 50% no-repeat;
  }
  .ui-datepicker-header select {
  	border: 1px solid #d3d3d3;
  	color: #555555;
  	background: #e6e6e6;
  	font-size: 1em;
  	line-height: 1.4em;
  	position: absolute;
  	top: .5em;
  	margin: 0 !important;
	
  }
  .ui-datepicker-header select.ui-datepicker-new-month {
  width: 7em;
  left: 2.2em;
  }
  .ui-datepicker-header select.ui-datepicker-new-year {
  width: 5em;
  left: 9.4em;
  }
  table.ui-datepicker {
  	width: 15.5em;
  	text-align: right;
  }
  table.ui-datepicker td a {
  	padding: .1em .3em .1em 0;
  	display: block;
  	color: #555555;
  	background: #e6e6e6 url(images/e6e6e6_40x100_textures_02_glass_75.png) 0 50% repeat-x;
  	cursor: pointer;
  	border: 1px solid #ffffff;
  }
  table.ui-datepicker td a:hover {
  	border: 1px solid #999999;
  	color: #212121;
  	background: #dadada url(images/dadada_40x100_textures_02_glass_75.png) 0 50% repeat-x;
  }
  table.ui-datepicker td a:active {
  	border: 1px solid #dddddd;
  	color: #222222;
  	background: #ffffff url(images/ffffff_40x100_textures_02_glass_65.png) 0 50% repeat-x;
  }
  table.ui-datepicker .ui-datepicker-title-row td {
  	padding: .3em 0;
  	text-align: center;
  	font-size: .9em;
  	color: #222222;
  	text-transform: uppercase;
  	/*border-bottom: 1px solid #d3d3d3;*/
  }

  table.ui-datepicker .ui-datepicker-title-row td a {
  	color: #222222;
  }

  /* ___________ IE6 IFRAME FIX ________ */
  .ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
  }
 
/* Lytebox
 *****************************************************************************/
  #lbOverlay { position: fixed; top: 0; left: 0; z-index: 99998; width: 100%; height: 500px; }
  #lbOverlay.grey { background-color: #000000; }
  #lbOverlay.red { background-color: #330000; }
  #lbOverlay.green { background-color: #003300; }
  #lbOverlay.blue { background-color: #011D50; }
  #lbOverlay.gold { background-color: #666600; }

  #lbMain { position: absolute; left: 0; width: 100%; z-index: 99999; text-align: center; line-height: 0; }
  #lbMain a img { border: none; }

  #lbOuterContainer { position: relative; background-color: #fff; width: 200px; height: 200px; margin: 0 auto; }
  #lbOuterContainer.grey { border: 3px solid #888888; }
  #lbOuterContainer.red { border: 3px solid #DD0000; }
  #lbOuterContainer.green { border: 3px solid #00B000; }
  #lbOuterContainer.blue { border: 3px solid #5F89D8; }
  #lbOuterContainer.gold { border: 3px solid #B0B000; }

  #lbDetailsContainer {	font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; width: 100%; line-height: 1.4em;	overflow: auto; margin: 0 auto; }
  #lbDetailsContainer.grey { border: 3px solid #888888; border-top: none; }
  #lbDetailsContainer.red { border: 3px solid #DD0000; border-top: none; }
  #lbDetailsContainer.green { border: 3px solid #00B000; border-top: none; }
  #lbDetailsContainer.blue { border: 3px solid #5F89D8; border-top: none; }
  #lbDetailsContainer.gold { border: 3px solid #B0B000; border-top: none; }

  #lbImageContainer, #lbIframeContainer { padding: 10px; }
  #lbLoading {
  position: absolute; top: 45%; left: 0%; height: 32px; width: 100%; text-align: center; line-height: 0; background: url(images/loading.gif) center no-repeat;
  }

  #lbHoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
  #lbImageContainer>#lbHoverNav { left: 0; }
  #lbHoverNav a { outline: none; }

  #lbPrev { width: 49%; height: 100%; background: transparent url(images/blank.gif) no-repeat; display: block; left: 0; float: left; }
  #lbPrev.grey:hover, #lbPrev.grey:visited:hover { background: url(images/prev_grey.gif) left 15% no-repeat; }
  #lbPrev.red:hover, #lbPrev.red:visited:hover { background: url(images/prev_red.gif) left 15% no-repeat; }
  #lbPrev.green:hover, #lbPrev.green:visited:hover { background: url(images/prev_green.gif) left 15% no-repeat; }
  #lbPrev.blue:hover, #lbPrev.blue:visited:hover { background: url(images/prev_blue.gif) left 15% no-repeat; }
  #lbPrev.gold:hover, #lbPrev.gold:visited:hover { background: url(images/prev_gold.gif) left 15% no-repeat; }

  #lbNext { width: 49%; height: 100%; background: transparent url(images/blank.gif) no-repeat; display: block; right: 0; float: right; }
  #lbNext.grey:hover, #lbNext.grey:visited:hover { background: url(images/next_grey.gif) right 15% no-repeat; }
  #lbNext.red:hover, #lbNext.red:visited:hover { background: url(images/next_red.gif) right 15% no-repeat; }
  #lbNext.green:hover, #lbNext.green:visited:hover { background: url(images/next_green.gif) right 15% no-repeat; }
  #lbNext.blue:hover, #lbNext.blue:visited:hover { background: url(images/next_blue.gif) right 15% no-repeat; }
  #lbNext.gold:hover, #lbNext.gold:visited:hover { background: url(images/next_gold.gif) right 15% no-repeat; }

  #lbPrev2, #lbNext2 { text-decoration: none; font-weight: bold; }
  #lbPrev2.grey, #lbNext2.grey, #lbSpacer.grey { color: #333333; }
  #lbPrev2.red, #lbNext2.red, #lbSpacer.red { color: #620000; }
  #lbPrev2.green, #lbNext2.green, #lbSpacer.green { color: #003300; }
  #lbPrev2.blue, #lbNext2.blue, #lbSpacer.blue { color: #01379E; }
  #lbPrev2.gold, #lbNext2.gold, #lbSpacer.gold { color: #666600; }

  #lbPrev2_Off, #lbNext2_Off { font-weight: bold; }
  #lbPrev2_Off.grey, #lbNext2_Off.grey { color: #CCCCCC; }
  #lbPrev2_Off.red, #lbNext2_Off.red { color: #FFCCCC; }
  #lbPrev2_Off.green, #lbNext2_Off.green { color: #82FF82; }
  #lbPrev2_Off.blue, #lbNext2_Off.blue { color: #B7CAEE; }
  #lbPrev2_Off.gold, #lbNext2_Off.gold { color: #E1E100; }

  #lbDetailsData { padding: 0 10px; }
  #lbDetailsData.grey { color: #333333; }
  #lbDetailsData.red { color: #620000; }
  #lbDetailsData.green { color: #003300; }
  #lbDetailsData.blue { color: #01379E; }
  #lbDetailsData.gold { color: #666600; }

  #lbDetails { width: 60%; float: left; text-align: left; }
  #lbCaption { display: block; font-weight: bold; }
  #lbNumberDisplay { float: left; display: block; padding-bottom: 1.0em; }
  #lbNavDisplay { float: left; display: block; padding-bottom: 1.0em; }

  #lbClose { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
  #lbClose.grey { background: url(images/close_grey.png) no-repeat; }
  #lbClose.red { background: url(images/close_red.png) no-repeat; }
  #lbClose.green { background: url(images/close_green.png) no-repeat; }
  #lbClose.blue { background: url(images/close_blue.png) no-repeat; }
  #lbClose.gold { background: url(images/close_gold.png) no-repeat; }

  #lbPlay { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
  #lbPlay.grey { background: url(images/play_grey.png) no-repeat; }
  #lbPlay.red { background: url(images/play_red.png) no-repeat; }
  #lbPlay.green { background: url(images/play_green.png) no-repeat; }
  #lbPlay.blue { background: url(images/play_blue.png) no-repeat; }
  #lbPlay.gold { background: url(images/play_gold.png) no-repeat; }

  #lbPause { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
  #lbPause.grey { background: url(images/pause_grey.png) no-repeat; }
  #lbPause.red { background: url(images/pause_red.png) no-repeat; }
  #lbPause.green { background: url(images/pause_green.png) no-repeat; }
  #lbPause.blue { background: url(images/pause_blue.png) no-repeat; }
  #lbPause.gold { background: url(images/pause_gold.png) no-repeat; }