/*
Theme Name: de Krabbelaar
Author: CreatieveVrienden
Author URI: http://creatievevrienden.nl/
Description: de Krabbelaar theme
Version: 1.0
*/

body {
	margin: 0;
	padding: 0;
	width:100%;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	font-weight:400;
	color: #000;
	text-align:left;
	background-color: #bfe8f4;
	background-image:url(images/bg.jpg);
	
	background-repeat: no-repeat;
	background-position: top center;
	background-attachment: fixed; 

	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover; 

	background-size: cover;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	OPBOUW Template
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.wrap {
	margin:0 auto;
	padding:0;
	width:1000px;
	height:auto;
}

.top {
	width:96%;
	margin:2% 2% 0 2%;
	background-color:#FFF;
	float:left;
}

.logo {
	height:71px;
	margin:10px 0 0 20px;
    float:left;
}

.location {
	margin:35px 0;
	width:450px;
	color:#999;
	font-size:0.9em;
	text-align:right;
	line-height: 1.2em;
    float:left;
}

.location a {
	color:#999;
	text-decoration:none;
}

.login {
	margin:35px 20px 0;
	padding: 12px 17px 12px 17px;
	font-size:0.9em;
	background-color:#ef4035;
    float:right;
}

a.login  {
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
}

.top_home_bg {
	margin:0 auto;
	padding:0;
	width:1000px;
	height:495px;
}

.top_bg {
	margin:0 auto;
	padding:0;
	width:1000px;
	height:220px;
}






/* MENU */

.menubox {
	margin: 0;
	padding:0;
	width:960px;
	background-color:#00aeef;
	position:relative;
	z-index:100;
	float:left;
}


/* Navigation Menu */
.main-navigation {
	margin: 0;
	padding:0;
	text-align: center;
	float:left;
	
}
.main-navigation ul {
	margin: 0;
	padding:0;
}

.main-navigation li {
	margin:0;
	font-size: 1.1em;
}
.main-navigation a {
	color: #fff;
}
.main-navigation a:hover,
.main-navigation a:focus {
	color: #000;
}
.main-navigation ul.nav-menu,
.main-navigation div.nav-menu > ul {
	display: none;
}
.main-navigation ul.nav-menu.toggled-on,
.menu-toggle {
	display: inline-block;
}

.main-navigation ul.nav-menu,
.main-navigation div.nav-menu > ul {
	display: inline-block !important;
	text-align: left;
	background-color:#00aeef;
	width:100%;
}
	.main-navigation ul {
		margin: 0;
		text-indent: 0;
	}
	.main-navigation li a,
	.main-navigation li {
		display: inline-block;
		text-decoration: none;
		padding:0 0 0 16px;
	}
	.main-navigation li a {
		border-bottom: 0;
		color: #fff;
		line-height: 3.3;
		white-space: nowrap;
	}
	.main-navigation li a:hover,
	.main-navigation li a:focus {
		color: #000;
	}
	
	.main-navigation .menu-item-20 a {
		background-color: #F00;
		padding:0 10px 0 10px;
	}
	
	.main-navigation li {
		margin: 0;
		position: relative;
	}
	.main-navigation li ul {
		margin: 0;
		padding: 0;
		position: absolute;
		top: 100%;
		z-index: 1;
		height: 1px;
		width: 1px;
		overflow: hidden;
		clip: rect(1px, 1px, 1px, 1px);
	}
	.main-navigation li ul ul {
		top: 0;
		left: 100%;
	}
	.main-navigation ul li:hover > ul,
	.main-navigation ul li:focus > ul,
	.main-navigation .focus > ul {
		border-left: 0;
		clip: inherit;
		overflow: inherit;
		height: inherit;
		width: inherit;
	}
	.main-navigation li ul li a {
		color:#000;
		background: #d9f4fb;
		border-bottom: 1px solid #fff;
		display: block;
		font-size: 12px;
		line-height: 2;
		padding: 8px 10px;
		padding: 0.571428571rem 0.714285714rem;
		width: 180px;
		width: 10rem;
		white-space: normal;
	}
	.main-navigation li ul li a:hover,
	.main-navigation li ul li a:focus {
		color: #000;
	}
	.main-navigation .current-menu-item > a,
	.main-navigation .current-menu-ancestor > a,
	.main-navigation .current_page_item > a,
	.main-navigation .current_page_ancestor > a {
		color: #000;
		font-weight: bold;
	}
	.menu-toggle {
		display: none;
	}







/* SLIDER */

.width_box {
	margin:0 auto;
	padding:0;
	width:1000px; 
	height:auto;
}

#slider {
	margin: 0;
	width:999px; 
	position:absolute;
	z-index:-10;
}

#slider_page {
	margin-top: -1px;
	width:1000px;
	height:170px;
	position:absolute;
	z-index:-10;
	overflow:hidden;
}


.snel_menu_box {
	width:250px;
	float:right;
}

.snel_menu {
	font-family: 'Coustard', Georgia, "Times New Roman", Times, serif;
	margin-top:-210px;
	padding: 0 40px 0 0;
	width:235px;
	height:175px;
	text-align:right;
	font-size:1.05em;
	font-weight:400;
	color:#333192;
	background: url('images/bg_boog.png') top right no-repeat;
	line-height:1.8em;
	position:absolute;
	z-index:1;
}

.snel_menu_box .snel_menu a {
	color:#fff;
	font-family: 'Coustard', Georgia, "Times New Roman", Times, serif;
	font-weight:400;
	font-size:1.35em;
}
	






/* MAIN*/
.top_main {
	width:1000px;
	height:65px;
	float:left;
	background: url('images/golf.png') top center repeat-x;
	position: relative;
	z-index:5;
}

.main {
	margin:0;
	padding-bottom:300px;
	width:1000px;
	background-color:#FFF;
	float:left;
}

.content {
	width:540px;
	min-height:250px;
	padding:0px 50px 10px 50px;
	float:left;
}





/* SIDEBAR */

.sidebar {
	margin:0 25px 0 0;
	padding: 20px 0;
	width:325px;
	float:right;
	position: relative;
}

.sidebar a {
	text-decoration:none;
}


.sidebar .btn, .sidebar .btn2  {
	margin:0;
	padding:0;
}

.sidebar .btn  {
	margin:2% 0 2% 0;
	padding:3%;
	width:95%;
	font-size:1.1em;
	text-decoration:none;
	text-align:center;
	color:#FFF;
	background-color:#7fd6f7;
	float:left;
	border-radius:3px;
}


.left {
	float:left;
}

.right {
	float:right;
}







.fb_block {
	margin: 0 0 25px 0;
	padding:25px;
	width:275px;
	border:1px solid #d9f4fb;
	float:left;
}

.fb_block img {
	margin-right:20px;
	float:left;
}

.fb_block h3 {
	margin-top:10px;
	font-size:1.1em;
	color:#000;
}








ul.bjqs{position:relative; list-style:none;padding:0;margin:0;overflow:hidden; display:none;}
li.bjqs-slide{position:absolute; display:none;}
ul.bjqs-controls{list-style:none;margin:0;padding:0;z-index:9999;}
ul.bjqs-controls.v-centered li a{position:absolute;}
ul.bjqs-controls.v-centered li.bjqs-next a{right:0; display:none;}
ul.bjqs-controls.v-centered li.bjqs-prev a{left:0; display:none;}
ol.bjqs-markers{list-style: none; padding: 0; margin: 0; width:100%;}
ol.bjqs-markers.h-centered{text-align: center;}
ol.bjqs-markers li{display:inline;}
ol.bjqs-markers li a{display:inline-block; display:none;}
p.bjqs-caption{display:block;width:96%;margin:0;padding:2%;position:absolute;bottom:0;}







/* Quotes page */
.sidebar .quotes ul {
	margin:0;
	padding:0;
	list-style:none;
}

.sidebar .quotes {
	width:290px;
	height:280px;
	margin-bottom:15px;
	padding:15px;
	padding-bottom:5%;
	text-align:left;
	float:right;
	border:1px solid #d9f4fb;
}

.sidebar .quotes .quotes_content {
	width:290px;
	height:auto;
	float:left;
	font-size:1em;
	line-height:1.15em;
	font-style:italic;
}

.sidebar .quotes .quotes_content h4 {
	font-size:2em;
	line-height:2.25em;
	font-style:italic;
}







.spacer {
	width:100%;
	height:250px;
	float:left;
}




/* FOOTER */

#footer {
	padding:0; 
	width:100%;
	font-size: 0.95em;
	line-height:18px;
	background-color:#00aeef;
	float:left;
}

.footerbox {
	margin: 0 auto;
	width:1000px;
}

.footerbox h4 {	
	color:#00aeef;
}

.footerbox .box {
	height:360px;
}

.box {
	width:305px;
	margin:-205px 0 0 22px;
	text-align:center;
	background-color:#fff;
	float:left;
}

.box p {
	padding: 0 20px 20px 20px;
}

.over, .naw {
	font-size: 0.85em;
}

.over {
	width:580px;
	padding:50px;
	color:#FFF;
	float:left;
}

.naw {
	width:300px;
	padding:50px 0 0 0;
	color:#FFF;
	float:right;
}

.widget {
	width:160px;
	min-height:60px;
	color:#000;
	float:left;
}

#footer a {
	color:#000;
	text-decoration:none;
}


.footer_bottom {
	margin: 0;
	padding: 25px 0 50px 0;
	width:100%;
	line-height:18px;
	background-color:#fff;
	float:left;
}

.footer_bottom_box {
	margin: 0 auto;
	padding-left:30px;
	width:920px;
	font-size:0.85em;
}

.footer_bottom_box a {
	color:#00aeef;
}

.footer_bottom_links {
	width:650px;
	float:left;
}

.footer_bottom_box_img {
	margin:0;
	float:right;
}





.fancy_img {
	margin: 0 10px 10px 0;
	width:125px;
	height:110px;
	overflow:hidden; 
	float:left;
}

.fancy_img img {
	max-width:125px;
	height:auto;
}


 

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	FONTS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

a {
	color: #ef4035;
}

a:visited, a:hover {
	text-decoration: none;
}

.content a, .content a:hover {
  	color: #ef4035; 
	text-decoration: underline;
}



.sidebar a {
	color: #2d3a3e;
}

.entry-title h2 {
		color: #2d3a3e;
}

p {
	margin:0;
	padding:0;
}

h1, h2, h3 {
	font-family: 'Coustard', Georgia, "Times New Roman", Times, serif;
	font-weight:400;
	color:#ef4035;
}

h1 {
	margin:0 0 20px 0;
	font-size: 2em;
}


h2 {
	margin:0 0 10px 0;
	font-size: 1.6em;
}

h3 {
	margin:0 0 5px 0;
	font-size: 1.2em;
}

h4, h5 {
	font-family: 'Coustard', Georgia, "Times New Roman", Times, serif;
	padding:0;
	color:#000;
	font-weight:400;
}

h4 {
	margin:10px 0 10px 0;
	padding:0;
	font-size: 1.5em;
}

h5 {
	margin:10px 0 10px 0;
	padding:0;
	font-size: 1.2em;
}




strong {
	font-weight:600;
}

form {
	margin: 2px;
	clear:both;
}

textfield {
	margin: 2px;
	clear:both;
}

img, td, tr {
margin:0;
padding:0;
border: 0;
}

img a {
border: 0;
}








/* Form */

input[type="text"], input[type="tel"], input[type="email"], textarea, .uneditable-input, .wpcf7-select {
  width:98%;
}

button, input, select, textarea, .frm-field_title {
  padding:1%;
  font-size:100%;
  margin-bottom:10px;
  border:1px solid #d9f4fb;
}

input[type="submit"], button[type="button"] {
  color:#FFFFFF;
  cursor: pointer;
  background-color: #ef4035;
  border:0;
  height:auto;
  padding:5px;
  margin-right: 10px;
  width:auto;
  float:left;
}

textarea {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
}

span.wpcf7-list-item { display: block; }



.form-group {
    width:100%;
}

 

label {
    display:block;
    font-weight:bold;
    margin-bottom:5px;
    width:100%;
}

 
select {
 margin-bottom:5px;
 padding:5px;
 width:100%;
}

 

input[type=text], input[type=password], textarea {

    float:left;

    margin-bottom:5px;

    padding:5px;

    width:calc(100% - 12px);

}

 

.radio label {

    display:inline;

    font-weight:normal;

    }

 

.btn {

    margin-top:30px;

}



@media (max-width: 480px) {
body {
	font-size:0.75em;
	background-image:none;
}

.width_box {
	margin:0;
	padding:0;
	width:100%;
	float:left;
}

.wrap, .top, .top_bg, .top_main, .main, .content, .sidebar, .fb_block,
.footerbox, .box, .over, .naw, .widget, .footer_bottom_box, .footer_bottom_links,
.sidebar .quotes, .sidebar .quotes .quotes_content, form {
	margin:0;
	padding:2%;
	width:96%;
	float:left;
}

.logo {
	height:auto;
	margin:5% 0 5% 5%;
    float:left;
}

.location {
	margin:0 0 0 5%;
	width:60%;
	text-align:left;
    float:left;
}

.login {
	margin:0 5% 5% 0;
    float:right;
}

.menubox, .snel_menu_box, .spacer {
display:none;
}

#slider {
	margin:210px 0;
	width:100%;
	height:auto;
	float:left;
}

#slider_page {
	width:100%;
	height:auto;
	float:left;
}

.top_home_bg {
	height:420px;
}

.top_main {
	height:auto;
	background: none;
}

.logo img {
	width:80%;
	height:auto;
}

.content img, .box img  {
	width:100%;
	height:auto;
}

.location, .login {
	font-size:0.55em;

}

.footerbox .box {
	height:auto;
}

iframe {
	width:100%;
}




}



@media (max-width: 480px) {
#slider {
	margin:180px 0;
}

.top_home_bg {
	height:340px;
}
}