/* Reset
------------------------------------------------------------ */
* { margin: 0; padding: 0; }
html { overflow-y: scroll;}
body { font-size: 13px; color: #000; font-family: /*'Signika Negative',*/ helvetica, sans-serif;font-size: 0.9em;}
ol, ul { list-style: none; margin: 0;}
ul li { margin: 0; padding: 0;}
h1 { margin-bottom: 10px; color: #000;}	
a, img { outline: none; border:none; }
p { margin: 0 0 0px; color:inherit; }
img { display: block; margin-bottom: 10px;}
aside { font-style: font-size: 0.9em;}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { 
    position:relative;display: block;
	}


.flag {  }
.flag:hover, .flag a:hover { background:transparent !important; }
.flag img { height:16px;margin-right:-1px;margin-top:8px;box-shadow: 0px 0px 8px 4px #fff; }



header img { display:inline; }

#facebookLikeButton {
  
  position:absolute;
  z-index:0;
  
  left: 520px;
  top: 20px;
  
  /*background:#fff;
  padding:1px;*/
}

#keurmerk {
  
  position:absolute;
  z-index:0;
  
  left: 360px;
  top: 12px;
}

/* Logo H1 */
#logo_top { position:relative; width:100%;max-width:980px;margin-bottom:5px; }


/* Structure */
#wrapper {
	width: 100%;	
	max-width: 980px;
	margin: auto;
    padding-top:8px;
	} 

main {
    width: 843px;
    float: left;
    margin-bottom:30px; 
    background: #fff;
    color:inherit;
    
    }	
.mainWrapper { padding: 0px 20px }

main h1 { color:inherit;font-size:1.1em; }
main li { list-style-type:square;margin-left:15px; }
main div {  }
main a { color: #031D6F;text-decoration:none; }
main a:hover { text-decoration:underline; }
    
.asideRight {
    width: 228px;
    float: right;
    clear:right;
    margin-bottom:10px;
    background:#c88219;
    color:#FFFFFF;
    font-size:inherit;
    
    }
.asideRight h1 { color:inherit;font-size:1.1em; }
.asideRight li { list-style-type:none;margin-left:5px;margin-bottom:15px;
  
    background-image: url(http://www.dekleineplantage.nl/images/Algemeen/li_dot_white.png);
    background-repeat: no-repeat;
    background-position: 0px 6px; 
    padding-left: 15px; 

}
.asideRight div { padding:20px; }
.asideRight a { color: inherit;text-decoration:none;font-weight:normal; }
.asideRight a:hover { text-decoration:underline; }

.asideLeft {
    width: 134px;
    float: left;
    clear:right;
    margin-bottom:10px;
    
    color:#FFFFFF;
    font-size:inherit;
    
    }
.asideLeft h3 { color:inherit;background:#c88219;line-height:30px;margin-bottom:4px;padding-left:10px; }
.asideLeft li { list-style-type:none;background:#031D6F;padding-left:20px;padding:2px; 0px;margin-bottom:4px;margin-right:4px; }
.asideLeft li:hover { background:#fff;color:#222; }
.asideLeft a { display:block;color: inherit;text-decoration:none;margin:3px 0px;padding-left:10px; }
.asideLeft a:hover { color:#031D6F; }
.asideLeft .plantitem { padding-left:20px; }


article {
    width: 50%;
    float: left;
    }
article p { padding-right:40px; }


/* Banner */			
#banner {
	float: left;
	width: 100%;
	}

#banner img {
    width: 75%;
    }

.break {
  height:20px;
  clear:both;
}

footer {
    display:block;
    padding-top:10px;
    border-top:1px #222 solid;
    font-weight:bold;
}		


#back {z-index: -999;min-height: 100% !important;min-width: 1024px !important;width: 100% !important;height: auto !important;position: fixed;top: 0;left: 0;}
#bottomSpace { display:block;width:100%; }

@media screen and (min-width: 995px) {
  
	.mobileVersion { display:none; }
    header { background: #031D6F; }
  main img { display:inline; }
  
    /* Image alignment used by WMS */
  .imgFloatLeft { margin:10px;margin-top:5px;margin-left:0px;float:left; }
  .imgFloatRight { margin:10px;margin-top:5px;margin-right:0px;float:right; }
  .imgFloatCenter { display:block;margin-top:5px;margin-left: auto;margin-right: auto; }

}


/* Media Queries */
@media only screen and (min-width: 200px) and (max-width: 995px) {
  
  
      /* Image alignment used by WMS */
    .imgFloatLeft { display:block;margin-left: auto;margin-right: auto;  }
    .imgFloatRight { display:block;margin-left: auto;margin-right: auto;  }
    .imgFloatCenter { display:block;margin-left: auto;margin-right: auto; }


    .desktopVersion { display:none; }
  
    #back { display:none; }
    
    #skipTo {
		display: block;
    } 
	
    /* header { display:none; }*/
  
	header nav, main, .asideRight, article {
		float: left;
		clear: left;
		margin: 0 0 10px; 
		width: 100%;
    }	

  header img { width:100%; }

  
  .mainWrapper { padding: 0px 0px;margin:0px 10px; }

  img { 
    max-width:100%; margin-left: auto;margin-right: auto;  display:block;  
  }
  
  
  nav  {
  
    display:block;
    position:relative;
    max-width:100% !important; 
    width:100% !important;
    background:#031D6F;
    color:#fff;
    
  }
  
  nav ul { 
    padding-bottom:20px;
  }
  nav li {
      position.relative;
      color:#fff !important;
      line-height:30px;
      margin-left:20px !important;
      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;}
  .menu img { width:30px !important; }
  
  .pdbWrapper table { display:block; width:100%  !important;background:#fff !important;padding:0px !important;margin:0px !important; background:#ff4444; }
  .pdbWrapper td { display:block;text-align:left;width:100%  !important;background:#fff !important;padding:0px !important;margin:0px !important; }
  .pdbWrapper tr { background:#fff !important; }
  .pdbWrapper .pdbFieldValue { font-size:1.4em; }
  .pdbWrapper .pdbFieldLabel { width:80px;text-align:right;padding-right:5px;display:block;float:left; }
  .pdbWrapper .pdbTabHeader { display:none; }
  .pdbWrapper .pdbNameHead { font-size:1.4em; }
  .pdbWrapper .pdbImage { max-width:100%; margin-left: auto;margin-right: auto;display: block; }
  .pdbWrapper #symbolPopup { left:0px; right:0px;top:0px;bottom:0px;margin:0px;width:100%;padding:20px !important;height:auto;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;  box-sizing: border-box;  }
  form[name=zoekform] td { 
    
     display:block;text-align:left;width:100%  !important;background:#fff !important;padding:0px !important;margin:0px !important;
    
  }
  form[name=zoekform] input,form[name=zoekform] select {
    
    width:100%;box-sizing: border-box;height:35px !important;line-height:35px !important;
    
    
  }
}