/*
Theme Name: Yogalessen Theme
Theme URI: http://www.letsbuildit.nl/
Description: Thema voor de website Yogalessen.nl
Author: Let's build IT.nl
Version: 1.0
Tags: Blue
*/



/* 0. Globals */
* {font-family: Arial; font-size: 14px;}

body {margin: 0px; padding: 0px; background-image:url('images/bg-yoga.jpg');background-position: center top; background-repeat: repeat-y; background-color: #dbe0e7;}

div#container {width: 990px; margin-left: auto; margin-right: auto;}

a {color: #006599; text-decoration: none;}
a:hover {color:#00496E; text-decoration: underline;}
a.image-link {display: inline-block; background-repeat: no-repeat; background-position: center center; text-decoration: none;}

li  {font-family: Arial; line-height: 25px;}
p  {line-height: 25px; margin: 0px; margin-bottom: 10px;}

	/* 0.1 Social media */
	a.social-link {width: 35px; height: 30px;}
	a.social-link#twitter {background-image: url('images/icon-yoga-twitter.png');}
	a.social-link#facebook {background-image: url('images/icon-yoga-facebook.png');}
	a.social-link#googleplus {background-image: url('images/icon-yoga-googleplus.png');}

	/* 0.2 UL Menu's */
	ul.menu {padding: 0px; margin: 0px;}
	ul.menu li {list-style: none; float: left;}
	ul.menu:after {display: block; visibility: hidden; height: 0px; clear: both; content:''} /* clearfix */

	/* 0.3 Headers */
	h1, h2, h3, h3 a {font-family: 'Abel', sans-serif; font-weight: 400;}
	h1, h2 {font-size: 22px; margin: 0px;}
	h3, h3 a {font-size: 20px; margin: 0px; text-decoration: none;}
	.title-header {display: block; background-color: #006599; color: #FFF; line-height: 40px; margin: 0px;}
	h1.title-header, h2.title-header {padding-left: 25px;}

	h3.title-header a {color: #FFF; padding-left: 20px; display: block;}

	/* 0.4 Backgrounds */
	.overlay {background-image: url('images/bg-transparent-60p.png');}

	/* 0.5 Read more links */
	input.read-more, a.read-more { border:none; display: inline-block; background-color: #006599; color: #FFF; font-family: 'Leckerli One', cursive; font-size: 14px; text-decoration: none; border-radius: 8px; padding: 2px 12px; font-weight: 400;float: right; cursor:pointer;}
	input.read-more:hover, a.read-more:hover {background-color: #003249; }


/* 1. Header */
div#header {height: 145px; margin: 5px;}
div#header:after {display: block; visibility: hidden; height: 0px; clear: both; content:''} /* clearfix */

	/* 1.1 Logo */
	div#header div#logo {float: left;}
	div#header div#logo a#logo-link {width: 575px; height: 120px;margin-top: 10px; background-image:url('images/logo-yoga-hoorn-purmerend.png');}

	/* 1.2 Social media in header */
	div#header div#social {float: right; padding-right: 20px;}



/* 2. Menu */
div#menu {margin: 5px;}
div#menu ul#mainmenu {background-color: #330000; border-radius: 2px;}
div#menu ul#mainmenu li.menu-item { width: 14%; }
div#menu ul#mainmenu li.menu-item a {display: block; padding: 4px; text-align: center; color: #FFFFFF; text-decoration: none; font-family: 'Leckerli One', cursive; font-size: 20px;}
div#menu ul#mainmenu li.menu-item.current-menu-item a {color: #FFCC00;}
div#menu ul#mainmenu li.menu-item a:hover {color: #FFCC00;}

/* 3. Main Content */
div#main-wrapper{overflow: hidden;}
div#main-content {}
div#main-content:after {display: block; visibility: hidden; height: 0px; clear: both; content:''} /* clearfix */

	/* 3.1 Content */
	div#content {margin: 5px; float: left; width:723px;}

		/* 3.1.1 Slider */
		div#content div#slider {overflow: hidden; height: 363px;}
		div#content div#slider ul {padding: 0px; margin: 0px;}
		div#content div#slider ul li {margin: 0px; list-style: none;}
		div#content div#slider ul li img {display: block;}

		/* 3.1.2 Main content */
		div#content div#main-content {padding: 20px; min-height: 230px;}

		/* 3.1.2 Main content */
		div#content div#head-content {padding: 20px; min-height: 230px;}

	/* 3.2 Sidebar */
	div#sidebar {float: right;}
	div#sidebar ul.sidebar {padding: 0px; margin: 0px;}

		/* 3.2.1 Widgets */
		div#sidebar ul.sidebar li.widget {margin: 5px; list-style: none; display: block; float: right; width: 226px; clear: both; padding: 10px; color: #FFF;}
		
		div#sidebar ul.sidebar li.widget a {color: #fff; text-decoration: none; font-size: 12px;}
		div#sidebar ul.sidebar li.widget a:hover {color: #fff; text-decoration: underline;}
		
		div#sidebar ul.sidebar li.widget.blue {background-color: #3B85CC; height: 343px; background-image:url('images/bg-gradient.png'); background-repeat: repeat-x; background-position: center bottom;}
		div#sidebar ul.sidebar li.widget.brown {background-color: #633F2F; height: 280px;}

		div#sidebar ul.sidebar li.widget p, 
		div#sidebar ul.sidebar li.widget li {font-size: 12px; line-height: 20px;}
		div#sidebar ul.sidebar li.widget h2 {font-size: 28px;margin:10px 0;}
		div#sidebar ul.sidebar li.widget.brown p {line-height:24px;}

		.waarom { padding:0 0 0 15px; }
		.waarom li { list-style:disc; margin:10px 0; }

		/* 3.2.2 Sidebar images */
		div#sidebar ul.sidebar li.sideimage {padding: 5px; list-style: none; clear: both; overflow: hidden;}


/* 5. Advertorials */
div#advertorials {clear: both;}
div#advertorials ul#ads li {margin: 5px; width: 485px;}
div#advertorials ul#ads li a {font-size: 12px;}
div#advertorials ul#ads li div.ad-content {padding: 20px;  height: 200px;}
div#advertorials ul#ads li div.ad-content:after {display: block; visibility: hidden; height: 0px; clear: both; content:''} /* clearfix */
div#advertorials ul#ads li div.ad-content div.ad-image {float: left; padding-right: 20px; padding-bottom: 20px;}
div#advertorials ul#ads li div.ad-text {float: left; width: 250px;}
div#advertorials ul#ads li div.ad-text p {font-size: 12px; line-height: 18px;}


/* 6. Submenu */
div#submenu {clear: both;}
div#submenu ul#submenuitems {}
div#submenu ul#submenuitems li.submenu-item {margin: 5px; width: 237.5px; overflow: hidden;}
div#submenu ul#submenuitems li.submenu-item img {display: block;}


/* 7. Footer */
div#footer {margin: 5px; margin-bottom: 0px; background-color: #006599; color: #FFF; background-image: url('images/bg-gradient-blue.png'); background-repeat: repeat-x; background-position: bottom left; }
div#footer:after {display: block; visibility: hidden; height: 0px; clear: both; content:''} /* clearfix */
div#footer div#footer-logo {background-image: url('images/logo-yoga-hoorn-purmerend-groot.png'); background-repeat: no-repeat; background-position: center right; height: 270px; float: left; width: 340px;}
div#footer div#connected-to {width: 380px; text-align: right; float:left; margin-top:20px;}
div#footer div#connected-to h2 {font-size: 28px;}
div#footer div#connected-to p {text-align: center;}
div#footer div#contact-info {float:right; padding: 20px; text-align: right;}
div#footer div#contact-info p.copyright {font-size: 10px; margin-top: 40px;}
div#footer div#contact-info p.copyright a {font-size: 10px; color:#FFF;}
/* Links pagina */

ul#link_list {
	width:100%;
	height:auto;
	overflow:hidden;
}

ul#link_list li {
	width:50%;
	float:left;
	height:30px;
	font-style:italic;
}

ul#link_list li a {
	color:#006699;
	text-decoration:none;
}

ul#link_list li a:hover {
	color:#2288bb;
}


/* Contact pagina */

ul#contact_links li a {
	color:#006699;
	text-decoration:none;
}

ul#contact_links li a:hover {
	color:#2288bb;
}

div#wpcf7-f73-p53-o1 {
	text-align:center;
	width:100%;
}

form.wpcf7-form {
	margin:0 auto;
	width:490px;
}

form.wpcf7-form label {
	float: left;
	width: 170px;
	height: 25px;
	margin-bottom: 5px;
	clear: both;
	text-align:left;
}
form.wpcf7-form p > span, form.wpcf7-form p br {
	float: left;
}

form.wpcf7-form input[type="text"] {
	height: 19px;
}

form.wpcf7-form #inschrijven {
	margin-left:165px;
	float:left;
}

form.wpcf7-form #inschrijven span {
	margin:0;
	float:left;
	font-size:12px;
}

form.wpcf7-form #inschrijven input[type="checkbox"] {
	float: left;
	clear:left;

}

form.wpcf7-form textarea {
	height: 170px;
}

form.wpcf7-form input[type="text"], form.wpcf7-form textarea {
	width: 300px;
	padding: 3px 5px;
	margin-bottom: 5px;
	border:1px solid #ccc;
}

form.wpcf7-form input[type="submit"] {
	clear:both;
}

/* lesrooster */

div.lesrooster {
	width: 720px;
	height: 305px;
	background-color:#e0dcd1;
	margin-bottom: 20px;
}

div.lesrooster h2 {
	width: 680px;
	height:40px;
	background-color: #006699;
	line-height:40px;
	color:#fff;
	padding: 0 20px;
	margin-bottom: 20px;
}

div.lesrooster img, div.lesrooster p {
	float:left;
	margin-left: 20px;

}

div.lesrooster p {
	width:310px;
	font-size:13px;
	line-height:15px;
}

.thick {
	font-weight:bold;
}