/* BODY */

body {
background-color: #d8d2c2;
}


/* CONTAINER */

#Container {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #f9f8f3;
	margin: auto;
	margin-top:20px;
	width: 900px;
	height:auto;
}

h1 {font-size: 15px; color: #aa2624;  text-transform:uppercase}
h2 {font-size: 15px; color: #aa2624;  text-transform:uppercase}
h3 {font-size: 15px; color: #aa2624;  text-transform:uppercase}

.bold {font-weight: bold}
.floatright {float:right}
.floatleft{float:left}


/* IT'S GREAT TO BE A SAMOERAI */

#itsgreattobeasamoerai {
	background-image: url(afbeeldingen/itsgreattobeasamoerai.jpg);
	background-repeat: no-repeat;
	background-position: left;
	margin-top: 0px;
	padding-top: 15px;
	height: 95px;
	width: 900px;
	text-align: right;
	font-size: 10px;
	color: black;
}

#itsgreattobeasamoerai a {
	text-decoration: none;
	color: black;
	font-weight: bold;
	padding-right: 15px;
}
	
#itsgreattobeasamoerai a:hover {
	text-decoration: underline;
}



/* MENU */

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop3.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
================================================================== */

.menu .current a {color: #aa2624}
.menu .current ul a {color: black}

/* style the outer div to give it width */
.menu {font-size:10px;background-image:url(afbeeldingen/menu2.jpg); width:900px; height:150px; background-repeat:no repeat;font-weight: bold; margin-top:-20px;}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}

/* style the sub-level lists */
.menu ul ul {width:15em;}

/* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu ul li {float:left;height:3em;line-height:3em;}

/* style the sub level list items */
.menu ul ul li {display:block;width:900px;height:auto;position:relative;line-height:12px;}

.kolom2 a {position: relative; left: 100px; top: -100px}

/* style the links for the top level */
.menu a, .menu a:visited {display:block;float:left;font-size:10px;text-decoration:none;color:black;padding:0 1em 0 1em; }

/* style the sub level links */
.menu ul ul a, .menu ul ul a:visited {display:block; color:black;height:100%;line-height:1em; padding:0.5em 1em;}


.menu ul table ul a, .menu ul table ul a:visited  {width:12em;}


/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {position:absolute; left:0; top:0; font-size:1em; z-index:-1;}
.menu ul ul table {left:-1px;}
.menu ul ul table ul.left {margin-left:2px;}

.menu li:hover {position:relative;}
* html .menu a:hover {position:relative;}


/* style the level hovers */
/* first */
.menu a:hover {color:white; text-decoration: underline}
.menu :hover > a {color:white;}
/* second */
.menu ul ul a:hover{color:white;}
.menu ul ul :hover > a {color:white;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:3em;left:0;width:14em;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul, .menu ul a:hover ul {visibility:visible; padding-bottom:3em; background:transparent url(images/trans.gif);}

/*[if IE 7]>
.menu ul ul ul {margin-left:-1px;}
.menu ul ul ul.left {margin-left:1px;}
<![endif]*/ 

/* ================================================================ 
================================================================== */


/* TEKST */

		/* ALGEMEEN */

#Tekst {
	margin-top: 10px;
	margin-left: 30px;
	margin-right:30px;
	text-align: justify;
	line-height: 150%;
}


		/* AFBEELDING HOOFDSTUKKEN */

#Nieuws h1 {text-indent: -9999px;	background-image: url(afbeeldingen/h1_nieuws.gif); background-repeat: no-repeat; width: 600px; height: 40px;}

#H2_Geschiedenis {text-indent: -9999px;	background-image: url(afbeeldingen/h2_geschiedenis.jpg); background-repeat: no-repeat; width: 300px;	height: 40px;}

#H2_Trainers {text-indent: -9999px;	background-image: url(afbeeldingen/h2_trainers.jpg); background-repeat: no-repeat; width: 300px; height: 40px;}

#H2_Bestuur {text-indent: -9999px;	background-image: url(afbeeldingen/h2_bestuur.jpg); background-repeat: no-repeat; width: 300px; height: 40px;}

#H2_Jeugdbestuur {text-indent: -9999px;	background-image: url(afbeeldingen/h2_jeugdbestuur.jpg); background-repeat: no-repeat; width: 300px; height: 40px;}

#H2_Erevoorzitter {text-indent: -9999px;	background-image: url(afbeeldingen/h2_erevoorzitter.jpg); background-repeat: no-repeat; width: 300px; height: 40px;}

#H2_Saminfo {text-indent: -9999px;	background-image: url(afbeeldingen/h2_saminfo.jpg); background-repeat: no-repeat; width: 300px; height: 40px;}

#H2_ZwarteGordels {text-indent: -9999px;	background-image: url(afbeeldingen/h2_zwartegordels.jpg); background-repeat: no-repeat; width: 300px; height: 40px;}

#H2_Jeugdwerking {text-indent: -9999px;	background-image: url(afbeeldingen/h2_jeugdwerking.jpg); background-repeat: no-repeat;
width: 300px;height: 40px;}

#H2_Dojo {text-indent: -9999px;	background-image: url(afbeeldingen/h2_dojo.jpg); background-repeat: no-repeat; width: 300px; height: 40px;}

#H2_Trainingen {text-indent: -9999px;	background-image: url(afbeeldingen/h2_trainingen.jpg); background-repeat: no-repeat; width: 300px; height: 40px;}

#H2_Examen {text-indent: -9999px;	background-image: url(afbeeldingen/h2_examen.jpg); background-repeat: no-repeat; width: 300px; height: 40px;}

#H2_LidWorden {text-indent: -9999px;	background-image: url(afbeeldingen/h2_lidworden.jpg); background-repeat: no-repeat; width: 300px; height: 40px;}

#H2_HistoriekFilosofie {text-indent: -9999px;	background-image: url(afbeeldingen/h2_historiekenfilosofie.jpg); background-repeat: no-repeat;	width: 300px;	height: 40px;}

#H2_Wedstrijdreglement {text-indent: -9999px;	background-image: url(afbeeldingen/h2_wedstrijdreglement.jpg); background-repeat: no-repeat; width: 300px;	height: 40px;}

#H2_Judokas {text-indent: -9999px;	background-image: url(afbeeldingen/h2_judokas.jpg); background-repeat: no-repeat; width: 300px; height: 40px;}

#H2_CompetitieKalender {text-indent: -9999px;	background-image: url(afbeeldingen/h2_competitiekalender.jpg); background-repeat: no-repeat; width: 300px;	height: 40px;}

#H2_Resultaten {text-indent: -9999px;	background-image: url(afbeeldingen/h2_resultaten.jpg); background-repeat: no-repeat; width: 300px;	height: 40px;}

#H2_Heren1 {text-indent: -9999px;	background-image: url(afbeeldingen/h2_heren1.jpg); background-repeat: no-repeat;	width: 300px; height: 40px;}

#H2_Dames {text-indent: -9999px;	background-image: url(afbeeldingen/h2_dames.jpg); background-repeat: no-repeat;	width: 300px; height: 40px;}

#H2_Heren2 {text-indent: -9999px;	background-image: url(afbeeldingen/h2_heren2.jpg); background-repeat: no-repeat;	width: 300px; height: 40px;}

#H2_Klassement {text-indent: -9999px;	background-image: url(afbeeldingen/h2_klassement.jpg); background-repeat: no-repeat;
	width: 300px;	height: 40px;}

#H3_Heren1 {text-indent: -9999px;	background-image: url(afbeeldingen/h3_heren1.jpg); background-repeat: no-repeat;	width: 300px; height: 25px;}
#H3_Dames {text-indent: -9999px;	background-image: url(afbeeldingen/h3_dames.jpg); background-repeat: no-repeat;	width: 300px; height: 25px;}
#H3_Heren2 {text-indent: -9999px;	background-image: url(afbeeldingen/h3_heren2.jpg); background-repeat: no-repeat;	width: 300px; height: 25px;}

#H1_Kalender {text-indent: -9999px;	background-image: url(afbeeldingen/h1_kalender.jpg); background-repeat: no-repeat;
	width: 300px; height: 40px;}

#H1_Fotos {text-indent: -9999px;	background-image: url(afbeeldingen/h1_fotos.jpg); background-repeat: no-repeat;
width: 300px;	height: 40px;}

#H1_Gastenboek {text-indent: -9999px;	background-image: url(afbeeldingen/h1_gastenboek.jpg); background-repeat: no-repeat;
	width: 300px;	height: 40px;}

#H1_Links {text-indent: -9999px;	background-image: url(afbeeldingen/h1_links.jpg); background-repeat: no-repeat; width: 300px; height: 40px;}

#H1_Sponsors {text-indent: -9999px;	background-image: url(afbeeldingen/h1_sponsors.jpg); background-repeat: no-repeat; width: 300px;	height: 40px;}


		/* INDEX */

#Nieuws {
				float:left;
				width: 270px;
				height: 400px;
				margin-right:70px; 
				}




.Nieuwsbericht {font-weight:bold; font-size: 15px; float:right}
.Afbeelding Nieuwsbericht {float:left}
				
#Nieuws img {margin-top: 10px}

#Welkomstwoord {
				float:left;
				width: 470px;
				height: 400px;
}

#Welkomstwoord img {margin-top: 10px}

				
		/* BESTUUR/TRAINERS/INTERCLUB */			
					
					
.kolomlinks {float:left; width: 400px;} 
.kolomrechts {float:right; width:400px;}
.persoon img {float: left; width:120px; hight:150px;}
.persoon {clear: left; padding-bottom: 15px; padding-top: 15px;}
.persoon ul {display:block; text-style: none; list-style-type: none; margin-left:150px; padding-left:0px}
.persoon p {margin-left: 150px;}
.persoon a {margin-left: 30px;}
.clear {clear: both}

		
		/* TRAININGEN */


#Trainingen ul {
			list-style-type: none;
			padding:0;
			margin:0; }

#Trainingen ul li {
			margin-left: 0px;
			margin-top: 5px; }

#Trainingen .inspringen {
			margin-left:10px }

.data {
			color: gray }


		/* COMPETITIEKALENDER */

.begeleiding {font-weight:bold; color:#aa2624 }
.jeugdtrofee {font-weight:bold; color:#38753a }

		/* TABELLEN */
		
#Standaardtabel table {
	border-width: 1px;
	border-spacing: 0px;
	border-style: solid;
	border-color: #aa2624;
	border-collapse: collapse;
	background-color: #f9f8f3;
	text-align: left;
	font-family: verdana;
	width: 840px;
}
#Standaardtabel table th {
	border-width: 1px;
	padding: 5px;
	border-style: inset;
	border-color: #d1d1d0;
	background-color: #f9f8f3;
	-moz-border-radius: 0px;
}
#Standaardtabel table td {
	border-width: 1px;
	padding: 5px;
	border-style: inset;
	border-color: #d1d1d0;
	background-color: #f9f8f3;
	-moz-border-radius: 0px;
}
		
		/* EXAMEN */
		
.leerstof {margin-bottom: 50px;}
.onderdeelleerstof {margin-bottom: 20px; }
.vertaling {position:absolute; left:600px;}

#Gordel_Geel1 {text-indent: -9999px;	background-image: url(afbeeldingen/gordel_geel1w.jpg); background-repeat: no-repeat; width: 840px;	height: 25px;}

#Gordel_Geel2 {text-indent: -9999px;	background-image: url(afbeeldingen/gordel_geel2w.jpg); background-repeat: no-repeat; width: 840px;	height: 25px;}

#Gordel_Geel {text-indent: -9999px;	background-image: url(afbeeldingen/gordel_geelw.jpg); background-repeat: no-repeat; width: 840px;	height: 25px;}

#Gordel_Oranje1 {text-indent: -9999px;	background-image: url(afbeeldingen/gordel_oranje1w.jpg); background-repeat: no-repeat; width: 840px;	height: 25px;}

#Gordel_Oranje2 {text-indent: -9999px;	background-image: url(afbeeldingen/gordel_oranje2w.jpg); background-repeat: no-repeat; width: 840px;	height: 25px;}

#Gordel_Oranje {text-indent: -9999px;	background-image: url(afbeeldingen/gordel_oranjew.jpg); background-repeat: no-repeat; width: 840px;	height: 25px;}

#Gordel_Groen1 {text-indent: -9999px;	background-image: url(afbeeldingen/gordel_groen1w.jpg); background-repeat: no-repeat; width: 840px;	height: 25px;}

#Gordel_Groen2 {text-indent: -9999px;	background-image: url(afbeeldingen/gordel_groen2w.jpg); background-repeat: no-repeat; width: 840px;	height: 25px;}

#Gordel_Groen {text-indent: -9999px;	background-image: url(afbeeldingen/gordel_groenw.jpg); background-repeat: no-repeat; width: 840px;	height: 25px;}

#Gordel_Blauw1 {text-indent: -9999px;	background-image: url(afbeeldingen/gordel_blauw1w.jpg); background-repeat: no-repeat; width: 840px;	height: 25px;}

#Gordel_Blauw {text-indent: -9999px;	background-image: url(afbeeldingen/gordel_blauww.jpg); background-repeat: no-repeat; width: 840px;	height: 25px;}

#Gordel_Bruin {text-indent: -9999px;	background-image: url(afbeeldingen/gordel_bruinw.jpg); background-repeat: no-repeat; width: 840px;	height: 25px;}

#Gordels a img {border-style:none; margin-right:1px;}
	

		/* INTERCLUB KLASSEMENT*/

#Interclub img {
	border: solid;
	border-width: 1px;
	border-color: #727832;
	width: 260px;}

a img {
		border-style: none}
	
.Boven a img {border-style:none; float:right; margin-left:2px}

.Boven p {margin-left: 12px}


		/* COMPETITIE KALENDER */

.datum {margin-left: 0px}
.tornooi {position:absolute; left: 200px}
.plaats {position:absolute; left: 400px}
.PM {position:absolute; left: 600px}
.CBJS {position:absolute; left: 800px}


		/* SPONSORS */

#Sponsorspagina {margin-right: -30px}

.Sponsor1 {
				float:left;
				width: 130px;
				height: 234px; 
				margin-right: 10px;
				margin-bottom: 10px;
				border: solid;
				border-width: 1px;
				border-color:#b1292d;
}

.Sponsor1 a img {
				border-style: none;
}

.Sponsor2 {
				float:left;
				width: 130px; 
				height: 152px; 
				margin-right: 10px;
				margin-bottom: 10px;
				border: solid;
				border-width: 1px;
				border-color:#b1292d;
}

.Sponsor2 a img {
				border-style: none;
}

.Sponsor3 {
				float: left;
				width: 130px;
				height: 70px;
				margin-right: 10px;
				margin-bottom: 10px;
				border: solid;
				border-width: 1px;
				border-color:#b1292d;
				text-align:center;
				color: #b1292d;
				font-weight:bold;
}

.Sponsor3 a img {
				border-style: none;
}					
					
				
				
/* FOOTER */

#Footer {
	background-color: #e4e1da;
	clear: both;
	padding-bottom: 1px;
	margin-top: 20px;
}

#Footer p {
	padding-left: 15px;
	padding-top: 7px
}