@charset "UTF-8";
body {
	/*font-family: "Trebuchet MS", "Skia Regular", Verdana;*/
	font-family:"Skia Regular", Arial, Helvetica ;
	font-size: 12px;
	line-height:15px;	
	color: #FFF;
	margin: 0px;
	padding: 0px;
	background-image:url(../images/bg-djembe.gif);
	letter-spacing: 1px;
	-webkit-font-smoothing: subpixel-antialiased; /*voor juiste weergave font-weight in safari*/
	/*width:100%;
	overflow:auto;*/
	}
a:link {
	color:#000;
	text-decoration: none;
	}
a:visited {
	color:#000;
	text-decoration: none;
	}
a:hover {
	color:#F60;
	text-decoration: none;
	}
a:active {
	color:#F60;
	}
.clearfloat {
	font-size: 1px;
	line-height: 0px;
	clear: both;
	height: 0px;
}
	
/* homepage */

/* hoogte headerwrapper (154)= header border-bottom 1 + header topcolor 30 + logo 86 + submenuwrapper 37*/
.headerwrapper{
	width:100%; 
	height:178px;
	text-align:center;
	position:fixed;
	margin:0px;
	padding:0px;
	-webkit-font-smoothing: antialiased;/*avoid fontweight change when scrolling*/
	z-index:10;/* to avoid simplegallery not to go under header */
	}
.header{
	font-family:"Skia Regular", Arial, Helvetica ;
	width:1024px;
	margin:0 auto 0 auto;
	padding:0px;
	background-color:#FFF;
	}
.header_topcolor{
	height:64px;
	background-image:url(../images/bg-top.gif);
	background-repeat:no-repeat;
	width:100%;
	}
/*.header h1{
	font-family:"Skia Regular", Arial, Helvetica ;
	color:#000;
	height:55px;
	font-size:44px;
	font-weight:400;
	line-height:44px;
	margin:0;
	padding:20px 15px 0 10px;
	letter-spacing:2px;
	}*/
.header .menu{
	color:#000;
	height:66px;
	padding-left:11px;
	padding-right:11px;
	}
.header .active_menu{
	color:#000;
	height:66px;
	padding-left:11px;
	padding-right:11px;
	}
.header .active_menu a{
	font-weight:bold;
	color:#F60;
	}
.header .pointer{
	height:14px;
	background-image:url(../images/pointer.gif);
	background-repeat:no-repeat;
	background-position:center;
	}
.header .no_pointer{
	height:14px;
	}
.logo{
	width:52px;
	height:75px;
	background-image:url(../images/djembe-logo.gif);
	background-repeat:no-repeat;
	}

/* homepage submenu */

.submenu_wrapper{
	height:72px;
	background-image:url(../images/bg-top-2.gif);
	background-repeat:no-repeat;
	width:1024px;
	margin:0;
	padding:0;
	}
.events_menu{
	width:auto;
	padding-right:280px;
	padding-top:35px;
	}
.kurs_menu{
	width:auto;
	padding-right:240px;
	padding-top:35px;
	}
#submenu_item a{
	font-family:"Skia Regular", Arial, Helvetica ;
	font-weight:bold;
	color:#FFF;
	font-size:12px;
	letter-spacing:2px;
	padding-bottom:4px;
	}
#submenu_item a:hover { color:#FF9;}
#act_submenu a{
	font-family:"Skia Regular", Arial, Helvetica ;
	color:#FF9;
	font-size:12px;
	letter-spacing:2px;
	padding-bottom:5px;
	font-weight:bold;
	}
.item_distance{
	font-family:"Skia Regular", Arial, Helvetica ;
	color:#FFF;
	font-size:12px;
	padding-right:10px;
	padding-left:10px;
	padding-bottom:4px;
	}

/* homepage maincontent*/
	
.maincontainer_wrapper{
	width:100%;
	height:100%;
	text-align:center;
	margin:0px;
	padding:0px;
	}
/* voor bijna alle pagina's, indien niet dan bv. kontakt_wrapper*/	
.home_wrapper{
	background-image:url(../images/bg-verloop-1.jpg);
	background-size:100% 100%;
	width:1024px;
	margin:0 auto 0 auto;
	overflow:auto;
	padding:214px 0px 0px 0px;
	}
.home_wrapper a{
	color:#FF9;
	text-decoration:none;
	font-style:normal;
	}
.home_wrapper a:hover{
	color:#FF3;
	text-decoration:underline;
	font-style:normal;
	}
		
/* homepage footer*/

.footerwrapper{
	
	width:100%;
	text-align:center;
	margin:0px;
	padding:0px;
	bottom:0;	
	/*position:fixed; werkt niet als body andere kleur heeft dan pagina*/
	}
.footer{
	font-size:9px;
	background-image:url(../images/bg-bottom.gif);
	background-repeat:no-repeat;
	margin:0 auto 0 auto;
	background-color:#a44c02;/*bf4502*/
	padding:7px 0px 0 2px;
	width:1022px;
	height:27px;
	}
footer a{
	margin-top:16px;
	}
.footer a:link { color:#FF9; text-decoration: none; }
.footer a:visited { color:#FF9; text-decoration: none; }
.footer a:hover { color:#000; text-decoration: none; }
.footer a:active { color:#000; }

/* includes/events.php */

.home_content{
	width:100%;
	padding:30px 15px 30px 15px;
	border-bottom:1px solid #CCC;
	}
.home_content h2{
	margin:0;
	padding:30px 0 15px 0;
	font-size:18px;
	line-height:18px;
	letter-spacing:2px;
	}
.home_txt{
	text-align:justify;
	padding: 0px 20px 0px 0px;
	}
.home_txt a{
	color:#FFF;
	font-size:14px;
	line-height:17px;
	font-weight:bold;
}
.home_txt a:hover{
	color:#333;
	font-weight:bold;
	}
.home_readmore{
	margin:10px 0 0px 0;/*if agenda is not shown –> margin:10px 0 30px 0;*/
	}
.home_button{
	text-align:center;
	width:25px;
	background-color:#e49806;	
	-webkit-transition:all 0.5s linear;
	-moz-transition:all 0.5s linear;
	-o-transition:all 0.5s linear;
	transition:all 0.5s linear;
	-moz-box-shadow: 2px 2px 4px 0px #999;
	-webkit-box-shadow:  2px 2px 4px 0px #999;
	box-shadow: 2px 2px 4px 0px #999;
	-moz-border-radius:4px ;
	-webkit-border-radius:4px ;
	border-radius:4px ;
	}
.home_button:hover{
	-webkit-box-shadow: 2px 2px 4px 0px #FFF;
	-moz-box-shadow: 2px 2px 4px 0px #FFF;
	box-shadow: 2px 2px 4px 0px #FFF;
	-webkit-transform: scale(1.01);
	-moz-transform: scale(1.01);
	transform: scale(1.01);
	}
.YTbox{
	margin:0px;
	padding-top:25px;
	}
.YT_video{
	border:2px solid #CCC;
	}
.YT_desc{
	padding-top:5px;
	color:#CCC;
	}

.home_images{
	width:100%;
	height:230px;
	}
.home_images img{
	border:1px solid #CCC;
	}	
.home_image_1 {
	float:left;
	margin:0 13px 0 15px;
	}
.home_image_2 {
	float:left;
	margin:0;
	}
.home_image_3 {
	float:right;
	margin:0 17px 0 0;
	}

/* includes/trommelevents.php */	

.trommel_content{
	width:100%;
	padding:30px 15px 0px 15px;
	}
.trommel_content h2{
	margin:0;
	padding:0 0 3px 0;
	font-size:18px;
	line-height:18px;
	letter-spacing:2px;
	display:inline-block;
	border-bottom:1px solid #FFF;
	}
.trommel_content img{
	border:2px solid #CCC;
	}
.trommel_content_2{
	margin:0 0 25px 15px;
	}
.trommel_txt{
	text-align:justify;
	padding: 0px 20px 0px 0px;
	}
.trommel_txt h3{
	font-size:12px;
	font-style:italic;
	font-weight:normal;
	line-height:14px;
	margin:0;
	padding:24px 0 0 0;
	}
.trommel_txt h4{
	font-size:12px;
	font-weight:normal;
	line-height:14px;
	margin:0;
	padding:15px 0 0 0;
	}
.trommel_txt_2{
	text-align:justify;
	padding: 0px 20px 0px 0px;
	}
.trommel_txt_2 h4{
	font-size:12px;
	font-weight:normal;
	line-height:14px;
	margin:0;
	padding:0px 0 0 0;
	}
.trommel_foto_2{
	color:#CCC;
	font-size:11px;
	padding-bottom:20px;
	}
.trommel_foto{
	text-align:right;
	margin:0px 15px 0px 10px;
	color:#CCC;
	}
.trommel_image_1 {
	float:left;
	margin:0 15px 0 15px;
	}
.trommel_image_2 {
	float:left;
	margin:0 10px 0 0;
	}
.trommel_image_3 {
	float:right;
	margin:0 17px 0 0;
	}
		
/* includes/news.php */

.maincontainer_news{
	text-align:left;
	background-image:url(../images/bg-verloop-1.jpg);
	background-size:100% 100%;
	width:1024px;
	min-height:400px;
	margin:0 auto 0 auto;
	overflow:auto;
	padding:224px 0px 20px 0px;
	}
.maincontainer_news a{
	color:#FF9;
	text-decoration:none;
	font-style:normal;
	}
.maincontainer_news a:hover{
	color:#FF3;
	text-decoration:underline;
	font-style:normal;
	}
.newsitemwrap{
	border-bottom:2px dotted #FC0;
	margin-bottom:2px;
	}
.newsitem{
	width:100%;
	height:auto;
	}
#pic_box{
	min-width:280px;
	}
.newsitem img {
	border:2px solid #CCC;
	}
.newsitem h2{
	font-size:18px;
	line-height:18px;
	padding:0;
	margin:0 0 20px 0;
	}
.newsfact{
	font-size:12px;
	line-height:16px;
	margin:0;
	padding:0;
	}
.newsfact_1{
	font-size:12px;
	line-height:6px;
	margin:0;
	padding:0;
	}
.newsdesc{
	font-size:12px;
	line-height:15px;
	margin:0;
	padding:0;
	}
	
		
/* includes/mark.php */	

.mark_content{
	width:100%;
	padding:30px 15px 20px 15px;
	}
.mark_content h2{
	margin:0 0 35px 0;
	padding:0 0 3px 0;
	font-size:18px;
	line-height:18px;
	letter-spacing:2px;
	display:inline-block;
	border-bottom:1px solid #FFF;
	}
.mark_txt{
	text-align:justify;
	padding: 0px 20px 0px 0px;
	}
.mark_txt h4{
	font-size:12px;
	font-weight:normal;
	line-height:17px;
	padding:0px 0 0 0;
	margin:0;
	}
.mark_txt h5{
	font-size:13px;
	font-style:italic;
	font-weight:normal;
	line-height:16px;
	padding:0;
	margin:0;
	}
.mark_foto_1{
	text-align:right;
	margin:0px 15px 10px 10px;
	color:#CCC;
	}
.mark_foto_1 img{
	border:2px solid #CCC;
	}

	
/* includes/kurse.php */	

.kurse_content{
	width:100%;
	padding:30px 15px 10px 15px;
	}
.kurse_content h2{
	margin:0;
	padding:0 0 3px 0;
	font-size:18px;
	line-height:18px;
	letter-spacing:2px;
	display:inline-block;
	border-bottom:1px solid #FFF;
	}
.kurse_txt{
	text-align:justify;
	padding: 0px 20px 0px 0px;
	}
.kurse_txt h4{
	font-size:12px;
	font-weight:normal;
	line-height:14px;
	margin:0;
	padding:15px 0 10px 0;
	}
.kurse_txt_2{
	text-align:justify;
	padding: 0px 20px 0px 0px;
	}
.kurse_txt_2 h4{
	font-size:12px;
	font-weight:normal;
	line-height:15px;
	margin:0;
	padding:0;
	}
.kurse_txt_3{
	text-align:justify;
	padding: 0px 20px 0px 0px;
	}
.kurse_txt_3 h2{
	margin:0 0 15px 0;
	padding:0 0 3px 0;
	font-size:18px;
	line-height:18px;
	letter-spacing:2px;
	display:inline-block;
	border-bottom:1px solid #FFF;
	}
.kurse_txt_3 h4{
	font-size:12px;
	font-weight:normal;
	line-height:14px;
	margin:0;
	padding:0;
	}
.kurse_foto_1{
	text-align:right;
	margin:0px 15px 0px 10px;
	color:#CCC;
	}
.kurse_foto_1 img{
	border:2px solid #CCC;
	}
.kurse_foto_2{
	margin: 10px 15px 5px 0px;
	float:left;
	}	
.kurse_foto_2 img{
	border:1px solid #CCC;
	}
.kurse_images{
	width:100%;
	height:230px;
	}
.kurse_images img{
	border:1px solid #CCC;
	}	
.kurse_image_1 {
	float:left;
	margin:0px 10px 0 15px;
	}
.kurse_image_2 {
	float:left;
	margin:0px 10px 0 0;
	}
.kurse_image_3 {
	float:right;
	margin:0px 17px 0 0;
	}
	
/* includes/kontakt.php */	
.kontakt_wrapper{
	background-image:url(../images/bg-verloop-1.jpg);
	background-size:100% 100%;
	width:1024px; 
	height:440px;
	margin:0 auto 0 auto;
	overflow:auto;
	padding:280px 0px 0px 0px;
	}
.kontakt_wrapper a{
	color:#FFF;
	}
.kontakt_wrapper a:hover{
	color:#FF3;
	}
.kontakt_txt{
	width:100%;
	text-align:left;
	height:285px;
	background-image:url(../images/bg-kontakt.jpg);
	background-repeat:no-repeat;
	padding-left:40px;
	border-top:1px solid #ccc;
	border-bottom:3px solid #ccc;
	line-height:18px;
	}
	
/* includes/links.php */	
.links_wrapper{
	background-image:url(../images/bg-verloop-1.jpg);
	background-size:100% 100%;
	width:1024px; 
	height:440px;
	margin:0 auto 0 auto;
	overflow:auto;
	padding:280px 0px 0px 0px;
	}

.links{
	width:100%;
	text-align:left;
	height:309px;
	background-image:url(../images/bg-links.jpg);
	background-repeat:no-repeat;
	padding:50px 0 0 40px;
	border-top:1px solid #ccc;
	border-bottom:3px solid #ccc;
	}
.links h2{
	margin:0;
	padding:0 0 15px 0;
	font-size:18px;
	line-height:18px;
	font-style:normal;
	}
.links a{
	color:#FF9;
	text-decoration:none;
	font-style:normal;
	}
.links a:hover{
	color:#FF3;
	text-decoration:underline;
	font-style:normal;
	}
.links_txt{
	line-height:32px;
	font-style:italic;
	}	

/* forms 1 + 2  */

.contact_wrapper{
	color:#FFF;
	background-image:url(../images/bg-verloop-1.jpg);
	background-size:100% 100%;
	width:1024px; 
	margin:0 auto 0 auto;
	overflow:auto;
	padding:234px 0px 0px 0px;
	}
.contact_header h3{
	height:32px;
	color:#FF9;
	font-size:18px;
	font-weight:normal;
	line-height:25px;
	margin:10px 0 7px 0;
	padding:0;
	}
.errormessage{
	text-align:center;
	font-style:italic;
	font-weight:lighter;
	color:#333;
	}
.contactform{
	width:640px;
	border:1px solid #FFC;
	padding:25px 0 0 15px;
	}
#contactline{
	background-color:#FF8;
	height:1px;
	line-height:1px;
	}
#contactfield{
	background-color:#FFF;
	margin:0;
	padding:0;
	}
#contactfield_preset{
	background-color:#FFF;
	margin:0;
	padding:0;
	color:#666;
	font-style:italic;
	}
#contacttxt{
	background-color:#999;
	color:#FFF;
	font-size:12px;
	border-color:#CCC;
	margin:0 0 30px 0;
	overflow:hidden;
	}
#captchaveld{
	background-color:#FFF;
	margin:0;
	padding:0;
	width:75px;
	}
#sendbutton{
	padding-top:10px;
	padding-bottom:40px;
	}
#succescontact{
	font-size:16px;
	line-height:24px;
	width:640px;
	height:450px;
	padding:0px 0 0 15px;
	margin-bottom:50px;
	text-align:center;
	font-style:italic;
	color:#FFC;
	}
	
/* includes/shop.php */	

.shop_content{
	width:100%;
	padding:30px 15px 20px 15px;
	}
.shop_content h2{
	margin:0 0 30px 0;
	padding:0 0 3px 0;
	font-size:18px;
	line-height:18px;
	letter-spacing:2px;
	display:inline-block;
	border-bottom:1px solid #FFF;
	}
.shop_txt{
	text-align:justify;
	padding: 0px 20px 0px 0px;
	}
.shop_txt h4{
	font-size:12px;
	font-weight:normal;
	line-height:17px;
	padding:0px 0 0 0;
	margin:0 0 25px 0;
	}
.shop_txt_2{
	text-align:justify;
	padding: 0px 20px 0px 0px;
	}
.shop_txt_2 h2{
	margin:0 0 20px 0;
	padding:0 0 3px 0;
	font-size:18px;
	line-height:18px;
	letter-spacing:2px;
	display:inline-block;
	border-bottom:1px solid #FFF;
	}
.shop_txt_2 h4{
	font-size:12px;
	font-weight:normal;
	line-height:17px;
	padding:0px 0 0 0;
	margin:0;
	}
.shop_foto_1{
	text-align:right;
	padding:10px 0 10px 0;
	}
.shop_foto_1 img{
	border:1px solid #FC9;
	margin:0px 25px 10px 10px;
	}
.shop_foto_2{
	float:left;
	margin:25px 30px 0px 0px;
	padding:0 0 0px 0;
	border:2px solid #CCC;
	}
.shop_foto_3{
	text-align:left;
	margin:0px 0px 0px 0px;
	padding:0 0 0 0;
	}
.shop_foto_3 img{
	margin:5px 8px 0 0;
	}