body{background:#009de9; padding:70px 0 0 0; margin:0;font-size:1.6em; font-family: calibri, verdana, arial, sans-serif;}
.black{color:black;}
.border{border-bottom:1px solid #171717;}
a{color:#000000;text-decoration:none !important;}
a:hover {color:#009624;}
.no-padding{padding:0;}
.marg-top-40{margin-top:40px;}
.marg-top-20{margin-top:20px;}
.no-marg{margin:0;}
.contact-info h1{color:#000000; font-size:4em; border-bottom: 1px solid #171717; margin:0; }
.contact-info p{font-size:1.5em; font-weight:bold; font-family:calibri, verdana, arial, sans-serif;}
.contact-info{margin-top:90px;}
ul{list-style-type:none;}
.knop{border-radius:5px; padding:4px 20px; background:#009624; display:block; max-width:180px; margin:20px auto; text-align:center; color:white; font-weight:bold;}
.knop2{border-radius:5px; padding:4px 20px; margin:20px 0 0 0; background:#000000; color:white !important; font-weight:100;}
.knop2:hover{background:#009624; color:white !important;}
.knop3{border-radius:5px; padding:4px 20px; display:block; width:70%; margin:0px auto 15px auto; background:#009624; color:white !important; font-size:0.9em; font-weight:100; text-align:center;}
.knop3:hover{background:#000000;}
.knop4{border-radius:5px; padding:4px 20px; margin:20px 0 0 0; background:#000000; color:white !important; font-weight:100; font-size:1.3em}
.knop4:hover{background:#00a8ff; color:white !important;}

.contact-btn{background:url(../images/icon6.png)no-repeat 15px 8px; background-color:#000000; color:#ffffff; padding:10px 15px 10px 50px; border-radius:5px; font-size:1em; font-weight:bold;}
.contact-btn:hover{background-color:#00a8ff; color:#ffffff;}

.reserveren-btn{background:url(../images/icon7.png)no-repeat 15px 8px; background-color:#000000; color:#ffffff; padding:10px 15px 10px 50px; border-radius:5px; font-size:1em; font-weight:bold;}
.reserveren-btn:hover{background-color:#00a8ff; color:#ffffff;}

.btn-big{ width:100%; background-color:#000000; color:#ffffff; display:block; margin:15px 0; padding:15px 30px 15px 10px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; font-size:1.2em; font-weight:bold;}
.btn-big:hover{background-color:#009624; color:#ffffff;}
.btn-big img{padding:0 20px;}

.opsomming-lijst li{list-style-image:url('../images/vinkje.png'); margin-top:10px; font-weight:bold;}

#title h1 {font-size:3.7em; color:#000; text-align: left; padding-top: 5px; padding-right: 0; padding-bottom: 10px; padding-left: 0; font-weight: bolder; border-bottom:1px solid #171717; border-top:1px solid #171717;}


h1 {font-size:3.7em; color:#000; text-align: left; padding-top: 5px; padding-right: 0; padding-bottom: 10px; padding-left: 0; font-weight: bolder; border-bottom:1px solid #171717;}
h2 {font-size:2.1em; color:#000; text-align: left; padding-top: 5px; padding-right: 0; padding-bottom: 10px; padding-left: 0; font-weight: bolder;}
h3 {font-size:1.1em; margin:0; padding:8px 0; color:#000;}h4 { font-size: 14px; margin:0 0 20px 0 ; color:#000; padding: 0 0 0 0; }
h5 {font-size:0.9em; margin:0; padding:8px 0; color:#000; right: 80px;}
p{color:black;}

#wrapper{
max-width: 1280px; margin:-20px auto; padding:0 0 50px 0; background-color: #f5f5f5;}
<!--
.navbar {
background-color:#000;
margin:0 auto;
}

.nav-short{max-width:450px !important; margin:0 auto;}

.navbar ul{background-color:#000;}
.navbar ul ul{margin-top:-3px !important;}
.navbar li > a:hover,
.navbar ul li:hover > a {
  color: #009624;
  background:#242424;
  text-decoration: none;
}
.navbar a {color:#ffffff !important;}

.navbar a:hover {color:#009624 !important;}

.navbar li {padding: 0 10px !important;}
.navbar li:hover > a{background-color: #000000 !important;}
.navbar li a {
  font-weight: bold;
  line-height: 30px;
  color:#ffffff;
  margin: 0px;
  text-decoration: none;
}
.navbar li:hover .sub-menu {
  display: block;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus{background-color: #171616;} -->

.crumbs ul{ border-bottom:1px solid black; padding:0px 0 10px 0; font-weight:bold;}
.crumbs a{ text-decoration:underline !important;}
.crumbs li{display:inline;}

#content {max-width: 1170px; margin:0 auto;}
/*--------------------------- END DEFAULT-------------------------*/
/*--------------------------- BEGIN INDEX.HTML-------------------------*/
.tab{border:1px solid #009624; border-radius:15px; padding:0 0px; margin:80px 1.8% 50px 0; width:32%; height:240px;}
.last-tab{margin:80px 0% 50px 0 !important;}
.tab p{line-height:1.2em; margin:0 15px;}
.tab h3{ margin:18px 15px;}
.tab h2{ margin:-21px 25px 0 25px; font-size:1.5em; font-weight:100;}
.tab .icon{border:1px solid #009624; border-radius:50%; background-color:white; width:95px; height:90px; margin:-45px auto 0 auto;}
.icon img{margin:11px 13px;}
.sterren{ margin:-10px 25px;}
.sterren img{ margin:0 5px 0px 0; width:20px;}
.tab:hover{background:#009624;}
.tab:hover .knop{background:#000000; color:#ffffff;}
.tab:hover h3{color:#ffffff;}
.tab:hover p{color:#ffffff;}
.tab:hover h2{color:#ffffff;}

.tab-diesnten{border:1px solid #009624; border-radius:15px; padding:0 0px; margin:80px 3.6% 50px 0; width:22.2%; height:300px;}
.last-tab-diesnten{margin:80px 0% 50px 0 !important;}
.tab-diesnten p{line-height:1.2em; margin:0 15px;}
.tab-diesnten h3{ margin:18px 15px;}
.tab-diesnten h2{ margin:-21px 25px 0 25px; font-size:1.5em; font-weight:100;}
.tab-diesnten .icon-diesnten{border:1px solid #009624; border-radius:50%; background-color:white; width:95px; height:90px; margin:-45px auto 0 auto;}
.icon-diesnten img{margin:11px 13px;}
.tab-diesnten:hover{background:#009624;}
.tab-diesnten:hover .knop{background:#000000; color:#ffffff;}
.tab-diesnten:hover h3{color:#ffffff;}
.tab-diesnten:hover p{color:#ffffff;}
.tab-diesnten:hover h2{color:#ffffff;}

.tab2{border:1px solid #009624; border-radius:15px; padding:0 20px 0 50px; margin:50px 9% 0px 3.5%; /* width:22.2%; */ height:100px; position:relative;}
.last-tab2{margin:50px 0% 0px 0 !important;}
.tab2 .knop{margin-top:0px;}
.tab2 h3{ margin:0px 10px; }
.tab2 .icon{border:1px solid #009624; border-radius:50%; background-color:white; width:95px; height:90px; margin:-45px 0; position:absolute; top:20px; left:-50px;}
.icon img{margin:11px 13px;}
.tab2:hover{background:#009624;}
.tab2:hover .knop{background:#000000; color:#ffffff;}
.tab2:hover h3{color:#ffffff;}

.aanbieding{ position:relative; width:100%; height:185px; margin: 20px 0px 20px 0px; border: 1px solid #009624; border-radius: 10px; -moz-border-radius: 10px;}
.aanbieding:hover{background:#009624;}
.aanbieding:hover p{color:white;}
.aanbieding:hover span{color:white;}
.aanbieding:hover h3{color:white;}
.aanbieding:hover .knop3{background:#000000;}


.aanbieding  h3{
	font-size:1em;
	margin:10px 10px 0 0;
	color:#000;
	padding:5px 0 0 10px;
	line-height:19px;
}

.aanbieding  p{
	font-size:2.4em;
	margin:0 0px 0 10px;
	color:#000;
	padding:0;
	font-weight: bolder;
}

.aanbieding span{
	font-size:14px;
	margin:0 0px -10px 13px;
	color:#000;
	padding:0;
	font-weight: bolder;
	text-decoration:line-through;
	display:block;
}

.actiesticker{
	width:46px;
	height:45px;
	background:url(../images/icon5.png) no-repeat;
	position:absolute;
	top:-25px;
	right:10px;
}
.active{color:009624 !important;}
/*--------------------------- END INDEX.HTML-------------------------*/
/*--------------------------- FOOTER-------------------------*/
#footer { max-width:1280px; margin:0 auto 40px auto; background:#000000; padding:0 0 40px 0px; border-radius: 0 0 30px 30px; -moz-border-radius:0 0 20px 20px}
#footer2 { max-width:1280px; margin:0 auto 40px auto; background:#000000; padding:20px 50px; border-radius: 0 0 30px 30px; -moz-border-radius:0 0 20px 20px}
#footer .col-md-12{ padding:0 !important;}

#footer ul{ margin:30px 0 0 30%; padding:0; list-style:none; float:left;}
#footer ul h3{ color:#ffffff;}
#footer ul li a{ margin:0px; color:#ffffff; font-size:1em;}
#footer ul li a:hover{color:#00a8ff;}
#footer #copywrite{color:white !important; margin: 50px 0 0px 8.5%;}
#footer #copywrite a {color:white !important;}
#footer2 #copywrite{color:white !important; }
#footer p, #footer a {color:#000;}
#footer a:hover {text-decoration:none;}
/*--------------------------- END FOOTER-------------------------*/
/*--------------------------- BEGIN TARIEVEN.HTML-------------------------*/

.table-curved{border:1px solid #000000; border-radius:15px; font-weight:bold;}
.table-curved th{ border-top:none !important; border-right:1px solid #ccc; background:#000000; color:white; font-size:20px;}
.table-curved th:last-child{border-right:none; border-radius:0 10px 0 0px; -webkit-border-radius:0 10px 0 0px; -moz-border-radius:0 10px 0 0px;}
.table-curved th:first-child{border-radius:10px 0 0 0; -webkit-border-radius:10px 0 0 0px; -moz-border-radius:10px 0 0 0px;}
.table-curved td{border:1px solid #cccccc; padding:15px !important; font-size:20px;}
.table-curved {border-collapse: separate;}
.table-curved tr:hover{background:#009624;}

.table-black{border:1px solid black;}
.table-black th{background:#000000;}

/*--------------------------- END TARIEVEN.HTML-------------------------*/
/*--------------------------- BEGIN TAXI REGIO´S .HTML-------------------------*/
.regio-btn{display:block; max-width:222px; background:black; color:white; padding:5px 10px; margin:20px auto 0 auto; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;}
.regio-btn:hover{background:#00a8ff; color:white;}

/*--------------------------- END TAXI REGIO´S.HTML-------------------------*/
/*--------------------------- BEGIN CONTACT.HTML-------------------------*/
#over_side{width:100%; float:right; border-left:2px dotted #c9c9c9; padding:20px 10%; background-color:#00a8ff; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
#over_side p{color:white;}
/*--------------------------- END CONTACT.HTML-------------------------*/


@media (max-width: 400px){body{background:#f5f5f5;}#title h1 {font-size:2em; }.contact-info h1{border-bottom: 0px solid #171717;} .table-curved{border:none;font-size:0.7em; font-weight:100;}.table-curved td{padding:0px !important; text-align:center;}.nav-short{max-width:100% !important;}
.knop4{font-size:1em}}

@media (max-width: 767px){#logo{width:210px;}#title h1 {font-size:2.5em; }.sterren img{ width:17px; margin-right:0px;}.tab h2{font-size:1.5em;} .tab{margin:70px 2% 30px 0%; width:100%;}.tab h3{ margin:7px 25px; font-size:0.8em !important;}.knop{max-width:150px;font-size:0.9em;}
h1{font-size:2.0em;} .contact-info {margin-top:30px;}.contact-info h1{border-bottom: 0px solid #171717;font-size:2em;}.contact-info p{font-size:1em;} .overons{padding:0;} #footer ul{ margin:30px 0 0 15%;}
.aanbieding{width:100%; margin:40px 0px 20px 0px;} .knop3{width:55%;} .navbar-collapse{border:none;} .navbar li:hover ul {display:;}h2 {font-size:1.6em;}.aanbieding-col{padding:0;}#copywrite{margin: 50px 0 0px 4%;} 
.contact-btn{font-size:1em;}.reserveren-btn{font-size:1em;}.btn-big{font-size:0.9em;background-position:15px 6px;}.crumbs li{font-size:0.9em;}
.tab2{width:100%; margin-left:0;text-align:center; padding:0;} .tab2 .icon{top:48px; left:0; display:none;}#over_side{margin-top:40px;}.nav-short{max-width:100% !important;} .table-curved td{ font-size:15px;} .table-curved th{ font-size:18px;}
}

@media (min-width: 768px) and (max-width: 992px){.sterren img{ width:20px;}.tab h2{font-size:1.5em;} .tab{margin:50px 2% 30px 2.6%; width:45%;}.tab h3{ margin:7px 25px; font-size:1.1em !important;}
.last-tab{margin:50px 2% 30px 2.6% !important;} h1{font-size:3.0em;} .contact-info h1{font-size:3em;}.contact-info p{font-size:1.3em;} #footer ul{ margin:30px 0 0 15%;}
.aanbieding p{font-size:1.9em;}.aanbieding h3{font-size:0.9em;}.knop{margin:40px auto;}
.navbar-header {float: none !important;} .navbar-left,.navbar-right {float: none !important;} .navbar-toggle {display: block;} .navbar-collapse {border-top: 1px solid transparent;box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);}
.navbar-fixed-top {top: 0;border-width: 0 0 1px;} .navbar-collapse.collapse.in{overflow:auto !important;} .navbar-collapse.collapse { display: none!important;} .navbar-nav {float: none!important; margin-top: 7.5px;} .navbar-nav>li { float: none !important;}
.navbar-nav>li>a {padding-top: 10px; padding-bottom: 10px; } .collapse.in{display:block !important;}.contact-btn{font-size:0.9em;}.reserveren-btn{font-size:0.9em;}.btn-big{font-size:1.2em;background-position:15px 6px;}
.tab2{width:100%; margin-left:0;text-align:center;} .tab2 .icon{top:48px; left:0; width:90px; height:90px; } .tab2 .icon img{margin:11px 13px; width:60px;}#over_side{margin-top:40px;}
.dropdown-menu{min-width:100% !important; margin-left:0px !important;}.navbar-collapse {border:none;} .nav-short{max-width:100% !important;} .table-curved td{ font-size:16px;}.table-curved th{ font-size:18px;}
#title h1 { margin-top: 280px;}}


@media (min-width: 993px) and (max-width: 1045px){ .navbar li {padding: 0 5px !important;}}
@media (min-width: 1046px){#title h1 { margin-top: 80px;}}
/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */