@import url(http://fonts.googleapis.com/css?family=Lato:300);

#formulier {
   margin-top: 20px;
   width: 58%;
   font-family: 'Lato', sans-serif;
   float: left;
}

#formulier h1 {
   color: #0074D6; /*#1D90F1;*/
   margin-bottom: 20px;
}

#formulier label {
   color: #33383B;
   margin-right: 10px;
}

#formulier > h3 {
   display: inline-block;
   position: relative;
   top: -32px;
   /*left: 10px;*/
}

@media (max-width: 940px) {
   #formulier > h3 {
      width: 100%;
      position: inherit;
      text-align: center;
      margin-top: 20px;
   }
   input[type="submit"] {
      margin: 0 auto;
      margin-top: 20px;
   }   
}
@media (max-width: 767px) {
   #formulier {
      margin-left: 10px;
   }
}

fieldset {
   border: 0px;
   width: 100%;
}

.form-control {
   display: block;
   font-family: 'Lato', sans-serif;
   width: 100%;
   height: 34px;
   margin-bottom: 10px;
   padding: 5px 12px;
   font-size: 1em;
   line-height: 1.42857143;
   color: #33383B; /*#555;*/
   background-color: #fff;
   background-image: none;
   border: 1px solid #ccc;
   border-radius: 4px;
   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
           box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
   -webkit-transition: border-color ease-in-out .3s, -webkit-box-shadow ease-in-out .3s;
        -o-transition: border-color ease-in-out .3s, box-shadow ease-in-out .3s;
           transition: border-color ease-in-out .3s, box-shadow ease-in-out .3s;
}

input[type="text"] {
   color: #33383B;
   width: 100%;
}

input[type="submit"] {
   margin-top: 20px;
   width: 200px;
}

option:disabled {
   display: none;
}

@media (min-width: 940px) {
   input[type="submit"] {
      float: right;
      margin-top: 10px;      
   }
}

textarea.form-control {
   height: 200px;
}

.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}

.form-control::-moz-placeholder {
  color: #999;
  opacity: 1;
}

.form-control:-ms-input-placeholder {
  color: #999;
}

.form-control::-webkit-input-placeholder {
  color: #999;
}

#pulldown {
   padding: 4px;
   margin-bottom: 10px;
   font-size: 1em;
   color: #33383B;
   border: 1px solid #ccc;
   border-radius: 4px;
}

#pulldownitem {
   padding: 5px;
}

#sendbutton {
   background: #00509d;
   background: -webkit-gradient(linear,left top,left bottom,from(#0079bc),to(#00509d));
   background: -moz-linear-gradient(top,#0079bc,#00509d);
   text-decoration: none;
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0079bc', endColorstr='#00509d');
   color: #fff;
}

#sendbutton:hover {
   cursor: pointer;
   background: #00509d;
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00509d', endColorstr='#00509d');
}

#info {
   width: 39%;
   float: right;
   padding: 0px 15px 0px 15px;
   margin-top: 147px;
   color: #1F1F1F; 
   line-height: 1.5em;
   text-align: justify;
}

@media (max-width: 768px) {
   #formulier {
      width: 98%;  
   }
   #info {
      width: 95%;
      float: left;
      margin-top: 40px;
      margin-right: 1em;
      margin-left: 1em;
      margin-bottom: 2em;
   }
}