6/*
	Theme Name: Herman Dummer
	Theme URI: http://www.enduredesign.nl/
	Author: Endure Design
	Author URI: http://www.enduredesign.nl/
	Description: Theme
	Version: 1.0
*/

@font-face {
    font-family: 'Sketchy';
    src: url('fonts/sketchy-webfont.eot');
    src: url('fonts/sketchy-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/sketchy-webfont.woff') format('woff'),
         url('fonts/sketchy-webfont.ttf') format('truetype'),
         url('fonts/sketchy-webfont.svg#sketchymedium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600,300,700);


/*----------------------------------
              Algemeen
-----------------------------------*/
html{
	overflow-y:scroll;
	min-height:100%;
	margin: 0;
}
body{
	background:#000;
	position:relative;
	margin: 0;
	font-family: 'Sketchy', Arial;
	font-smooth:always;
	-webkit-font-smoothing:antialiased;	
}
a, a:link, a:visited {
	color:#FFF;
}
.alignleft {
	float:left;
	padding:10px 10px 10px 0;
}
.alignright {
	float:right;
	padding:10px 0 10px 10px;
}
.wrapper {
	background: url(images/icon-informatie.png) 635px 130px no-repeat;
	width:840px;
	margin:0 auto 0 auto;
	padding:170px 0 0 0;
}
.content {
	width:840px;
	color:white;
	font-size:16px;
}
.info {
	float:left;
	margin:0 0 0 0;
}
.share {
	float:right;
	margin:0 -40px -22px 0;
}
.clickable {
	float:left;
	position:absolute;
	margin: -40px 0 0 -30px;
}
	
/*----------------------------------
               Styles
-----------------------------------*/

h1, h2, h3, h4, h5, h6 {
	margin:0;
}
h1 {
	font-size:60px;
	font-weight:normal;
	color:white;
	margin-bottom:-20px;
}
h2 {
	font-size:22px;
	color:white;
	font-weight:normal;
	margin-bottom:-10px;
}

/*----------------------------------
              Scrolling
-----------------------------------*/

.wp-tab-content-wrapper{
	height:350px;
	overflow:auto;
}
/* basic scrollbar styling */
/* vertical scrollbar */
.mCSB_container{
	width:auto;
	margin-right:30px;
	overflow:hidden;
}
.mCSB_container.mCS_no_scrollbar{
	margin-right:0;
}
.mCS_disabled .mCSB_container.mCS_no_scrollbar,
.mCS_destroyed .mCSB_container.mCS_no_scrollbar{
	margin-right:30px;
}
.mCustomScrollBox .mCSB_scrollTools{
	width:16px;
	height:100%;
	top:0;
	right:0;
}
.mCSB_scrollTools .mCSB_draggerContainer{
	height:100%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.mCSB_scrollTools .mCSB_buttonUp+.mCSB_draggerContainer{
	padding-bottom:40px;
}
.mCSB_scrollTools .mCSB_draggerRail{
	width:6px;
	height:100%;
	margin:0 auto;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}
.mCSB_scrollTools .mCSB_dragger{
	cursor:pointer;
	width:100%;
	height:30px;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:6px;
	height:100%;
	margin:0 auto;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	text-align:center;
}
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown{
	height:20px;
	overflow:hidden;
	margin:0 auto;
	cursor:pointer;
}
.mCSB_scrollTools .mCSB_buttonDown{
	bottom:0;
	margin-top:-40px;
}
/* horizontal scrollbar */
.mCSB_horizontal .mCSB_container{
	height:auto;
	margin-right:0;
	margin-bottom:30px;
	overflow:hidden;
}
.mCSB_horizontal .mCSB_container.mCS_no_scrollbar{
	margin-bottom:0;
}
.mCS_disabled .mCSB_horizontal .mCSB_container.mCS_no_scrollbar,
.mCS_destroyed .mCSB_horizontal .mCSB_container.mCS_no_scrollbar{
	margin-right:0;
	margin-bottom:30px;
}
.mCSB_horizontal.mCustomScrollBox .mCSB_scrollTools{
	width:100%;
	height:16px;
	top:auto;
	right:auto;
	bottom:0;
	left:0;
	overflow:hidden;
}
.mCSB_horizontal .mCSB_scrollTools .mCSB_draggerContainer{
	height:100%;
	width:auto;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	overflow:hidden;
}
.mCSB_horizontal .mCSB_scrollTools .mCSB_buttonLeft+.mCSB_draggerContainer{
	padding-bottom:0;
	padding-right:20px;
}
.mCSB_horizontal .mCSB_scrollTools .mCSB_draggerRail{
	width:100%;
	height:2px;
	margin:7px 0;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}
.mCSB_horizontal .mCSB_scrollTools .mCSB_dragger{
	width:30px;
	height:100%;
}
.mCSB_horizontal .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:100%;
	height:4px;
	margin:6px auto;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}
.mCSB_horizontal .mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_horizontal .mCSB_scrollTools .mCSB_buttonRight{
	width:20px;
	height:100%;
	overflow:hidden;
	margin:0 auto;
	cursor:pointer;
	float:left;
}
.mCSB_horizontal .mCSB_scrollTools .mCSB_buttonRight{
	right:0;
	bottom:auto;
	margin-left:-40px;
	margin-top:-16px;
	float:right;
}

/* default scrollbar colors and backgrounds */
.mCustomScrollBox .mCSB_scrollTools{
	opacity:0.75;
}
.mCustomScrollBox:hover .mCSB_scrollTools{
	opacity:1;
}
.mCSB_scrollTools .mCSB_draggerRail{
	background:#000; /* rgba fallback */
	background:#979b99;
	filter:"alpha(opacity=40)"; -ms-filter:"alpha(opacity=40)"; /* old ie */
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	background:#fff; /* rgba fallback */
	background:rgba(255,255,255,0.75);
	filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)"; /* old ie */
}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
	background:rgba(255,255,255,0.85);
	filter:"alpha(opacity=85)"; -ms-filter:"alpha(opacity=85)"; /* old ie */
}
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
	background:rgba(255,255,255,0.9);
	filter:"alpha(opacity=90)"; -ms-filter:"alpha(opacity=90)"; /* old ie */
}
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight{
	background-image:url(mCSB_buttons.png);
	background-repeat:no-repeat;
	opacity:0.4;
	filter:"alpha(opacity=40)"; -ms-filter:"alpha(opacity=40)"; /* old ie */
}
.mCSB_scrollTools .mCSB_buttonUp{
	background-position:0 0;
	/* 
	sprites locations are 0 0/-16px 0/-32px 0/-48px 0 (light) and -80px 0/-96px 0/-112px 0/-128px 0 (dark) 
	*/
}
.mCSB_scrollTools .mCSB_buttonDown{
	background-position:0 -20px;
	/* 
	sprites locations are 0 -20px/-16px -20px/-32px -20px/-48px -20px (light) and -80px -20px/-96px -20px/-112px -20px/-128px -20px (dark) 
	*/
}
.mCSB_scrollTools .mCSB_buttonLeft{
	background-position:0 -40px;
	/* 
	sprites locations are 0 -40px/-20px -40px/-40px -40px/-60px -40px (light) and -80px -40px/-100px -40px/-120px -40px/-140px -40px (dark) 
	*/
}
.mCSB_scrollTools .mCSB_buttonRight{
	background-position:0 -56px;
	/* 
	sprites locations are 0 -56px/-20px -56px/-40px -56px/-60px -56px (light) and -80px -56px/-100px -56px/-120px -56px/-140px -56px (dark) 
	*/
}
.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover{
	opacity:0.75;
	filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)"; /* old ie */
}
.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active{
	opacity:0.9;
	filter:"alpha(opacity=90)"; -ms-filter:"alpha(opacity=90)"; /* old ie */
}

/*----------------------------------
                Menu
-----------------------------------*/
#button {
  	position: fixed;
  	top: 18%;
  	bottom:50%;
  	margin-top: 0px;
  	right: 0px;
  	height:64px;
	width:226px;
}
#mainmenu {
  	position: fixed;
  	top: 18.5%;
  	bottom:50%;
  	margin-top: 0px;
  	left: 10px;
  	height:530px;
}
#mainmenu #side-nav li {
	list-style:none;
	margin:0;
}
#mainmenu #side-nav li a {
  	width: 100px;
  	height: 20px;
  	display: block;
  	margin-bottom: 7px;
  	font-size:16px;
  	color:white;
  	text-decoration:none;
  	padding:15px 0 15px 60px;
  	font-weight:normal;
  	opacity:0.8;
	filter:alpha(opacity=80);
}
#mainmenu #side-nav li a#menu01 {
	background: url(images/menu_icon01.png) top left no-repeat;
}
#mainmenu #side-nav li a#menu02 {
	background: url(images/menu_icon03.png) top left no-repeat;
}
#mainmenu #side-nav li a#menu03 {
	background: url(images/menu_icon04.png) top left no-repeat;
}
#mainmenu #side-nav li a#menu04 {
	background: url(images/menu_icon05.png) top left no-repeat;
}
#mainmenu #side-nav li a#menu05 {
	background: url(images/menu_icon06.png) top left no-repeat;
}
#mainmenu #side-nav li a#menu06 {
	background: url(images/menu_icon07.png) top left no-repeat;
}
#mainmenu #side-nav li a#menu07 {
	background: url(images/menu_icon08.png) top left no-repeat;
}
#mainmenu #side-nav li a#menu08 {
	background: url(images/menu_icon09.png) top left no-repeat;
}
#mainmenu #side-nav li a#menu09 {
	background: url(images/menu_icon10.png) top left no-repeat;
}
#mainmenu #side-nav li a:hover {
  	opacity:1.0;
	filter:alpha(opacity=100);
}

/*----------------------------------
              Pagina's
-----------------------------------*/
#chaos, #home, #intuitie, #coacht, #innoveert, #inspireert, #durftevragen, #pers, #contact {
	width:100%;
	margin:0;
}
#top .wrapper, #home .wrapper {
	background:none;
}
#top {
  background: url(images/bg00.jpg);
  background-position:top center;
  background-repeat:no-repeat;
  height:145px;
}
#chaos {
  background: url(images/bg01.jpg);
  background-position:top center;
  background-repeat:no-repeat;
  height:1585px;
}
#home {
  background: url(images/bg02.jpg);
  background-position:top center;
  background-repeat:no-repeat;
  height:1488px;
}
#intuitie {
  background: url(images/bg03.jpg);
  background-position:top center;
  background-repeat:no-repeat;
  height:1586px;
}
#coacht {
  background: url(images/bg04.jpg);
  background-position:top center;
  background-repeat:no-repeat;
  height:1741px;
}
#innoveert {
  background: url(images/bg05.jpg);
  background-position:top center;
  background-repeat:no-repeat;
  height:1430px;
}
#innoveert .wrapper, #innoveert .wrapper .content {
	width:530px;
}
#innoveert ul.ui-tabs-nav  {
	text-align:left;
	margin-left:-5px;
}
#inspireert {
  background: url(images/bg06.jpg);
  background-position:top center;
  background-repeat:no-repeat;
  height:1585px;
}
#durftevragen {
  background: url(images/bg07.jpg);
  background-position:top center;
  background-repeat:no-repeat;
  height:1585px;
}
#pers {
  background: url(images/bg08.jpg);
  background-position:top center;
  background-repeat:no-repeat;
  height:1585px;
}
#contact {
  background: url(images/bg09.jpg);
  background-position:top center;
  background-repeat:no-repeat;
  height:1060px;
}
.homepage {
	width:300px;
	font-size:14px;
	color:white;
	margin: 125px 0 0 650px;
}
#contact h4 {
	color:white;
	font-weight:normal;
	font-size:18px;
	margin-top:30px;
}
#contact-form {
}
.wpcf7 {
	margin-top:20px;
	color:white;
}
.wpcf7-text {
	background:url(images/bg_input.png) no-repeat;
	border:none;
	width:195px;
	padding:5px;
	font-size:14px;
	-webkit-font-smoothing:antialiased;	
	color:white;
	font-family: 'Sketchy';
}
.wpcf7-textarea {
	background:url(images/bg_textarea.png) no-repeat;
	border:none;
	width:605px;
	height:250px;
	padding:15px;
	font-size:14px;
	-webkit-font-smoothing:antialiased;	
	color:white;
	font-family: 'Sketchy';
}
.wpcf7-submit {
	background:url(images/bg_button.png) no-repeat !important;
	border:none;
	width:95px;
	height:24px;
	font-family: 'Sketchy';
	color:white;
	-webkit-font-smoothing:antialiased;	
	font-size:14px;
	margin:5px 0 0 15px;
}
.contact-form-01 {
	width:100px;
	float:left;
}

/*----------------------------------
              Wordpress
-----------------------------------*/
.ui-tabs-hide {
	display:none;
}
ul.ui-tabs-nav {
	list-style:none;
	margin-bottom: 0px !important;
	margin-top: 0px;
	padding-bottom : 0px !important;
}
ul.ui-tabs-nav li {
	border-bottom:none;
	display:inline-block;
	vertical-align:bottom;
	margin-left:0px;
 *display: inline;
	zoom:1;
	font-size : 12px;
	font-weight : bold;
	background:url(images/bg_line.png) center right no-repeat;
	padding: 0 15px 0 15px;
}
ul.ui-tabs-nav li.last-li {
	background:none;
}
ul.ui-tabs-nav {
	padding-left : 0px;
	margin: 0em;
	text-align:center;
}
ul.ui-tabs-nav li a {	
	text-decoration: none;
	border-bottom:none;
	color: #FFF;
	font-size:14px;
	padding: 0 0 2px 0;
}
ul.ui-tabs-nav li.ui-state-active a {
	border-bottom: 2px solid #FFF;
	padding-bottom:none;
}
.ui-tabs-panel .wp-tab-content {
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 5px;
}
.wp-tabs {
	position: relative;
}
.cap-icon-link:hover {
	opacity: 1;
}
.ui-tabs-vertical {
	width: 55em;
}
span.toggle_text {
	opacity: 0;
}
h3.ui-collapsible-header:hover span.toggle_text {
	opacity: 1;
}
.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px;
}
.prev-follow span {
	background: url(images/ui-icons.png) -96px -16px;
}
.next-follow span {
	background: url(images/ui-icons.png) -32px -16px;
}
.wp-tabs {
	clear: both;
}
.ui-tabs-vertical {
	width: 100%;
	height : 100%;
}
.ui-tabs-vertical .ui-tabs-nav {
	width : 20%;
	float: left;
	clear: both;
	position: relative;
	padding : 0px !important;
	-moz-border-radius : 0px !important;
	-webkit-border-radius : 0px !important;
	-o-border-radius : 0px !important;
	border-radius : 0px !important;
}
.ui-tabs-vertical .ui-tabs-nav li {
	float: left;
	width: 100%;
	-moz-border-radius : 0px !important;
	-webkit-border-radius : 0px !important;
	-o-border-radius : 0px !important;
	border-radius : 0px !important;
	margin : 0px;
}
.ui-tabs-vertical .ui-tabs-nav li a {
	width: 90%;
	text-align : left;
}
.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-selected {
	padding-top: 0px !important;
	height : auto !important;
	bottom: 0 !important;
}
.ui-tabs-vertical .ui-tabs-panel {
	width: 70%;
	float: left;
	position: relative;
	overflow : hidden;
	-moz-border-radius : 0px !important;
	-webkit-border-radius : 0px !important;
	-o-border-radius : 0px !important;
	border-radius : 0px !important;
}
span.toggle_text {
	font-size: 10px;
}
.ui-button-text-icons .ui-button-text {
	padding-left: 2.1em;
	padding-right: 2.1em;
}
.ui-button-icon-only .ui-icon {
	left: 50%;
	margin-left: -8px;
}
.ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary {
	right: .5em;
}
.ktabs ul.ul-vertical {
	width : 150px;
}

/*----------------------------------
              Media
-----------------------------------*/
@media all and (max-width: 1200px) {
	#mainmenu #side-nav li a {
  		text-indent: -9999px;
	}
	.wrapper {
		width:88%;
	}
	.content {
		width:inherit;
		margin-left:80px;
	}
	ul.ui-tabs-nav {
		width:80%;
	}
}
@media all and (max-width: 620px) {	
	.share, #button, .clickable, .mCustomScrollBox .mCSB_scrollTools, ul.ui-tabs-nav {
		display:none;
	}
	body {
		background:#2192bc url(images/bg_mobile.jpg);
		font-family: 'Open Sans', Arial, sans-serif;
	}
	h1 {
		font-size:35px;
		font-weight:600;
	}
	h2 {
		font-size:22px;
	}
	#mainmenu #side-nav li a {
  		text-indent: -9999px;
	}
	.wrapper {
		padding: 10px 0 0 0;
	}
	.wrapper, #innoveert .wrapper {
		width:auto;
		margin:0;
	}
	.content, #contact .wrapper,  #innoveert .wrapper .content {
		width:auto;
		margin-left:70px;
		font-size:13px;
		padding-right:20px;
	}
	.wpcf7-textarea, .wpcf7-text, .wpcf7-submit {
		width:90% !important;
		background:none !important;
		border: 2px solid #FFF;
	}
	.mCSB_container p {
		text-align:left !important;
	}
	#contact h4 {
		font-size:13px;
	}
	.wp-tab-content-wrapper {
		height:auto;
	}
	.homepage {
		margin:14px 0 0 70px;
		padding-right:20px;
		width:auto;
	}
	.homepage span {
		color:#FFF !important;
	}
	#mainmenu {
		z-index:999 !important;
		overflow: hidden;
		top: 0;
    	left: 0;
		margin-top: 0px;
		height: 530px;
	}
	#mainmenu #side-nav {
		margin-left:0px;
	}
	#mainmenu #side-nav li a {
		background-size:36px 36px;
		padding:0;
		height:36px;
		width:36px;
	}
	ul#side-nav {
		padding-left:20px;
	}
	ul.ui-tabs-nav {
		width:80%;
	}
	.wpcf7-textarea {
		width: auto;
	}
	#chaos, #home, #intuitie, #schrijft, #innoveert, #inspireert, #durftevragen, #pers, #contact {
		background:none;
		height:auto;
		margin-bottom:200px;
		z-index:1;
	}
}