@charset "utf-8";
/* 
CSS Document voor Drs. Vijfje
Datum: juni 2008
Media: Screen
*/

/* ========= Globals ========= */
body {
	font: 11px verdana, arial, helvetica, sans-serif; 
	text-align: justify; 
	line-height: 1.4em; 
	background: #7cbbff url(../img/background/bg.jpg) repeat; 
	color: #000000; 
	padding-top: 10px; 
	}

div#wrapper { 
	width: 990px; 
	margin: 0 auto; 
	display: block; 
	overflow: hidden; 
	}

h1, h2, h3, h4, h5, p { 
	padding: 0px; 
	margin: 0px; 
	}

/* Link handling */
a, a:link, a:visited, a:hover { 
	color: #ff44cc; 
	text-decoration: none; 
	}
a:hover, a:visited:hover { 
	text-decoration: underline;
	}

img { 
	border: 0; 
	vertical-align: bottom; 
	}

.center { 
	text-align: center; 
	}

/* ========= Typography & Colors =========*/

/* Headers */
h1,h2,h3,h4,h5 { 
	color: #0a419a 
	}
h1 { 
	font: 20px verdana, arial; 
	font-weight: bold; 
	}
h2 { 
	font: 16px "trebuchet ms", verdana, arial; 
	font-weight: bold; 
	}
	
/* ========= Header ========= */
div#header { 
	height: 150px; 
	background: url(../img/background/lat_bovenkant.jpg) no-repeat bottom left; 
	}
div#header img#schild_vijfje { 
	position: relative; 
	left: 0px;
	top: 50px;
	}
div#scorebord {
	background: url(../img/background/scorebord.png) no-repeat ;
	position: relative; 
	left: 192px;
	width: 600px;
	height: 147px;
	bottom: 93px;
	}
	
div#scorebord img#sponsoren {
position:relative;
left:18px;
top:7px;
}

div#header img#schild_jutenjul {
left:900px;
position:relative;
bottom:186px;
}
	
ul#nav { 
	margin: 0px; 
	padding: 0px; 
	position: relative; 
	left: 223px; 
	bottom: 25px; 
	font-size: 16px; 
	font-family: arial, sans-serif; 
	font-weight: bold;
	bottom:212px
	}
ul#nav li { 
	display: inline; 
	margin-right: 47px;
	}
	
ul#nav li a { 
	color: #0a419a; 
	}
ul#nav li a:hover  { 
	color: #ff44cc; 
	text-decoration: none; 
	}
ul#nav li a.selected { 
	color: #ff44cc; 
	}
	
/* ========= Custom ========= */
div#custom {  }

#permlinks { 
	padding: 0px 5px; 
	margin: 0px 0px; 
	clear: both; 
	}
#permlinks div.link { border: 2px solid #0A419A; text-align: left; float: left; height: 90px; width: 129px; padding: 5px; margin: 5px;	overflow: hidden; }
#permlinks div.link h2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; margin: 0px; padding: 0px; color: #0A419A; }
#permlinks div.link div#home_ic { text-align: center }
#permlinks div.link div#home_ic big { font-weight: bold; font-size: 115%; }
#login_home input { font-size: 10px; width: 75px; display: block; }
#login_home input.button { margin: 3px; width: 40px; float: right; background-color: #7CBBFF; border: 1px solid #0A419A; }
#login_home input.button:hover { background-color: #FF44CC; }
#permlinks div.photo { text-align: center; }
		
/* ========= Main ========= */
div#main { width: 930px; background: url(../img/background/bg_content.jpg) repeat-y; float: left; padding: 0px 30px;}

/* ========= Footer ========= */
div#footer { clear: both; text-align: center;}

/* ========= Structure Homepage ========= */
	div#enclose { width: 620px; float: left; border: 0px solid red;}
	
	/* ========= Columns ========= */
	div#column1 {width: 300px; float: left; padding: 0px 5px;}
	div#column2 {width: 300px; float: right; padding: 0px 5px;}
	div#column3 {width: 300px; float: left; padding: 0px 5px; }
	
	/* ========= Modules ========= */
	div.module { margin-bottom: 15px; }
		div.module h1 { background: url(../img/background/footballs_heading.gif) bottom right no-repeat; }
		div.module h2 { padding: 5px 0px; }
		
		/* Horizontal lines */
		div.module hr { height: 3px; color: #0a419a; background-color: #0a419a; margin-bottom: 5px; }		
		
		/* Tables in module */
		div.module table { width: 100%; }
		
		/* ========= Items ========= */
		div.item { width: 300px; border-bottom: 1px dashed #0a419a; padding: 0px 0px 10px 0px; }
			div.item .date { font-size: 10px; color: #5179bb; text-align: right; }
			
/* ========= Structure Other pages ========= */
	
	/* ========= Left column ========= */
	div#column_left { width: 200px; float: left; padding: 0px 5px; }
		
		/* Side Navigation */
		div#column_left div#sidenav { margin-bottom: 10px; }
			div#column_left div#sidenav * html .boxhead h2 {height: 1%;} /* For IE 5 PC */
			div#column_left div#sidenav .sidebox { margin-bottom: 25px; width: 200px; background: url('../img/nav/menu_br2.jpg') no-repeat bottom right; font-size: 100%; }
			div#column_left div#sidenav .boxhead { background: url('../img/nav/menu_tr2.jpg') no-repeat top right; margin: 0; padding: 0; text-align: left; }
			div#column_left div#sidenav .boxhead h2 { background: url('../img/nav/menu_tl2.jpg') no-repeat top left; margin: 0; padding: 10px 10px; color: white; font-weight: bold; font-size: 1.2em; line-height: 1em; text-shadow: rgba(0,0,0,.4) 0px 2px 5px; }
			div#column_left div#sidenav .boxbody { background: url('../img/nav/menu_bl2.jpg') no-repeat bottom left; margin: 0; padding: 10px 10px; }
		
		div#sidenav ul { list-style: none; }
			div#sidenav ul ul { padding-left: 10px; }
				div#sidenav ul ul ul { padding-left: 20px; }
					div#sidenav ul ul ul ul { padding-left: 30px; }
				
		div#sidenav a:visited { color: #0a419a; text-decoration: none; }
		div#sidenav a.selected { color: #ff44cc!important; text-decoration: none; font-weight: bold; }
		
		/* Login */
		div#column_left div#login {  }
	
	/* ========= Contents ========= */
	div#content { width: 525px; float: left; padding: 0px 5px; }
		div#content h2 { margin-bottom: 20px; }
		div#content p { margin-bottom: 10px; }
	
	div#extrainfo { width: 150px; float: left; margin-left: 25px;}
		div#extrainfo p { margin-bottom: 10px; }
		
		#vvv-front { height: 265px; overflow: hidden; }
		div#favorites { position: relative; }
	
	/* ========= Admin ========= */
	div#content_admin { width: 700px; float: left; padding: 0px 5px; }
	
/* ========= Tables ========= */
table { border-collapse: collapse; /* margin: 0px auto */; margin-bottom: 10px; }
	thead tr { background-color: #ff44cc; }
		tr { padding: 0px 5px; }
		th { padding: 2px 5px; }
		td { padding: 2px 5px; }

table.small tr td { font-size: 9px; }
		
/* Zebra colors */
table.zebra { margin-top: 5px; }
table.zebra tr.dark { background-color: #cce5ff; }
table.zebra tr.light { background-color: #ffffff; }
table.zebra tr.location { background-color: transparent; color: #000000; text-align: center; }
table.zebra tr.wedseccen { background-color: transparent; color: #ff44cc; }
table.zebra th.date { text-align: center; font-weight: bold; background-color: #ff44cc; }

div.meer { text-align: right; }

/* Forms */
.btn_add { background: url('../img/addfav.png'); }
.btn_del { background: url('../img/delfav.png'); }
.btn_add, .btn_del { float: left; width: 22px; height: 22px; color: transparent; font-size: 0px; line-height: 0px; display: block; text-indent: -999px; }

/***************************************************************************/
/*  CONTENT
/***************************************************************************/

#nieuws .title, #agenda .title, #etc .title, #content .title {
  font-family: "Trebuchet MS", Times New Roman, serif;
  font-size: 130%;
  font-weight: bold;
  color: #0A419A;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

#nieuws .message, #agenda .message, #content .message {
  margin: 2px 0px 0px 0px;
  padding: 2px 0px 0px 0px;
  line-height: 15px;
}

#nieuws .date, #agenda .date, #content .date {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 5px 0px;
  color: #5179BB;
  font-size: 10px;
}

hr.agenda, hr.nieuws, hr.mb, #content hr {
  border-bottom: 1px dashed #0A419A;
  border-top: 0px; border-left: 0px; border-right: 0px;
  height: 1px;
}

#content p {
  font-size: 11px;
  line-height: 18px;
}

#content p#kruimel {
  font-size: 10px;
  margin: 0px 0px 10px 0px;
  padding: 0px;
}

#content p#kop {
  font-size: 21px;
  font-weight: bold;
}

#content p#pers {
  font-size: 18px;
  font-weight: bold;
}

#content p#kopje {
  font-size: 12px;
  font-weight: bold;
}

#content p#persje {
  font-size: 16px;
  font-weight: bold;
}
#content p#persje14 {
  font-size: 14px;
  font-weight: bold;
}

#content p#mini {
  font-size: 9px;
}

#content p#micro {
  font-size: 9px;
}

#content p#groter {
  font-size: 12px;
  text-align: left;
}

#content li {
  line-height: 18px;
}

#content table#data {
  border: 1px solid #000000;
}

#content table#data th {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  background-color: #FF44CC;
  color: #000000;
  text-align: left;
  padding: 4px;
}

#content table#data td {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9px;
  padding: 4px;
  border-left: 1px solid #EEEEEE;
  vertical-align: top;
}

#td.pme-cell-1, td.pme-cell-0 {
  white-space: nowrap;
}

#content input, #extrainfo input { 
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  background-color: #7CBBFF;
  border: 1px solid #0A419A;
  margin: 0px 2px 0px 2px;
}

#content input:hover, #content textarea:hover, #extrainfo input:hover, #extrainfo textarea:hover {
  cursor: pointer;
  background-color: #FF44CC;
}

#content textarea, #extrainfo textarea {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  background-color: #7CBBFF;
  border: 1px solid #0A419A;
  margin: 0px 2px 0px 2px;
}

#content select, #extrainfo select {
  font-size: 10px;
  background-color: #7CBBFF;
}

#content h1 {
  font-family: "Trebuchet MS", "Times New Roman", serif;
  font-size: 18px;
  padding: 0px;
  margin: 0px 0px 0px 0px;
  border-bottom: 1px dotted #0A419A;
}

#content h2 {
  font-family: "Trebuchet MS", "Times New Roman", serif;
  font-size: 14px;
}

#content h3 {
  font-family: "Trebuchet MS", Times New Roman, serif;
  font-size: 130%;
  font-weight: bold;
  color: #0A419A;
  margin: 0px;
  padding: 0px;
}

#msgboard fieldset {
  border: 1px dashed #0A419A;
  padding: 5px;
  margin-bottom: 10px;
}

#msgboard legend {
  font-family: "Trebuchet MS", Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #0A419A;
  padding: 0px 4px 0px 4px;
  background-color: #cce5ff;
}

#msgboard label {
  float: left;
  width: 70px;
  font-weight: bold;
  margin-top: 2px;
  text-align: right;
  color: #333;
}

#msgboard input  {
  margin-top: 2px;
  margin-left: 5px;
  color: #000;
  background: #7CBBFF;
  width: 200px;
  border: 1px solid #0A419A;
}

#msgboard textarea {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  margin-top: 2px;
  margin-left: 5px;
  color: #000;
  background: #7CBBFF;
  width: 293px;
  border: 1px solid #0A419A;
}

#msgboard .button {
  font-size: 11px;
  width: 70px;  
  margin-left: 300px;
}

#content .mbname {
  font-weight: bold;
  margin: 10px 0px 0px 0px;
  padding: 0px;
}

#content .mbdatum {
  color: #0A419A;
  text-align: right;
  margin: -18px 0px 0px 0px;
  padding: 0px;
}

#content .mbmessage {
  margin: 0px 0px 10px 0px;
}
/*
#content a:link, #content a:visited, #content a:active {
  color: #0A419A;
  text-decoration: none;
}

#content a:hover {
  color: #0A419A;
  text-decoration: underline;
  /* google Ads geeft problemen met border, advertentie flikkert in beeld wanneer je over link gaat */
  /*border-bottom: 1px dashed #0A419A;*/
/*} */


#content form {
  margin: 0px;
  padding: 0px;
}

#content ul.doc_list {
  margin: 0px;
  padding: 0px;
}

#content ul.doc_list li {
  list-style: none;
  padding-left: 25px;
  line-height: 20px;
}

#content li.word {
  background: url("../images/word.gif") no-repeat;
}  

#content li.xls {
  background: url("../images/xls.gif") no-repeat;
}  

#content li.pdf {
  background: url("../images/pdf.gif") no-repeat;
}  

#content span.details {
}


#content span.details a { 
  text-indent: -9999px;
}

#content .details a {
  background: url("../images/info.gif") no-repeat;
}  

/***************************************************************************/

#submenu {
  width: 180px;
  margin: 0px 0px 5px 0px;
  padding: 0px 0px 20px 0px;
  background: url("../images/submenu_bg2.jpg") bottom left;
  font-size: 8px;
}

#submenu h1 {
  background: url("../images/submenu_top.jpg") top left no-repeat;
  height: 29px;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;;
  color: #0A419A;
  font-size: 14px;
  margin: 0px 0px 0px 0px;
  padding: 10px 0px 0px 20px;
}

#submenu ul {
  margin: 0px 0px 22px 20px;
  padding: 0px;
  list-style-type: none;
}

#submenu li {
  margin: 0px;
  padding: 0px;
  font-size: 8px;
}

#submenu ul ul {
  padding: 0px;
  margin: 0px 0px 0px 10px;
}

#submenu a:link, #submenu a:visited, #submenu a:active {
  font-family: Verdana, Helvetica, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  color: #000000;
  text-decoration: none;
}

#submenu a:hover {
  color: #FF44CC;
} 

#submenu ul ul li a:link, #submenu ul ul li a:visited, #submenu ul ul li a:active {
  font-weight: normal;
}

#submenu ul ul ul li a:link, #submenu ul ul ul li a:visited, #submenu ul ul ul li a:active {
  font-size: 10px;
}

#submenu a:link.selected, #submenu a:visited.selected, #submenu a:active.selected {
  font-weight: bold;
  color: #FF44CC;
}

.box {
  width: 170px;
  margin: 0px 0px 5px 0px;
  padding: 0px 0px 0px 0px;
}

.box * { 
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 11px;
}

.box h1 {
  font-family: "Trebuchet MS", Verdana, Helvetica, sans-serif;
  font-size: 14px;
  color: #0A419A;
  margin: 0px;
  padding: 10px 0px 0px 20px;
  background: url("../images/submenu_top.jpg") top left no-repeat;
  height: 29px;
}

.box dt, .box dd, .box ul, .box li {
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 90%;
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}

.box a:link, .box a:visited {
  color: #000000;
  font-weight: normal; 
  text-decoration: none;
}

.box a:hover {
  /*border-bottom: 1px dashed #0A419A;*/
  /* google Ads geeft problemen met border, advertentie flikkert in beeld wanneer je over link gaat */
  text-decoration: underline;
}

.box input {
  background-color: #7CBBFF;
  border: 1px solid #0A419A;
}

.box input:active {
  border: 1px solid #FF44CC;
}

.box input.button {
  background-color: #7CBBFF;
  border: 1px solid #0A419A;
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 11px;
}

.box input.button:hover {
  background-color: #FF44CC;
}

.box_main {
  position: relative;
  margin: 0px;
  padding: 0px 0px 20px 20px;
  background: url("../images/submenu_bg.jpg") bottom left;
}

.box dl, .box form, .box p, .box ul {
  margin: 0px;
  padding: 0px;
}

.box p.submit {
  text-align: right;
  margin-right: 24px;
  margin-top: 4px;
}

.box_main ul, .box_main p {
	margin-top: -1px; 
}

/***************************************************************************/

#beibord .forms, #vijfjeweekend .forms { margin-bottom: 15px; }
	#beibord .forms textarea, #vijfjeweekend .forms textarea { margin-bottom: 5px; display: block; width: 99%; height: 50px;}

#beibord div#woensdag { float: left; width: 220px; margin-right: 10px; }
#beibord div#vrijdag { float: left; width: 220px; }
	div.speler { border-bottom: 1px dashed #7CBBFF; }
		div.speler h3 { display: inline; }
		div.speler p { margin-top: 0px; }
		div.speler .opmerking { color: #FF44CC; }
		
/* Spelerspassen */
tr.green, tr.green td { background-color: #00ff00; }
tr.red, tr.red td { background-color: #ff0000; }
tr.orange, tr.orange td { background-color: orange; }
div#spelerspas table { border-collapse: collapse; margin: 0px auto; margin-bottom: 10px; }
	div#spelerspas table thead tr { background-color: #ff44cc; }
		div#spelerspas table thead tr th { text-align: left; padding: 2px 5px; }
		div#spelerspas table thead tr tr, div#spelerspas thead tr td { padding: 0px 5px; }
		div#spelerspas table thead tr tr td { background-color: #cce5ff; }
		div#spelerspas table thead tr tr.odd td { background-color: #ffffff;}
		div#spelerspas table thead tr td { padding: 2px 5px; } 
		
div#vvv, div#scharrels { text-align: center; }
table#scharrels { width: 450px; text-align: center; }
table#vvv { width: 450px; border-collapse: collapse; }
	table#vvv th { width: 150px; height: 57px; color: #FF44CC;}
	table#vvv td { width: 150px; }
	table#vvv tbody td { line-height: 1.5em; font-family: Georgia; font-style: italic; padding-top: 10px;  }
	table#vvv thead, table#vvv tbody { text-align: center; }
	table#vvv thead { background: url('../img/parchment_top.gif'); vertical-align: bottom; }
		table#vvv thead tr { background: none; }
	table#vvv tbody { background: url('../img/parchment_middle.gif'); }
	table#vvv tfoot { background: url('../img/parchment_bottom.gif'); height: 47px; }
	
form#huldiging ul { list-style-type: none; }
form#huldiging p.photo_row { text-align: center; }
	form#huldiging p.photo_row img { padding: 0px 20px; }
	
/* Bullets for social networks */
.social { display: block; overflow: hidden; height: 1%; padding-left: 0px; margin-left: 0px;}
.social li { display: inline; float: left; padding: 2px 0 12px 25px; background: url(../img/bullets/social-icons.gif) 0 2px no-repeat; }
.social li.twitter { background-position:0 -166px; }
.social li.facebook { background-position:0 -446px; }
.social li.hyves { background-position:0 -630px; }
.social li.flickr { background-position: 0 -222px; }
.social li.brightkite { background-position: 0 -54px; }
.social li.lastfm { background-position: 0 -110px; }
.social li.delicious { background-position: 0 -278px; }
.social li.myspace { background-position: 0 -334px; }
.social li.facebook { background-position: 0 -446px; }
.social li.vimeo { background-position: 0 -390px; }

/* Profile */
#profiel table td { width: 250px; }

div#loading { display: none; width: 100%; text-align: center; }

ul.checkbox { list-style-type: none; margin-left: 0px; padding-left: 0px; }
.operation { cursor: pointer; }

/* Almanak */
div#almanak_entry { float: left; width: 100%; border-bottom: 1px dashed #000000; margin-top: 10px; }
	div#almanak_entry h3 { margin-bottom: 10px; }
div#almanak_results div#almanak_photo { float: left; margin-right: 25px; }
div#almanak_results div#almanak_info { float: left; }

div#search_results div#search_result { border-bottom: 2px dashed #0A419A; margin-top: 10px; }
div#search_results .highlight_word { background-color: #ffff00; }

div#site_search { padding-bottom: 10px; }