html,body {
  width: 100%;
  min-height: 100%;
  height: 100%;
  margin: 0;
}

body {
  color: #FFF;
  font: 11px Arial;
  background: #620B0F url('../_images/body_bg.png') top center fixed;
}

a{
  color: #FFF;
}

a:hover{
  text-decoration: none;
}

h1{
  margin: 10px 0 10px 0;
  font-family: HelveticaNeueUltraLight, Trebuchet MS;
  font-size: 2.18em;
}

h2{
  color: #F20005;
  font-size: 1.18em;
  margin: 0;
}

hr{
  display: none;
}

img{
  border: none;
}

.screen-reader{
  display: none;
}

#framework{
  position: relative;
  margin: 0 auto;
  width: 937px;
  min-height: 100%;
  height: 100%;
}

#logo{
  display: none;
}

#content-framework{
  margin-left: 137px;
  top: 0;
  width: 800px;
  padding-bottom: 50px;
}

#flash-header{
  height: 330px;
  width: 800px;
  z-index: 0;
}

#maincontent{
  float: left;
  padding: 0 0 0 20px;
  width: 490px;
}

#content-wrapper{
  margin-bottom: 50px;
}

#content-wrapper:after{
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

#maincontent.home{
  width: 540px;
  margin-right: 0;
}

body.subnavigation #maincontent{
  width: 388px;
  margin-left: 152px;
  margin-right: 0;
}

#maincontent.home #home-content{
  margin-top: 15px;
}

#maincontent.home #home-content h2{
  color: #FFF;
  font-size: 18px;
  text-transform: uppercase;
}

#maincontent.home #home-primary{
  width: 275px;
  float: left;
}

#maincontent.home #home-secondary{
  width: 255px;
  margin-left: 285px;
}

#homeblock-opleidingen{
  margin: 5px 0 10px 0;
  padding: 2px 2px 8px 2px;
  background: #6B0600 url('../_images/home-contentblock-red_bg.png') 0 0 repeat-x;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
}

#home-content #homeblock-opleidingen h3{
  color: #FF0000;
  font-size: 20px;
  margin: 0;
  border-bottom: 1px solid #703434;
}

#home-content #homeblock-opleidingen ul{
  list-style: none;
  margin: 0;
  padding: 0;
}

#home-content #homeblock-opleidingen li{
  font-family: Trebuchet MS;
  border-bottom: 1px solid #703434;
  font-weight: bold;
  padding: 3px 0;
  font-size: 12px;
  display: block;
}

#home-content #homeblock-opleidingen li a{
  text-decoration: none;
}

#home-content #homeblock-brochure{
  position: relative;
  width: 275px;
  height: 130px;
  padding-top: 25px;
  margin-bottom: 10px;
  background: url('../_images/home-brochurebanner_bg.png') 0 0 no-repeat;
}

#home-content #homeblock-brochure a{
  position: absolute;
  bottom: 7px;
  left: 10px;
  text-decoration: none;
}

#home-content #homeblock-brochure .flashcontainer{
  width: 275px;
  height: 108px;
  background: #000;
}

#homeblock-opendagen{
  margin: 5px 0 10px 0;
  padding: 2px 8px 8px 8px;
  background: #6B0600 url('../_images/home-contentblock-red_bg.png') 0 0 repeat-x;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
}

#homeblock-opendagen ul{
  list-style: none;
  margin: 0;
  padding: 0 0 5px 0;
  border-bottom: 1px solid #FF0000;
}

#homeblock-opendagen li{
  font-family: Trebuchet MS;
  font-size: 15px;
  color: #FF0000;
}

.homeblock{
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  margin: 5px 0 10px 0;
  padding: 2px 8px 8px 8px;
}

.homeblock.type1{
  background: #6B0600 url('../_images/home-contentblock-red_bg.png') 0 0 repeat-x;
}

.homeblock.type2{
  background: #FAF8F8 url('../_images/home-contentblock-white_bg.png') 0 0 repeat-x;
  color: #000;
}

#maincontent.home #home-content .homeblock h2{
  font-size: 16px;
  padding-bottom: 4px;
}

#maincontent.home #home-content .type1 h2{
  color: #FF0000;
  border-bottom: 1px solid #FF0000;
}

#maincontent.home #home-content .type2 h2{
  color: #FFF;
  border-bottom: 1px solid #FFF;
}

#maincontent.home #home-content .type2 a{
  color: #000;
}

#maincontent.home #home-content .homeblock p{
  margin: 4px 0 0 0;
}

#maincontent.news h2{
  font-family: HelveticaNeueUltraLight, Trebuchet MS;
  color: #FFFFFF;
  font-size: 1.64em;
  font-weight: normal;
  margin-top: 5px;
}

#maincontent.news h2 .date{
  color: #7A7A7A;
}

#maincontent.news h2 a{
  text-decoration: none;
}

#maincontent .ruler{
  height: 1px;
  background: #4B0006;
}

.contentblock{
  clear: both;
  margin-top: 25px;
}

.contentblock a.learnmore{
  color: #FF0000;
  text-transform: uppercase;
  text-decoration: none;
}

.contentblock a.learnmore:hover{
  text-decoration: underline;
}

#maincontent.news .paginate{
  color: #767676;
}

#maincontent.news .paginate .active{
  color: #FFFFFF;
}

#maincontent.news .paginate a{
  color: #767676;
}

#maincontent.news .paginate a:hover{
  color: #FFFFFF;
}

#maincontent.news .newsitem{
  margin-top: 10px;
  margin-bottom: 20px;
  border-top: 1px solid #7A7A7A;
}

#maincontent.news .contentblock{
  margin: 0;
}

.contentblock:after{
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.contentblock .body{
  font-size: 1.05em;
}

.contentblock .body p{
  margin: 5px 0 0 0;
}

.contentblock.first .body{
  color: #F20005;
  font-size: 1.2em;
  line-height: 1.4em;
}

.contentblock .image.odd{
  float: left;
  margin: 5px 20px 20px 0;
}


.contentblock .image.even{
  float: right;
  margin: 5px 0 20px 20px;
}

.contentblock .youtube-container{
  margin: 5px 0;
  width: 100%;
  text-align: center;
  height: 285px;
}

#sidedishes{
  position: relative;
  width: 225px;
  padding: 0;
  float: left;
  margin-left: 15px;
  margin-top: -8px;
}

.page-page #sidedishes{
  margin-left: 65px;

}

.subnavigation #sidedishes{
  margin-left: 15px;
}

.page-home #sidedishes{
  margin-top: -8px;
}

.sidedish{
  margin: -25px 0 0 0;
}

#sidedishes h3{
  margin: 0;
  font-family: HelveticaNeue, Arial;
  font-size: 1em;
  text-transform: uppercase;
  width: 100px;
  padding: 5px 0 0 10px;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-topright: 3px;
  -webkit-border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 3px;
}

#sidedishes .type1 h3{
  background: #000;
}

#sidedishes .type2 h3{
  background: #6E0A0D;
}

#sidedishes .type3 h3{
  background: #242424;
}

#sidedishes .type4 h3{
  background: #5E050F;
}

.sidedish-content{
  padding: 10px 10px 25px 10px;
  -moz-border-radius-bottomleft: 3px;
  -moz-border-radius-bottomright: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
}

.sidedish .content .ruler{
  margin-top: -10px;
  width: 100%;
  height: 1px;
}

.sidedish.type1 .content{
  background: #161716 url('../_images/sidedish_type1_bg.png') top left repeat-x;
}

.sidedish.type2 .content{
  background: #CD181F url('../_images/sidedish_type2_bg.png') top left repeat-x;
}

.sidedish.type3 .content{
  background: #242424;
}

.sidedish.type4 .content{
  padding: 0 0 25px 0;
  background: #E30003 url('../_images/sidedish_type4_bg.png') top left repeat-x;
  text-align: center;
}

.sidedish.type4 .content p{
  margin: 2px 0;
}

.sidedish.type1 .content .ruler{
  background: #666666;
}

.sidedish .content .ruler{
  margin-top: 5px;
}

.sidedish.type2 .content .ruler{
  display: none;
}

.sidedish .content .btn_more{
  border-top: 1px solid #FF0000;
  margin: 5px 0 0 0;
}

#sidedishes .btn_more a{
  float: right;
  padding: 1px 10px;
  height: 15px;
  text-decoration: none;
  background: #FF0000;
  -moz-border-radius-bottomleft: 3px;
  -moz-border-radius-bottomright: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
}

.sidedish .newsitem{
  margin-bottom: 20px;
}

.sidedish .newsitem:after{ 
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.sidedish .content h4{
  font-size: 1em;
  font-weight: bold;
  margin: 5px 0 0 0;
}

.sidedish .content h4 a{
  text-decoration: none;
  color: #C2C2C2;
}

.sidedish .content .location_date {
  color: #DE1A22;
}

.sidedish form{
  margin: 10px 0 20px 0;
}

.sidedish #newsletter-email{
  width: 200px;
  border: 0;
  border-top: 1px solid #000;
  border-left: 1px solid #000;
  color: #999;
  margin: 0 0 10px 0;
}

.sidedish label{
  display: none;
}

#sidedishes .type4 .sidedish-brochure-flash{
  margin-top: -20px;
  margin-bottom: 0px;
  width: 225px;
  height: 93px;
}

#sidedishes .type4 a{
  text-decoration: none;
}

#sidedishes .type4 a:hover{
  text-decoration: underline;
}

#brochure_form{
  margin-top: 10px;
}

#brochure_form form{
  margin-bottom: 8em;
}

#brochure_form .inputfield{
  margin-bottom: 10px;
  width: 362px;
}

#brochure_form .checkboxgroup{
  margin-left: 110px;
}

#brochure_form .checkboxes{
  width: auto;
}

#brochure_form .checkboxes .checkboxinput{
  display: inline;
}

#brochure_form .checkboxes label{
  

}

#brochure_form .checkboxes .checkboxgroup label{
  float: none;
  width: auto;
  display: inline;
}

#brochure_form input{
  font-family: 'trebuchet ms';
  font-size: 1em;
}

#brochure_form .input_text{
  height: 16px;
  width: 250px;
  border: 0;
}

#brochure_form .input_radio{
  float: left;
}

#brochure_form select{
  height: 18px;
  width: 250px;
  border: 0;
  font-family: 'trebuchet ms';
  font-size: 1em;
}

#brochure_form textarea{
  height: 100px;
  width: 250px;
  border: 0;
  font-family: 'trebuchet ms';
  font-size: 1em;
}

#brochure_form .input_checkbox{
  float: left;
  margin-right: 20px;
  margin-left: 110px;
}

#brochure_form .input_submit{
  float: right;
  background: #FF0000;
  color: #FFF;
  border: 0;
  margin-top: 10px;
}

#brochure_form fieldset{
  border: none;
  padding: 0;
  margin: 0;
  display: inline;
}

#brochure_form legend{
  display: none;
}

#brochure_form label{
  display: block;
  float: left;
  width: 100px;
  margin-right: 10px;
  line-height: 16px;
}

#brochure_form fieldset label{
  width: auto;
  line-height: 19px;
  margin-left: 5px;
}

#brochure_form .radiobutton_label{
  line-height: 19px;
}

#brochure_form .checkbox_label{
  width: auto;
  float: none;
}

#brochure_form .error label{
  color: #F20005;
  font-weight: bold;
}

#brochure_form .error .input_text{
  border: 1px solid #F20005;
}

#newsletterform .submitbutton{
  display: none;
}

.formerrors{
  color: #F20005;
  font-weight: bold;
  font-size: 1.3em;
}

#nav{
  position: absolute;
  top: 330px;
  left: 14px;
  width: 130px;
  font-family: HelveticaNeue, Arial;
}

#nav ul li h3{
  font-size: 1em;
  font-weight: normal;
  margin: 0;
}

#nav ul li h4{
  font-size: 1em;
  font-weight: bold;
  margin: 0;
}

#nav ul{
  list-style: none;
  margin: 0 5px 0 0;
  padding: 0;
  text-align: right;
}

#nav li{
  font-size: 1.1em;
  margin: 5px 0;
  text-transform: uppercase;
}

#nav li.minor{
  font-size: 1em;
  text-transform: lowercase;
}

#nav li.active{
  background: #000;
}

#nav li a{
  text-decoration: none;
  color: #F20005;
  padding-right: 10px;
}

#nav li a:hover{
  color: #AAA;
}

#nav li.active a{
  color: #FFF;
}

#nav li ul.children{
  display: none;
}

#nav li.active ul.children{
  display: block;
  position: absolute;
  top: 0;
  left: 123px;
  width: 135px;
  text-align: left;
}

#nav li ul.children li{
  font-family: 'Trebuchet MS';
  font-size: 0.9em;
  padding: 5px 0 3px 0;
  text-transform: none;
  border-bottom: 1px solid #595959;
  font-weight: bold;
  margin: 0;
}

#nav li ul.children li a{
  color: #AAA;
}

#nav li ul.children li.active{
  background: #1A1A1A;
}

#nav li ul.children li.active a, #nav li ul.children li a:hover{
  color: #FFF;
}

#nav li ul.grandchildren{
  list-style: none;
  margin: 5px 0 -3px 0;
  padding: 0;
  text-align: left;
  display: none;
}

#nav ul.children li.active ul.grandchildren{
  display: block;
}

#nav li ul.grandchildren li{
  padding: 0;
  border-bottom: none;
  border-top: 1px solid #595959;
}

#nav li.active ul.grandchildren li a{
  display: block;
  padding: 2px 5px 0 15px;
  color: #AAA;
}

#nav li.active ul.grandchildren li a:hover{
  background: #AAA;
  color: #FFF
}

#nav li.active ul.grandchildren li.active a{
  color: #FFF;
}

#footer{
  position: fixed;
  bottom: 0;
  clear: both;
  height: 44px;
  width: 800px;
  background: url('../_images/footer_bg.png') no-repeat;
  z-index: 99;
}

#footer a#footer-toplink{
  position: absolute;
  top: 13px;
  left: 15px;
  display: block;
  width: 120px;
  height: 20px;
  text-indent: -1982px;
  overflow: hidden;
}

#footer a#footer-homelink{
  position: absolute;
  top: 11px;
  left: 580px;
  display: block;
  width: 195px;
  height: 23px;
  text-indent: -1982px;
  overflow: hidden;
}

#errorcontent{
  min-height: 595px;
  width: 800px;
  margin-left: 136px;
  background: url('../_images/404_bg.png') 50px 90px no-repeat;
}

#page-error #logo{
  position: absolute;
  top: 315px;
  left: 166px;
  display: block;
}

#page-error h1 a{
  position: absolute;
  top: 315px;
  left: 606px;
  display: block;
  background: url('../_images/h1-404_bg.png');
  text-indent: -1982px;
  height: 34px;
  width: 293px;
  overflow: hidden;
}