@charset "utf-8";
*{padding:0;margin:0;border:0}
header,nav,section,article,aside,footer,hgroup { 
display: block;
}
body{
font-family:Tahoma, Geneva, sans-serif;
	background:url(images/header.png) repeat-x, url(images/pattern.png) repeat, url(images/bg.jpg) top center no-repeat;
	background-color:#000;
	}
.wrapper{
	width:1002px;
	margin:0 auto; 
	padding: 0 0 0 0;
	}
header{
	position:relative;
	background:url(images/headergrunge.jpg)top center no-repeat;
	height:93px;
	}
.logo{
	position:absolute;
	top:7px;
	left:0px;
	}
a{text-decoration:none;}	
@font-face {
    font-family: 'ChunkFiveRegular';
    src: url('fonts/Chunkfive-webfont.eot');
    src: url('fonts/Chunkfive-webfont.eot#iefix') format('embedded-opentype'),
         url('fonts/Chunkfive-webfont.woff') format('woff'),
         url('fonts/Chunkfive-webfont.ttf') format('truetype'),
         url('fonts/Chunkfive-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
	}
h1, .first, h5, .headertext{
	text-shadow: 0 0 6px #000;
	-moz-text-shadow: 0 0 6px #000;
	-webkit-text-shadow: 0 0 6px #000;
	text-transform:uppercase;
	}
.headertext, h5{
	/*IE shadow*/
	filter: glow(color=#000000,strength=3);
	filter: dropshadow(color=#000000,offX=3,offY=3);
	}	
h1{
	margin-bottom:20px;
	color:#fff;
	font-family: ChunkFiveRegular, Georgia, serif;
	letter-spacing:1px;
	font-size:25px;
	font-weight:lighter;
	}
.headertext{
position:absolute;
	top:15px;
	left:75px;
	font-size:12px;
	color:#615a50;
	font-family: ChunkFiveRegular, Arial, sans-serif;
	font-weight:lighter;	
	}	
h4, h3{font-size:16px;}	
a h4 {color:#bc0000}
h3{background:url(images/figcaption4.png)no-repeat 0 0;padding:0 0 10px 25px;margin-bottom:10px;border-bottom: 1px solid #d4cdbd;}
h3 .champ{color:#bc0000;padding:0 0 0 55px; background:url(images/belt.png)no-repeat 20px center;}
h6{margin-bottom:5px;font-size:12px;}
mark{background-color:#bc0000; color:#FFF}

#regular figure {
 
    display: table;
    max-width: 150px;
}

#regular figure figcaption{
	background:none;
	margin-bottom:5px;
	padding:5px 10px 0px 5px;
	}

figcaption{
	background:url(images/figcaption.png)no-repeat top left;
	font-style:italic;
	font-size:11px;
	padding:5px 10px 0px 25px;
	/*color:#726b5d;*/
	}
.rule{border-bottom:1px dotted #b3ad9e; height:10px;}	
.bigger{
	border:8px solid #e6dfce;
	padding:8px;
	margin-bottom:10px;
	}
#bigtext{border: 8px solid #bc0000; padding:10px;font-size:18px; }	
#bigtext strong{color:#bc0000;}	
#regular{margin-top:10px;border: 8px solid #d4cdbd;padding:10px;}
#regular img{margin-top:0px;border:5px solid #d4cdbd;}
#regular .img_left{
	margin-right:10px;
	}
#regular .img_right{
	
	}
#bigtext a, #regular a{color:#bc0000;}
#bigtext a:hover, #regular a:hover{text-decoration:underline}
#regular li{margin:0px 0px 5px 10px;}
#friends li{margin-left:10px; list-style:url(images/arrow_e.png); }
#friends li a{color:#352d28}
#friends li a:hover{color:#bc0000;text-decoration:underline}
#interview li{list-style-type: none;margin:0;}
#interview li.vraag{background:#726b5d url(images/pattern4.png)repeat; font-weight:bold; color:#FFF;padding:5px;}
#interview li.antwoord{padding:5px;margin:;border:1px solid #d4cdbd;margin:5px 0 5px 0;background-color:#;}
.socialshare{border:8px solid #e6dfce;padding:5px }
.socialshare .sharelinks{margin-top:5px;}
.fb-like{margin-bottom:5px;}
#lijst{ font-weight:bold; }
#lijst a span{margin-left:30px}
#lijst a:link{background: url(images/download.gif)no-repeat 0px 0px;padding: 3px 0px 4px 0px;color#000}
#lijst a:hover{background:url(images/download.gif)no-repeat 0px -24px;color#000}
/*SOCIALMENU TOP
--------------------*/
.social{position:absolute; top:10px;right:0px;}
.social ul {list-style-type:none;width:auto;display:block;font-size:1em;margin:0px;overflow:hidden;}
.social ul li {display:inline;padding:3px;}
.social .first{color:#625c50;font-size:12px}
.social ul .facebook{background:url(images/fb.png) no-repeat top center;padding:30px 10px 0px 14px;}
.social ul .twitter{background:url(images/tw.png) no-repeat top center;padding:30px 10px 0px 14px;}
.social ul .youtube{background:url(images/yt.png) no-repeat top center;padding:30px 10px 0px 14px;}
 .social ul li a:hover {padding:0px 10px 0px 14px;}
/*BANNER
---------------*/
#banner{
	margin-top:15px;
	margin-bottom:15px;
	}
#smallbanner{
	box-shadow: 0px 0px 4px #000;-moz-box-shadow: 0px 0px 4px #000; -webkit-box-shadow: 0px 0px 4px #000;
	background-color:#d4cdbd;
	margin-top:15px;
	margin-bottom:-4px;}	
.smallbannerimage{background-color:#bc0000;padding-bottom:10px;}
.breadcrumb{
	float:left;
	border:0px solid red;
	padding:12px 20px 10px 10px;
	color:#b3ad9e;
	font-size:10px;
	text-transform:uppercase;
}
.breadcrumb a{

	background:#000 url(images/home.png)no-repeat 5px 5px;
	padding:5px 10px 5px 25px;
	color:#fff;
	font-weight:bold;
	}
.breadcrumb a:hover{
	background-color:#bc0000;
	}	
/*MAINCONTENT STUFF
----------------------*/	
#maincontent, #maincontent_sub, #maincontent_sub2{
	color:#352d28;
	font-size:12px;
	background:#e6dfce url(images/maincontent_bg.png) repeat-x top left;
	padding:15px 10px 20px 10px;
	box-shadow: 0px 0px 4px #000;-moz-box-shadow: 0px 0px 4px #000; -webkit-box-shadow: 0px 0px 4px #000;
	}
#maincontent_sub{
	background:url(images/grey.png) repeat-x top left, #e6dfce url(images/color.gif) repeat-y 670px;
	}
#maincontent_sub2{
	background:url(images/grey.png) repeat-x top left,#e6dfce url(images/color.gif) repeat-y 500px ;
	}	
h1 span{
	background:#bc0000 url(images/fistje.png)no-repeat bottom right;
	padding:5px 50px 2px 10px;
	}
h1 .bw{
	background:#b3ad9e url(images/pattern3.png)repeat;
	padding:5px 10px 2px 10px;
	}	
#leftcontent{float:left;width:650px;}
#rightcontent{float:right;width:310px;}

#leftcontent2{float:left;width:480px;}
#rightcontent2{float:right;width:480px;;}

/*FIGHTERS en NEWS
------------------------*/
#fighterimage, #newsimage{float:left;}
#fighterinfo, #newsinfo{border:1px solid #d4cdbd;float:right;margin:0px 0px 20px 20px;padding:10px;}
#fighterinfo{width:465px;}
#newsinfo{width:200px;}
#newsinfo h5{
	background:#d4cdbd url(images/arrow_e.png)no-repeat 5px 50%;
	padding:4px 0px 2px 15px;
	font-size:13px;
	text-shadow:none;
	}
#newsinfo h5{
	/*IE shadow*/
	filter: -;
	}	
#newsinfo p{margin:5px;}	
#fighterinfo a, #newsinfo a{color:#bc0000;}
#fighterinfo a:hover, #newsinfo a:hover{text-decoration:underline;}

.gear-block{height:210px;}
.geartitle{
	/*font-family: ChunkFiveRegular, Georgia, serif;*/
	position:absolute;left:10px; bottom:10px ;
	font-size:13px;
	color:#fff;
	background:url('images/80.png') repeat;
	padding:3px 10px 3px 10px;
	text-shadow: 0 0 6px #000;
	-moz-text-shadow: 0 0 6px #000;
	-webkit-text-shadow: 0 0 6px #000;
	cursor:default;
	text-transform:uppercase
	}


#gear .prevButton{
		height:72px;
		width:68px;
		position:absolute;
		background:url('images/buttons.png') no-repeat;
		top:50%;
		margin-top:-36px;
		cursor:pointer;
		z-index:2000;
		background-position:left top;
		left:0;
	}

#gear .prevButton:hover{ background-position:left bottom;left:0;}

#gear .nextButton{
	height:72px;
	width:68px;
	position:absolute;
	background:url('images/buttons.png') no-repeat;
	top:50%;
	margin-top:-36px;
	cursor:pointer;
	z-index:2000;
	background-position:right top;
	right:0
}

#gear .nextButton:hover{background-position:right bottom;right:0;}

#gear ul{
	width:365px;
	height:255px;
	list-style:none outside none;
	position:relative;
	overflow:hidden;
}

#gear li:first-child{
	display:list-item;
	position:absolute;
}

#gear li{
	position:absolute;
	display:none;
}

/*VERTICAL MENU
--------------------*/
.submenu{
	width:305px;margin-bottom:10px;font-size:11px;text-transform:uppercase; font-weight:bold;
	}
.submenu ul{margin-bottom:10px;}	
.submenu li{
	margin-bottom:1px;	
	}
.submenu li a{
	width:295px;
	background:url(images/subbutton.png)repeat left bottom;
	color:#352d28;
	height: 16px;
	}
.submenu li a:link {
	color: #352d28;
	display: block;
	background-color:#b3ad9e;
	padding: 6px 0 4px 10px;
	/*border-radius:5px; -moz-border-radius:5px;*/
}

.submenu li a:visited{	padding: 6px 0 4px 10px;display: block;}/*opera fix*/
.submenu li a:hover{
	color: #fff;
	background:#bc0000 url(images/mainmenu/grunge.jpg)no-repeat top right;
}
	
.submenu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.submenu .subactive, .submenu .subactive:hover{background:#bc0000 url(images/mainmenu/grunge.jpg)no-repeat top right;color: #fff;cursor:default}

/*
	Mosaic - Sliding Boxes and Captions jQuery Plugin
	Version 1.0.1
	www.buildinternet.com/project/mosaic
	
	By Sam Dunn / One Mighty Roar (www.onemightyroar.com)
	Released under MIT License / GPL License
*/
	
/*BEGIN HOME BLOCKS en image blocks
----------------------*/		
.contentblock1, .contentblock2, .contentblock3, .contentblock4{
	padding-bottom:15px;
	margin-bottom:15px;
	}
.contentblock5, .contentblock6, .contentblock7{
	padding-bottom:12px;
	margin-bottom:0px;
	}	
.contentblock1, .contentblock3{
	float:left;
	background: url(images/shadow_left.png)no-repeat bottom left;
	}	
.contentblock2, .contentblock4{
	float:right;
	background: url(images/shadow_right.png)no-repeat bottom right;
	}	
.contentblock5{
	background: url(images/shadow_right.png)no-repeat bottom right;
	}	
.contentblock6, .contentblock7{
	float:left;
	background: url(images/shadow_left_small.png)no-repeat bottom left;
	margin-bottom:10px;
	}	
.image-block{
	width:290px;
	}
.image-block2{
	/*height:120px;*/
	width:90px;
	}	
.image-block3{
	width:350px;background: url(images/topfighter.jpg)no-repeat top left;
	}	
	
.contentblock1{	width:585px;	}
.contentblock2{	width:380px;	}
.contentblock3{	width:430px;	}
.contentblock4{	width:535px;	}	
.contentblock5{	width:310px;margin-left:0px;	}
.contentblock6{	width:auto;margin-left:0px;	}


.mosaic-block, .image-block, .image-block2, .image-block3, .gear-block{
	position:relative;
	overflow:hidden;
	background:url(images/img/progress.gif) no-repeat center center;
	border:8px solid #fff;
	-webkit-box-shadow:0 0px 3px #797366;
	-moz-box-shadow: 0px 0px 3px #797366;
	box-shadow: 0px 0px 3px #797366;
	}
.mosaic-block{
	height:254px;
	}

.mosaic-block:hover{
	}	

	.mosaic-backdrop {
		display:none;
		position:absolute;
		top:0;
		height:100%;
		width:100%;
		background:#e3dccb ;
	}
	
	.mosaic-overlay {
		display:none;
		z-index:5;
		position:absolute;
		width:100%;
		height:100%;
		background:url(images/pattern4.png);
	}
	
		/*** Custom Animation Styles (You can remove/add any styles below) ***/
		.bar2 .mosaic-overlay{
			bottom:-100%;
			height:100%;
			opacity:1;
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
			filter:alpha(opacity=80);
			color:#bc0000;
		}
		
			.bar2 .mosaic-overlay:hover {
				opacity:1;
				-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
				filter:alpha(opacity=100);
				text-decoration:none;
			}
		/*** End Animation Styles ***/
			
.mosaic-block h4{
	padding-top:15px;
	color:#FFF;
	font-size:15px;
	margin:0px 0px 5px 10px;
	}
.mosaic-block strong{
	background-color:#bc0000;
	font-size:15px;
	color:#fff;
	margin:15px 0px 0px 10px;
	padding:3px 10px 4px 7px;
	}

/*SPONSORS
----------------------------*/
.topsponsordiv1, .topsponsordiv2, .smallsponsordiv1, .smallsponsordiv2{
	margin-bottom:10px;
	float:left;
	background: url(images/shadow_left.png)no-repeat bottom left;
	}
	
	
	
.topsponsordiv1, .topsponsordiv2{width:48%;height:160px;}

.smallsponsordiv1, .smallsponsordiv2{
		width:31%;height:130px;}
		
.topsponsordiv1, .smallsponsordiv1{margin-right:18px}	
	
.topsponsordiv1 img, .topsponsordiv2 img{width:297px;}	
.smallsponsordiv1 img, .smallsponsordiv2 img{width:186px;}
.smallsponsor-block, .topsponsor-block{
	position:relative;
	overflow:hidden;
	background:url(images/img/progress.gif) no-repeat center center;
	border:8px solid #fff;
	-webkit-box-shadow:0 0px 3px #797366;
	-moz-box-shadow: 0px 0px 3px #797366;
	box-shadow: 0px 0px 3px #797366;
	}
.smallsponsor-block{height:100px}

.topsponsor-block{height:130px}
.sponsor-block h4, .topsponsor-block h4, .smallsponsor-block h4{
	text-align:center;
	font-size:13px;
	color:#FFF;
	padding:0 0 0 0px;
	margin-top:20%;
	}
	
/*FOOTER CONTENT
--------------------------*/
footer{box-shadow: 0px 0px 4px #000;-moz-box-shadow: 0px 0px 4px #000; -webkit-box-shadow: 0px 0px 4px #000;}
.footerwrapper{
	
	background:#726b5d url(images/pattern4.png)repeat;
	padding-top:20px;
	margin: 0px auto;
    width: 1002px;
    height:180px;
}
.footermenu{
   float: left;
   margin-left:25px;
   width: 200px;
   border-right:1px dashed #1e1c18;
   height:160px;
   padding-right:25px;
}
.footercontact{
   float: left;
   margin-left:25px;
   width: 380px;
   color:#726b5d;
   font-size:12px;
   border-right:1px dashed #1e1c18;
   height:160px;
	}
.footersocial{
   float: left;
   margin-left:25px;
   margin-right: 10px;
   width: 200px;
   border-right:1px dashed #1e1c18;
   height:160px;
   padding-right:25px;
}
.footerup{
   float: right;
   width: 80px;
}
footer h5{
	font-family: ChunkFiveRegular,  Arial, sans-serif;
	color:#1e1c18;
	font-size:27px;
	text-transform:uppercase;
	margin-bottom:10px;
	}
.footermenu ul{
	list-style-type:none;
	margin-top:-3px;
	}
.footermenu ul li a{
	color:#726b5d;	
	font-size:12px;
	}	
.footermenu ul li a:hover{
	color:#fff;
	}	
.footercontact p{
	padding-bottom:10px;
	border-right:1px dotted #1e1c18;
	line-height:16px;
	}	
.footercontact a, .bigger a{
	color:#bc0000;
	}
.footercontact a:hover, .bigger a:hover{
	text-decoration:underline;
	color:#bc0000;
	}	
#footerup{
	float:left;
	}
.footersocial .facebook_l, .footersocial .twitter_l, .footersocial .youtube_l{
	overflow:hidden;
	width:30px;
	height:40px;
	float:left;
	padding:0px 0px 0px 0px;
	margin-right:15px;
	}
.footersocial .facebook_l a, .footersocial .twitter_l a, .footersocial .youtube_l a	{
	padding-left:30px;
	padding-top:47px;
	padding-bottom:30px;
	}
.footersocial .facebook_l a{
	background:url(images/fb_l.png) no-repeat top left;
	}
.footersocial .twitter_l a{
	background:url(images/tw_l.png) no-repeat top left;
	}	
.footersocial .youtube_l a{
	background:url(images/yt_l.png) no-repeat top left;
	}		
.footersocial .facebook_l a:hover, .footersocial .twitter_l a:hover, .footersocial .youtube_l a:hover{
	padding-left:30px;
	padding-top:0px;
	padding-bottom:30px;
	}
.footersocial p, .footerup p a{
	color:#726b5d;	
	font-size:10px;
	}	
.arrow{
	padding:5px;
	box-shadow: 0px 0px 4px #000;-moz-box-shadow: 0px 0px 4px #000; -webkit-box-shadow: 0px 0px 4px #000;
	}	
#bottom{
	padding:10px;
	clear:both;
	background-color:#000;
	color:#726b5d;
	font-size:10px;
	}	
#bottom a{float:right; font-size:10px; color:#726b5d; font-family:Tahoma, Geneva, sans-serif;margin:0; padding:0;font-weight:normal; }
#bottom a:hover{color:#bc0000;text-decoration:underline}
/*TRAINING HOURS TABLE
---------------------------*/
#regular table{width:100%;margin-bottom:10px;}
#regular td{border:1px solid #d4cdbd;padding:5px; }
#regular .day{text-transform:uppercase; font-weight:bold;width:120px;background:#FFF url(images/arrow_c.png)no-repeat top right;}
#regular .hours{text-transform:uppercase; font-weight:bold;background:#bc0000 url(images/mainmenu/grunge2.jpg)right center no-repeat;color:#fff;width:130px;}
#regular .les{background:#726b5d url(images/pattern4.png)repeat;color:#FFF; text-transform:uppercase}

/*CONTACT FORM
---------------------------*/

#contact { display: block; width: 440px; margin: 0px ; padding: 10px; border: 8px solid #d4cdbd;  }



/*accordion*/

#accordionwrapper{margin-top:10px;}

#accordion {
	width: auto;
	margin-top:-5px;
	margin-left: 0;
	margin-right: auto;
	}

.accordionButton {	

	font-weight:bold;
	text-transform:uppercase;
	width: 635px;
	float: left;
	_float: none;  /* Float works in all browsers but IE6 */
	background: #d8d1c0;
	border: 0px solid red;
	cursor: pointer;
	margin: 3px 0 5px 0;
	padding:5px 0 5px 15px ;
	}
	
.accordionContent {	
	border: 8px solid #d4cdbd;
	padding:10px;
	width: 615px;
	float: left;
	_float: none; /* Float works in all browsers but IE6 */
	}
	
	
	
	

/***********************************************************************************************************************
 EXTRA STYLES ADDED FOR MOUSEOVER / ACTIVE EVENTS
************************************************************************************************************************/
.on {
	background: #b3ad9e url(images/closing.png)no-repeat 99% 50%;
	color:#352d28;
	}
	
.over {
	background: #b3ad9e;
	color:#352d28;
	}

/*MAP GOOGLE
--------------------------------*/
.map{
    margin: 0 0 5px 0;
    border:8px solid #e6dfce;
    width: 464px;
	height:350px;
   }
   .mapbutton{background:#726b5d url(images/pattern4.png)repeat;padding:2px 4px 2px 4px;font-size:13px;color:#FFF;}
  .mapbutton:hover{ background:#bc0000 url(images/pattern3.png)repeat; } 
  
/***********************************************************************************************************************
 BJJ STYLES
************************************************************************************************************************/  
#fighterinfo.bjj {
	width: 590px;
	float: none;
	margin: 0 0 20px 0;	
}
.bjj img {
	padding-bottom: 10px;	
}
.bjj h3 {
	background: none;
	border: none;
	padding: 0;
}