/* - - - - - - - - - - - - - - - - - - - - -/
/											/
/			CSS by stylux.nl				/
/			    Copyright ©					/
/			info@stylux.nl - 2006			/
/											/
/- - - - - - - - - - - - - - - - - - - - - */

/* MAIN */

body {
	background		: #979797;
	font-family		: Trebuchet MS, Verdana, sans-serif;
	font-size		: 12px;
	color			: #363636;
	text-decoration	: none;
	margin			: 0px;
	padding			: 0px;
	text-align		: center;
	height			: 100%;
}

#container {
	position		: absolute; 
	top				: 0px;
	right			: 0px;
	height			: auto; 
	min-height		: 100%; 
	width			: 100%;
	background		: #979797;
	text-align		: center; 
}

html #container {
	height			: 100%; 
}

/* LINKS, TEXT & INPUTSTYLES */

a:link,a:visited,a:active {
	color			: #363636;
	font-family		: Trebuchet MS, Verdana, sans-serif;
	font-size		: 12px;
	text-decoration	: underline;

}
a:hover {
	color			: #510000;
	font-family		: Trebuchet MS, Verdana, sans-serif;
	font-size		: 12px;
	text-decoration	: underline;
}

a.date:link, a.date:visited, a.date:active {
	color			: #363636;
	font-family		: Trebuchet MS, Verdana, sans-serif;
	font-size		: 11px;
	text-decoration	: underline;

}
a.date:hover {
	color			: #510000;
	font-family		: Trebuchet MS, Verdana, sans-serif;
	font-size		: 11px;
	text-decoration	: underline;
}

a.menu:link, a.menu:visited, a.menu:active {
	color			: #363636;
	font-family		: Trebuchet MS, Verdana, sans-serif;
	font-size		: 14px;
	text-decoration	: underline;

}
a.menu:hover {
	color			: #510000;
	font-family		: Trebuchet MS, Verdana, sans-serif;
	font-size		: 14px;
	text-decoration	: underline;
}

a.copyright:link, a.copyright:visited, a.copyright:active {
	color			: #363636;
	font-family		: Trebuchet MS, Verdana, sans-serif;
	font-size		: 11px;
	text-decoration	: underline;

}
a.copyright:hover {
	color			: #ffffff;
	font-family		: Trebuchet MS, Verdana, sans-serif;
	font-size		: 11px;
	text-decoration	: none;
}

input,select,textarea { 
	font-family		: Trebuchet MS, Verdana, sans-serif;
	font-size		: 12px;		 
	color			: #363636;
	border			: 1px solid #363636; 
	margin-bottom	: 3px;
	background		: #ffffff;
}

img {
	border			: 0px;
	margin			: 0px;
	padding			: 0px;
}

h1 {
	font-family		: Verdana, sans-serif;
	font-size		: 20px;
	color			: #7a0101;
	text-decoration	: none;
	margin-top		: 0px;
	margin-bottom	: 0px;
}

h2 {
	font-family		: Verdana, sans-serif;
	font-size		: 14px;
	color			: #363636;
	text-decoration	: none;
	margin-top		: 3px;
	margin-bottom	: 3px;
}

h3 {
	font-family		: Verdana, sans-serif;
	font-size		: 12px;
	color			: #7a0101;
	text-decoration	: none;
	margin-top		: 0px;
	margin-bottom	: 2px;
}

p {
	margin-top		: 3px;
	margin-bottom	: 6px;
}

/* CLASSES */

.checkbox {
	border			: 0px;
}

.button {
	border			: 0px;
	margin			: 0px;
}
.line {
	background-image: url("img/dot.gif");
	height			: 2px;
	padding			: 0;	
}

.wrong { 
	background		: #ffc7c7;
	color			: #777777;
}

.inline {
	display			: inline;
}

.date {
	color			: #363636;
	font-family		: Trebuchet MS, Verdana, sans-serif;
	font-size		: 11px;
}

.copyright {
	color			: #ffffff;
	font-family		: Trebuchet MS, Verdana, sans-serif;
	font-size		: 11px;
}

.red {
	color			: #7a0101;
}

.title {
	font-size		: 13px;
}

/* LAYOUT CLASSES */

.home_large_left {
	width			: 240px;
	height			: 80px;
	float			: left;
	margin-right	: 7px;
}

.home_large_right {
	width			: 223px;
	height			: 80px;
	float			: left;
}

/* HEADER */

a.header {
	display			: block;
	width			: 900px;
	height			: 188px;
	float			: left;
}

/* ROLLOVERS HOMEPAGE */

a.btn_home_large {
	display			: block;
	width			: 240px;
	height			: 80px;
}
a.btn_senioren {
	background		: url("img/btn_senioren.gif") no-repeat 0 0;
}
a.btn_senioren:hover {
	background-position : 0px -80px;
}
a.btn_jeugd {
	background		: url("img/btn_jeugd.gif") no-repeat 0 0;
}
a.btn_jeugd:hover {
	background-position : 0px -80px;
}
a.btn_algemeen {
	background		: url("img/btn_algemeen.gif") no-repeat 0 0;
}
a.btn_algemeen:hover {
	background-position : 0px -80px;
}
a.btn_sponsors {
	background		: url("img/btn_sponsors-new.gif") no-repeat 0 0;
}
a.btn_sponsors:hover {
	background-position : 0px -80px;
}

a.btn_home_small {
	display			: block;
	width			: 104px;
	height			: 17px;
	float			: left;
}
a.btn_programma {
	background		: url("img/btn_programma.gif") no-repeat 0 0;
	margin-right	: 11px;
}
a.btn_programma:hover {
	background-position : 0px -17px;
}
a.btn_selectie {
	background		: url("img/btn_selectie.gif") no-repeat 0 0;
}
a.btn_selectie:hover {
	background-position : 0px -17px;
}
a.btn_zouaven1 {
	background		: url("img/btn_zouaven1.gif") no-repeat 0 0;
}
a.btn_zouaven1:hover {
	background-position : 0px -17px;
}
a.btn_nieuws {
	background		: url("img/btn_nieuws.gif") no-repeat 0 0;
}
a.btn_nieuws:hover {
	background-position : 0px -17px;
}
a.btn_info {
	background		: url("img/btn_info.gif") no-repeat 0 0;
	margin-right	: 11px;
}
a.btn_info:hover {
	background-position : 0px -17px;
}
a.btn_aanbiedingen {
	background		: url("img/btn_aanbiedingen.gif") no-repeat 0 0;
}
a.btn_aanbiedingen:hover {
	background-position : 0px -17px;
}
a.btn_route {
	background		: url("img/btn_route.gif") no-repeat 0 0;
}
a.btn_route:hover {
	background-position : 0px -17px;
}



a.btn_home_meer {
	display			: block;
	width			: 52px;
	height			: 16px;
}
a.btn_meer {
	background		: url("img/btn_meer.gif") no-repeat 0 0;
	margin-top		: 30px;
}
a.btn_meer:hover {
	background-position : 0px -16px;
}

/* ROLLOVERS MENU */

a.btn_menu {
	display			: block;
	float			: left;
	height			: 24px;
	background		: url("img/btns_menu-new.gif") no-repeat;
}
a.btn_menu_home { 
	background-position: 0px 0px;
	width			: 48px;
}
a.btn_menu_home:hover {
	background-position : 0px -24px;
}
a.btn_menu_senioren {
	background-position	: -48px 0px;
	width			: 79px;
}
a.btn_menu_senioren:hover {
	background-position : -48px -24px;
}
a.btn_menu_jeugd {
	background-position	: -127px 0px;
	width			: 54px;
}
a.btn_menu_jeugd:hover {
	background-position : -127px -24px;
}
a.btn_menu_algemeen {
	background-position	: -181px 0px;
	width			: 83px;
}
a.btn_menu_algemeen:hover {
	background-position : -181px -24px;
}
a.btn_menu_agenda {
	background-position	: -264px 0px;
	width			: 66px;
}
a.btn_menu_agenda:hover {
	background-position : -264px -24px;
}
a.btn_menu_toernooien {
	background-position	: -330px 0px;
	width			: 100px;
}
a.btn_menu_toernooien:hover {
	background-position : -330px -24px;
}
a.btn_menu_gastenboek {
	background-position	: -430px 0px;
	width			: 113px;
}
a.btn_menu_gastenboek:hover {
	background-position : -430px -24px;
}
a.btn_menu_fotos {
	background-position	: -543px 0px;
	width			: 57px;
}
a.btn_menu_fotos:hover {
	background-position : -543px -24px;
}
a.btn_menu_verslagen {
	background-position	: -600px 0px;
	width			: 91px;
}
a.btn_menu_verslagen:hover {
	background-position : -600px -24px;
}
a.btn_menu_afgelastingen {
	background-position	: -691px 0px;
	width			: 121px;
}
a.btn_menu_afgelastingen:hover {
	background-position : -691px -24px;
}
a.btn_menu_webwinkel {
	background-position	: -812px 0px;
	width			: 88px;
}
a.btn_menu_webwinkel:hover {
	background-position : -812px -24px;
}


/* DIVS */

#wrapper {
	padding			: 0px;
	margin			: 0px auto;
	text-align		: left;
	width			: 900px;
	height			: 100%;
}

/* HOME */

	#content_home {
		width			: 900px;
		padding			: 0px;
		margin			: 0px;
		background		: #979797;
	}
	
		/* LEFT-SIDE */
		
		#home_left {
			width			: 480px;
			height			: 430px;
			float			: left;
			margin-right	: 20px;
		}
		
		#home_senioren {
			width			: 475px;
			height			: 85px;
			background		: url("img/bg_senioren.gif");
			padding			: 5px 0 0 5px;
			margin-bottom	: 20px;
		}
			
		#home_jeugd {
			width			: 475px;
			height			: 85px;
			background		: url("img/bg_jeugd.gif");
			padding			: 5px 0 0 5px;
			margin-bottom	: 20px;
		}
		
		#home_algemeen {
			width			: 475px;
			height			: 85px;
			background		: url("img/bg_algemeen.gif");
			padding			: 5px 0 0 5px;
			margin-bottom	: 20px;
		}
		
		#home_sponsors {
			width			: 475px;
			height			: 85px;
			background		: url("img/bg_sponsors-new.gif");
			padding			: 5px 0 0 5px;
			margin-bottom	: 20px;
		}
		
		
		/* RIGHT-SIDE */
		
		#home_right {
			width			: 400px;
			height			: 430px;
			float			: left;
		}
		
		#home_scorebord {
			width			: 395px;
			height			: 20px;
			background		: #ffffff;
			padding			: 5px 0 0 5px;
			margin-bottom	: 2px;
		}

		#home_overflow {
			width			: 390px;
			height			: 383px;
			padding			: 5px;
			overflow		: auto;
			background		: #ffffff;
		}
		
		#home_content {
			width			: 95%;	
		}
		
/* NORMAL PAGES */

	#content_pages {
		width			: 900px;
		padding			: 0px;
		margin			: 0px;
		background		: #979797;
	}
	
		/* LEFT-SIDE */
		
		#pages_left {
			width			: 320px;
			height			: 440px;
			float			: left;
			margin-right	: 20px;
		}
		
		#pages_topper_senioren {
			width			: 320px;
			height			: 50px;
			background		: url("img/topper_senioren.gif");
			margin-bottom	: 2px;
		}
		
		#pages_topper_jeugd {
			width			: 320px;
			height			: 50px;
			background		: url("img/topper_jeugd.gif");
			margin-bottom	: 2px;
		}		
		
		#pages_topper_algemeen {
			width			: 320px;
			height			: 50px;
			background		: url("img/topper_algemeen.gif");
			margin-bottom	: 2px;
		}

		#pages_topper_sponsors {
			width			: 320px;
			height			: 50px;
			background		: url("img/topper_sponsors.gif");
			margin-bottom	: 2px;
		}		
		
		#pages_topper_evenementen {
			width			: 320px;
			height			: 50px;
			background		: url("img/topper_evenementen.gif");
			margin-bottom	: 2px;
		}		
		
		#pages_topper_agenda {
			width			: 320px;
			height			: 50px;
			background		: url("img/topper_agenda.gif");
			margin-bottom	: 2px;
		}
		
		#pages_topper_afgelastingen {
			width			: 320px;
			height			: 50px;
			background		: url("img/topper_afgelastingen.gif");
			margin-bottom	: 2px;
		}
		
		#pages_topper_wedstrijden {
			width			: 320px;
			height			: 50px;
			background		: url("img/topper_wedstrijden.gif");
			margin-bottom	: 2px;
		}
		
		#pages_topper_fotos {
			width			: 320px;
			height			: 50px;
			background		: url("img/topper_fotos.gif");
			margin-bottom	: 2px;
		}
		
		#pages_menu {
			width			: 300px;
			height			: 358px;
			background		: #ffffff;
			padding			: 10px;
		}
			
		/* RIGHT-SIDE */
		
		#pages_right {
			width			: 560px;
			height			: 440px;
			float			: left;
		}
		
		#pages_right_top {
			width			: 555px;
			height			: 25px;
			background		: #ffffff;
			padding			: 0 0 5px 5px;
			margin-bottom	: 2px;
		}

		#pages_overflow {
			width			: 550px;
			height			: 388px;
			background		: #ffffff;
			padding			: 5px;
			overflow		: auto;
		}
		
		#pages_overflow_fotos {
			width			: 550px;
			height			: 388px;
			background		: #ffffff;
			padding			: 5px;
			overflow		: auto;
			text-align		: center;
			align			: center;
			margin			: 0px auto;
		}
		
		#pages_content {
			width			: 95%;	
			background		: #ffffff;
		}
			
/* CLEAR */

#clear {
	width			: 900px;
	height			: 20px;	
	clear			: both;
}

/* MENU */

#menu {
	width			: 900px;
	height			: 52px;
	background 		: url("img/bg_menu.gif");
	padding-top		: 28px;
}

#menu_navigatie {
	width			: 900px;
	height			: 24px;
}

/* FOTO'S */

#thumbnails {
	width			: 280px;
	float			: left;
	padding			: 25px 0 0 18px;
}
#pages {
	clear			: left;
	text-align		: center;
	width			: 100%;
	margin-bottom	: 2px;
}
#images {
	float			: left;
	padding-bottom	: 3px;
	margin			: 0 auto;
}
.comment {
	padding-top		: 3px;
}
a.thumb {
	width			: 80px;
	height			: 80px;
	display			: block;
	opacity			: .30;
	filter			: alpha(opacity=30);
	-moz-opacity	: 0.3;
	float			: left;
	border			: 1px solid #000;
	margin			: 0px 0px 3px 3px;
}
a.thumb:hover {
	opacity			: .100;
	filter			: alpha(opacity=100);
	-moz-opacity	: 1;
}
.align_center {
	text-align		: center;
	margin 			: auto;
	align			: center;
	width			: 100%;
}
.align_left {
	text-align		: left;
	margin 			: auto;
	align			: left;
	width			: 100%;
}


.news_image {
	position		:absolute;
	top				:0;
	left			:0;
	width			:100%;
	height			:100%;
	display			:none;
	z-index			:500;
}
.news_image_box {
	position		:absolute;
	top				:190px;
	left			:200px;
	border			:1px dashed #777;
	background		:#eee;
	cursor			:pointer;
	padding			:10px;
	z-index			:1000;
}