/*
Theme Name: Goedkoopbvoprichten
Theme URI: http://www.lemon.nl
Description: 
Author: Roeland ten Holder | Lemon
Author URI: roeland@lemon.nl
*/

/*********** RESET ***********/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote { margin:0; padding:0; }
table, thead, tbody, tfoot, tr, th, td {
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
	border: none;
	border-collapse: inherit;
	border-spacing: 0;
	border-color: inherit;
	vertical-align: inherit;
	text-align: left;
	font-weight: inherit;
	-webkit-border-horizontal-spacing: 0;
	-webkit-border-vertical-spacing: 0;
}
h1, h2, h3, h4, h5, h6 { font-size:100%; }
ul 		{ list-style-type: none; }
li		{ list-style-type: none; }
ol > li	{ list-style-type: decimal; }
ol 		{ margin-left:20px; margin-bottom:10px; }
img 	{ border:0 !important; outline: none; }
html 	{ margin:0; height:100%; }
a	 		{ outline:none; border:none;}
button{ outline:none; border:none;}
:focus{ outline:none;}
input { -moz-border-radius: 0; -webkit-border-radius: 0; }
.clear:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clear { display: block; }
html[xmlns] .clear { display: block; }
* html .clear { height: 1%; }

/*********** SOME BOOTSTRAP FIXES ***********/
.theme-dropdown .dropdown-menu {
  position: static;
  display: block;
  margin-bottom: 20px;
}
.theme-showcase > p > .btn {
  margin: 5px 0;
}
.theme-showcase .navbar .container {
  width: auto;
}
.pull-left.gap {
	margin: 4px 10px 10px 0;
}
.pull-right.gap {
	margin: 4px 0 10px 10px;
}
			
/*********** ALGEMEEN ***********/
body {
	position: relative;
	font: normal normal 15px/23px Arial, Helvetica, Verdana, sans-serif;
	color: #000000;
	background: #ffffff url('images/background.jpg') repeat-x center top fixed;
	background-size: cover;
	min-height: 95%;
}

h1		{	font: normal bold 24px/34px Arial, Helvetica, Verdana, sans-serif; color: #368e9b; padding: 0 0 0 0; }
.streamer h1 { font: normal bold 28px/34px Arial, Helvetica, Verdana, sans-serif; color: #ffffff; text-align: center; }
h2 		{	font: normal bold 24px/34px Arial, Helvetica, Verdana, sans-serif; color: #368e9b; padding: 0 0 0 0; }
.col-md-4 h2 { color: #425773; padding: 10px 0 10px 0; }
h3 		{	font: normal bold 15px/23px Arial, Helvetica, Verdana, sans-serif; color: #368e9b; padding: 0 0 0 0; }
h4 		{	font: normal bold 24px/34px Arial, Helvetica, Verdana, sans-serif;	padding: 0 0 0 0; text-transform: normal; }
h5 		{	font: normal bold 24px/34px Arial, Helvetica, Verdana, sans-serif;	padding: 0 0 0 0; margin: 0;	}
h1 a			{ text-decoration: none; }

.small, 
.small a 	{ text-align: left; font: normal normal 11px/16px Arial, Helvetica, Verdana, sans-serif; color: #444444; }
.small a 	{ padding: 0px;}
.right 		{ float: right; }
.left 		{ float: left; }
.hidden		{ display: none; }
.content ul li { list-style-type: disc; margin-left: 1.2em;}
.content ol li { list-style-type: decimal; margin-left: 1.2em;}
.content p, .content ul, .content ol { list-style-type: disc; padding-bottom: 1.5em;}

a					{ color: #368e9b; text-decoration: underline; }
a:hover		{ color: #00acec; }
.alignleft { float: left !important; text-align: left; margin: 0 20px 20px 0;}
.center		{ text-align: center; margin: 0 auto; }
.not-rounded { border-radius: 0 !important; }
.nopadding { padding: 0 !important; } 

/*********** CONTAINERS ***********/
.page {
	position:	relative;
	width: 100%;
	margin: 0;
}
.container {
	position: relative;
	max-width: 900px;
}
.streamer {
	background-color: #368e9b;
	color: #ffffff;
	width: 100%;
	margin: 30px auto 20px;
	padding: 20px 0;
}
.navbar .container {
	max-width: 970px;
}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
	border: 0;
}

/*********** MENU ***********/
.navbar-inverse  {
	background: rgba(66,87,115,0.8);
	border: 0;
	margin: 32px 0 90px;
	padding: 56px 0 0;
}
.navbar-inverse,
.navbar-inverse .navbar-nav>li>a,
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {
	text-decoration: none;
  box-shadow: none;
	webkit-box-shadow: none;
	font-weight: bold;
	color: #ffffff;
}
.navbar-inverse .navbar-nav>li>a {
	padding: 15px 25px 7px 0px;
}


.navbar-inverse .navbar-nav>.current-menu-item>a, .navbar-inverse .navbar-nav>.current-menu-item>a:focus, .navbar-inverse .navbar-nav>.current-menu-item>a:hover {
	color: #93e2ee;
	background: none;
}
.navbar-inverse .navbar-nav>li>a:hover,
.navbar-inverse .navbar-nav>.active>a:hover {
	color: #00acec;
}
.navbar-nav {
	margin: 0 0 0 200px;
}



/*********** ELEMENTS ***********/
.logo {
	position: absolute;
	top: -73px;
	left: 20px;
}
.footerpush {
	padding: 50px 0;
}
.footer {
	text-align: center;
	color: #368e9b;
	margin-top: 20px;
	margin-bottom: 20px;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}

.content p { padding-bottom: 0; }
.content ul { margin-top: 0; margin-bottom: 0; }

.content p + h1,
.content p + h2,
.content p + h3,
.content ul + h1,
.content ul + h2,
.content ul + h3,
.content p + p { padding-top: 1.5em; }

.content p + ul { padding-bottom: 0; padding-top: 3px; }
.content ul + p { padding-bottom: 1.5em; }


.content ul {
  list-style: none !important;
  padding-left: 0 !important;
  margin-left: 0 !important;
}
.content li {
	list-style: none !important;
  padding-left: 18px !important;
  margin-left: 0 !important;
}
.content li:before {
  content: "\f0da  "; /* FontAwesome Unicode */
  color: #368e9b;
  vertical-align: -15%;
  font-family: FontAwesome;
  font-size: 25px;
  display: inline-block;
  margin-left: -17px; /* same as padding-left set on li */
  width: 18px; /* same as padding-left set on li */
}



.fa-facebook-official {
	color: #3a5898;
	font-size: 2em;
	vertical-align: -15%;
	margin-left: 30px;
}



.iframecontainer {
  overflow: hidden;
}

.iframecontainer iframe {
  height: 400px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.iframecontainer .iframescalable {
  height: 402px;
  position: relative;
  border: 1px solid #000000;
}







/******* FORM ********/

.form-over-slider {
	position: absolute;
	top: 82px;
	right: 33px;
	width: 300px;
	padding: 20px 30px 20px 20px;
	background-color: rgba(103,120,143,0.9);
	color: #ffffff;
}

.gform_wrapper h3.gform_title,
.gform_wrapper,
body .gform_wrapper .top_label div.ginput_container,
.ginput_container,
.gform_footer top_label,
.gform_wrapper .top_label .gfield_label,
.gform_wrapper .gform_footer {
	line-height: 1em !important;
	padding: 0 !important;
	margin: 0 !important;
}

body .gform_wrapper ul li.gfield {
	line-height: 1em !important;
	padding: 0 !important;
	margin: 0 0 10px 0 !important;
}


.gform_wrapper h3.gform_title {
	color: #ffffff;
}

.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit], .gform_wrapper .gform_page_footer input.button, .gform_wrapper .gform_page_footer input[type=submit] {
	padding: 5px 10px;
	font-weight: bold;
	color: #368e9b;
}

.gform_wrapper .validation_message,
.validation_error {
	display: none;
}


.gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
	line-height: 1em !important;
	padding: 0 !important;
	margin: 0 !important;
	border-top: 0 !important;
	border-bottom: 0 !important;
	background-color: transparent !important;
}


/******* SLIDES ********/

.carousel-inner > .left, 
.carousel-inner > .right { float: none; }

.carousel {	
	height: 430px;
}

.carousel h3 {
	display: block;
	position: relative;
	text-align: center;
	font-size: 38px;
	line-height: 40px;
	margin-bottom: 20px;
}

.item,
.active,
.carousel-inner {
	height: 100%;
}

.fill {
	width: 100%;
	height: 100%;
	max-height: 370px;
	background-position: center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
}

.carousel-indicators {
	list-style-type: none !important;
	top: auto;
	left: 5px;
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
	bottom: 4px;
	width: 100%;
	text-align: left;
}

.carousel-indicators .active,
.carousel-indicators li {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 0 0 0 5px;
	text-indent: -999px;
	cursor: pointer;
	background-color: #ffffff;
	border: 0;
	border-radius: 0;
}

.carousel-indicators .active {
	background-color: #368e9b;
}



/*********** RESPONSIVE ***********/
.desktop 	{ display: block; }
.mobile, .mobilebut	{ display: none; }

@media all and (max-width: 800px) {
	.desktop 	{ display: none; }
	.mobile 	{ display: block; }
}

@media all and (max-width: 480px) {
	
}