body{
   margin: 0;
   padding:0;
   background-image:url("../images/achtergrond_66.jpg");
   font-size:16px;
   font-family:sans-serif;
}

#navigation {
   background-color: #333333;
   position:fixed;
   left: 0;
   top: 0;
   width:100%;
}

.navigation ul {
   margin:0;
   padding:0;
}

.navigation ul li {
   display:inline;
}

.navigation{
   background-color: #333333;
   overflow:hidden;
   padding:5px;
   float:right;
   text-align:left;
}

.navigation a {
   display:block;
   float:left;
   padding: 14px 16px;
   color:#FFFAFA;
   text-decoration:none;

}

.navigation a.active{
   background-color: #FFFAFA;
   color: #333333;
}

.navigation a:hover{
   color: #333333;
   background-color: #FFFAFA;
}

.navigation-container, .container {
   margin: 0 auto;
}

@media (min-width: 960px) {
   .navigation-container, .container {
      width: 950px;
   }
}

.container {
   border: 1px solid black;
   text-align:left;

}

.content{
   background-color:#FFFAFA;
   padding:20px;
   margin-top:45px;
}

.footer{
   background-color: #333333;
   padding:20px;
   color: #FFFAFA;
}

.container img{
   height: 35%;
   width: 35%;
   display:block;
   border-radius: 8px;
   border: 1px solid #ddd;
   padding: 5px;
   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

#logo {
   width: 75px;
   height: auto;
   margin-left: 20px;
   margin-top: 10px;
}

.container .bus-klein, .container .ar-in-auto_klein {
   display: none;
   width: 100%;
   margin-top: 0;
}

.container .bus-klein {
   margin-bottom: 10px;
}

.container .auto-klein, .container .ar-klein{
   display:none;
   width:100%;
   margin-top: 10px;
}

.container .auto-groot, .container .ar-groot {
   float:right;
   margin-right:0;
   margin-left: 10px;
}

.container .bus-groot {
   float:left;
   margin-left:0;
   margin-right:10px;
   /*
   clear: both;
   display: block;
   width: 100%;
    */
}

.container .bus img, .container .ar-in-auto_groot {
   float: left;
   margin-left: 0;
   margin-right: 10px;
}

.container .ar-in-auto_klein{
   margin-top: 10px;
}

@media (max-width: 650px) {
   .container .auto-groot, .container .bus-groot, .container .ar-groot, .container .ar-in-auto_groot {
      display: none;
   }
   .container .auto-klein, .container .bus-klein, .container .ar-klein, .container .ar-in-auto_klein {
      display: block;
   }
   .navigation{
      float: left;
   }
   .video iframe{
      position:relative;
      top:0;
      left:0;
      width:100%;
      height:100%;
   }
}

@media (max-width: 400px){
   #logo{
      display:none;
   }
}

textarea {
   height:150px;
   width:100%;
}

@media (max-width: 650px) {
   .formulier, textarea {
      width:100%;
   }
}

table {
   border-collapse: collapse;
   width: 100%;
}

table, th, td  {
   border-bottom: 1px solid #ddd;
   text-align: left;
}

thead, tbody {
   text-align:left;
   padding: 8px;

}

th{
   background-color: #333333;
   color: #FFFAFA;
   padding: 10px;
}

td{
   padding:5px;
}

tr:hover {
   background-color:#F2F2F2;
}

tr:nth-child(even){
   background-color: #F2F2F2;
}

textarea:focus, input:focus {
   border: 2px solid #555555;
}

textarea {
   resize:none;
}

input[type="submit"], input[type="reset"]{
   background-color: #333333;
   color:#F2F2F2;
   border: none;
   margin: 4px 2px;
   cursor: pointer;
   padding:8px 16px;
   text-decoration: none;
}

.contact-links{
   width:50px;
   display:inline-block;
}

.footer a {
   color: #337ab7;
   text-decoration: none;
}

.footer a:hover {
   text-decoration: underline;
}

.video iframe {
   height: 350px;
   width: 100%;
   display:block;
   border-radius: 8px;
   border: 1px solid #ddd;
   padding: 5px;
   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}