/*
Theme Name: JanTouw.nl
Theme URI: http://www.jantouw.nl/
Description: Theme for JanTouw.nl
Version: 1.0
Author: Theo Peek
Author URI: http://www.theopeek.nl
Tags: 

*/

/* Layout */

html,body,h1,h2,h3,h4,h5,h6,div,p,img,ul,li,object,embed,fieldset {margin: 0; padding: 0; border: 0;}
body{text-align: center; padding-bottom: 20px;}

#wideHeader{width: 100%; height: 232px;}
#header{margin: auto; text-align: left; width: 960px; height: 232px;}
#header a{display: block;}
#header #jantouw{padding: 36px 0px 0px 20px; width: 266px;}
#header #jantouw img{width: 266px; height: 95px;}
#nav{margin: 58px 0px 0px 20px; height: 40px;}
#container{margin: auto; text-align: left; width: 960px;}
#leftCol{float: right; width: 630px;}
#leftColContents{padding: 20px 20px 0px 20px;}
#leftCol h1 {margin: 10px 0px 10px 0px;}
#leftCol h2 {margin: 20px 0px 10px 0px;}
#leftCol p, #leftCol ul {margin-bottom: 10px;}
#leftCol #comments {margin-top: 10px; padding-top: 20px;}
#homepage{padding: 17px;}
#homepage h1{display: none;}
#homepage h2{margin: 0px 0px 5px 0px;}
#homepage #intro {width: 630px;}
#homepage .specialBlock, #homepage .normalBlock, #homepage .videoBlock {float: left; width: 295px;}
#homepage .videoBlock { width: 607px; }
#homepage .videoBlock .contents { height: 362px; }
#homepage .videoBlock .contents { margin: 0px 10px 0px 10px; overflow: hidden;}
#videotekst { position: relative; top: 5px; }

#testimonial { height: 140px; overflow: hidden; }
#kreet { height: 30px; text-align: center; }
#kreet { margin-top: 0px; }

#homepage .secondRow {width: 295px;}
#homepage .secondRow .contents {margin: -10px 0px 0px 0px; padding: 0px 10px; height: 110px;}

#homepage .thirdRow {width: 217px;}
#homepage .thirdRow .contents {text-align: center; height: 95px; }
#homepage .thirdRow .contents h2 { padding-top: 32px; }

#homepage .top, #homepage .bottom {height: 20px;}
#homepage .separator-x {float: left; width: 17px;}
#homepage .separator-xy {float: left; height: 17px; width: 312px; }
#homepage .separator-y {clear: both; height: 17px;}
#rightCol{float: left; width: 320px; margin-top: 38px; margin-left: 10px;}
#rightColContents{padding: 0px 29px 0px 10px;}
#rightColTop, #rightColBottom{height: 20px;}
#rightCol ul{list-style-type: none;}
#rightCol ul li{padding-top: 10px; margin-top: 10px;}
#rightCol ul li.widget_wenderhost-subpages {padding-top: 0px; margin-top: 0px;}

#rightCol ul li#first-child, #rightCol ul li#text-325251531 {padding-top: 0px; margin-top: 0px;}
#rightCol h3{margin: 0px 0px 5px 0px;}
#footer{clear:both; text-align: center; height: 50px;}
#footerContents{padding-top: 25px;}
p.more{text-align: right;}
#homepage .contents ul, #leftCol ul{list-style-type: disc; padding-left: 17px;}
.entry img.alignright {float: right;}
.entry img.alignleft {float: left;}


#homepage a.home_cursuslink, #tstmMore{ background-color:#7CA545; color:#D8F6C4; display:inline-block; width:245px; padding-left:5px;}
#homepage a.home_cursuslink:hover, #tstmMore:hover { background-color:#5041B9; color:#D8F6C4; }
#homepage button { width:250px; margin-left:0px; }

/* Fonts */

body{font-family: Georgia, Trebuchet MS, Verdana, Arial, Sans Serif; font-size: 105%;}
h1,h2,h3,h4,h5,h6{font-family: Trebuchet MS, Georgia, Verdana, Arial, Sans Serif; font-weight: bold;}
#leftCol{font-size: 1.0em;}
#rightCol{font-size: 0.9em;}
#leftCol  h1{font-size: 2.0em; font-weight: bold; color: #5041B9;} 
#rightCol h2{font-size: 1.2em;}
#homepage h2{font-size: 1.3em;}
#homepage h2 a{color: #5041B9;} /*purple*/
#leftCol h2 {color: #5041B9;} 
#leftCol h3.cursusForm { color: #7ca545; clear: both; margin-bottom: 10px; }
#rightCol ul li.widget_wenderhost-subpages {font-size:1.1em;}
#header a{color: #5041B9; text-decoration: none; outline: none;} /*purple*/
#personalCoaching{font-size:1.95em;}
#nav a{font-family: Trebuchet MS, Georgia; color: #D8F6C4;}
#container{color: #5041B9; line-height: 1.5em;} /*purple*/
#leftCol a, #rightCol a, #homepage a{color: #7CA545; text-decoration: none;} /*very dark green*/
#leftCol a:hover, #rightCol a:hover, #homepage a:hover{text-decoration: underline;}
#homepage .specialBlock p a{color: #5041B9; text-decoration: underline;} /*purple*/
#homepage .specialBlock p a span.more{text-decoration: none;}
.postmetadata {font-size: 0.9em; color: #888888;}/*grey*/
#tstmText{font-style: italic;}
#footer{font-size: 0.8em; color: #5041B9;} /* light green */
#footer a{color: #5041B9;} /* light green D8F6C4 */
#footer a:hover{background-color: #D8F6C4; color: #5041B9; text-decoration: none;} /* light and dark green */


/* Backgrounds and Borders */
body{background-color: #A4E25D;} /*dark green*/
#wideHeader{background-image: url(images/wide-header.jpg); background-repeat: repeat-x;}
#header{background-image: url(images/header.jpg); background-repeat: no-repeat; background-position: top center;}
#container{background-color: #D8F6C4;} /* light green */
#leftCol #respond, #leftCol #comments {border-top: 1px solid #5041B9;}

#homepage .specialBlock {background-image: url(images/specialblock.gif); background-repeat: repeat-y;}
#homepage .specialBlock .top    {background-image: url(images/specialblock-top.gif);}
#homepage .specialBlock .bottom {background-image: url(images/specialblock-bottom.gif);}

#homepage .normalBlock {background-image: url(images/normalblock.gif); background-repeat: repeat-y;}
#homepage .normalBlock .top    {background-image: url(images/normalblock-top.gif);}
#homepage .normalBlock .bottom {background-image: url(images/normalblock-bottom.gif);}

#homepage .videoBlock{background-color: #A4E25D;} /*dark green*/
#homepage .videoBlock .top    {background-image: url(images/videoblock-top.gif);}
#homepage .videoBlock .bottom {background-image: url(images/videoblock-bottom.gif);}

#homepage .thirdRow {background-image: url(images/thirdrow.gif); background-repeat: repeat-y;}
#homepage .thirdRow .top    {background-image: url(images/thirdrow-top.gif);}
#homepage .thirdRow .bottom {background-image: url(images/thirdrow-bottom.gif);}

#rightCol        {background-image: url(images/right-col.gif); background-repeat: repeat-y;}
#rightCol ul li  {border-top: 1px solid #5041B9;} /*purple*/
#rightCol ul li.widget_wenderhost-subpages  {border-top-width: 0px;}
#rightCol ul li#first-child, #rightCol ul li#text-325251531 {border-top: 0;}
#rightCol li.meta{border-bottom: 0;}
#rightColTop     {background-image: url(images/right-col-top.gif); background-repeat: no-repeat;}
#rightColBottom  {background-image: url(images/right-col-bottom.gif); background-repeat: no-repeat;}
#footer{background-image: url(images/footer.gif);background-repeat: no-repeat; background-position: top center;}

/* Navigation */
#nav a, #nav a span {display: block; float: left; cursor: pointer;}
#nav a.active, #nav a.active span {cursor: auto;}
#nav a {margin-right: 1px;}
#nav a span.tabLeft, #nav a span.tabRight {display: block; width: 10px; height: 40px;}
#nav a span.tabText {margin-top: 10px; height: 30px;}
#nav a .tabLeft {margin-right: 5px;}
#nav a .tabRight {margin-left: 5px;}
#rightCol li.current_page_item a { text-decoration: underline;}


#nav a.active, #nav a.parent, #nav a:hover{background-image: url(images/tab.gif); background-repeat: repeat-x; color: #7CA545;} /*purple*/
#nav a.active .tabLeft, #nav a.parent .tabLeft, #nav a:hover .tabLeft   {background-image: url(images/tab-left.gif);}
#nav a.active .tabRight, #nav a.parent .tabRight, #nav a:hover .tabRight {background-image: url(images/tab-right.gif);}

/* Form elements */
form#introform{margin: 20px 0px;}
input, label, textarea, span.error, span.explanation {display: block; float: left;}
button, span#altButton {display:block; margin-left: 150px; height: 30px; clear: left;}
span#altButton {color: red;}
label.text {width: 150px; clear: left; height: 30px;}
label.radio {width: 500px; height: 30px; margin: 5px 0px;}
label.checkbox {height: 30px; margin-top: 0px;}
input[type="text"], input[type="tel"], input[type="email"], textarea {width: 300px; border: solid 1px #9B8FF7; color: #5041B9;}/* light purple */
input[type=text]:focus {border-color: #5041B9;} /*purple*/
input[type=radio], input[type=checkbox] {width: 20px; clear: left; outline: none;}
input[type=radio]    {margin-top: 10px;}
input.cursusForm[type=radio] { clear: none; margin-top: 5px; }
input[type=checkbox] {margin-top: 5px;}
textarea {height: 200px; margin-bottom: 15px;}
input#post {display:none;}
textarea {overflow: auto;}
span.error, span.explanation {margin: 0px 0px 10px 10px; width: 290px; font-size:0.8em; line-height: 1.3em;}
span#newsletterError, span#newsletterExplanation, span#nieuwsbriefExplanation {margin-left: 10px; width: 440px; line-height: 1.5em;}
span.error {display: none; color: red;}
li.error, p.error { color: red; font-weight: bold; }
.captcha_image { float: left; }
#captcha_aanmeld { width: 222px; }

span#altButton {display: none;}
.inschrijfformulier{
float:none;}