/*--------------------------------------------------------------------
Basic Style Sheet

Version: 1.0
Copyright: 2009, dicode® VOF - understanding internet
W: www.dicode.nl
E: info@dicode.nl
T: 0570-750680
--------------------------------------------------------------------*/

/* Global
--------------------------------------------------------------------*/
* { 
	font-family: arial;
	color: #666666;
	font-size: 12px;
}

img {
	border: 0;
}

h1 {
	margin: 0 0 15px 0;
	padding: 0;
	font-size: 24px;
	border-bottom: solid 1px #e0e0e0;
}

h2 {
	margin: 0;
	padding: 0;
	font-size: 20px;
}

h3 {
	margin: 0;
	padding: 0;
	color: #004895;
	font-size: 14px;
	font-weight: normal;
}

a {
	font-weight: bold;
	text-decoration: none;
}

a:hover {
	color: #004895;
}

a.blue {
	color: #004895;
}

a.red {
	color: #c1232d;
}

body {
	margin: 0;
	padding: 0;
	text-align: center;
	background: url(/css/images/bg_body.jpg) repeat-x;
}


div#site {
	position: relative;
	width: 1000px;
	margin: 0 auto;
	text-align: left;
}

div#bal {
	position: absolute;
	width: 197px;
	height: 228px;
	top: 0;
	left: 0;
	background: url(/css/images/img_bal.png) no-repeat;
	z-index: 7;
}

/* Header
----------------------------------------------------------------*/
	div#header {
		position: relative;
		width: 1052px;
		height: 197px;
		left: -26px;
		background: url(/css/images/bg_header.jpg) no-repeat;
		z-index: 5;
	}
	
	div#header div#logo {
		position: absolute;
		top: 0;
		right: 0;
	}

	/* Header :: Menu
	----------------------------------------------------------------*/
		div#header div#menu {
			position: absolute;
			top: 141px;
			right: 0;
			z-index: 5;
		}


/* Content
----------------------------------------------------------------*/
	div#content {
		position: relative;
		width: 1000px;
		padding-bottom: 40px;
		z-index: 2;
	}

	/* Content :: left
	----------------------------------------------------------------*/
		div#left {
			position: relative;
			width: 182px;
			padding-top: 18px;
			float: left;
		}

		/* Content :: left :: menu
		----------------------------------------------------------------*/
			div#left ul.menu {
				margin: 20px 0 0 0;
				padding: 0;
				list-style: none;
			}

			div#left ul.menu li {
				padding: 5px 0;
				border-bottom: solid 1px #e3e3e3;
			}

			div#left ul.menu li.first {
				border-top: solid 1px #e3e3e3;
			}

			div#left ul.menu li a {
				text-transform: uppercase;
				font-size: 15px;
				color: #999999;
				font-weight: bold;
				text-decoration: none;
			}

			div#left ul.menu li a:hover {
				text-decoration: underline;
			}

			div#left ul.menu li.active a {
				color: #00aef0;
			}

	/* Content :: middlehome
	----------------------------------------------------------------*/

		div#middlehome {
			position: relative;
			width: 489px;
			margin: 0 24px;
			float: left;
		}
		
		/* Content :: middlehome :: news
		----------------------------------------------------------------*/
			div#middlehome div.newsarchive {
				position: absolute;
				right: 0;
				top: 0;
				padding-top: 15px;
			}
	
			div#middlehome div.newsarchive a {
				color: #00aef0;
				font-weight: bold;
				text-decoration: none;
				padding-right: 13px;
				background: url(/css/images/img_arrow.jpg) no-repeat right center;
			}
	
			div#middlehome div.newsarchive a:hover {
				text-decoration: underline;
			}

			div#middlehome div.newsitem {
				position: relative;
				padding-bottom: 20px;
			}

			div#middlehome div.left {
				position: relative;
				float: left;
			}

			div#middlehome div.right {
				position: relative;
				float: right;
				width: 275px; /* 295px */
				padding-right: 20px;
				line-height: 16px;
			}

			div#middlehome div.right div.date {
				position: relative;
				color: #000;
				font-size: 10px;
				padding: 4px 0;
			}

			div#middlehome div.right div.content {
				padding: 0 0 5px 0;
			}

			div#middlehome div.right a.readmore {
				padding: 0 10px 0 0;
				background: url(/css/images/icn_arr-front.jpg) no-repeat right 4px;
			}

		/* Content :: middlehome :: sponsors
		----------------------------------------------------------------*/
			div#middlehome div.sponsors {
				position: relative;
				padding-bottom: 20px;
			}

			div#middlehome div.sponsors div.completeoverview {
				position: absolute;
				right: 0;
				top: 0;
				padding-top: 15px;
			}
	
			div#middlehome div.sponsors div.completeoverview a {
				color: #00aef0;
				font-weight: bold;
				text-decoration: none;
				padding-right: 13px;
				background: url(/css/images/img_arrow.jpg) no-repeat right center;
			}
	
			div#middlehome div.completeoverview a:hover {
				text-decoration: underline;
			}

			div#middlehome div.sponsors div.sponsorbanner {
				position: relative;
			}

		/* Content :: middlehome :: matches
		----------------------------------------------------------------*/
			div#middlehome div.matches {
				position: relative;
			}

			div#middlehome div.matches table th {
				text-align: left;
				color: #004895;
				font-size: 14px;
				font-weight: normal;
			}

			div#middlehome div.matches table th.c1 {
				width: 55px;
			}

			div#middlehome div.matches table th.c2 {
				width: 45px;
			}

			div#middlehome div.matches table th.c3 {
				width: 90px;
			}

			div#middlehome div.matches table th.c4 {
				width: 160px;
			}

			div#middlehome div.matches table th.c5 {
				width: 135px;
			}

			div#middlehome div.matches table td {
				border-bottom: solid 1px #e0e0e0;
				padding: 6px 0;
			}

	/* Content :: middle
	----------------------------------------------------------------*/
		div#middle {
			position: relative;
			width: 579px;
			margin: 0 24px;
			float: left;
		}

		div#middle div.errors {
			color: #c1232d;
		}

		/* Content :: middle :: news
		----------------------------------------------------------------*/
			div#middle table.news td {
				vertical-align: top;
			}

			div#middle table.morenews td {
				vertical-align: top;
			}

			div#middle div.back a {
				padding: 0 0 0 10px;
				background: url(/css/images/icn_arr-back.jpg) no-repeat 0 4px;				
			}

			div#middle h3.date {
				font-size: 11px;
				padding-bottom: 4px;
			}

			div#middle table.news td.readmore {
				padding: 5px 0 0 20px;
			}

			div#middle table.news td.readmore a.readmore {
				padding: 0 10px 0 0;
				background: url(/css/images/icn_arr-front.jpg) no-repeat right 4px;
			}
			
			div#middle div.chain {
				padding: 5px 0;
			}

		/* Content :: middle :: banner
		----------------------------------------------------------------*/
			div#middle div.banner {
				position: relative;
				width: 579px;
				text-align: center;
				margin-bottom: 20px;
			}

		/* Content :: middle :: standen data
		----------------------------------------------------------------*/
			div#middle table.sdata th {
				text-align: left;
				color: #004895;
				font-size: 12px;
				font-weight: normal;
				padding: 3px 2px;
			}

			div#middle table.sdata td {
				text-align: center;
				padding: 3px 0;
			}

		/* Content :: middle :: wedstrijdschema data
		----------------------------------------------------------------*/
			div#middle table.wdata th {
				text-align: left;
				color: #004895;
				font-size: 12px;
				font-weight: normal;
				padding: 3px 2px;
			}

			div#middle table.wdata td {
				padding: 3px 0;
			}

		/* Content :: middle :: comments
		----------------------------------------------------------------*/
			div#middle table.comments {
			}

			div#middle table.comments th {
				text-align: left;
				vertical-align: top;
				padding-right: 20px;
				padding-bottom: 4px;
			}

			div#middle table.comments td {
				text-align: left;
				vertical-align: top;
				padding-bottom: 4px;
			}

			div#middle table.comments td.smilies {
				padding-left: 10px;
				width: 125px;
			}

			div#middle table.comments td.smilies img {
				padding: 0 4px 4px 0;
				cursor: pointer;
			}

			div#middle div.comment {
				position: relative;
				padding: 0 0 10px 0;
			}

			div#middle div.comment td {
				vertical-align: top;
			}

			div#middle div.comment td.content {
				padding: 6px 0;
			}

			div#middle div.comment td.date {
				color: #004895;
				font-size: 10px;
			}

			div#middle table.commentspagination {
				width: 100%;
			}

			div#middle table.commentspagination td {
				width: 33%;
			}

			div#middle table.comment {
				width: 100%;
			}

			div#middle table.comment th {
				text-align: left;
				font-weight: bold;
				font-size: 12px;
				color: #004895;
				border-bottom: solid 1px #e0e0e0;
			}

			div#middle table.comment td.spacer {
				width: 12px;
			}

			div#middle table.comment td {
				vertical-align: top;
			}

			div#middle table.comment td.name {
				font-weight: bold;
				width: 156px;
			}

			div#middle table.comment td.date {
				color: #004895;
				font-size: 11px;
				padding: 15px 0;
				border-bottom: solid 1px #e0e0e0;
			}

			div#middle table.comment td.icons {
				padding: 15px 0;
				border-bottom: solid 1px #e0e0e0;
			}

		/* Content :: middle :: photos
		----------------------------------------------------------------*/
			div#middle table.photos td {
				vertical-align: top;
				padding-right: 15px;
			}
	
			div#middle table.photos td img {
				padding: 2px;
				border: 1px solid #ccc;
			}
	
			div#middle a.readmore {
				padding: 0 10px 0 0;
				background: url(/css/images/icn_arr-front.jpg) no-repeat right 4px;
			}

		/* Content :: middle :: comments
		----------------------------------------------------------------*/
			div#middle div.searchcontent a strong {
				color: #c1232d;
			}

			div#middle div.searchcontent a.link {
				font-weight: normal;
				font-size: 10px;
				color: #004895;
			}

			div#middle div.searchcontent a.link:hover {
				color: #c1232d;
			}

			div#middle div.searchcontent div.content {
				padding: 10px 0;
				font-size: 11px;
			}

			div#middle div.searchcontent div.date {
				font-size: 10px;
			}

	/* Content :: middlefull
	----------------------------------------------------------------*/
		div#middlefull {
			position: relative;
			width: 761px;
			margin: 0 24px;
			float: left;
		}

		div#middlefull h3.date {
			font-size: 11px;
			padding-bottom: 4px;
		}

		div#middlefull h3.fototitle {
			font-size: 20px;
			color: #004895;
			text-transform: uppercase;
			font-weight: bold;
		}

		div#middlefull h3.fototitle span {
			font-size: 20px;
			color: #c1232d;
			text-transform: uppercase;
			font-weight: bold;
		}

		div#middlefull div.back a {
			padding: 0 0 0 10px;
			background: url(/css/images/icn_arr-back.jpg) no-repeat 0 4px;				
		}


	
	/* Content :: right1
	----------------------------------------------------------------*/
		div#right1 {
			position: relative;
			width: 154px;
			float: left;
		}

		div#right1 table.birthday td {
			font-size: 11px;
			padding: 3px 0;
		}

		/* Content :: right1 :: scores
		------------------------------------------------------------*/
			div#right1 table {
				width: 154px;
			}

			div#right1 table th {
				text-align: left;
				color: #004895;
				font-size: 12px;
				font-weight: normal;
				padding: 3px 2px;
			}

			div#right1 table th.c1 {
			}

			div#right1 table th.c2 {
				width: 45px;
				text-align: right;
			}

			div#right1 table td.c1 {
				padding: 3px 2px;
			}

			div#right1 table td.c1 a {
				font-weight: normal;
			}

			div#right1 table td.c2 {
				text-align: right;
				padding: 3px 2px;
				font-weight: bold;
			}

			div#right1 div.standenselect {
				position: relative;
				padding-bottom: 10px;
			}
			
			div#right1 div.standenselect img {
				padding-right: 3px;
			}

			div#right1 div.standenselect img.last {
				padding: 0;
			}

	/* Content :: right2
	----------------------------------------------------------------*/
		div#right2 {
			position: relative;
			width: 118px;
			float: right;
		}

	/* Content :: right3
	----------------------------------------------------------------*/
		div#right3 {
			position: relative;
			width: 182px;
			float: right;
		}

/* Search
----------------------------------------------------------------*/
	div.search {
		position: relative;
	}

	div.search input {
		width: 129px; /* 141px */
		height: 18px; /* 22px */
		border: 0;
		border-bottom: solid 1px #b4c3cb;
		border-right: solid 1px #b4c3cb;
		padding: 4px 4px 0 8px;
		background: url(/css/images/bg_input.jpg) no-repeat;
	}

	div.search a img {
		vertical-align: bottom;
	}

/* Footer
----------------------------------------------------------------*/
	div#footer {
		position: relative;
		width: 1034px;
		left: -17px;
		height: 90px;
		background: url(/css/images/bg_footer.jpg) no-repeat;
	}

	div#footer div#footerleft {
		position: absolute;
		left: 17px;
		top: 25px;
	}

	div#footer div#footerleft ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}

	div#footer div#footerleft ul li {
		float: left;
		color: #999999;
		font-size: 11px;
		padding: 0 5px;
	}

	div#footer div#footerleft ul li a {
		color: #999999;
		font-size: 11px;
		text-decoration: none;
	}

	div#footer div#footerleft ul li a:hover {
		text-decoration: underline;
	}

	div#footer div#footerright {
		position: absolute;
		top: 25px;
		right: 17px;
		color: #999999;
		font-size: 11px;
	}

	div#footer div#footerright a {
		color: #999999;
		font-size: 11px;
		text-decoration: none;
	}

	div#footer div#footerright a:hover {
		text-decoration: underline;
	}

/* Formelements
--------------------------------------------------------------------*/

	input.medium {
		width: 200px;
		height: 18px; /* 22px */
		border: 0;
		border-bottom: solid 1px #b4c3cb;
		border-right: solid 1px #b4c3cb;
		padding: 4px 4px 0 8px;
		background: url(/css/images/bg_input.jpg) no-repeat;
	}

	textarea.medium {
		width: 200px;
		height: 110px;
		border: 0;
		border-bottom: solid 1px #b4c3cb;
		border-right: solid 1px #b4c3cb;
		padding: 4px 4px 0 8px;
		background: url(/css/images/bg_input.jpg) no-repeat;
	}

	input.error, textarea.error {
		border-bottom: solid 1px #c1232d;
		border-right: solid 1px #c1232d;
	}

/* Other
--------------------------------------------------------------------*/

	div.line {
		position: relative;
		width: 100%;
		height: 1px;
		margin-bottom: 20px;
		background-color: #e0e0e0;
	}

	div.clear {
		clear: both;	
	}


/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 154px;
    height: 75px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}




div#middlefull div.content {
	/* The display of content is enabled by a javascript generated style on the page.
	   This is so that the slideshow content won't display unless javascript is enabled. */
	display: none;
	float: right;
	width: 506px; 
}
div#middlefull div.content a, div.navigation a {
	text-decoration: none;
	color: #777;
}
div#middlefull div.content  a:focus, div.content  a:hover, div.content  a:active {
	text-decoration: underline;
}
div#middlefull div.controls {
	margin-top: 5px;
	height: 23px;
}
div#middlefull div.controls a {
	padding: 5px;
}
div#middlefull div.ss-controls {
	float: left;
}
div#middlefull div.nav-controls {
	float: right;
}

div#middlefull div.loader {
	background-image: url('/css/images/loader.gif');
	background-repeat: no-repeat;
	background-position: center;
	width: 500px;
	height: 350px
}
div#middlefull div.slideshow {
	clear: both;
}
div#middlefull div.slideshow span.image-wrapper {
	/*float: left;*/
	padding-bottom: 12px;
	text-align: center;
	
}
div#middlefull div.slideshow a.advance-link {
	padding: 2px;
	display: block;
	border: 1px solid #ccc;
}
div#middlefull div.slideshow img {
	border: none;
	display: block;
	margin: 0 auto;
}
div#middlefull div.download {
	float: right;
}
div#middlefull div.embox {
	clear: both;
	border: 1px solid #ccc;
	background-color: #eee;
	padding: 12px;
	margin: 5px 0 0 0;
}
div#middlefull div.image-title {
	font-weight: bold;
	font-size: 1.4em;
}

div#middlefull div.image-desc {
	line-height: 1.3em;
	padding-top: 12px;
}
div#middlefull div.navigation {
	/* The navigation style is set by a javascript generated style on the page.
	   This is so that the javascript specific styles won't be applied unless javascript is enabled. */
}
div#middlefull ul.thumbs {
	clear: both;
	margin: 0;
	padding: 0;
}
div#middlefull ul.thumbs li {
	float: left;
	padding: 0;
	margin: 5px 10px 5px 0;
	list-style: none;
}
div#middlefull a.thumb {
	padding: 2px;
	display: block;
	border: 1px solid #ccc;
}
div#middlefull ul.thumbs li.selected a.thumb {
	background: #000;
}
div#middlefull a.thumb:focus {
	outline: none;
}
div#middlefull ul.thumbs img {
	border: none;
	display: block;
}
div#middlefull div.pagination {
	clear: both;
}
div#middlefull div.navigation div.top {
	margin-bottom: 12px;
	height: 11px;
}
div#middlefull div.navigation div.bottom {
	margin-top: 12px;
}
div#middlefull div.pagination a, div.pagination span.current {
	display: block;
	float: left;
	margin-right: 2px;
	padding: 4px 7px 2px 7px;
	border: 1px solid #ccc;
}
div#middlefull div.pagination a:hover {
	background-color: #eee;
	text-decoration: none;
}
div#middlefull div.pagination span.current {
	font-weight: bold;
	background-color: #000;
	border-color: #000;
	color: #fff;
}

/* Minimal Gallery Styles */
div#middlefull #thumbs-min ul.thumbs li {
	float: none;
	padding: 0;
	margin: 0;
	list-style: none;
}

div#middlefull #thumbs-min a.thumb {
	padding: 0px;
	display: inline;
	border: none;
}

div#middlefull #thumbs-min ul.thumbs li.selected a.thumb {
	background: inherit;
	color: #000;
	font-weight: bold;
}