body {
	background-color: #dcdcdc;
	background-image:url(../images/webpage/bodybg.png);
	background-position:left top;
	background-repeat:repeat-x;
	margin:0px;
	padding:0px;
}

table {
	border-collapse: collapse;
	border: none;
	/* height: 100px; */
}

td {
	font-size: 10pt; 
	font-family: Century Gothic, Trebuchet MS, Verdana;
}

table.tablemain {
	border-collapse: collapse;
	border: none;
	width:1002px;
}

td.main {
	vertical-align:top;
	background-color: #eeeeee;
}

td.leftshadow {
	background-image:url(../images/webpage/shadowleftmid.png);
	background-position:left bottom;
	background-repeat:repeat-y;
	vertical-align:top;
	width:14px;
}

td.rightshadow {
	background-image:url(../images/webpage/shadowrightmid.png);
	background-position:right bottom;
	background-repeat:repeat-y;
	vertical-align:top;
	width:14px;
}

/*td.footer {
background-image:url(../images/webpage/footerbar.png);background-position:left top;background-repeat:no-repeat;
height:63px;
text-align:right;
}
*/


INPUT {
	FONT-SIZE: 10pt; FONT-FAMILY: Century Gothic, Trebuchet MS, Verdana;
}

SELECT {
	FONT-SIZE: 10pt; FONT-FAMILY: Century Gothic, Trebuchet MS, Verdana;
}

TEXTAREA {
	FONT-SIZE: 10pt; FONT-FAMILY: Century Gothic, Trebuchet MS, Verdana;
}

/* Wordt gebruikt voor nieuws */

FONT.title {
	FONT-SIZE: 10pt; 
	FONT-FAMILY: Century Gothic, Trebuchet MS, Verdana;
	font-weight:bold;
	color:#000000;
	
}

FONT.subtitle {
	FONT-SIZE: 10pt; 
	FONT-FAMILY: Century Gothic, Trebuchet MS, Verdana;
	color: #666666;
}

FONT.text {
	FONT-SIZE: 10pt; 
	FONT-FAMILY: Century Gothic, Trebuchet MS, Verdana;
	color:#000000;
}

/* -------  */

FONT.navigation {
	FONT-SIZE: 10pt; FONT-FAMILY: Century Gothic, Trebuchet MS, Verdana;
}



TD.main_col1 {
	 text-align: center;
	 vertical-align: top; 
         WIDTH: 209px;	  
	/*
   	 background-image:url(../images/webpage/line_red.gif);
	 background-repeat: repeat-y;
	 background-position: 202px 0px;
	*/
}
TD.main_col2 {
	 text-align: center;
	 vertical-align: top; 
	 background-color: #eeeeee;
	 WIDTH: 586px;
}
TD.main_col3 {
	 text-align: center;
	 vertical-align: top; 
	 background-color: #eeeeee;
}


TABLE.col1 {
      margin-left: auto;
      margin-right: auto;	
      WIDTH: 209px;	  
}

TD.col1_header {
	BACKGROUND: url(../images/webpage/col1_header.gif) no-repeat; 
	PADDING-LEFT: 15px; 
	PADDING-RIGHT: 15px; 
	PADDING-TOP: 3px; 
	PADDING-BOTTOM: 5px; 
	HEIGHT: 30px;
	FONT-SIZE: 10pt; 
	FONT-FAMILY: Century Gothic, Trebuchet MS, Verdana;
    FONT-WEIGHT: bold;
	FONT-VARIANT: small-caps;
}

TD.col1_middle {
	BACKGROUND: url(../images/webpage/col1_main.gif); 
	PADDING-LEFT: 15px; 
	PADDING-RIGHT: 15px; 
	PADDING-TOP: 10px; 
	PADDING-BOTTOM: 5px; 
    background-repeat: repeat-y;
	FONT-FAMILY: Century Gothic, Trebuchet MS, Verdana; 
    FONT-SIZE: 10pt;
}


TD.col1_footer {
	BACKGROUND: url(../images/webpage/col1_footer.gif) no-repeat; 
	HEIGHT: 23px;
}


TABLE.col2 {
	margin-left: auto;
	margin-right: auto;
	PADDING-BOTTOM: 0px; 
	BORDER: 0px solid; 
	WIDTH: 586px;
}

TD.col2_header {
	BACKGROUND: url(../images/webpage/col2_header.gif) no-repeat; 
	PADDING-LEFT: 30px; 
	PADDING-RIGHT: 30px; 
	PADDING-TOP: 5px; 
	HEIGHT: 30px;
	PADDING-BOTTOM: 5px; 
	FONT-FAMILY: Century Gothic, Trebuchet MS, Verdana;
    FONT-SIZE: 12pt;
	FONT-WEIGHT: bold;
	FONT-VARIANT: small-caps;
}

TD.col2_middle {
	BACKGROUND: url(../images/webpage/col2_main.gif); 
	PADDING-LEFT: 30px; 
	PADDING-RIGHT: 18px; 
	background-repeat: repeat-y;
	FONT-FAMILY: Century Gothic, Trebuchet MS, Verdana; 
    FONT-SIZE: 10pt;
}

TD.col2_footer {
	BACKGROUND: url(../images/webpage/col2_footer.gif) no-repeat; 
	HEIGHT: 23px;
}

TABLE.col3 {
	margin-left: auto;
    margin-right: auto;
    BORDER-LEFT: 0px solid; 
	WIDTH: 218px;
}

TD.col3_header {
	BACKGROUND: url(../images/webpage/col3_header.gif) no-repeat; 
	PADDING-LEFT: 35px; 
	PADDING-RIGHT: 28px; 
	PADDING-TOP: 5px; 
	PADDING-BOTTOM: 5px; 
	HEIGHT: 30px;
	FONT-FAMILY: Century Gothic, Trebuchet MS, Verdana;
    FONT-SIZE: 12pt;
	FONT-WEIGHT: bold;
	FONT-VARIANT: small-caps;
}

TD.col3_middle {
	BACKGROUND: url(../images/webpage/col3_main.gif); 
	PADDING-LEFT: 20px; 
	PADDING-RIGHT: 20px; 
	PADDING-TOP: 10px; 
	PADDING-BOTTOM: 5px; 
    background-repeat: repeat-y;
	FONT-FAMILY: Century Gothic, Trebuchet MS, Verdana; 
	FONT-SIZE: 10pt;
}

TD.col3_footer {
	BACKGROUND: url(../images/webpage/col3_footer.gif) no-repeat; 
	HEIGHT: 23px;
}

TABLE.modulefunctions {
 	margin-left: auto;
	margin-right: auto;	
	BORDER: 1px solid; 
	WIDTH: 80%;
	FONT-FAMILY: Century Gothic, Trebuchet MS, Verdana; 
    FONT-SIZE: 8pt;
	BACKGROUND-COLOR: #F5F5F5;
	HEIGHT: 11px;
}


/* start style menu */


.menu {
    padding-top: 7px;
    padding-bottom: 11px;
    padding-left: 12px;
    padding-right: 15px;
}

A.menu:link {
	FONT-WEIGHT: normal;
	FONT-SIZE: 9pt;
	COLOR: #FFFFFF;
	FONT-FAMILY: Century Gothic, Trebuchet MS, Verdana;
	TEXT-DECORATION: none;
}
A.menu:visited {
	FONT-WEIGHT: normal;
	FONT-SIZE: 9pt;
	COLOR: #FFFFFF; 
	TEXT-DECORATION: none; 
	FONT-FAMILY: Century Gothic, Trebuchet MS, Verdana;	
}
A.menu:active {
	FONT-WEIGHT: normal;
	FONT-SIZE: 9pt;
	COLOR: #000000; 
	TEXT-DECORATION: none; 	
}
A.menu:hover {
	FONT-WEIGHT: bold;
	FONT-SIZE: 9pt;
	COLOR: #FFFFFF; 
	TEXT-DECORATION: none; 
	/*BACKGROUND: url(../images/webpage/col1_main_active.gif) no-repeat;
	bovenstaande background hover met plaatje werkt niet. Met div's doen waarschijniljk. 
	Zie voorbeeld www.salesforce.com*/ 	
}



/* Normaal */
A:visited {
	FONT-WEIGHT: normal;
	FONT-SIZE: 10pt;
	TEXT-DECORATION: none; 
	FONT-FAMILY: Century Gothic, Trebuchet MS, Verdana;
	COLOR: #FF6600;
}
A:link {
	FONT-WEIGHT: normal;
	FONT-SIZE: 10pt;
	FONT-FAMILY: Century Gothic, Trebuchet MS, Verdana;
	TEXT-DECORATION: none;
	COLOR: #FF6600;
}
A:active {
	FONT-WEIGHT: normal;
	FONT-SIZE: 10pt;
	TEXT-DECORATION: none; 
	COLOR: #000000;
}
A:hover {
	FONT-WEIGHT: normal;
	FONT-SIZE: 10pt;
	TEXT-DECORATION: underline; 
	COLOR: #000000;
}

/* wordt niet gebruikt?

A.col2:visited {
	FONT-WEIGHT: normal;
	FONT-SIZE: 20pt;
	TEXT-DECORATION: none; 
	FONT-FAMILY: Century Gothic, Trebuchet MS, Verdana;
	COLOR: #fa6300;
}
A.col2:link {
	FONT-WEIGHT: normal;
	FONT-SIZE: 20pt;
	FONT-FAMILY: Century Gothic, Trebuchet MS, Verdana;
	TEXT-DECORATION: none;
	COLOR: #fa6300;
}
A.col2:active {
	FONT-WEIGHT: normal;
	FONT-SIZE: 20pt;
	TEXT-DECORATION: none; 
	COLOR: #000000;
}
A.col2:hover {
	FONT-WEIGHT: normal;
	FONT-SIZE: 20pt;
	TEXT-DECORATION: none; 
	COLOR: #000000;
}
*/

/* Menu */
A.newsitems:visited {
	FONT-WEIGHT: normal;
	TEXT-DECORATION: none; 
	COLOR: #000000;
}
A.newsitems:link {
	FONT-WEIGHT: normal;
	TEXT-DECORATION: none;
	COLOR: #000000;
}
A.newsitems:active {
	FONT-WEIGHT: normal;
	TEXT-DECORATION: none; 
	COLOR: #000000;
}
A.newsitems:hover {
	FONT-WEIGHT: normal;
	TEXT-DECORATION: underline; 
	COLOR: #000000;
}

/* Navigation like Next month */
A.navigation:visited {
	FONT-WEIGHT: normal;
	TEXT-DECORATION: none; 
	COLOR: #000000;
}
A.navigation:link {
	FONT-WEIGHT: normal;
	TEXT-DECORATION: underline;
	COLOR: #000000;
}
A.navigation:active {
	FONT-WEIGHT: normal;
	TEXT-DECORATION: none; 
	COLOR: #000000;
}
A.navigation:hover {
	FONT-WEIGHT: normal;
	TEXT-DECORATION: none; 
	COLOR: #000000;
}

A.col3:link {
	FONT-SIZE: 10pt; 
	COLOR: black; 
	FONT-FAMILY: Century Gothic, Trebuchet MS, Verdana; 
	TEXT-DECORATION: none;

}
A.col3:visited {
	FONT-SIZE: 10pt; 
	COLOR: black; 
	FONT-FAMILY: Century Gothic, Trebuchet MS, Verdana; 
	TEXT-DECORATION: none;
	COLOR: #000000;
}
A.col3:active {
	FONT-SIZE: 10pt; 
	COLOR: black; 
	FONT-FAMILY: Century Gothic, Trebuchet MS, Verdana; 
	TEXT-DECORATION: none;
}
A.col3:hover {
	FONT-SIZE: 10pt; 
	COLOR: black; 
	FONT-FAMILY: Century Gothic, Trebuchet MS, Verdana; 
	TEXT-DECORATION: underline;
}

/* Clubprogram */
th.clubprogram
{
	font-size: 10pt;
	color: black;
	font-family: Century Gothic, Trebuchet MS, Verdana;
	text-align: left;
}
td.clubprogramrowfirst, td.clubprogramrowsecond, td.clubprogramrowcancelled
{
	font-size: 10pt; 
	padding-right: 4px;
	font-family: Century Gothic, Trebuchet MS, Verdana;
}

td.clubprogramrowfirst
{
	background-color: #FFFFFF;
}
td.clubprogramrowsecond
{
	background-color: #DDDDDD;;
}
td.clubprogramrowcancelled
{
	background-color: #FF0000;
}
td.clubprogramrowcancelled a
{
	color: #000000;
}

.clubprogramfilter{
	padding: 4 4;
}
.clubprogramfilter input, .clubprogramfilter select{
	float:left;
	margin: 0 10 0 0;
}

td.field, td.changingroom, td.departuretime, th.field, th.changingroom, th.departuretime{
	text-align: center;
}

/* Clubprogram editor */
th.clubprogram
{
	font-size: 10pt;
	color: black;
	font-family: Century Gothic, Trebuchet MS, Verdana;
	text-align: left;
}

td.clubprogram, td.clubprogramteam, td.clubprogramdeparturetime, td.clubprogramreferee, td.clubprogrammatchtype, td.clubprogramfield, td.clubprogramchangingroom,td.clubprogramremark
{
	padding-left: 2px;
}

td.clubprogram input, td.clubprogramteam input, td.clubprogramdeparturetime input, td.clubprogramreferee input, td.clubprogrammatchtype input, td.clubprogramfield input, td.clubprogramchangingroom input,td.clubprogramremark input
{
	width: 38px;
	border: 1px solid;
	
}
td.clubprogramteam input
{
	width: 110px;
}
td.clubprogramreferee input, td.clubprogramdeparturetime input, td.clubprogrammatchtype input,td.clubprogramremark input
{
	width: 80px;
}
td.clubprogramcheckbox input
{
	width: 10px;
}

/* MEDIA GALLERY */
#medianavwrap {
	margin:10px 35px;
	height:50px;
	clear:both;
}
#medianavwrap * {
	display:block;
	float:left
}
	#medianavwrap .prevPage {
		margin:10px 10px 15px 0;
		width:18px;
		height:18px;
		background-image: url("../include/plugins/jquery/images/left_dark.png");
		text-decoration:none;
	}
	#medianavwrap .nextPage {
		margin:10px 0 15px 10px;
		width:18px;
		height:18px;
		background-image: url("../include/plugins/jquery/images/right_dark.png");
		text-decoration:none;
	}
	#medianavwrap .prevPage:hover, #medianavwrap .nextPage:hover {
		background-position:0 -18px;	
	}
	#medianavwrap .disabled {
		visibility:hidden;
	}
#mediascroll {
	position: relative;
	height:50px;
	width:386px;
	overflow:hidden;
}
#medianav {
	width:2000em;
	margin:0 0 15px 0;
	position:absolute;
	clear:both;
}
#medianav span {
	height:34px;
	width:50px;
	margin:0 3px;
	padding:3px;
	border:1px solid #ccc;
}
#medianav span:hover, #medianav span.active {
	border: 1px outset #2C9FDF;
	background: #FF6600;
}
#medianav span img {	
	float:none;	
	max-width:50px;
	max-height:34px;
	margin:0 auto;
	vertical-align:bottom;
}
.gallery_display {
	padding: 0 10px;
	height: 340px;
	width: 500px;
	overflow: hidden;
}
.gallery_display img {
	display: block;
	margin:0 auto;
}

.media_album_edit input.title, .media_album_edit textarea {
	width: 400px;
}
.media_album_edit textarea {
	height: 100px;
}

/*SWFUPLOAD*/
#swfupload-control p {
	margin:10px 5px;
}
#multimediauploadlog{
	margin:0;
	padding:0;
	width:500px;
}
#multimediauploadlog li{
	list-style-position:inside;
	margin:2px;
	border:1px solid #ccc;
	padding:10px;
	background:#fff;
	position:relative;
}
#multimediauploadlog li .progressbar{
	border:1px solid #333;
	height:5px;
	background:#fff;
}
#multimediauploadlog li .progress{
	background:#999;
	width:0%;
	height:5px;
}
#multimediauploadlog li p{
	margin:0;
	line-height:18px;
}
#multimediauploadlog li.success{
	border:1px solid #339933;
	background:#ccf9b9;
}
#multimediauploadlog li span.cancel{
	position:absolute;
	top:5px;
	right:5px;
	width:20px;
	height:20px;
	background:url('../include/plugins/swfupload/images/cancel.png') no-repeat;
	cursor:pointer;
}

/* jquery lightbox */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}