/*
 * fruitnetwerk.css
 *
 * style sheet for Nederlands Fruit Netwerk website
 */

/* colours */

.rutten040-cherry-00 {color:#000 !important; background-color:#ffebee !important}
.rutten040-cherry-01 {color:#000 !important; background-color:#ffe2e7 !important}
.rutten040-cherry-02 {color:#000 !important; background-color:#ffdae0 !important}
.rutten040-cherry-03 {color:#000 !important; background-color:#ffd2d9 !important}
.rutten040-cherry-04 {color:#000 !important; background-color:#ffcad2 !important}
.rutten040-cherry-05 {color:#000 !important; background-color:#ffc2cb !important}
.rutten040-cherry-06 {color:#000 !important; background-color:#ffbac4 !important}
.rutten040-cherry-07 {color:#000 !important; background-color:#ffb1bd !important}
.rutten040-cherry-08 {color:#000 !important; background-color:#ffa9b6 !important}
.rutten040-cherry-09 {color:#000 !important; background-color:#ffa1af !important}
.rutten040-cherry-10 {color:#000 !important; background-color:#ff99a8 !important}
.rutten040-cherry-11 {color:#000 !important; background-color:#ff91a1 !important}
.rutten040-cherry-12 {color:#000 !important; background-color:#ff899a !important}
.rutten040-cherry-13 {color:#000 !important; background-color:#ff8193 !important}
.rutten040-cherry-14 {color:#000 !important; background-color:#ff788d !important}
.rutten040-cherry-15 {color:#000 !important; background-color:#ff7086 !important}
.rutten040-cherry-16 {color:#000 !important; background-color:#ff687f !important}
.rutten040-cherry-17 {color:#000 !important; background-color:#ff6078 !important}
.rutten040-cherry-18 {color:#000 !important; background-color:#ff5871 !important}
.rutten040-cherry-19 {color:#000 !important; background-color:#ff506a !important}
.rutten040-cherry-20 {color:#000 !important; background-color:#ff4763 !important}
.rutten040-cherry-21 {color:#000 !important; background-color:#ff3f5c !important}
.rutten040-cherry-22 {color:#000 !important; background-color:#ff3755 !important}
.rutten040-cherry-23 {color:#000 !important; background-color:#ff2f4e !important}
.rutten040-cherry-24 {color:#000 !important; background-color:#ff2747 !important}
.rutten040-cherry-25 {color:#000 !important; background-color:#ff1f40 !important}
.rutten040-cherry-26 {color:#fff !important; background-color:#ff1639 !important}
.rutten040-cherry-27 {color:#fff !important; background-color:#ff0e32 !important}
.rutten040-cherry-28 {color:#fff !important; background-color:#ff062b !important}
.rutten040-cherry-29 {color:#fff !important; background-color:#fd0026 !important}
.rutten040-cherry-30 {color:#fff !important; background-color:#f50025 !important}
.rutten040-cherry-31 {color:#fff !important; background-color:#ed0023 !important}
.rutten040-cherry-32 {color:#fff !important; background-color:#e40022 !important}
.rutten040-cherry-33 {color:#fff !important; background-color:#dc0021 !important}
.rutten040-cherry-34 {color:#fff !important; background-color:#d40020 !important}
.rutten040-cherry-35 {color:#fff !important; background-color:#cc001f !important}
.rutten040-cherry-36 {color:#fff !important; background-color:#c4001d !important}
.rutten040-cherry-37 {color:#fff !important; background-color:#bc001c !important}
.rutten040-cherry-38 {color:#fff !important; background-color:#b4001b !important}
.rutten040-cherry-39 {color:#fff !important; background-color:#ab001a !important}
.rutten040-cherry-40 {color:#fff !important; background-color:#a30018 !important}
.rutten040-cherry-41 {color:#fff !important; background-color:#9b0017 !important}
.rutten040-cherry-42 {color:#fff !important; background-color:#930016 !important}
.rutten040-cherry-43 {color:#fff !important; background-color:#8b0015 !important}
.rutten040-cherry-44 {color:#fff !important; background-color:#830014 !important}
.rutten040-cherry-45 {color:#fff !important; background-color:#7a0012 !important}
.rutten040-cherry-46 {color:#fff !important; background-color:#720011 !important}
.rutten040-cherry-47 {color:#fff !important; background-color:#6a0010 !important}
.rutten040-cherry-48 {color:#fff !important; background-color:#62000f !important}
.rutten040-cherry-49 {color:#fff !important; background-color:#5a000d !important}
.rutten040-cherry-50 {color:#fff !important; background-color:#52000c !important}
.rutten040-cherry-51 {color:#fff !important; background-color:#49000b !important}
.rutten040-cherry-52 {color:#fff !important; background-color:#41000a !important}
.rutten040-cherry-53 {color:#fff !important; background-color:#390009 !important}
.rutten040-cherry-54 {color:#fff !important; background-color:#310007 !important}
.rutten040-cherry-55 {color:#fff !important; background-color:#290006 !important}
.rutten040-cherry-56 {color:#fff !important; background-color:#210005 !important}
.rutten040-cherry-57 {color:#fff !important; background-color:#180004 !important}
.rutten040-cherry-58 {color:#fff !important; background-color:#100002 !important}
.rutten040-cherry-59 {color:#fff !important; background-color:#080001 !important}
.rutten040-cherry-60 {color:#fff !important; background-color:#86973c !important}

/* invulvelden contactpagina */

input[type=text] {
    color: #34780f;
    background-color: white;
    outline: none;
}

/* verzendknop contactpagina */

input[type=submit] {
    background-color: #34780f;
    color: white;
    outline: none;
    font-weight:bold;
}

textarea {
    color: #34780f;
    background-color: white;
    outline: none;
}

textarea[name=subject] {
    color: #34780f;
    background-color: white;
    outline: none;
    resize: none;
}

.error {color: #cc3300;}

/* plaatjes */

img {
    float: right;
    margin-left: 12px;
}

/* Logo als kapitaal */

.capital {
    display:inline-block;
    width: 150px;
    margin-right: 12px;
    float: left
}

/* achtergrond van elke pagina */

body {
    background-image: url("/images/fruitnetwerk-bg.jpg");
    background-color: #cccccc;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;

}

.margins {
    max-width: 80%;
    margin: auto;
    margin-top: 12px;
    text-align: justify;
}


/* menubalk bovenaan de pagina's*/

.topnav {
  overflow: hidden;
  background-color: #34780f;
}

.topnav a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

.topnav .icon {
  display: none;
}

.dropdown {
  float: left;
  overflow: hidden;
}

.dropdown .dropbtn {
  font-size: 17px;    
  border: none;
  outline: none;
  color: white;
  padding: 14px 16px;
  background-color: inherit;
  font-family: inherit;
  margin: 0;
}

.dropdown-content {
  display: none;
  position: absolute;
  color: #cc3300;
  background-color: #275c0a;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  float: none;
  color: #cc3300;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.topnav a:hover, .dropdown:hover .dropbtn {
  background-color: #275c0a;
  color: white;
}

.dropdown-content a:hover {
  background-color: #34780f;
  color: white;
}

.dropdown:hover .dropdown-content {
  display: block;
}

@media screen and (max-width: 600px) {
  .topnav a:not(:first-child), .dropdown .dropbtn {
    display: none;
  }
  .topnav a.icon {
    float: right;
    display: block;
  }
}

@media screen and (max-width: 600px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
  .topnav.responsive .dropdown {float: none;}
  .topnav.responsive .dropdown-content {position: relative;}
  .topnav.responsive .dropdown .dropbtn {
    display: block;
    width: 100%;
    text-align: left;
  }
}

/* general layout */

html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}



.nfn-theme {
    color:white !important;
    background-color:#34780f !important
}

html,body{font-family:Verdana,sans-serif;font-size:16px;line-height:1.5;color:#565656}html{overflow-x:hidden}
h1{font-size:36px}h2{font-size:30px}h3{font-size:24px}h4{font-size:20px}h5{font-size:18px}h6{font-size:16px}
.w3-serif{font-family:serif}.w3-sans-serif{font-family:sans-serif}.w3-cursive{font-family:cursive}.w3-monospace{font-family:monospace}

h1,h2,h3,h4,h5,h6{
    font-family:"Segoe UI",Arial,sans-serif;
    font-weight:400;margin:10px 0
}

/* links */

a:link{
    color:#565656;
    background-color:transparent
}

a:visited{
     color:#cc3300
}
a:hover,a:active{
    color:#34780f;
    outline-width:0
}

.nfn-wide{
    letter-spacing:4px
}
.w3-xlarge{
    font-size:24px!important
}
.w3-xxlarge{
    font-size:36px!important
}
.nfn-xxxlarge{
    font-size:48px!important
}
.w3-jumbo{
    font-size:64px!important
}

.nfn-center{
    text-align:center;
    width:auto;
    margin:auto
}

.w3-bar{width:100%;overflow:hidden}.w3-center .w3-bar{display:inline-block;width:auto}



.w3-block{
    display:block;
    width:100%
}
.w3-padding-small{padding:4px 8px!important}

.nfn-padding{
    padding:8px 16px!important
}

.w3-padding-large{padding:12px 24px!important}

.nfn-container,.nfn-panel{
    padding:0.01em 16px
}

.nfn-panel{
    margin-top:16px;
    margin-bottom:16px
}

.nfn-container:after,.nfn-container:before,.nfn-panel:after,.nfn-panel:before,.w3-row:after,.w3-row:before,.w3-row-padding:after,.w3-row-padding:before,
.w3-cell-row:before,.w3-cell-row:after,.w3-clear:after,.w3-clear:before,.w3-bar:before,.w3-bar:after{
    content:"";
    display:table;
    clear:both
}

ul {
    margin: 0 0 0 32px;
    line-height: 1.5
}
.b1 {
  list-style-image:url(/fruitnetwerk.nl/images/fruitnetwerk-ico-20x20.png)
}