@import url(//fonts.googleapis.com/css?family=Open+Sans:400,700);

body{
    font-family: 'Open Sans', sans-serif;
      padding-top: 100px;
}

@media(min-width:786px) {
    body {
        padding-top: 150px; /* Required padding for .navbar-fixed-top. Change if height of navigation changes. */
    }
}

img
{
    max-width:100%;
}

.nav a {
  color: #5a5a5a;
  font-size: 13px;
  padding: 0px 0px;
  text-transform: uppercase;
  text-decoration: none;
  border-bottom: 5px solid transparent;
}

.nav a:hover{
  border-bottom: 5px solid #ff0000;
}

.nav .active{
    border-bottom: 5px solid #ff0000;
}

.jumbotron {
    height: 250px;
  background-repeat: no-repeat;
  background-size: cover;
    color: #fff;
    text-shadow:  -1px -1px 0 #5a5a5a,
    1px -1px 0 #5a5a5a,
    -1px 1px 0 #5a5a5a,
    1px 1px 0 #5a5a5a;  
}

.jumbotron .container {
  position: relative;
  top:10px;
}


.jumbotron h1 {
  font-size: 48px;  
  font-family: 'Open Sans', sans-serif;
  font-weight: bold;
}

.jumbotron p {
  font-size: 20px;
}
#logo{
    padding-top: 10px;
    height: 100px;
    width: 310px;
    background-image: url(images/logo.png);
    background-repeat: no-repeat;
    background-size: cover;
  
}

#maandmenubox {
    border-style: solid;
}

#map-canvas{
    padding-top: 20px;
    width: 100%;
    height: 100%;

}
#afhaallijst{
    text-align: center;
}
#index{
    background-image:url('images/gamba.jpg');
    background-position: 0px, 100px;
}
#afhaal{
    background-image:url('images/loempias.jpg');
    background-position: 0px, 100px;
    
}
#restaurant{
    background-image:url('images/rundvlees.jpg');
    background-position: 0px, 100px;
}
#catering{
    background-image:url('images/eend.jpg');
    background-position: 0px, 100px;
}
#impressie{
    background-image:url('images/gamba.jpg');
    background-position: 0px, 100px;
}
#route{
    background-image:url('images/route.jpg');
    background-position: 0px, 100px;
}
#contact{
    background-image:url('images/route.jpg');
    background-position: 0px, 100px;
}
td { 
    padding: 5px;
    font-weight: bold;
}


#verzendbutton{
    text-align: right;
}
h2 {
  font-size: 28px;
  font-weight: bold;
}

h3 {
  font-size: 20px;
  font-weight: bold;
}
h4 {
  font-size: 16px;
  font-weight: bold;
}

.content a {
  color: #cc3366;
}

footer{
    text-align: center;
    vertical-align: middle;
    }