body {font-family: 'Titillium Web', sans-serif; overflow-y: scroll;}
p {line-height: 150%;}
a {color: #d5000f;}

.padding-r-zero {padding-right: 0;}
.padding-l-zero {padding-left: 0;}
.padding-zero   {padding: 0;}
.margin-zero    {margin: 0;}
.align-center   {text-align: center;}
.align-right    {text-align: right;}
.padding-left   {padding: 0 0 0 15px;}


.navbar-nav li {text-align: center;}
.navbar-brand {height: auto;}
.navbar-logo, .navbar-inverse {margin: 0;}
.navbar-logo {width: 100%; background-color: #ffffff; border-radius: 0; z-index: 999;}
.navbar-inverse { background-color: #d5000f; border: none; color: #ffffff;width: 100%; border-radius: 0; z-index: 999;}
.navbar-inverse .navbar-nav > li > a {color: #ffffff; padding: 20px;}
.navbars {position: fixed; width: 100%; z-index: 999;}

.navbar-nav li { font-size: 170%;}
.navbar-inverse .navbar-nav li:hover, .navbar-inverse .navbar-nav .active{ background-color: #000000;}

.navbar-toggle { background-color: #d5000f;}
.navbar-toggle .icon-bar {background-color: #ffffff;}

.navbartop li {padding-top: 30px;}
.navbartop li:nth-child(3), .navbartop li:nth-child(4) {padding-top: 15px;}

.navbar-inverse .navbar-collapse { border: none;}
.container > .navbar-collapse {margin-right: auto; margin-left: auto;}

.navbar-header { width: 500px;}

#navbar {padding: 0;}

.headnav { float: right;}
.headnav li:hover, .headnav .active{ background-color: #ffffff;}
.headnav li a {color: #000000; padding-bottom: 0px; padding-top: 25px;}
.headnav li a:hover, .headnav li .active {color: #d5000f; background-color: #ffffff;}


#owl-demo .item{ margin: 10px;}
#owl-demo .item img{ display: block; width: 100%; height: auto;}

.jumbotron { padding: 0; background-color: #000000; margin: 0; padding-top: 150px;}
.jumbotron #owl-demo {margin: 14px 0 14px 0;}

.blackbody { background-color: #000000;}
.redbody { background-color: #d5000f;}

.title_red, .jumbotron .title_red { color:  #d5000f;font-weight: bold; font-size: 50px;}
.title_red2 { color:  #d5000f; margin-top: 0; font-size: 20px; text-transform: uppercase; font-weight: bold;}

.title_white { color:  #ffffff; text-align: center; font-weight: bold; font-size: 3em;}

.paragraph_white {color: #ffffff; font-size: 120%;}

.menulist { list-style: none; margin: 20px 0 10px 0; padding: 0px;}
.menulist li {display: block; padding: 0; margin-bottom: 8px;}
.menulist .active a, .menulist li a:hover { background-color: #d5000f;}
.menulist li a { color: #ffffff; font-size: 130%; padding-left: 5px; padding-right: 5px;}
.menulist li a:hover { text-decoration: none;}
.img_menu {margin: 24px 0 20px 0;}
.img_menu img {width: 100%;}

#gerechten {margin-bottom: 20px;}
.menu_underline { border-bottom: 1px dashed #000000; font-size: 140%;}
.menu_last { border-bottom: none; font-size: 140%;}
.menu_cart img {width: 30px;}
.menu_price {text-align: right;}
.menu-items {margin-bottom: 20px;}

.menu_item_bestelling:last-of-type .menu_underline { border: none;}

.form-control { background-color: #dddddd; border-radius: 0;}
.form-control:focus { border-color: #d5000f;}

.bestelling{ background-color: #ffffff;}
.bestelling_head {text-align: center;}
.bestelling-extra label { display: none;}
.bestelling-overzicht { margin: 10px 0 20px 0;}

.padding-zero { padding: 0;}

.rowborder { border: 1px solid #000000; padding: 15px; margin-bottom: 20px;}
.rowborder .title_red2 {font-weight: bold; margin: 0;}

.btn { border-radius: 0;}
.btn-danger { background-color: #d5000f;}

.form_white { background-color: #ffffff; padding: 20px;}

.fullwidth {width: 100%;}

footer {font-size: 22px;}
footer h3 {font-weight: bold; color: #fff; font-size: 32px;}
footer .row { padding-top: 15px;}
footer a {color: #fff; text-decoration: none;}
footer a:HOVER {color: #fff; text-decoration: underline;}
.footer-left { text-align: right; color: #d5000f; font-weight: bold; font-size: 120%;}
.footer-right { text-align: right; color: #ffffff; }

.content950 { width: 950px; margin-left: auto; margin-right: auto; padding: 0;}

.modal-dialog {width: 700px;}
.modal-content {background-color: #000000; color: #ffffff;}

.close {opacity: 1;}


#nieuwtjes p, #overons p {color: #ffffff; line-height: 30px; font-size: 20px;}

.modal-header {border-bottom: none;}
.modal-content { border-radius: 0;}

.cart_herbereken_mobile {display: none;}

#back-top {
    position: fixed;
    bottom: 30px;
    right: 5%;
	display: none;
}

#back-top a {
    width: 108px;
    display: block;
    text-align: center;
    font: 11px/100% Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    text-decoration: none;
    color: #bbb;

    /* transition */
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
}
#back-top a:hover {
    color: #000;
}

/* arrow icon (span tag) */
#back-top span {
    width: 108px;
    height: 108px;
    display: block;
    margin-bottom: 7px;
    background: #ddd url(img/up-arrow.png) no-repeat center center;

    /* rounded corners */
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;

    /* transition */
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
}
#back-top a:hover span {
    background-color: #777;
}

label {font-size: 120%;}

.top1 { width: 65%; float: left; padding-left: 15px;}
.top2 { width: 35%; float: left; padding-right: 15px;}

#reserveer {font-size: 20px;}
#reserveer a {color: #333; text-decoration: none;}
#reserveer a:HOVER {text-decoration: underline;}
#reserveer h1 {font-size: 50px; font-weight: bold; color: #d5000f;}
#reserveer .email {font-size: 24px;}
#reserveer .telefoon {font-size: 50px; color: #d5000f; font-weight: bold;}

#overons {font-size: 20px; color: #e6e6fa;}
#overons h1, #menucontent h1 {color: #d5000f; font-family: Times, "Times New Roman", serif; font-style: italic; font-weight: bold; font-size: 50px; text-align: center;}
#takeaway {font-size: 20px; color: #ffffff;}
#takeaway h1 {font-size: 50px; font-weight: bold;}
#nieuwtjes img { width: 100%;}


#overons, #nieuwtjes, #takeaway, #reserveer {padding-top: 150px; margin-top: -150px;}

.menu-item-subscript {margin-left: 5px; font-style: italic; font-size: 80%;}

.modal-body img {margin-bottom: 20px;}


/* Tablet */
@media screen and (max-width: 992px) {
    .navbars {position: static;}
    .jumbotron {padding-top: 0;}
	
	.bestelling-extra label { display: block;}
    .bestelling-extra { margin: 5px 0 5px 0; overflow: hidden;}
    .navbar-brand {width: 100%;}
    .navbar-brand img {width: 100%;}
    .navbar-brand img {width: 100%;}

    .menu_item_bestelling .menu_underline { border: none;}
    .menu_item_bestelling .dashed-line{ border-bottom: 1px dashed #000000;}
    .menu_item_bestelling:last-of-type .dashed-line{ border-bottom: none;}
    .menu_item_bestelling .menu_cart {text-align: right;}
    .menu_item_bestelling .text-right p { text-align: left; padding-left: 50px;}

    .bestelling_head {display: none;}

    .menu_last .btn {width: 100%; margin-bottom: 10px;}

    footer, .footer-left, .footer-right { text-align: center;}

    .content950 {width: 90%; margin-left: 5%;}

    .headnav {width: 100%; margin: 0 0 10px 0;}
    .headnav li {width: 25%;}
	.headnav li a {padding-top: 0;}
	.navbartop li {padding-top: 15px;}
	.navbartop li:nth-child(3), .navbartop li:nth-child(4) {padding-top: 0px;}

    .top1 { width: 100%; float: left;}
    .top2 { width: 100%; float: left;}
}

@media screen and (max-width: 767px) {
    .navbars {position: static;}
    .jumbotron {padding-top: 0;}
	
	.navbar-brand {width: 100%;}
    .navbar-brand img {width: 100%;}

    .menu_item .menu_underline { border: none;}
    .menu_item .dashed-line{ border-bottom: 1px dashed #000000;}
    .menu_item .menu_cart {text-align: right;}
    .menu_item .text-right p { text-align: left; padding-left: 50px;}

    .img_top {width: auto;}

    .item_menu {width: 100% !important;}

    .navbar-header {width: 100%;}
    .headnav {float: none; margin-left: auto; margin-right: auto;}
    .navbar-inverse .navbar-nav > li > a {padding-left: 10px !important; padding-right: 15px !important;}
    .navbar-nav li {text-align: center !important; margin-left: 0 !important;}
	.navbartop li {padding-top: 15px;}
	.navbartop li:nth-child(3), .navbartop li:nth-child(4) {padding-top: 0px;}

    .headnav {width: 100%; margin: 0 0 10px 0;}
    .headnav li {width: 25%; float: left;}
	.headnav li a {padding-top: 0;}
	
	.content950.copyright {margin: 0; width: 100%;}
}

@media screen and (max-width: 600px) {
    .navbars {position: static;}
    .jumbotron {padding-top: 0;}
	
	.navbar-brand {width: 100%;}
    .navbar-brand img {width: 100%;}

    .menu_item .dashed-line{ border-bottom: 1px dashed #000000;}
    .menu_item .menu_cart {text-align: right;}

    .img_top {width: auto;}
	
	.top2 {padding: 0 10px; margin-bottom: 10px;}
}

@media screen and (max-width: 450px) {
	.navbars {position: static;}
    .jumbotron {padding-top: 0;}
	
	.headnav {width: 100%; font-size: 85%; margin: 0 0 10px 0;}
    .headnav li:nth-child(1) {width: 24%;}
    .headnav li:nth-child(2) {width: 40%;}
    .headnav li:nth-child(3) {width: 18%;}
    .headnav li:nth-child(4) {width: 18%; text-align: right;}
	
	.navbar-nav {margin: 0;}
	.navbar-inverse .navbar-nav > li > a {padding: 10px 0 !important; font-size: 85%;}
	
	.jumbotron .content950 {margin: 0; width: 100%;}
	
	.menulist li {display: inline-block; padding: 0 5px; border-right: 1px solid #999;}
	.menulist li:first-child {padding-left: 0;}
	.menulist li:last-child {padding-right: 0; border: none;}
	
	.title_red {font-size: 30px;}
	#gerechten {margin: 0; width: 100%;}
	
	.footer {font-size: 77%;}
	
	#cartoverview .content950 {margin: 0; width: 100%;}
	#cartoverview .menu_item_bestelling {font-size: 85%;}
	.bestelling-overzicht .col-md-12 {padding: 0;}
	.akkoord_voorwaarden label {font-size: 85% !important;}
	
	.cart_herbereken_mobile {display: block; text-align: right;}
	.bestelling-overzicht .col-md-12.cart_herbereken_mobile button {padding: 6px 10px;}
	.herbereken_bottom {display: none;}
}