html { overflow-y:scroll; }

    html,body {
      padding:0px;margin:0px;
      /*font-family: 'Raleway', sans-serif;*/
      font-family: 'Open Sans', sans-serif;
      font-size:14px;
    }


 @media only screen and (min-width: 980px) {
  
     
    .mobileVersion { display:none; }
  
    #html_back {
  
        z-index: -999;min-height: 100%;min-width: 1024px;width: 100%;height: auto;position: fixed;top: 0;left: 0;;

    }
    
    #logo_small {
  
      position:absolute;
      z-index:10;
      top:15px;
  
      margin-left:195px;
  
    }

    #menuBack {
        position:absolute;  
        z-index:7;
        left:0px;right:0px;top:125px;
        height:50px;
        background:#0b61ed;
      
      
    }

    #navbar {
  
  
        position:absolute;  
        z-index:17;
        left:50%;margin-left:-480px;
        top:130px;
        height:50px;
    }

   

  #merken {
  
      position:absolute;
      z-index:10;
      top:10px;
      left:50%;
      height:150px;
      margin-left:345px;
    }

    #head_search {
      position:absolute;
      z-index:10;
      top:40px;
      left:50%;
      height:80px;
      margin-left:-255px;
      
    }

    #head_search_textbox {
      
        heigth:30px;
        padding:5px 15px 5px 15px;
        background:#fff;
        font-size:12pt;
        color:#666;
        border:0px;
        width:300px;
        margin-right:5px;
    }
    #head_search_submit {
        heigth:30px;
        padding:5px 15px 5px 15px;
        background:#fff;
        font-size:12pt;
        color:#666;
        border:0px;
        cursor:pointer;
      
    }
    #head_search_submit:hover {
        background:#30c300;
        color:#fff;
      
    }


    #SliderWrapper {
      
      position:relative;z-index:0;
      margin:0px;padding:0px;padding:0px;
      margin-top:30px;
      
      height:400px;
      width:960px;
      background:#000;
      
    }

    #header_social {
  
      position:absolute;
      z-index:0;
      top:0px;
      left:50%;
      margin-left:320px;
    }
    #header_social a {
      opacity:0.85;
      filter:alpha(opacity=70); /* For IE8 and earlier */
    }
    #header_social a:hover {
      opacity:1;
      filter:alpha(opacity=100); /* For IE8 and earlier */
    }
    #logo {
      position:absolute;  
      z-index:0;
      left:50%;top:-5px;
      margin-left:-570px;
      height:205px;
      
    }

    #bodyWrapper { position:absolute;left:0px;right:0px;margin:0px;margin-top:190px;padding:0px;width:100%;color : #222222;min-height:800px;}
    #contentWrapper { position:relative;margin:0px;padding:10px 0px;margin-left:-480px;left:50%;min-height:600px;width:960px;color:#222222;height-min:800px;background:#fff;}
    #content { margin:0px;padding:0px;padding-bottom:70px; }
    
    #content a,#content a:link,#content a:active,#content a:visited { color:inherit; }
    #content a:hover { color:#222;text-decoration:underline; }
    #content h1,h2,h3,h4,h5,h6 { margin:0px;padding:0px;margin-bottom:10px; }
    #content h1,h2 { margin:20px 0px; }
    #content .contentImage { margin-right:20px !important; }
    
    #content h2 {
          color: #0b61ed;
          font-size: 22px;
          letter-spacing: -1px;
          font-weight: bold;
          padding: 0 0 5px;
          margin: 0;
        }
        
    #content h3 {
          color: #01358a;
          font-size: 18px;
          letter-spacing: -1px;
          font-weight: bold;
          padding: 0 0 5px;
          margin: 0;
        }
    
    #content h4 {
          color: #95baf7;
          font-size: 18px;
          letter-spacing: -1px;
          font-weight: bold;
          padding: 0 0 5px;
          margin: 0;
        }
    
    
    #footerWrapper { position:relative;left:0px;right:0px;height:209px;background:#0b61ed;margin-top:15px;border-top:15px solid #fff;}
    #footerWrapper #GreenLine{ position:absolute;left:0px;right:0px;background:#95baf7;height:10px; }
    #footerContent { position:relative;width:960px;margin-left:-480px;left:50%;color:#fff;}
    
    #footerRight { position:absolute;width:33%;right:20px;text-align:right;top:25px; }
    #footerLeft1 { position:absolute;width:33%;left:20px;text-align:left;top:25px; }
    #footerContent a,#footerContent a:active,#footerContent a:link,#footerContent a:visited { color:#fff;}
    #footerContent a:hover { color:#fff; }
    #footerLeft2 { position:absolute;width:33%;left:175px;text-align:left;top:25px;}
    #footerMid { position:absolute;width:975px;left:50%;margin-left:-475px;top:25px; text-align:center; font-family: 'Covered By Your Grace'; font-size:20pt;color:#3D5A09;}
    
    
    #copyright { position:relative;left:0px; right:0px;text-align:center;color:#666666;background:#fff;height:50px;line-height:50px;}
  }

    @media only screen and (min-width: 200px) and (max-width: 980px),
      only screen and (-webkit-min-pixel-ratio : 1.5),
      only screen and (min-pixel-ratio : 1.5) {
  
        .desktopVersion { display:none !important; }
        
        img { max-width: 100%;margin:0 auto;padding: 5px 0px; }
  
        /* Image alignment used by WMS */
        .imgFloatLeft { max-width: 100%;display:block; }
        .imgFloatRight { max-width: 100%;display:block; }
        
        #flags {
      
            position:relative;  
            margin-left:15px;
        }
  
  
        #menuBack {
              display:none;
              position:relative;  
              left:0px;right:0px;top:0px;
              height:95px;
              background:#0b61ed;
              opacity:1;
            
          }

        #logo {
      
          position:absolute;
          z-index:10;
    
        }
  
  
        main {
        max-width:100% !important; 
        width:100% !important;
        
        }
  
        main { position:relative;left:0px;right:0px;margin:0px;margin-top:10px;padding:0px;color : #222222;min-height:600px;max-width:100% !important; width:100% !important; }
        #contentWrapper { 
          position:relative;margin:0px;padding:10px 0px;min-height:300px;width:100%;
          color:#b7bbba;height-min:800px;background: #FFF url(http://drachtenwitgoed.nl/images/tpl/zentangles2.png) fixed;
          font-size:1em;max-width:100% !important;box-sizing: border-box;

        }
        #content { margin:0px;padding:20px;padding-bottom:70px;color:#222;box-sizing: border-box; }
        #content a,#content a:link,#content a:active,#content a:visited { color:inherit; }
        #content a:hover { color:#222;text-decoration:underline; }
        #content h1,h2,h3,h4,h5,h6 { margin:0px;padding:0px;margin-bottom:10px; }
        #content h1,h2 { margin:20px 0px; }
        #content .contentImage {  }
        
        #content h1 { font-size:2em;font-weight: bold; }
        #content h2 { font-size:2em;font-weight: bold;}
        #content h3 { font-size:1.8em;font-weight: bold;}
        #content h4 { font-size:1.8em;font-weight: bold; }
        
        footer { position:relative;left:0px; right:0px;text-align:center;color:#fff;height:50px;line-height:50px; background:#b7bbba; opacity:1;
  
            max-width:100% !important; 
            width:100% !important;
            margin-top:2px;}
  
        #content table { margin:0px;padding:0px;width:100%; }
        #content td { display:block;padding:0px;margin:0px;width:100% !important;text-align:left !important;margin-bottom:10px; }
        #content td div { width:100% !important;padding:0px;margin:0 auto; }
        #content td img { max-width:100% !important;display: block; margin-left: auto; margin-right: auto; }
  
  
        #footerWrapper { position:relative;left:0px;right:0px;padding:10px;height:360px;background:#0b61ed;margin-top:15px;border-top:15px solid #fff;box-sizing: border-box;}
        #footerContent { position:relative;width:100%;color:#fff;}
        
        #footerWrapper a { color:#fff; }
  
        #copyright { position:relative;left:0px; right:0px;text-align:center;color:#666666;background:#fff;height:50px;line-height:50px;}
  
        
        #PhotoGalleryContent { display:block;float:none !important;width:100% }
        .photoFrameMediumWrapper { display:block !important; width:100% !important;float:none !important;margin:0px; }
        .photoFrameMediumPicture { display:block !important; width:100% !important;float:none !important;margin:0px; }
        .photoFrameMediumPicture img { display:block  !important; max-width:100% !important;float:none;height:auto !important; }
        .photoFrameMediumText { display:block !important; width:100% !important; }
        .photoFrameMediumComment { display:block !important; width:100% !important; }
  
        /* scale center youtube/iframe content */
        iframe { display:block;max-width:100% !important;margin-left:auto !important;margin-right:auto !important; }
        
  
        .facebookLink { position:absolute; z-index:100;top:28px;right:20px; }
  
        nav  {
        
          display:block;
          position:relative;
          max-width:100% !important; 
          width:100% !important;
          background:#0b61ed;
          
        }
        
        nav ul { 
          padding-bottom:20px;
        }
        nav li {
            position.relative;
            color:#fff !important;
            line-height:30px;
            margin-right:10px;
            cursor:pointer;
            list-style-type: square;
            
            }
        nav li a { color:#fff !important;text-decoration:none;width:100%;display:block; }
        
        nav li:hover { background: inherit;color:#fff !important; }
        nav li:hover > a { color:#fff !important;text-decoration:underline; }
        nav h2 { font-weight:bold;color:#fff;text-align:center;font-size:1.5em;line-height:50px;cursor:pointer; padding:0px;margin:0px;}
  
  
        /* FORM elements */
        .form2x { max-width:100% !important;width:97%; box-sizing: border-box;}

        .form2xlabel { text-align:left !important; }
        .form2xFldWrapper { width:100%;max-width:100% !important; }
  
        .form2x input[type=text] { width:100% !important;max-width:100% !important; }
        .form2x input[type=checkbox] { width:100% !important;max-width:100% !important; }
        .form2xButton { width:75% !important;max-width:100% !important; }
        .form2x select { width:75% !important;max-width:100% !important; }
        .form2x textarea { width:75% !important;max-width:100% !important; }
        .form2xFldWrapper { width:100% !important;max-width:100% !important; }
        .form2xBtnWrapper { width:100% !important;max-width:100% !important; }
        .form2xLabelWrapper { width:100% !important;max-width:100% !important; }
        .form2xFieldError { width:100% !important;max-width:100% !important; }
        .form2xRequiredField { width:100% !important;max-width:100% !important; }

  
    }