@import url(http://fonts.googleapis.com/css?family=Lato:300,700);

html,body 
{
    width: 100%;
    height: 100%;
    margin: 0;
}

#navigation
{
    margin-bottom:  0 !important;
}

p
{
    margin-top:17px;
} 


/* WIZZARD 
------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */

.btn-file {
    position: relative;
    overflow: hidden;
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    /*font-size: 999px;*/
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    background: red;
    cursor: inherit;
    display: block;
    font-family: 'Lato',"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 16px;
    font-weight: 700;
}

body.wizard-page h1{
	font-size: 24px;
}

body.wizard-page h2{
	font-size: 18px;
}
body.wizard-page input#importUrl{
	font-size:16px;
	line-height: 24px;
	padding: 6px 12px;
	margin:0 5px 0 0;
}



/*
body.wizard-page label{
	font-size: 18px;
}
*/
ul.wizard
{
	list-style:			none;
	margin:				0;
	padding:			0;
}
ul.wizard li
{
	list-style:			none;
	margin:				0;
	padding:			0;
	width:				22%;
	display:			block;
	float:				left;
}
ul.wizard li:last-child
{
	width:				34%;
}
ul.wizard li a,
ul.wizard li a:hover
{
	display:			block;
	width:				100%;
    background: 		#ecf0f1;
    position: 			relative;
    color:				#7F8C8D;
	text-decoration:	none;
    padding: 			7px 10px 7px 35px;
    border-left:		5px solid white;
    font-size: 18px;
    font-family: 'Lato', "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 700;
}
ul.wizard li.active a,
ul.wizard li.active a:hover
{
    background: 		#7F8C8D;
    color: 				#fff;
}
ul.wizard li:first-child a {
    -webkit-border-radius: 4px 0 0 4px;
       -moz-border-radius: 4px 0 0 4px;
            border-radius: 4px 0 0 4px;
    padding-left:		10px;
    border-left:		0;
}
ul.wizard li:last-child a {
    -webkit-border-radius: 0 4px 4px 0;
       -moz-border-radius: 0 4px 4px 0;
            border-radius: 0 4px 4px 0;
}
ul.wizard li a:before 
{
    content: 		"";
    width: 			0;
    height: 		0;
    border-top: 	20px inset transparent;
    border-bottom: 	20px inset transparent;
    border-left: 	20px solid white;
    position: 		absolute;
    top: 			0;
    left: 			0;
}
ul.wizard li a:after 
{
    content: 		"";
    width: 			0;
    height: 		0;
    border-top: 	20px inset transparent;
    border-bottom: 	20px inset transparent;
    border-left: 	20px solid #efefef;
    position: 		absolute;
    top: 			0;
    right: 			-20px;
    z-index: 		2;
}
ul.wizard li.active a:after
{
    border-left: 	20px solid #7F8C8D;
}
ul.wizard li:first-child a:before,
ul.wizard li:last-child a:after
{
	border:			0;
}
ul.wizard li.active a span.badge
{
	background-color:none !important;
	color:#FFF;
}
body.wizard-page .panel {
    box-shadow: none;
}
body.wizard-page .panel-default
 {
    border-color: none !important;
    border: 0px solid;
}

body.wizard-page ul.tips{
	list-style: none;
}
.progress-bar {
    background-color: #7F8C8D;
    box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15) inset;
    color: #FFFFFF;
    float: left;
    font-size: 12px;
    height: 100%;
    line-height: 20px;
    text-align: center;
    transition: width 0.6s ease 0s;
    width: 0;
}
.panel-default > .panel-heading {
    /*background-image: linear-gradient(to bottom, #F5F5F5 0px, #E8E8E8 100%);*/
    background-image: none;
    background-repeat: repeat-x;
}
.panel-default > .panel-heading {
    background-color: #7F8C8D;
    border-color: #7F8C8D;
    color: #FFFFFF;
}
.panel-heading {
    border-bottom: 1px solid rgba(0, 0, 0, 0);
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    padding: 10px 15px;
}
.panel-footer {
    background-color: #FFFFFF;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top: 2px solid #7F8c8D;
    padding: 10px 15px;
}

.alert-danger {
    background-image: linear-gradient(to bottom, #F2DEDE 0px, #E7C3C3 100%);
    background-image: none;
    background-repeat: repeat-x;
    border-color: #c0392b;
	/*background-color: #c0392b;*/ 
}
.alert {
    text-shadow: 0 0px 0 rgba(255, 255, 255, 0.0);
     -webkit-box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.25);
	-moz-box-shadow:    1px 1px 5px 0px rgba(50, 50, 50, 0.25);
	box-shadow:         1px 1px 5px 0px rgba(50, 50, 50, 0.25);
}

.alert-danger {
    color: #c0392b;
}

/* FONTS 
------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
body, p{
	font-family: 'Lato', "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-weight: 300;
	color: #333;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    color: #333;
    font-family: 'Lato', "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 700;
}
h1{
	font-size:24px;
}
h2{
	font-size:18px;
}

/* NAV 
------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */

/* LOGO ANTWERPEN bubble */
.bubble-logo
{
	position: relative;
	width: 40px;
	height: 40px;
	padding: 4px;
	background: #FFF;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	border: #FFFFFF solid 1px;
	display: inline-block;
	float:left;
	top:8px;
	margin-left:15px;
}

.bubble-logo img
{
	margin: 2px 0 0 0;
}

.bubble-logo:after
{
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 7px 7px 0;
	border-color: #FFF transparent;
	display: block;
	width: 0;
	z-index: 1;
	bottom: -7px;
	left: 13px;
}

.bubble-logo:before
{
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 7px 7px 0;
	border-color: #FFFFFF transparent;
	display: block;
	width: 0;
	z-index: 0;
	bottom: -8px;
	left: 13px;
}
/*
.navbar-brand {
    float: left;
    font-size: 24px;
    line-height: 28px;
    padding: 15px 5px 15px 5px;
    margin:0 15px 0 15px;
}
.navbar > .container .navbar-brand {
    margin-left: 0px;
}
.navbar-inverse .navbar-brand {
    color: #FFFFFF;
}*/


a.navbar-brand
{
	padding:	0 !important;
	margin:		0 25px 0 13px !important;
	height:		60px;
}

a.navbar-brand img
{
	height:		50px;
	margin-top:	5px;
}

/* NAVBAR */

body.body-navbar-fixed-top .navbar{
	position: fixed;
	width:100%;
}
.navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav > li > a {
    text-shadow: 0 0 0 rgba(0, 0, 0, 0.0);
}
.navbar-inverse .navbar-nav > li > a {
    color: #FFFFFF;
}

.navbar-collapse{
	padding-right:0;
	padding-left: 0;
}

.navbar-inverse {
    background-image: none;
    background-repeat: no-repeat;
    background-color: #323232;
    border-color: none;
}
/*
.navbar .container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 0px;
    padding-right: 0px;
}
*/
.navbar {
    border-radius: 0px !important;
    margin-bottom: 20px;
    min-height: 60px;
    position: relative;
    
    -webkit-box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.7);
	-moz-box-shadow:    0px 2px 5px 0px rgba(50, 50, 50, 0.7);
	box-shadow:         0px 2px 5px 0px rgba(50, 50, 50, 0.7);
	
	z-index: 999;
}
.navbar-collapse ul{
		margin-bottom: 0;
}


.navbar-collapse ul li {
	display: inline-block;
	float:left;
	height: 60px;
    line-height: 60px;
	border-left: 1px solid #000000;	
}





/*
.navbar-collapse ul li:last-child {
	border-right: 3px solid #000000;	
}
*/

.navbar-collapse ul li a:hover {
	background: #000000 !important;
}
.navbar-collapse ul li a{
	display: block;
	height: 60px;
    line-height: 60px;
    color:#FFFFFF;
    text-decoration: none;
	font-size: 18px;
 	padding: 0 10px 0 10px;
 	border:0;
 	outline:0;
}

.navbar-collapse ul li a i{
	margin-right: 10px;
	margin-left: 5px;
}


.navbar .form-control:focus{
	border-color:none;
	box-shadow:none;
}
.navbar-form {
    border: 0 none;
    box-shadow: none;
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 0;
    padding-top: 0;
    width: 170px;
}
.navbar form#search-form .form-group {
    margin-bottom: 0px;
    margin-top: -20px;
}
.navbar .form-control::-moz-placeholder {
    color: #FFFFFF;
    opacity: 1;
}
.navbar form#search-form .form-group input#search{
	background-image:url(../img/svg/search.svg) ;
	background-repeat:no-repeat;
	background-position: 4px 8px;
	padding-left: 24px;
}
.navbar form#search-form .form-group input#search:focus{
	background-image:none ;
	background-repeat:no-repeat;
	background-position: 4px 5px;
}

.navbar form#search-form .form-group .form-control{
	background-color: #000000;
    background-image: none;
    border: none;
    border-radius: 0px;
    box-shadow: none;
    color: #FFFFFF;
    display: block;
    font-size: 14px;
    /*height: 27px;*/
    line-height: 18px;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    vertical-align: middle;
    width: 170px;
}

/* DROPDOWN */
.navbar-collapse ul li ul.dropdown-menu {
	background: #FFFFFF;
	-webkit-box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.5);
	-moz-box-shadow:    0px 2px 5px 0px rgba(50, 50, 50, 0.5);
	box-shadow:         0px 2px 5px 0px rgba(50, 50, 50, 0.5);
}
.navbar-collapse ul li ul.dropdown-menu li{
	border-left: none;
	line-height: 14px;
	display: block;
	float:none;
	height: 28px;
}

.navbar-collapse ul li ul.dropdown-menu a {
    border: 0 none;
    color: #7F8C8D;
    background: #FFFFFF;
    display: block;
    font-size: 14px;
    height: 24px;
    line-height: 24px;
    outline: 0 none;
    padding: 0 0 0 10px;
    text-decoration: none;
}
.navbar-collapse ul li ul.dropdown-menu a:hover {
   background: #FFFFFF !important;
   color:#D35401;
}
.navbar-collapse ul li ul.dropdown-menu a i {
   margin:0 5px 0 0;
}
/*
.dropdown-menu.dropdown-bubble {
    position: absolute;
    left: -20px;
	width: 170px;
	height: 120px;
	padding: 5px;
	background: #FFFFFF;
	border: 0px solid;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	text-align: center;
	
	-webkit-box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.7);
	-moz-box-shadow:    0px 2px 5px 0px rgba(50, 50, 50, 0.7);
	box-shadow:         0px 2px 5px 0px rgba(50, 50, 50, 0.7);
}
.dropdown-menu.dropdown-bubble:after {
    content: '';
	position: absolute;
	border-style: solid;
	border-width: 0 10px 10px;
	border-color: #FFFFFF transparent;
	display: block;
	width: 0;
	z-index: 1;
	top: -10px;
	left: 75px;
}
*/


/*FACEBOOK IN DROP DOWN */
/*
.dropdown-menu > li > a.btn-facebook {
    clear: both;
    color: #FFFFFF;
    display: inline;
    font-weight: normal;
    line-height: 24px;
    padding: 6px 12px;
    white-space: nowrap;
    
    font-family: 'Lato',"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 16px;
    font-weight: 700;
	background: #3b5998;
    border-left: none;
    
     margin-top: 10px;
}
.navbar-collapse ul li a.btn-facebook i {
    margin-left: 0px;
    margin-right: 5px;
   
}

.dropdown-menu > li > a.btn-facebook:hover {
    
	background: #c0392b;
   
}
*/

/* RESPONSIVE NAV */

.container > .navbar-header, .container > .navbar-collapse {
    margin-left: -15px;
    margin-right: -15px;
    
}

.navbar-collapse.in ul {
	padding-bottom: 10px;
}

.navbar-collapse.in ul li, .navbar-collapse.collapsing ul li {
	border-left: none;
    /*border-bottom: 1px solid #000000;*/
    display: inline-block;
    float: left;
    height: 40px;
    line-height: 40px;
}

.navbar-collapse.in ul li a, .navbar-collapse.collapsing ul li a {
    border: 0 none;
    color: #FFFFFF;
    display: block;
    font-size: 24px;
    height: 40px;
    line-height: 40px;
    outline: 0 none; 
    padding: 0 10px 0 30px;
    text-decoration: none;
}

.navbar-collapse.in form#search-form .form-group, .navbar-collapse.collapsing form#search-form .form-group{
    margin-bottom: 0;
    margin-top: 0px;
    margin-left: 20px;
}

/*
.navbar-collapse.in ul li ul.dropdown-menu.dropdown-bubble,
.navbar-collapse.collapsing ul li ul.dropdown-menu.dropdown-bubble {
    position: relative;
    left: 0px;
	width: 100%;
	height: auto;
	padding: 5px;
	
	background: #000000;
	color: #FFFFFF;
	border: 0px solid;
	
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	text-align: left;
	
	-webkit-box-shadow: 0px 0px 0px 0px rgba(50, 50, 50, 0.0);
	-moz-box-shadow:    0px 0px 0px 0px rgba(50, 50, 50, 0.0);
	box-shadow:         0px 0px 0px 0px rgba(50, 50, 50, 0.0);
}
.navbar-collapse.in ul li ul.dropdown-menu.dropdown-bubble:after {
    content: '';
	position: absolute;
	border-style: solid;
	border-width: 0 10px 10px;
	border-color: #FFFFFF transparent;
	display: none;
	width: 0;
	z-index: 1;
	top: -10px;
	left: 75px;
}
*/

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

.bg-darkgrey{
	background: #7F8C8d;
}
.bg-lightgrey{
	background: #EcF0F1;
}
.darkgrey{
	color:#7F8C8d;
}
.orange{
	color:#d35401;
}
.darkblue{
	color:#34495e;
}
.bg-red{
	background: #c0392b;
}
/* BUTTONS
------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */

.btn-primary {
    background-image: none;
    background-repeat: repeat-x;
    border: 0;
    outline:0;
    border-color: none;
    background: #7F8c8D;
    color: #FFFFFF;
    
    font-family: 'Lato', "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
}
.btn-primary:hover, 
.btn-primary:active, 
.btn-primary:focus {
	 border: 0;
	 outline:0;
    background-image: none;
    background-repeat: repeat-x;
    border-color: none;
    background: #EFEFEF;
    color: #7F8c8D;
}
.btn-primary i{
    margin-right: 5px;
}

#welkom .middle .btn-primary{
	font-family: 'Lato', "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 24px;
    text-align: left;
    padding-left:20px;
    height: 45px;
}
#welkom .middle .btn-primary:hover,
#welkom .btn-primary:hover
{
	color: #7F8c8D;
}

#welkom .middle .btn-primary i{
	margin-right: 6px;
}

#sidebar .btn-primary{
	font-family: 'Lato', "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
}
#sidebar .btn-primary i{
	top: 1px;
	position: relative;
}

.btn-default, .btn-primary, .btn-success, .btn-info, .btn-warning, .btn-danger {
    text-shadow: none !important;
    box-shadow: none !important;
}

body.detail .btn-primary{
	font-family: 'Lato',"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    margin:10px 0 0 0;
}
body.detail .comment-wrapper .btn-primary {
    font-family: 'Lato',"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
    margin: 0px 0 0 55px;
    color:#D35401;
    background: #FFFFFF;
}

body.detail .comment-wrapper .btn-primary:hover {
    color: #c0392b;
}

body.wizard-page span.btn-primary{
	font-family: 'Lato',"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 16px;
    font-weight: 700;
}

.btn-facebook{
	font-family: 'Lato',"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 16px;
    font-weight: 700;
	background: #3b5998;
	text-decoration: none;
}
.btn-grey{
	background: #7f8c8d;
}

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

/* HOME */

#home-container{
	height: 407px;
	width:1170px;
	z-index: 100;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top:-203px;
	margin-left:-585px;
	pointer-events: none;
}
#pic, #welkom{
	height: 407px;
	width: 407px !important;
	background: #FFFFFF;
	padding:8px;
	display: inline-block;
}
#pic{
	float:left;
}
#welkom{
	float: right;
	color:#FFFFFF;
}
#welkom a, #welkom a:hover{
	color:#FFFFFF;
}
#welkom .top a{
	text-decoration: underline;
}
#welkom .top a.btn-facebook{
	text-decoration: none;
}
#welkom .top a:hover{
	text-decoration: none;
}
#welkom .top{
	/*height: 146px;*/
	padding:10px;
	pointer-events: auto;
}
#welkom .top ul{
	list-style-type: none;
	margin: 10px 0 10px 0;
}
#welkom .top ul li i{
	margin-right: 5px;
}
#welkom .top h2, #welkom .bottom h2{
	color:#FFFFFF;
	font-size: 24px;
	margin:0 ;
}
#welkom .top p, #welkom .bottom p{
	color:#FFFFFF;
	font-size: 14px;
	margin:0 ;
}
#welkom .middle{
	height: 62px;
	padding: 9px 0 0 0;
	pointer-events: auto;
}
#welkom .bottom{
	height: 183px;
	padding:10px;
	pointer-events: auto;
}

img{
	max-width: 100%;
}

/* MAP STUFF
------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
div.olControlZoom {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.4);
    border-radius: 4px;
    left: 8px;
    padding: 2px;
    position: absolute;
    top: 68px !important;
}

#side-panel{
	height: 100%;
	width: 500px;
	position:	absolute;
	right: 0;
	background:#FFFFFF;
	padding-left: 15px;
}
#close-panel{
	height: 20px;
	text-align: right;
}
#close-panel a{
	text-decoration: none;
}
#close-panel a:hover i{
	color:#c0392b;
}

#close-panel i{
	font-size: 18px;
}

#sidebar
{
	height: 500px;
	top:50%;
	margin-top: -250px;
	position:	absolute;
	width: 400px;
}
#sidebar h2
{
	font-size: 18px;
}


.leaflet-popup-content-wrapper, .leaflet-popup-tip {
    background: none repeat scroll 0 0 #FFFFFF;
    box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4);
}
.leaflet-popup-content-wrapper {
    border-radius: 0px;
    padding: 25px 7px 25px 7px;
    text-align: left;
}

.leaflet-container a.leaflet-popup-close-button {
	/*margin: 5px;*/
	color:#D35401;
	font-size: 14px;
}
.leaflet-popup-content {
    line-height: 1.4;
    margin: 0px;
}
.leaflet-popup-content p.popup-meta {
    margin: 18px 0;
    font-size: 14px;
    line-height: 21px;
    margin: 5px 0 5px 0;
}
.leaflet-popup-content p.popup-thumb {
    background: none repeat scroll 0 0 #EEEEEE;
    margin: 0px;
    text-align: center;
}

h2.popup-title {
    margin: 5px 0 5px 0 !important;
    font-size: 16px;
}

/* DETAIL
------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */


body.detail .container{
	margin-top:18px;
}
body.detail #navigation .container{
	margin-top:0px;
}
body.detail h1{
	font-size:18px;
}
body.detail h2{
	font-size:16px;
}
body.detail ul.nav-tabs li a i.icon-arrow-down3{
	display: none;
}
body.detail ul.nav-tabs li a i{
	margin-right: 5px;
}
/*
body.detail .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #FFFFFF;
    border-color: #FFFFFF #FFFFFF rgba(0, 0, 0, 0);
    border-image: none;
    border-style: solid;
    border-width: 2px;
    color: #D35401;
    cursor: default;
}


body.detail ul.nav-tabs li a i{
	margin-right:5px;
}
body.detail ul.nav-tabs li.active a i.icon-camera,
body.detail ul.nav-tabs li.active a i.icon-share,
body.detail ul.nav-tabs li.active a i.icon-warning
{
	display: none;
}
body.detail .col-md-8 ul.nav-tabs li.active a i.icon-arrow-down3{
	display: inline;
}
body.detail .col-md-8 ul.nav-tabs{
	background: #7F8c8d;
	padding: 4px 0px 0px 4px;
}
body.detail .col-md-8 ul.nav > li > a {
    display: block;
    padding: 5px 15px;
    position: relative;
     background: #bfc6c6;
}
body.detail .col-md-8 ul.nav-tabs > li.active > a:hover,
 {
	background: #FFFFFF;
   
}
body.detail ul.nav-tabs li a {
	font-size: 16px;
	color:#7f8c8d;
	font-family: 'Lato', "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 700;
    outline:0;
}
body.detail .col-md-8 ul.nav-tabs li.active a {
	color:#D35401;
	background: #FFFFFF;
}
body.detail ul.nav-tabs li a:hover {
	color:#D35401;
	background: #FFFFFF;
}
*/
.tab-content{
	margin-top: 22px;
	
}

body.detail hr{
	margin-bottom:44px;
	margin-top: 44px;
	border-color: #7F8c8d;
	border-style: solid none none;
    border-width: 2px 0 0;
	
}

body.detail #map{
	margin-bottom:22px;
}
.detailbox{
	padding:16px;
	margin-bottom:22px;
}
.detail-location{
	height: 161px;
}
.detail-location dl dt,
.detail-user dl dt,
.detail-tags dl dt
{
	color:#34495e;
	font-size: 16px;
	font-family: 'Lato', "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 700;
    text-transform: uppercase;
}
.detail-location dl dd,
.detail-user dl dd,
.detail-tags dl dd
{
	margin-bottom:10px;
}
.detail-user dl dd
{
	margin-top:5px;
}
.detail-location dl dt i,
.detail-user dl dt i,
.detail-tags dl dt i {
	font-size: 14px;
	margin-right: 5px;
}
.detail-tags dl dd a {
	color:#7F8C8D;
	
}
.detail-user dl dd img.thumb-user
{
	margin-right:5px;
}
.detail-user dl dd img.thumb
{
	margin-right:4%;
	max-width:15%;
}
.detail-user dl dd img
{
	margin-right:5px;
}
.detail-user a{
	color:#7F8c8D;
}

/* COMMENTS 
------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
.form-control:focus{
	box-shadow:none;
	border-color:#7F8c8D;
}

.comment-wrapper{
	position: relative;
	/*overflow: hidden;*/
	margin-bottom: 20px;
	clear: both;
	display:block;
	min-height: 48px;
}

.comment-profile{
	width:48px;
	position:absolute;
	left:0;
	top:0;
}

.comment-txt{
	margin-left:65px;
	padding: 10px;
	background: #FFFFFF;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	border: #7f8c8d solid 1px;
}
.comment-txt:after{
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 10px 10px 10px 0;
	border-color: transparent #FFFFFF;
	display: block;
	width: 0;
	z-index: 1;
	margin-top: -10px;
	left: 56px;
	top: 20px;
	
}
.comment-txt:before{
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 10px 10px 10px 0;
	border-color: transparent #7f8c8d;
	display: block;
	width: 0;
	z-index: 0;
	margin-top: -10px;
	left: 55px;
	top: 20px;
	
}

/* UPLOAD / TOEVOEGEN
------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
.help-block {
    color: #737373;
    display: block;
    margin-bottom: 20px;
    margin-top: 5px;
}




/* FOOTER
------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
#footer{
	background-color: #323232;
	/*text-align: center;*/
	color:#FFFFFF;
}
#footer p{
	margin: 7px 0 7px 0;
}
#footer a, #footer p, #footer{
	color:#FFFFFF;
	font-size: 12px;
}
#footer a:hover{
	color:#ECF0F1;
}

#footer .pull-left, #footer .pull-right {

	line-height: 60px;
}

#footer .pull-right {
	text-align: right;
}
#footer img.logo-footer{
	width:40%;
	margin-left: 10px; 
}

#footer a {
	outline: none;
	
}

body.body-navbar-fixed-top #footer,
div.full-screen-container #footer
{
	position: fixed;
	bottom: 0;
	z-index: 2147483647;
	width: 100%;
	
	-webkit-box-shadow: 0px -2px 3px 0px rgba(50, 50, 50, 0.7);
	-moz-box-shadow:    0px -2px 3px 0px rgba(50, 50, 50, 0.7);
	box-shadow:         0px -2px 3px 0px rgba(50, 50, 50, 0.7);
}

/* Wrapper for page content to push down footer */
#wrap {
  min-height: 100%;
  height: auto;
  /* Negative indent footer by its height */
  margin: 0 auto -60px;
  /* Pad bottom by footer height */
  padding: 0 0 60px;
}

/* Set the fixed height of the footer here */
#footer {
  height: 60px;
}