/* --------------------------------------------------------------------------------------------

	DEFINITIONS:	Stylesheet STYLE.CSS - OMGEVINGSLOKET (www.omgevingsloket.be)
	AUTHOR:			Yildiray Gunay @ ACA IT-Solutions (www.aca-it.be)
	VERSION:			17.01.2014
	UPDATED:			XX.XX.XXXX


	COLORS:

	1. BLUE			#6aced1
	
	2. RED			#fe5254
	
	3. GREY			#9cb3bb
	
	CONTENTS:

	1. BASICS

	2. PAGE STRUCTURE

	3. MEDIA QUERIES

=============================================================================================== */


/* 1. BASICS
-----------------------------------------------------------------------------------------------
===============================================================================================*/


/* HEADINGS
-------------------------------------------------------------- */

h1, h2, h3, h4, h5, h6 { 
	font-weight: normal; 
	color: #415A68;
	font-family: Source Sans Pro, Arial, Helvetica, sans-serif;
	font-weight: 400;
	line-height: 1.4; 
	margin: 0 0 15px; 
}

h1 							{ font-size: 26px; }
h2 							{ font-size: 22px; }
h3 							{ font-size: 18px; }
h4 							{ font-size: 14px; }
h5 							{ font-size: 12px; }
h6 							{ font-size: 10px; }

h1 img,
h2 img,
h3 img, 
h4 img, 
h5 img, 
h6 img 						{ margin: 0; }
							
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
h1 a:visited, h2 a:visited,h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited {
	color: #415A68;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover,
h1 a:focus, h2 a:focus, h3 a:focus, h4 a:focus, h5 a:focus, h6 a:focus { 
	color: #415A68;
}

/* Margins
-----------------------------------------------------------*/

.no-margin					{ margin: 0; }

.margin-top-5				{ margin-top: 5px; }
.margin-right-5			{ margin-right: 5px; }
.margin-bottom-5			{ margin-bottom: 5px; }
.margin-left-5				{ margin-left: 5px; }

.margin-top-10				{ margin-top: 10px; }
.margin-right-10			{ margin-right: 10px; }
.margin-bottom-10			{ margin-bottom: 10px; }
.margin-left-10			{ margin-left: 10px; }

.margin-top-15				{ margin-top: 15px; }
.margin-right-15			{ margin-right: 15px; }
.margin-bottom-15			{ margin-bottom: 15px; }
.margin-left-15			{ margin-left: 15px; }

.margin-top-20				{ margin-top: 20px; }
.margin-right-20			{ margin-right: 20px; }
.margin-bottom-20			{ margin-bottom: 20px; }
.margin-left-20			{ margin-left: 20px; }

.margin-top-30				{ margin-top: 30px; }
.margin-right-30			{ margin-right: 30px; }
.margin-bottom-30			{ margin-bottom: 30px; }
.margin-left-30			{ margin-left: 30px; }

.margin-top-40				{ margin-top: 40px; }
.margin-right-40			{ margin-right: 40px; }
.margin-bottom-40			{ margin-bottom: 40px; }
.margin-left-40			{ margin-left: 40px; }

.margin-top-50				{ margin-top: 50px; }
.margin-right-50			{ margin-right: 50px; }
.margin-bottom-50			{ margin-bottom: 50px; }
.margin-left-50			{ margin-left: 50px; }

.margin-top-60				{ margin-top: 60px; }
.margin-right-60			{ margin-right: 60px; }
.margin-bottom-60			{ margin-bottom: 60px; }
.margin-left-60			{ margin-left: 60px; }

.margin-top-70				{ margin-top: 70px; }
.margin-right-70			{ margin-right: 70px; }
.margin-bottom-70			{ margin-bottom: 70px; }
.margin-left-70			{ margin-left: 70px; }

.margin-top-80				{ margin-top: 80px; }
.margin-right-80			{ margin-right: 80px; }
.margin-bottom-80			{ margin-bottom: 80px; }
.margin-left-80			{ margin-left: 80px; }

.margin-top-90				{ margin-top: 90px; }
.margin-right-90			{ margin-right: 90px; }
.margin-bottom-90			{ margin-bottom: 90px; }
.margin-left-90			{ margin-left: 90px; }

.margin-top-100			{ margin-top: 100px; }
.margin-right-100			{ margin-right: 100px; }
.margin-bottom-100		{ margin-bottom: 100px; }
.margin-left-100			{ margin-left: 100px; }


.margin-top-min5			{ margin-top: -5px; }
.margin-right-min5		{ margin-right: -5px; }
.margin-bottom-min5		{ margin-bottom: -5px; }
.margin-left-min5			{ margin-left: -5px; }

.margin-top-min10			{ margin-top: -10px; }
.margin-right-min10		{ margin-right: -10px; }
.margin-bottom-min10		{ margin-bottom: -10px; }
.margin-left-min10		{ margin-left: -10px; }

.margin-top-min15			{ margin-top: -15px; }
.margin-right-min15		{ margin-right: -15px; }
.margin-bottom-min15		{ margin-bottom: -15px; }
.margin-left-min15			{ margin-left: -15px; }

.margin-top-min20			{ margin-top: -20px; }
.margin-right-min20		{ margin-right: -20px; }
.margin-bottom-min20		{ margin-bottom: -20px; }
.margin-left-min20		{ margin-left: -20px; }

.margin-top-min30			{ margin-top: -30px; }
.margin-right-min30		{ margin-right: -30px; }
.margin-bottom-min30		{ margin-bottom: -30px; }
.margin-left-min30		{ margin-left: -30px; }

.margin-top-min40			{ margin-top: -40px; }
.margin-right-min40		{ margin-right: -40px; }
.margin-bottom-min40		{ margin-bottom: -40px; }
.margin-left-min40		{ margin-left: -40px; }

.margin-top-min50			{ margin-top: -50px; }
.margin-right-min50		{ margin-right: -50px; }
.margin-bottom-min50		{ margin-bottom: -50px; }
.margin-left-min50		{ margin-left: -50px; }

.margin-top-min60			{ margin-top: -60px; }
.margin-right-min60		{ margin-right: -60px; }
.margin-bottom-min60		{ margin-bottom: -60px; }
.margin-left-min60		{ margin-left: -60px; }

.margin-top-min70			{ margin-top: -70px; }
.margin-right-min70		{ margin-right: -70px; }
.margin-bottom-min70		{ margin-bottom: -70px; }
.margin-left-min70		{ margin-left: -70px; }

.margin-top-min80			{ margin-top: -80px; }
.margin-right-min80		{ margin-right: -80px; }
.margin-bottom-min80		{ margin-bottom: -80px; }
.margin-left-min80		{ margin-left: -80px; }

.margin-top-min90			{ margin-top: -90px; }
.margin-right-min90		{ margin-right: -90px; }
.margin-bottom-min90		{ margin-bottom: -90px; }
.margin-left-min90		{ margin-left: -90px; }

.margin-top-min100		{ margin-top: -100px; }
.margin-right-min100		{ margin-right: -100px; }
.margin-bottom-min100	{ margin-bottom: -100px; }
.margin-left-min100		{ margin-left: -100px; }

.margin-5					{ margin: 5px; }
.margin-10					{ margin: 10px; }
.margin-15					{ margin: 15px; }
.margin-20					{ margin: 20px; }
.margin-30					{ margin: 30px; }
.margin-40					{ margin: 40px; }
.margin-50					{ margin: 50px; }
.margin-60					{ margin: 60px; }
.margin-70					{ margin: 70px; }
.margin-80					{ margin: 80px; }
.margin-90					{ margin: 80px; }
.margin-100					{ margin: 100px; }


/* Padding
-----------------------------------------------------------*/

.no-padding					{ padding: 0; }

.padding-top-5				{ padding-top: 5px; }
.padding-right-5			{ padding-right: 5px; }
.padding-bottom-5			{ padding-bottom: 5px; }
.padding-left-5			{ padding-left: 5px; }

.padding-top-10			{ padding-top: 10px; }
.padding-right-10			{ padding-right: 10px; }
.padding-bottom-10		{ padding-bottom: 10px; }
.padding-left-10			{ padding-left: 10px; }

.padding-top-15			{ padding-top: 15px; }
.padding-right-15			{ padding-right: 15px; }
.padding-bottom-15		{ padding-bottom: 15px; }
.padding-left-15			{ padding-left: 15px; }

.padding-top-20			{ padding-top: 20px; }
.padding-right-20			{ padding-right: 20px; }
.padding-bottom-20		{ padding-bottom: 20px; }
.padding-left-20			{ padding-left: 20px; }


.padding-top-30			{ padding-top: 30px; }
.padding-right-30			{ padding-right: 30px; }
.padding-bottom-30		{ padding-bottom: 30px; }
.padding-left-30			{ padding-left: 30px; }

.padding-top-40			{ padding-top: 40px; }
.padding-right-40			{ padding-right: 40px; }
.padding-bottom-40		{ padding-bottom: 40px; }
.padding-left-40			{ padding-left: 40px; }

.padding-top-50			{ padding-top: 50px; }
.padding-right-50			{ padding-right: 50px; }
.padding-bottom-50		{ padding-bottom: 50px; }
.padding-left-50			{ padding-left: 50px; }

.padding-top-60			{ padding-top: 60px; }
.padding-right-60			{ padding-right: 60px; }
.padding-bottom-60		{ padding-bottom: 60px; }
.padding-left-60			{ padding-left: 60px; }

.padding-top-70			{ padding-top: 70px; }
.padding-right-70			{ padding-right: 70px; }
.padding-bottom-70		{ padding-bottom: 70px; }
.padding-left-70			{ padding-left: 70px; }

.padding-top-80			{ padding-top: 80px; }
.padding-right-80			{ padding-right: 80px; }
.padding-bottom-80		{ padding-bottom: 80px; }
.padding-left-80			{ padding-left: 80px; }

.padding-top-90			{ padding-top: 90px; }
.padding-right-90			{ padding-right: 90px; }
.padding-bottom-90		{ padding-bottom: 90px; }
.padding-left-90			{ padding-left: 90px; }

.padding-top-100			{ padding-top: 100px; }
.padding-right-100		{ padding-right: 100px; }
.padding-bottom-100		{ padding-bottom: 100px; }
.padding-left-100			{ padding-left: 100px; }

.padding-5					{ padding: 5px; }
.padding-10					{ padding: 10px; }
.padding-15					{ padding: 15px; }
.padding-20					{ padding: 20px; }
.padding-30					{ padding: 30px; }
.padding-40					{ padding: 40px; }
.padding-50					{ padding: 50px; }
.padding-60					{ padding: 60px; }
.padding-70					{ padding: 70px; }
.padding-80					{ padding: 80px; }
.padding-90					{ padding: 90px; }
.padding-100				{ padding: 100px; }


/* Border-radius
-----------------------------------------------------------*/

.border-radius-0			{ -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
.border-radius-1			{ -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; }
.border-radius-2			{ -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
.border-radius-3			{ -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.border-radius-4			{ -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.border-radius-5			{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.border-radius-6			{ -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }

/* Elements
-----------------------------------------------------------*/

.overflow-hidden 			{ overflow: hidden; }
.overflow-visible			{ overflow: visible; }
.overflow-scroll			{ overflow: scroll; }

.text-align-center		{ text-align: center; }
.text-align-right			{ text-align: right; }
.text-align-left			{ text-align: left; }
.text-align-justify		{ text-align: justify; }


/* 2. PAGE STRUCTURE
-----------------------------------------------------------------------------------------------
===============================================================================================*/

html {
	height: 100%;
	width: 100%;
}

body {
	font-family: Source Sans Pro, Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 1.4;
	background: #fff url("../images/bg-main.jpg") center top no-repeat;
	background: #fff url("../images/bg-main-small.jpg") center top no-repeat\9;
	background-size: 2000px 300px;
	background-size: auto\9;
	color: #999;
}

strong {
	font-weight: 600;
}

a {
	color: #415A68;
}

a:hover {
	color: #415A68;
}

table a:hover {
	color: #6aced1;
	text-decoration: none;
}

a, a:hover,  
a > i, a:hover > i,
button, button:hover,
button > i, button:hover > i {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

a.button {
	display: block;
	padding: 10px;
	border-bottom: 2px solid #b55f1e;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	
	background: #E77926;
	color: #fff;
	text-align: center;
	font-weight: 600;
	font-size: 16px;
}

a.button:hover {
	background: #7e873f;
	border-bottom-color: #6c733a;
	text-decoration: none;
}

.no-transition {
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;
}

.btn-white {
	background: rgba(255,255,255,0.8);
	border: 1px solid #fff;
	color: #333;
	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;

}

.btn-red {
	background: #fe4e50;
	border: 1px solid #fe4e50;
	color: #fff;
}

.btn-white:hover, .btn-red:hover, .dropdown:hover .btn-white{
	background: #67CDD0;
	border-color: #67CDD0
}

.btn > i.fa-angle-down {
	margin-left: 5px;
}

/* NON RESPONSIVE
----------------------------------------------------------------------------------- */

.container {
	min-width: 970px !important;
}

/* HEADER
------------------------------------------------------------------------------------*/

header {
	padding: 30px 0;
}

#search, #function, #language, #contact {
	float: right;
	margin: 0 0 0 10px;
	padding: 0;
}

#search .form-group {
	margin: 0;
	float: left;
}

#search input.form-control {
	background: rgba(255,255,255,0.8);
	box-shadow: none;
	border: 1px solid #fff;
	border-right: none;
	width: auto !important;
	
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;

	-webkit-border-top-right-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	-moz-border-radius-topright: 0;
	-moz-border-radius-bottomright: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

#search .btn {
	background: rgba(255,255,255,0.8);
	box-shadow: none;
	border: 1px solid #fff;
	border-left: none;
	
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;

	-webkit-border-top-left-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	-moz-border-radius-topleft: 0;
	-moz-border-radius-bottomleft: 0;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

#search .btn:hover i {
	color: #fe4e50;
}


/* NAVIGATION 
------------------------------------------------------------------------------------*/

nav {
	margin: 0;
}

nav > .nav {
	margin-top: 210px;
	margin-left: 0;
	overflow: hidden;
	background: #9ab1ba;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

nav > .nav > li {
	margin: 0;
}

nav > .nav > li + li {
	border-top: 1px solid #e4e4e4;
}

nav > .nav > li > a {
	color: #fff;
	font-size: 14px;
	padding: 8px 15px;
	font-weight: 300;
}

nav > .nav > li.active > a {
	background: #67cdd0;
	color: #38454a;
	font-weight: 400;
}

nav > .nav > li.active > a:before {
	background: #67cdd0;
	content: "\f101  ";
	color: #fff;
	font-family: Fontawesome;
}

nav > .nav > li > a:hover {
	background: #67CDD0;
	color: #415A68;
}


/* CONTENT 
------------------------------------------------------------------------------------*/

#content {

}

.content-box {
	padding: 20px 0;
}

#hero {
	margin-top: 45px;
	height: 161px;
}

#hero h1 {
	color: #fff;
	font-size: 34px;
}

.rss {
	float: right;
	padding: 2px 5px;
	background: #67cdd0;
	color: #fff;
	margin-top: 6px;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.rss:hover {
	text-decoration: none;
}

.nieuws-item {
	border-left: 5px solid #fe4e50;
	background: #fff9f9;
	padding: 15px 20px;
	margin-bottom: 10px;
}

.nieuws-item p {
	margin: 0;
	font-size: 13px;
}

.nieuws-item h2 {
	margin: 0;
	font-size: 15px;
}

.nieuws-item h2 span {
	font-weight: 300;
}

.nieuws-item a {
	color: #67CDD0;
    font-weight: bold;
}

.nieuws-item a:hover {
}

#nieuwsbrief {
	padding: 20px;
	border: 1px solid #eee;
	margin: 20px 0;
}

#nieuwsbrief a {
	display: block;
}


/* BREADCRUMB 
------------------------------------------------------------------------------------*/

#breadcrumb .breadcrumb {
	background: #fff;
	border: 1px solid #F7F5EE;
	font-size: 12px;
}

#breadcrumb .breadcrumb a, 
#breadcrumb .breadcrumb li {
	color: #415A68;
}

#breadcrumb .breadcrumb > .active, 
#breadcrumb .breadcrumb a:hover {
	color: #7e873f;
	text-decoration: none;
}

/* START 
------------------------------------------------------------------------------------*/

body#start {
	background: #fff url("../images/bg-start.jpg") center top no-repeat;
	background-size: cover;
}

#start #keuze {
	margin-top: 10%;
	background: #6aced1;
	color: #fff;
}

#start #keuze h3 {
	color: #fff;
}

#start #keuze a {
	padding: 20px 0;
	display: block;
	font-size: 18px;
	color: #fff;
	border-top: 2px solid #5bb7ba;
	border-left: 1px solid #5bb7ba;
}

#start #keuze a:hover {
	text-decoration: none;
	background: #fff;
	color: #6aced1;
}

#start #keuze .row :first-child a {
	border-left: none;
	border-right: 1px solid #5bb7ba;
}




/* FOOTER 
------------------------------------------------------------------------------------*/

footer {
	padding: 20px 0;
	
}


/* IE7 FIX 
------------------------------------------------------------------------------------*/
*div.row > div {
	margin: 0 -15px !important;
}

*div.row > div.col-xs-4 {
	padding-right: 0 !important;
	padding-left: 30px !important;
}



/* COLORS:
-----------------------------------------------------------------------------------

	1. BLUE			#6aced1
	
	2. RED			#fe5254
	
	3. GREY			#9cb3bb
	
*/



/* Retina Displays */
@media all and (-webkit-min-device-pixel-ratio: 1.5) { }

/* col-lg-lg */
@media (min-width: 1200px) { }

/* col-lg-md */
@media (min-width: 992px) and (max-width: 1199px) { }

/* col-lg-sm */
@media (min-width: 768px) and (max-width: 991px) { }

/* Landscape phone to portrait tablet */
@media (max-width: 767px) { }

/* Landscape phones and down */
@media (max-width: 480px) { }


.button_login {
    margin-top: 25px;
}