@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'TektonProBoldExtended';
    src: url('/css/tektonpro-boldext-webfont.eot');
    src: url('/css/tektonpro-boldext-webfont.eot?#iefix') format('embedded-opentype'),
         url('/css/tektonpro-boldext-webfont.woff') format('woff'),
         url('/css/tektonpro-boldext-webfont.ttf') format('truetype'),
         url('/css/tektonpro-boldext-webfont.svg#TektonProBoldExtended') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* CSS 3 styles htc werkt nog niet in IE!! */
.border_radius              { -moz-border-radius: 25px; -webkit-border-radius: 25px; -khtml-border-radius: 25px; border-radius: 25px; }
.border_radius_bottom       { -moz-border-radius-bottomright: 6px; -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-right-radius: 6px; -webkit-border-bottom-left-radius: 6px; -khtml-border-bottom-right-radius: 6px; -khtml-border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; behavior: url(ie-css3.htc); }
.border_radius_top          { -moz-border-radius-topright: 6px; -moz-border-radius-topleft: 6px; -webkit-border-top-right-radius: 6px; -webkit-border-top-left-radius: 6px; -khtml-border-top-right-radius: 6px; -khtml-border-top-left-radius: 6px; border-top-right-radius: 6px; border-top-left-radius: 6px; behavior: url(ie-css3.htc); }
.border_radius_top_right    { -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; -khtml-border-top-right-radius: 10px; border-top-right-radius: 10px; behavior: url(ie-css3.htc); }
.border_radius_top_left     { -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; -khtml-border-top-left-radius: 10px; border-top-left-radius: 10px; behavior: url(ie-css3.htc); }
.border_radius_bottom_right { -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; -khtml-border-bottom-right-radius: 10px; border-bottom-right-radius: 10px; behavior: url(ie-css3.htc); }
.border_radius_bottom_left  { -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px; -khtml-border-bottom-left-radius: 10px; border-bottom-left-radius: 10px; behavior: url(ie-css3.htc); }
.shadow                     { -moz-box-shadow: 0 0 10px #292929; -webkit-box-shadow: 0 0 10px #292929; -khtml-box-shadow: 0 0 10px #292929; -o-box-shadow: 0 0 10px #292929; -icab-box-shadow: 0 0 10px #292929; box-shadow: 0 0 10px #292929; behavior: url(ie-css3.htc); }

body            { color: #000; font-family: 'TektonProBoldExtended', Verdana, sans-serif; font-size: 14px; background:#ea8d1e url('/images/background-cactus.jpg') bottom center repeat-x;background-attachment: fixed; margin: 0; }
a               { color: #000000; font-weight: bold; text-decoration:none; }
h1              { color:#dd6e11; font-size: 19px; font-family: 'TektonProBoldExtended', Verdana; margin:0 0 10px 0;padding-bottom:5px; }
h1.zwart        { color:#000; }
h2              { color:#dd6e11; font-size: 15px; font-family: 'TektonProBoldExtended', Verdana; margin:2px 0 7px 0; }
h3              { color:#000000; font-size: 11px; font-family: 'TektonProBoldExtended', Verdana; margin:0 0 5px 0; }
img             { border: 0; }

#top_rand       { float:left;width:100%; height:446px;top:0;left:0;background:url('/images/background-clouds.jpg');margin:0 auto;position:absolute;z-index:10; }
#container      { max-width: 980px; width: 100%; height: auto; margin: 0 auto; position:relative;z-index:11; }
#header         { display:block; float:left; max-width:980px; width:100%; height:100px; }
.logo           { max-width: 590px; width: 100%; float: left; margin: 5px 0 0 0;  }
#slideshow      { display:block; float:left; max-width:980px; width: 100%; height: 360px; }
#slider_center  { max-width: 850px; width: 100%; margin: 0 auto;  }

#socialmedia    { display:block; float:right; width:41px; height:200px; margin: 75px 0 85px 0; }
#socialmedia img:hover    { -moz-box-shadow: 0 0 10px #292929; -webkit-box-shadow: 0 0 10px #292929; -khtml-box-shadow: 0 0 10px #292929; -o-box-shadow: 0 0 10px #292929; -icab-box-shadow: 0 0 10px #292929; box-shadow: 0 0 10px #292929; behavior: url(ie-css3.htc);
                            -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }
#social_resp{ display: none; }


    #overlay        { display:block; float:left; position: absolute; z-index:6; max-width:850px; width: 100%; height:350px; background:url('/images/slide-background.png') center no-repeat; }
    #slider     { display: block;float: left;position:absolute;z-index: 5; width: 100%; max-width:762px; height:281px; margin:35px 0 0 45px; }
    #slider img { position:absolute;display:none; top:0px; left:0px; width:100%; overflow: hidden; }
    #slider a   { border:0; display:block; }
#menu_container { display:block; float:left; background:#fff url('/images/menu-bg.png') center repeat-x; width: 100%; max-width: 976px; height: 50px; margin:0; border:2px solid #000;
                  -moz-box-shadow: 0 0 10px #292929; -webkit-box-shadow: 0 0 10px #292929; -khtml-box-shadow: 0 0 10px #292929; -o-box-shadow: 0 0 10px #292929; -icab-box-shadow: 0 0 10px #292929; box-shadow: 0 0 10px #292929; behavior: url(ie-css3.htc); }
    ul.topnav         { list-style-type: none; margin:0; height:50px; width: 100%; max-width:960px; padding:0 0 0 10px; }
    ul.topnav li      { float:left; height:36px; margin:7px 0; border-right: 1px solid #FFE7CC; }
    ul.topnav li:last-child{ border:0; }
    ul.topnav li a    { line-height:35px;height:36px;margin:0; padding:0 7px;display:block;float:left;text-decoration:none; font-weight:bold;
                        font-family: 'TektonProBoldExtended', Verdana; font-size:15px; color:#fff;text-align:center; white-space: nowrap; }
    ul.topnav li a:hover { cursor: pointer; color:#000; background:#ea921a;  }
    ul.topnav li span { width:0; height:0; float:left; }
    ul.topnav li span.subhover { cursor: pointer;}
    ul.topnav li ul.subnav { list-style: none; position: absolute; z-index:11; margin:36px 0 0 0; padding: 0 10px; display: none; float: left; width:auto; background:#df580a url('/images/background-submenu.jpg') top repeat-x;
                             -moz-box-shadow: 0 0 10px #292929; -webkit-box-shadow: 0 10px 10px #292929; -khtml-box-shadow: 0 10px 10px #292929; -o-box-shadow: 0 10px 10px #292929; -icab-box-shadow: 0 10px 10px #292929; box-shadow: 0 10px 10px #292929; behavior: url(ie-css3.htc); }
    ul.topnav li ul.subnav li{ margin: 0; padding: 0; clear: both; height:auto; width:100%; font-weight: normal; border:0; }
    ul.topnav li ul.subnav li a { line-height:29px;height:30px;width:100%;margin:0; padding:0;display:block;float:left;text-decoration:none; font-weight:bold;
                                  font-family: 'TektonProBoldExtended', Verdana; font-size:15px; color:#fff;text-align:left; }
    ul.topnav li ul.subnav li a:hover { cursor: pointer; color:#000; background:#CA6A00;padding: 0 10px; margin: 0 -10px; }
    .resp_menu { display: none; }
#tekst_container{ display:block;float:left; width: 100%;max-width:980px; padding:0 0 20px 0; }
    #tekst_links    { display:block;float:left;width:220px;min-height:400px;padding:0;margin: 0 0 0 20px; }
    #vlak           { display:block;float:left;text-align:right;width:193px;height:133px;padding:10px;margin-bottom:25px;background:url('/images/links-button.png') center no-repeat; }
    #tekst_rechts   { display:block;float:right;max-width: 690px;width: 100%;min-height:370px;padding:0;margin: 0 20px 0 20px; }
    .top            { display:block;float:left;max-width:630px; width: 100%; height:42px; padding:40px 30px 0 30px;background:url('/images/text-top.png') center no-repeat; }
    .middle         { display:block;float:left;max-width:630px; width: 100%;min-height:440px; padding:0 30px;background:url('/images/text-middle.png') center repeat-y; }
    .bottom         { display:block;float:left;max-width:630px; width: 100%;height:24px;padding:0 30px;background:url('/images/text-bottom.png') center no-repeat; }
#footer         { float:left;width:100%;bottom:0;left:0;background:url('/images/_black.png');position:relative;z-index:10;line-height:29px;color:#fff;font-size:11px;text-align:center; }



@media (max-width:1000px){

     #tekst_links { max-width:430px; width:100%; margin: 0 auto; float: none;}
     #tekst_rechts { float:none; margin: 0 auto; }
    #menu_container { width: 99%; }
    ul.topnav { display: none; }
    .resp_menu { background: url('/images/menu-bg.png'); display: block;margin: 0 0 0 18px; border: 0px; line-height: 35px; color: #fff; height: 50px;padding: 0 7px;display: block;float: left;text-decoration: none;font-weight: bold;font-family: 'TektonProBoldExtended', Verdana;font-size: 15px; width: 100%;max-width: 192px; }
    .resp_menu option { background-color: #dd6e11; height: 50px; line-height: 35px;  }
    #socialmedia { display: none; }
    #social_resp{ display: block; float: right; height: 50px; margin: 5px 20px 0 0; }
    #social_resp img:hover    { -moz-box-shadow: 0 0 10px #292929; -webkit-box-shadow: 0 0 10px #292929; -khtml-box-shadow: 0 0 10px #292929; -o-box-shadow: 0 0 10px #292929; -icab-box-shadow: 0 0 10px #292929; box-shadow: 0 0 10px #292929; behavior: url(ie-css3.htc);
                                -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }
}
@media (max-width:860px){
    #overlay    { display: none; }
    #slider     { float: none; margin: 0 auto; }
    #menu_container { margin: 0 0 35px 0; }
}

@media (max-width:710px){
    .top { background:url('/images/text-middle.png') center repeat-y; padding: 0px;width: 100%;max-width: 1000px;}
    .top h1 { margin: 10px 0 10px 20px;}
    .middle { padding: 0px;width: 100%;max-width: 1000px; }
    .middle_hold {  width: 90%; margin: 0 0 0 20px; }
    .bottom { padding: 0px; width: 100%;max-width: 1000px; }


}

@media (max-width:443px){
    #tekst_links { max-width:213px; }
}