@charset "utf-8";
/* CSS Document */

body{
	line-height:15px;
	background:url(../images/bg_top.jpg) repeat-x top;
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#3D3D3D;}
a{
	color:#3D3D3D;}

p{
	padding:0;
	margin:5px 0 0 0;
	}
	
h1{
	font-family: "KlavikaRegular-Plain", arial, verdana;
	font-size:25px;
	color:#3D3D3D;
	margin-bottom:0;
	padding-bottom:0;
	}
h2{
	font-family: arial, verdana;
	font-size:15px;
	color:#888888;
	margin:0;
	padding:10px 0 0 0;
	}
	
h3{
	color:#F6290B;
	font-size:15px;
	padding:0px 0 5px 0;
	margin:0;
	}
	
table{
	font-size:11px;
	color:#808080;
	}


	
#container{
	background:url(../images/bg_bottom.jpg) repeat-x bottom;
	height:1330px;
	}

#container.taalkeuze, #container.anatomie, #container.history {
	background:none;
	height: 300px;
	}
#container.foto{
	background:none;}
	
#container.contact{
	background:url(../images/bg_footer.jpg) repeat-x bottom;
	height:980px;
	}
	
#container.martial_arts{
	height:1100px;}
	
#container2{
	width:970px;
	margin:0 auto;
	}
	
	
/************************* navigatie **********************************/
#navig{
	background:url(../images/logo.jpg) no-repeat top left;
	
	height:107px;
	border-top:1px solid #222222;
	}
	
#navig ul{
	margin-left: 230px;
	width:700px;
	margin-top: 15px;
}
	
#navig ul li{	
	height:80px;
	width:110px;
	display:block;
	float:left;
	border-right: 1px solid #999;
	padding: 5px 0 0 5px;}
	
#navig ul li.first{	
	border-left: 1px solid #999;
}
	
#navig ul li a{
	color: #B3B3B3;
	font-size:17px;
	text-decoration:none;
	display:block;
	margin-bottom:5px;
	}
	
#navig ul li a.actif, #navig ul li a:hover{
	color:white;}
	
#navig ul li span a{
	font-size:10px;
	text-decoration:none;
	color: #B3B3B3;
	display:block;
	margin:0;
	height:12px;
	}

/************************* content **********************************/
.red{
	
	color:#C00;}

#content{
	background:url(../images/eyecatcher.jpg) no-repeat left 120px;
	height: 800px;
	padding-top: 25px;}
	
.taalkeuze #content{
	background:url(../images/eyecatcher.jpg) no-repeat left 200px;
	height: 800px;
	padding-top: 25px;}
	
.martial_arts #content, .contact #content, .history #content{
	background:none;
	height: 800px;
	padding-top: 35px;}
	
#uurrooster{
	margin-top: 360px;}
	
#uurrooster span{
	font-size:16px;
	/*font-weight:bold;*/

	}

#uurrooster ul{
	border-top: 1px solid #E1E1E1;
	margin:5px 0 0px 0;
	padding-left:0;
	padding-top: 10px;
	height:240px;
	}

#uurrooster ul li{
	width:166px;
	height:222px;
	float:left;
	display:block;
	}
	
#uurrooster ul li.last{
	width:140px;
	}

#uurrooster ul li span, #USA span{
	font-size:21px;
	margin-top:5px;
	padding: 7px 0 0 28px;
	display:block;
	height:30px;
	}
	

	
#uurrooster ul li span.span1{
	background:url(../images/bol1.jpg) no-repeat left top;
	}
	
#uurrooster ul li span.span2{
	background:url(../images/bol2.jpg) no-repeat left top;
	}

#uurrooster ul li span.span3{
	background:url(../images/bol3.jpg) no-repeat left top;
	}

#uurrooster ul li span.span4{
	background:url(../images/bol4.jpg) no-repeat left top;
	}
	
#uurrooster ul li span.span5{
	background:url(../images/bol5.jpg) no-repeat left top;
	}

#uurrooster ul li span.span6{
	background:url(../images/bol6.jpg) no-repeat left top;
	/*float:left;*/
	}
	
#USA span.span7{
	background:url(../images/bol7.jpg) no-repeat left top;
	}
	
#USA span.span8{
	font-size:12px;
	margin-top:3px;
	color:#888888;
	padding: 0;
	}
	
#USA span.span8 a{
	color:#888888;
}
	
td.black{
	color:black;}

#uurrooster span.private{
	font-size:11px;
	}
	
#USA{
	background:url(../images/vlag_usa.jpg) no-repeat left 20px;
	border-top: 1px solid #E1E1E1;
	margin-top:20px;
	padding:15px 0 0 170px;
	height: 100px;
	display:none;
	}
	
#blocks{
	background:url(../images/bg_blocks.jpg) no-repeat top left;
	height:320px;
	margin-top:40px;}
	
#blocks #caroussel{
	height:110px;
	width:100%;
	padding-top: 25px;
	}
	
#blocks #caroussel img{
	border:1px solid black;
	float:left;
	margin-left: 24px;}
	
#blocks #block1, #blocks #block2, #blocks #block3{
	float:left;
	width: 292px;
	margin-top:20px;
	height: 160px;
	padding: 10px 0 0 15px;
	/*background-color:#0F0;*/}

	
#blocks #block2, #blocks #block3{
	margin-left:20px;}
	
#blocks #block3{
	width: 275px;
	}
	
#blocks #block1 a, #blocks #block2 a, #blocks #block3 a{
	color:white;
	text-decoration:none;
	font-size:11px;
	display:block;
	padding: 2px 0 2px 10px;
	background:url(../images/pijl.jpg) no-repeat left 6px}
	
#blocks #block1 a span, #blocks #block2 a span, #blocks #block3 a span{
	color:#888;}
	
.taal{
	position:absolute;
	display:block;
	width:30px;
	height:20px;
	background-color:#0F0;
	margin-left: 930px;
	top: 80px;}
	
.taal img{
	border:none;}
	
/************************* footer **********************************/

#footer{
	height:20px;
	margin-top:45px;}

#data_gun{
	float:left;
	padding-left:3px;
	color:#999;}
	
#data_hedwig{
	float:right;
	padding-right:3px;
	color:#999;}

#data_hedwig a, #data_gun a{
	color:#999;
	}

/************************* index **********************************/

#taalkeuze_nl, #taalkeuze_fr{
	float:left;
	width:475px;
	height:150px;
	text-align:center;
	padding-top:25px;}
	
#taalkeuze_nl h1, #taalkeuze_fr h1{
	font-size:20px;
	padding:0;
	margin:0 0 10px 0;
	}
	
#taalkeuze_nl a, #taalkeuze_fr a{
	color:#C00;
	text-decoration:none;}
	
#taalkeuze_nl img, #taalkeuze_fr img{
	border:none;
	margin-top: 10px;}
	
	
#navig .foto{
	position:relative;
	float:right;
	margin:10px 0 0 10px;
	border:1px solid black;
}
	
/************************* contact **********************************/
	
#contact_brussel, #contact_Vlaanderen, #contact_usa{
	float:left;
	width:265px;
	margin-top: 35px;}
	
#contact_Vlaanderen{
	width: 520px;
	}
	
#contact_usa{
	width: 180px;}
	
#contact_brussel h1, #contact_Vlaanderen h1, #contact_usa h1, #zalen h1{
	border-bottom:1px solid #ccc;
	padding: 5px 0 5px 0;
	margin-bottom:15px;
	font-size:21px;
	}
	
#contact_brussel span, #contact_Vlaanderen span, #contact_usa span{
	display:block;
	color:#F00;
	margin-top:15px;}
	
#contact_brussel span.black, #contact_Vlaanderen span.black, #contact_usa span.black{
	display:block;
	color:#000;
	margin-top:15px;}
	
#zalen{
	float:left;
	margin-top: 35px;
	width:100%;
	}

#contact_brussel ul, #contact_Vlaanderen ul, #contact_usa ul{
	margin-left:0;
	padding-left:0;}
	
#contact_brussel ul li, #contact_Vlaanderen ul li, #contact_usa ul li{
color:#777;
float:left;
padding: 5px 0 0 15px;
margin:0px 5px 0 -5px;
background:url(../images/bg_contact.jpg) no-repeat top;
width:160px;
height:101px;
list-style:none;
font-size:12px;}


/************************* anatomie **********************************/

.anatomie #content{
	background:url(../images/bio_new.png) no-repeat left 60px;
	_background:url(../images/bio_new.jpg) no-repeat left 80px;
	padding-left: 270px;
	padding-top: 50px;
	
}



.anatomie #content img{
	float:right;
	margin: 70px 10px 0 50px;
}
	
.anatomie #content p{
	padding:10px 0;
	text-align:justify;}
	
.anatomie #content span{
	color:#C00;}
	
/************************* history **********************************/

.history p{
	padding:10px 0;
	text-align:justify;}
	
.history #content{
	padding-left:265px;
	background:url(../images/funakoshi.png) no-repeat left 135px;}
	
/************************* foto **********************************/

.foto #content{
	background:none;}
	
#iframeWrap{
		margin-top:40px;
		margin-left: -20px;}
		
.foto h1{
	margin-top:50px;
}

	
/************************* Martial Arts **********************************/

#martialArts{
	background:url(../images/Martial_arts.jpg) no-repeat top;
	height:200px;
	}
	
#martialArtsFr{
	background:url(../images/Martial_arts_fr.jpg) no-repeat top;
	height:200px;
	}
	
#martialArts a, #martialArtsFr a{
	display:block;
	float:left;
	width:231px;
	height:160px;
	margin:10px 0 25px 12px;
	}
	
#martialArts a.first, #martialArtsFr a.first{
	margin-left:0;}

#karate{
	height:250px;}
	
#karate h1{
	color:#F6290B;
	margin-bottom: 15px;
	width:100%;
	display:block;
	border-bottom: 1px solid #F6290B;
	padding-top:5px;
	padding-bottom:5px;
	height:30px;
	float:left;
}

#karate p{
	margin-bottom:20px;}
	
.uren{
	
	background:url(../images/bg_uren.jpg) no-repeat bottom;
	height: 250px;
	}
	
.uren h2{
	color:#F6290B;}
	
.uren ul{
	
	margin:5px 0 0px 0;
	padding-left:0;
	padding-top: 10px;
	height:240px;
	}

.uren ul li{
	width:150px;
	height:222px;
	float:left;
	display:block;
	margin-left:10px;
	
	}
	
.uren ul li.last{
	width:130px;
	}
	
.uren span{
	color:white;
	font-size:18px;
	height:25px;
	display:block;
	margin-top:10px;}
	
.uren .black{
	color:#555555;}
	
.martial_arts span{
	color:white;
	}
	
.martial_arts a{
	color:white;}
	
/************************* Nieuwsbrief **********************************/

table.tableNieuwsbrief{
	margin-top: 50px;
	color:black;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;}
	
table.tableNieuwsbrief tr td{
	padding: 5px 0;}
	
#error{
	color:#C00;
	height:25px;
	font-size:13px;
	visibility:hidden;}
	
.ster{
	color:#C00;
	font-size: 25px;
	font-weight:bold;
	float:right;
	position:relative;
	padding:5px;
	
	}
	
#ster1, #ster2, #ster3{
	visibility:hidden;
	} 
	
	
/************************* Video **********************************/
	
.video{
	background:none !important;
	}