/* CSS Document */
/* ===============================================================
Huisstijl kleuren:
 - Header (rood): #a01605
 - Content background (wit): #FFFFFF
 - Paginarand: #CCCCCC 
==================================================================
CODERING
Transparantie: (voorbeeld voor 25% transparantie)
 - filter:alpha(opacity=25); (IE)
 - -moz-opacity:.25; (Oudere Mozilla-browsers)
 - opacity:.25; (CSS 3)
=================================================================*/
@import url("/css/highslide.css");
@import url("/css/menu.css");
@import url("/css/prototip.css");
@import url("/css/print.css") print;

/*
@font-face {
   font-family: Candarab;
   src: local("Calibri"), url("/fonts/candarab.ttf") format("truetype");
   font-weight: normal;
   font-style: normal;
}
*/

body, html {
	font-family: "Trebuchet MS", Arial sans-serif;
	/* font-family:Verdana, Arial, Helvetica, sans-serif; */
	/* font-family:Geneva, Arial, Helvetica, sans-serif; */
	/* font-family: Arial, Helvetica, sans-serif; */
	font-size: 12px;
	color: #333333;
	min-height:100%;
	height: 100%;
	line-height: 1.5em;
	
	/* Scrollbars (alleen IE) */ 
	scrollbar-arrow-color: #FFFFFF; 
	scrollbar-track-color: #e8e8e8; 
	scrollbar-face-color: #999999 ; 
	scrollbar-highlight-color: #FFFFFF; 
	scrollbar-3dlight-color: #CCCCCC; 
	scrollbar-darkshadow-color: #333333; 
	scrollbar-shadow-color: #666666;
	
	background-color:#FFFFFF;
	background-image:url(/images/webpages/achtergrond.png);
	background-repeat:repeat-x;
}

/* TOON/VERBERG STANDAARD-ELEMENTEN BIJ LADEN PAGINA */
#extra_footer_up {display:none;}

/* Links...*/
a:active, a:focus{outline:none;}

/* LAYOUT */
#site_container {width:970px; margin: 0 auto}

	.site_container_top {width:970px; height:35px; background-image:url(/images/webpages/background_top.png); background-repeat:no-repeat; background-color:transparant;}
	
	.site_container_body {width:970px; background-image:url(/images/webpages/background_body.png); background-repeat: repeat-y; background-color:transparant;}
		#content_container {width:930px; margin:0px 18px 0px 22px;}
			#menu_wrapper {}
			#content_wrapper {
				padding: 10px 15px;
				border-left:1px solid #a01605;
				border-right:1px solid #a01605;
			}
			#content_header_titel{width:440px; margin: 0 0 0 0px; float:left;}
			#content_header_login{width:440px; position: relative; margin: 0 0 0px 5px; float:right;}
			.header_member_login{text-align:right;}
			.tekst_member_login{font-size: 110%; line-height: 1.1em; margin: 0 0 1.4em 0;font-weight: lighter;}
			/* Stijl voor member-login links */
			.header_member_login a {font-weight: lighter;;}
			header_member_login a:link {text-decoration:none;color:#a01605; }
			header_member_login a:visited {text-decoration:none; color:#a01605;}
			header_member_login a:hover {text-decoration:none; color:#999999;}
			header_member_login a:active {text-decoration:none; color:#a01605;}
	
	.site_container_bottom {width:970px; height:35px; background-image:url(/images/webpages/background_bottom.png); background-repeat:no-repeat; background-color:transparant;}
	
	.site_container_footer {width:970px; height:35px; margin-top: 0px; background-image:url(/images/webpages/footer.png); background-repeat:no-repeat; background-color:transparant;}
		
		#footer_wrapper {width: 875px; margin: 0 auto; color:#FFFFFF;}
			#legal_notice {float: left; padding: 3px 5px 0px 40px;}
			#extra_footer_toggle_image{float:right; padding: 10px 260px 0px 5px;}
			#copyright_notice {float:right; padding: 3px 40px 0px 5px;}
	
	#site_container_footer_extra {margin-top: -10px; background-image:url(/images/webpages/footer_body.png); background-repeat:repeat-y;}
		#footer_wrapper_extra {width: 875px; margin: 0 auto; color:#FFFFFF;}
	
	/* css style voor template 'teams', gebaseerd op 'default'-template */ 
	#side_menu_container {width: 340px; float:left; height: 650px;}
		.side_menu_container_top {width:340px; height:19px; background-image:url(/images/webpages/menu_background_top.png); background-repeat:no-repeat; background-color:transparant;}
		
		.side_menu_container_body {width:340px; background-image:url(/images/webpages/menu_background_body.png); background-repeat:repeat-y; background-color:transparant;}
			#side_menu_wrapper {padding: 5px 15px; width:310px; position:relative;}
			/* Stijl zijmenu-items via @import menu.css... */
			
		.side_menu_container_bottom {width:340px; height:19px; background-image:url(/images/webpages/menu_background_bottom.png); background-repeat:no-repeat; background-color:transparant;}
	
	#side_menu_affiche_container{width:340px; position:absolute; float:left;}
	#side_menu_affiche_wrapper{}
	
	#side_menu_content_container {float:right; width: 550px;}
		#side_menu_content_wrapper {padding-left:10px}
	/* Einde stijl voor template 'teams' */
	
#social_media_container {float: left; padding: 0px 10px 5px 35px; position:relative; top:-20px;}
#naar_pagetop {float: right; padding: 0px 25px 5px 0px; position:relative; top:-20px;}

#rss_feed_icon {float: left; padding:10px 10px;}

/* LAYOUT HOMEPAGE */
#homepage_left {float:left; width:440px; margin: 0 5px 0 0px}
	/* Nieuws */
	#homepage_nieuws {}
	
	/* CSS Transparante achtergrond zonder dat de tekst hierdoor wordt beinvloed */
	#homepage_first_newsitem_container {
		position: relative;
		width: 440px;
		height:210px;
	}
	
	#item_container {}
	
	#homepage_first_newsitem_titel_achtergrond {
		position: absolute;
		top: 0; /* These positions makes sure that the overlay */
		bottom: 0; /* will cover the entire parent */
		left: 0;
		width: 100%;
		height:75px;
		background-color: #a01605;
		filter:alpha(opacity=80);
		-moz-opacity:0.8;
		-khtml-opacity: 0.8;
		opacity: 0.8;
	}
	
	#homepage_first_newsitem {
		position: relative;
		left: 0px;
		width: 100%;
		height:75px;
	}
	
	#homepage_first_newsitem_titel {
		position: relative;
		padding: 20px 20px;
		font-size: 22px;
		color: #FFFFFF;
		text-align: left;
	}
	/* Einde CCS transparante achtergrond */
	
	#homepage_first_newsitem_kop {
		position: relative;
		padding: 20px 20px;
		font-size: 16px;
		color: #FFFFFF;
		text-shadow:#000000 1px 1px 0px;
	}
	
	#homepage_first_newsitem_kop_tekst {
		text-align: left;
	}
	
	#homepage_first_newsitem_titel a {color: #FFFFFF;}
	#homepage_first_newsitem_kop a {color: #FFFFFF;}
	
	.homepage_newsitem_gepubliceerd{margin-bottom:0px}
	.homepage_newsitem_categorie{margin-top:-5px;}
	.homepage_newsitem_tekst{;padding-top:2px;}
	
	.homepage_nieuwscategorie_selectie {
		font-family: "Trebuchet MS",Arial sans-serif;
		font-weight: lighter;
		background-color:#a01605;
		padding:5px 5px;
		color:#FFF;
		border-bottom: 2px solid #FFF;
	}

/* Info container */
#homepage_info_container {width:440px}

/* Hoofdsponsor & weer*/
#hoofdsponsor_container {width:220px; float:left;}
#kledingsponsor_container {width:220px; float:left;}
.sponsor_container {float:left;position:relative}
#weer_en_verkeer {}

/* Afgelastingen en wedstrijden */
#homepage_afgelastingen {}
#homepage_afgelastingen td {font-size:10px;}

#homepage_wedstrijden_deze_week {}
#homepage_wedstrijden_deze_week td {font-size:10px;}

#homepage_uitslagen_afgelopen_week	{}
#homepage_uitslagen_afgelopen_week td {font-size:10px;}

#homepage_wedstrijden_volgende_week	{}
#homepage_wedstrijden_volgende_week td {font-size:10px;}

/* Eigen tekst (linker- en rechterkolom) */
#homepage_right {float:right; width:440px; margin: 0 0 0 5px;}
#homepage_eigen_tekst_right {position:relative;}

/* CORNERS */
/* Left corner top*/
.left_corner_top_grey{width:35px; height:35px; background-image:url(/images/webpages/background_left_top_grey.png); background-repeat:no-repeat; float:left}

/* Right corner top*/
.right_corner_top_grey{width:35px; height:35px; background-image:url(/images/webpages/background_right_top_grey.png); background-repeat:no-repeat; float:left}

/* Left corner bottom*/
.left_corner_bottom_grey{width:35px; height:35px; background-image:url(/images/webpages/background_left_bottom_grey.png); background-repeat:no-repeat; float:left}

/* Right corner top*/
.right_corner_bottom_grey{width:35px; height:35px; background-image:url(/images/webpages/background_right_bottom_grey.png); background-repeat:no-repeat; float:left;}

/* Left border extended*/
.border_left_extended_grey{background-image:url(/images/webpages/background_left_extended_grey.png); background-repeat:repeat-y; background-position:left;}

/* Right border extended*/
.border_right_extended_grey{background-image: url(/images/webpages/background_right_extended_grey.png); background-repeat:repeat-y; background-position:right}

/* Top border extended*/
.border_top_extended_grey{height:35px; background-image:url(/images/webpages/background_top_extended_grey.png); background-repeat:repeat-x; float:left;}

/* Bottom border extended*/
.border_bottom_extended_grey{height:35px; background-image:url(/images/webpages/background_bottom_extended_grey.png); background-repeat:repeat-x; float:left;}

/* TAGS */
/* Stijl voor hoofdstuktag (h1...h6) */
h1,h2,h3,h4,h5,h6 {
	font-family: "Trebuchet MS",Arial sans-serif;
	font-weight: lighter;
}

h2,h3,h4,h5,h6 {color: #a01605;}

h1 {font-size: 175%; line-height: 1.1em; margin: 0 0 1.4em 0;}
h2 {font-size: 150%; margin: 1em 0 1.2em 0}
h3 {font-size: 120%; margin: 1em 0 1.1em 0}
h4 {font-size: 100%; margin: 0.5em 0 1em 0}
h5 {font-size: 90%;}
h6 {font-size: 80%;}

sup, sub {
   vertical-align: baseline;
   position: relative;
   top: -0.6em;
}
sub { top: 0.6em; }

/* Stijl voor tabellen */
th, tr, td {padding: 2px;}
th {text-align: left;}
td, th {padding: 0.4em;}
thead {background-color: #a01605; color:#FFFFFF;}
thead > td {color:#FFFFFF;}
tfoot {background-color: #B2B2B2; color:#000000; font-size: 0.8em;}
tr.rowodd {background-color: #FFF;}
tr.roweven {background-color: #F2F2F2;}
.sortable{}
.sortcol {cursor: pointer; padding-right: 20px; background-repeat: no-repeat; background-position: right center;}
.sortasc {background-color: #DDFFAC; background-image: url(/images/icons/up.gif);}
.sortdesc {background-color: #B9DDFF; background-image: url(/images/icons/down.gif);}
.nosort {cursor: not-allowed;}
.sortable > table {border-collapse: collapse; border:1px solid #a01605;}
table.geen_tabelranden {border-collapse: collapse; border:none;}
table.geen_tabelranden th{border-collapse: collapse; border:none;}
table.geen_tabelranden tr{border-collapse: collapse; border:none;}
table.geen_tabelranden td{border-collapse: collapse; border:none;}


/* Lijsten */
ul {list-style-type:disc; list-style-position:inside;}
ol {list-style-position:inside;}
.sorteerbare_lijst {list-style-type:none; margin:0;padding:0; width:100%}
.sorteerbare_lijst li {
	border: 1px solid #333333;
	cursor: move;
	margin: 2px 0 2px 0;
	padding: 3px;
	background: #CCCCCC;
	width:99%;
}

/* Aanpassing headings t.b.v. overzicht niewsberichten */
.heading_compress {margin-bottom:0; margin-top:0; padding-bottom:0; padding-top:0;}
.heading_compress_top {margin-top:0; padding-top:0;}
.heading_onderschrift {margin-top:0; padding-top:3px; color:#999999;}
.heading_onderschrift_small {margin-top:0; padding-top:3px; color:#999999; font-size:0.9em}
.heading_white {color:#FFFFFF;}

/* Formulieren... */
/* Stijl voor formulieren en formulierelementen */
form, textarea, input, select {
	font-family: "Trebuchet MS",Arial sans-serif;
	font-size:12px;
	outline: none;
}

label {
	font-family: "Trebuchet MS",Arial sans-serif;
}

legend {
	font-family: "Trebuchet MS",Arial sans-serif;
	color: #a01605;
	font-size: 1.2em;
}

fieldset.red_border {border-color: 1px solid #a01605;}

/* Kalender in input veld */
.datum_selectie {background-image:url(/images/icons/kalender.gif); background-repeat:no-repeat; background-position:right; padding-right:5px; cursor:hand; cursor:pointer;}

.knop {
	/* Knoppen met een standaardformaat van 75 bij 23 pixels, */
	/* alleen geschikt voor niet te brede opschriften:        */
	width: 90px;
	height: 23px;
	margin: 5px 0 10px 0;
	vertical-align: middle;
	font-family: Tahoma;
}

.knop2 {
	/* Knoppen met een standaardformaat van 110 bij 23 pixels, */
	width: 110px;
	height: 23px;
	margin: 5px 0 10px 0;
	vertical-align: middle;
	font-family: Tahoma;
}

.knop3 {
	/* Knoppen met een standaardformaat van 125 bij 23 pixels, */
	width: 125px;
	height: 23px;
	margin: 5px 0 10px 0;
	vertical-align: middle;
	font-family: Tahoma;
}

/* Links...*/
a{outline: none;}

/* Stijl voor normale links */
a {font-weight: bold;}
a:link {text-decoration:none;color:#a01605; }
a:visited {text-decoration:none; color:#a01605;}
a:hover {text-decoration:none; color:#999999;}
a:active {text-decoration:none; color:#a01605;}

/* Stijl voor links, zonder opmaak voor normale links */
.nolink_markup a {font-weight:normal;}
.nolink_markup a:link {text-decoration:none; color:#333333; }
.nolink_markup a:visited {text-decoration:none; color:#333333;}
.nolink_markup a:hover {text-decoration:none; color:#333333;}
.nolink_markup a:active {text-decoration:none; color:#333333;}

/* Stijl voor footer links */
.site_container_footer a {font-weight: bold;}
.site_container_footer a:link {text-decoration:none;color:#FFFFFF; }
.site_container_footer a:visited {text-decoration:none; color:#FFFFFF;}
.site_container_footer a:hover {text-decoration:none; color: #999999;}
.site_container_footer a:active {text-decoration:none; color:#FFFFFF;}

/* Stijl voor normale links, alleen nu met een kleinere letter */
.link_small a {font-size: 0.8em;}

/* Stijl voor hyperlink plaatjes in imagetag (img) */
a img {border: none;}

/* CLASSES... */
/* Cursors */
.help {cursor: help;}
.aanwijshand{cursor:hand; cursor:pointer;}
.link_pointer {cursor:hand;	cursor:pointer;};
.link {cursor:hand;	cursor:pointer;	color:#793D00;}
.no_pointer {cursor:default;}

/* Afbeeldingen */
.img_float_left {float:left; margin-right:10px; margin-bottom:10px;}
.img_float_left_nieuws {float:left; margin-right:10px; margin-bottom:5px;}
.img_float_right {float:right; margin-left :5px; margin-bottom:5px;}
.img_float_right_nieuws {float:right; margin-left :5px; margin-bottom:5px;}
.afbeelding_float_rij {float:left; padding: 2px 2px;}

.history_image {position:absolute; height:120px; width:160px; text-align:center;}
.history_image_overlay {position:relative; top:-110px; text-align:center; width:120px; height:120px; color:#FFFFFF; text-shadow:#333333 2px 2px 2px; font-size:14px; font-weight:bold;}

.sponsorlogo_wrapper {margin:0 auto; display:block; float: left;}
.hoofdsponsorlogo {width: 160px; height:120px; text-align:center; margin: 0px 0px 0px 0px;}
.sponsorlogo {width: 160px; height:120px; float:left; margin: 5px 20px 5px 0px;}

.teamfoto_header{background-color:#a01605; text-align:center; color:#FFFFFF; padding:0.5em; font-weight:bold;}
.fotoframe{padding:5px;}
.foto{border:1px solid grey;}

#spelerfoto_container{float:left; width: 225px;}
#spelergegevens_container{float:right; width: 295px;}
 
.photo_attached {position:relative;}
.photo_attached img {margin:5px; border:1px solid grey; padding:5px 5px 5px 5px;}
.photo_attached span{
	width: 30px;
	height: 61px;
	display: block;
	position: absolute;
	top: 1px;
	background: url(/images/icons/paper-clip.png) no-repeat;
}
.foto_onderschrift {position:relative; width:100%; top:-60px; font-size:16px; padding: 5px 5px 5px 5px; text-align:center; color:#003399}

.sitemap_hoofdmenu_box {padding: 5px; margin:10px; width:30%; float:left; border-top:5px #a01605 solid}

/* Float elementen */
.left_float {float:left;}
.right_float {float:right;}
.no_float{float:none;}
.clear_float {clear:both;}

/* Stijl voor foutmelding/waarschuwingstekst, opmerkingen en tips (tekstkleur) */
.w {color: #CC0000;}
.o {color:#339933;}
.t {color: #0033CC;}

/* SPACERS...*/
.vertical_spacer_5 {height:5px}
.vertical_spacer_10 {height:10px}
.vertical_spacer_15 {height:15px}
.vertical_spacer_20 {height:20px}
.vertical_spacer_25 {height:20px}
.spacer {height:1px; width:1px}

/* ALGEMEEN...*/
.color_text {color:#a01605}
blockquote {
	background: url(/images/webpages/close-quote.gif) no-repeat right bottom;*/
	padding-left: 18px;
}

blockquote:first-letter {
	background: url(/images/webpages/open-quote.gif) no-repeat left top;*/
	padding-left: 18px;
}

#expanded_citaat{text-align:center; font-style:italic; width:80%; margin: 0 auto; padding: 10px 10px}

.attentiebalk {background-color:#a01605;}

#nationaliteit, #land {float:left;}
.landenvlag {float:left; height:20px; padding:3px 0px 0px 3px;}

.visitor_counter {text-align: center; color:#339933; font-size: 120%;}

.drag_corner {cursor: se-resize; background-image: url(/images/highslide/resize.gif); background-repeat:no-repeat; background-position: 100% 100%;}
.geweest{color:#999999;}

.small_font td{font-size: 11px;}
.small_font input,select{font-size: 11px;};

.clublogo_banneritems{margin:5px 5px 5px 0px}

.onderschrift_light{color:#339933; font-size:0.9em}

.rugnummer_opmaak {float:left;font-weight:bold; color:#a01605; cursor:help; width:32px; height:19px; background-image:url(/images/webpages/rugnummer_32x19.png); background-repeat:no-repeat; background-position:center;}
.rugnummer_content {position:relative; padding-top:2px; text-align:center; width:32px; height:19px; font-size:10px;}

.twitter_tweet_timeline_homepage{padding: 0px 0px 5px 0px; font-size:0.8em; border-bottom: 2px dotted #ccc}