@import url(/include/css/editor.php);

/*** COLORS
#f1ab15		Orange			Nav line, Date block, ..
#0c578f		Blue			Nav text, ..
#c7e5f2		Light Blue		Background
#ededed		Light ray		Home block background
*/

body {
	background:#c7e5f2 url('/image/bg-gradient.jpg') left top repeat-x;
	}

#shadow {
	width:987px;
	margin:0 auto;
	background:url('/image/shadow.png') left top repeat-y;
	}
	#shadowBottom {
		background:url('/image/shadow-footer.gif') center bottom no-repeat;
		padding:0px 7px 6px 7px;
		}

/* HEADER */

#header {
	padding-top:10px;
	}
	#topofsite {
		height:76px;
		}
		h1#logo {
			margin-left:35px;
			margin-top:5px;
			width:231px;
			height:70px;
			float:left;
			}
		h1#logo a {
			display:block;
			text-decoration:none;
			background:url('/image/marathonzeeland.gif') left top no-repeat;
			}
		h1#logo span {
			visibility:hidden;
			}
		#mainSponsors {
			float:right;
			width:auto;
			}
		#mainSponsors a {
			padding-left:5px;
			display:block;
			float:left;
			background:url('/image/dot.gif') left top repeat-y;
			height:70px;
			}
		#mainSponsors a img {
			display:block;
			margin-left:10px;
			margin-right:10px;
			}


	/* NAVIGATION AND SEARCH */

	#navigation {
		height:39px;
		background:url('/image/bg-nav.gif') left bottom repeat-x;
		}
	#searchForm {
		width:110px;
		height:30px;
		padding-top:9px;
		float:right;
		overflow:hidden;
		}
		#searchQuery, #q {
			width:72px;
			border:1px solid #0c578f;
			height:15px;
			line-height:15px;
			font-size:100%;
			margin-right:3px;
		/*	color:#cccccc;*/
			text-indent:0px;
			padding:2px;
			}
		#topSearchBtn {
			width:19px;
			height:19px;
			}


	/* VISUAL */
	#attention {
		/*
		width:82px;
		height:82px;
		margin-top:180px;
		margin-left:44px;
		background:url(/image/attentie2.gif) top left;
		*/
		background:url(/image/attentie4.gif) top left;
		width: 223px;
		height: 122px;
		position:absolute;
		margin-top: 189px;
		margin-left: 19px;

	}
	#attention a {
		display:block;
		text-indent:-999em;
		/*
		width:82px;
		height:82px;
		*/
		width: 223px;
		height: 148px;
		}
	#attentionbb {
		width: 288px;
		height: 121px;
		position:absolute;
		margin-top: 187px;
		margin-left: 17px;
	}
		#attentionbb.beeldenbank	{background:url(/image/index_beeldenbank2009.png) no-repeat top left;}
		#attentionbb.startbewijs	{background:url(/image/banner_startbewijs.png) no-repeat top left;}
		#attentionbb.slideshow		{background:url(/image/banner_slideshow.png) no-repeat top left;}
		
	#attentionbb a {
		display:block;
		text-indent:-999em;
		width: 288px;
		height: 121px;
		}
	/* SUBNAV */

	#subnav {
		list-style:none;
		margin:17px 0px 0px 0px;
		}
	#subnav li {
		background:url('/image/dot.gif') left bottom repeat-x;
		padding-bottom:2px;
		}
	#subnav a {
		text-decoration:none;
		}
	#subnav li.active a {
		font-weight:bold !important;
		color:#f1ab15;
		}

	#login {
		margin-top:20px;
	}
	#login th {
		font-weight:bold;
		color:#f1ab15;
	}
	/* VISUAL */

	.home #visual {
		background:url('/image/visual.jpg') 0px 0px no-repeat;
		height:250px;
		}
	#visual {
		background:url('/image/visual.jpg') bottom no-repeat;
		height:115px;
		margin-bottom:10px;
		}


/* LAYOUT */

#container {
	background:#ffffff url('/image/bg-corner-btm.gif') center bottom no-repeat;
	padding:0px 1px 1px 1px;
	}

#wrapper {
	}
#content {
	min-height:400px;
	}


/* CONTENT - HOMEPAGE */

.home #content {
	}

#newsHome,
#banners {
	background-color:#ededed;
	margin-top:28px;
	float:left;
	overflow:hidden;
	height:470px;
	}
	
#newsHome #twitHeading {
	font-size: 18px;
	margin-top: 15px;
	font-weight: normal;
	padding-bottom: 5px;
	}
#twitter {
	height: 155px;
	margin-bottom: 5px;
	border-bottom: 1px dotted gray;
	overflow: hidden; 
	}
.tweet { 
	border-bottom: 1px dotted gray;
	margin-bottom: 4px; 
	padding-bottom: 5px; 
	}
.newtweets { 
	height: 0px; 
	overflow: hidden; 
	}
.linkHash { 
	font-weight: bold; 
	}
.linkTwtr { 
	color: #ffffff;
	text-decoration: none; 
	font-weight: bold; 
	padding: 0px 2px;
	background: #0c578f;
	}
p.twitterLink a {
	padding-left:10px;
	background:url('/image/arrow.gif') 0px 5px no-repeat;
	text-decoration: none;
	}

#newsHome {
	width:345px;
	margin-left:22px;
	padding:0px 5px 0px 15px;
	}
#newsHome h2 {
	font-size:100%;
	}
#newsHome div.newsItem {
	margin-top:25px;
	width:150px;
	height:260px;
			height:120px;
			overflow: hidden;
	float:left;
	}
#newsHome div.first {
	padding-right:20px;
	margin-right:20px;
	background:url('/image/dot.gif') 168px 0px repeat-y;
	}
	#newsHome .date {
		background:#f1ab15;
		display:inline;
		padding:0px 1px;
		color:#ffffff;
		}

#newsList {
	clear:both;
	padding-top:20px;
	height:150px;
	}
	#newsList ul {
		list-style:none;
		margin-left:0px;
		}


body.home #contestList {
	background:url('/image/bg-contest-list.gif') center top no-repeat;
	width:253px;
	height:500px;
	padding:29px 20px;
	float:left;
	}
	#contestList h2 {
		font-size:95%;
		padding:3px 5px;
		background:#cccccc;
		text-transform:uppercase;
		line-height:1;
		}
	#contestList table {
		border-collapse:collapse;
		width:100%;
		margin:11px 0px;
		}
	body.home #contentList table {
		width:253px;
	}
	#contestList td {
		padding:0px 5px;
		background:url('/image/dot.gif') left bottom repeat-x;
		line-height:1.6;
		}
	#contestList td.name {
		width:80%;
		}
	#listFemale {
		margin-top:20px;
		}
	#contestList p.readmore {
		text-align:right;
		}

#m
/* CONTENT - FOTOALBUM */

#fotoalbumOverzicht table th.first, #fotoalbumOverzicht table td.first {
	padding-left:0px;
	background:none;
}
#fotoalbumOverzicht table th, #fotoalbumOverzicht table td {
	padding-left:10px;
	padding-right:10px;
	background:url(/image/dot.gif) left top repeat-y;
}
#fotoalbumOverzicht table th.first, #fotoalbumOverzicht table td.first {
	padding-left:0px;
	padding-right:10px;
	background:none;
}
#fotoalbumOverzicht table th div {
	width:80px;
}

#fotoalbumOverzicht table tr.seperator td {
	padding-left:0px;padding-right:0px;
}
#fotoalbumOverzicht table tr.seperator td.first {
	padding-left:0px;
}
#fotoalbumOverzicht table tr.seperator td div {
	width:100%;
	height:2px;
	background:url(/image/dot.gif) left top repeat-x;
	margin-top:5px;
	margin-bottom:5px;
}

#fotoalbumDetail {
	padding-left:1px;
}
#fotoalbumDetail .tekst {
	margin-bottom:20px;
}
#fotoalbumFotooverzicht td {
	padding:10px;
}
#fotoalbumFotooverzicht td img {
	border:1px solid #000;
}

/* CONTENT - NIEUWSOVERZICHT */

#nieuwsoverzicht .nieuwsbericht {
	padding-bottom:10px;
	margin-bottom:10px;
	background:url('/image/dot.gif') left bottom repeat-x;
}

#nieuwsoverzicht .nieuwsbericht .afbeelding {
	width:119px;
	min-height:30px;
	padding-right:10px;
	float:left;
}

#nieuwsoverzicht .nieuwsbericht .afbeelding img {
	border:1px solid #000;
}

#nieuwsoverzicht .nieuwsbericht .titel {
	float:left;
	width:480px;
	font-weight:bold;
}

#nieuwsoverzicht .nieuwsbericht .tekst {
	float:left;
	width:480px;
}

#nieuwsberichtdetail #nieuwsnavigatiecontainer, #forumnavigatiecontainer {
	width:100%;
	background-color:#CCC;
	margin-bottom:10px;
}
#nieuwsberichtdetail #nieuwsnavigatie, #forumnavigatie {
	width:300px;
	margin:0 auto;
	height:18px;
}

#forumnavigatie {
	width:auto;
}
#nieuwsberichtdetail #nieuwsnavigatie .nieuwsvorige {
	width:100px;
	height:18px;
	text-align:right;
	float:left;
}
#nieuwsberichtdetail #nieuwsnavigatie .nieuwsoverzicht, #forumnavigatie .overzicht {
	width:100px;
	height:18px;
	text-align:center;
	float:left;
}
#forumnavigatie .overzicht {
	width:auto;
}
#nieuwsberichtdetail #nieuwsnavigatie .nieuwsvolgende {
	width:100px;
	height:18px;
	text-align:left;
	float:left;
}

#nieuwsberichtdetail .titel {
	font-weight:bold;
}

#nieuwsberichtdetail img {
	margin-top:5px;
	margin-bottom:5px;
}

#nieuwsberichtdetail a.terug {
	display:block;
	margin-top:10px;
}

/* CONTENT - SPONSORS */

#sponsorlijst h2 {
	font-size:95%;
	padding:3px 5px;
	background:#cccccc;
	text-transform:uppercase;
	line-height:1;
	}

tr.sponsorlogos {

}
tr.sponsorlogos td {
	text-align:center;
	vertical-align:middle;
	background: url(/image/dot.gif) right top repeat-y;
	padding-left:10px;
	padding-right:10px;
	width:25%;
}
tr.sponsorlogos td.sponsorlogo1 {
	padding-left:0;
}
tr.sponsorlogos td.sponsorlogo4 {
	background:none;
	padding-right:0;
}

.sponsorteksten td.sponsorteksten_seperator {
	background:url(/image/dot.gif) top center repeat-y;
	width:50px;
}

.sponsorteksten td.sponsorteksten_seperator div {
	width:50px;
	height:10px;
}

.sponsorteksten td.sponsorteksten1, .sponsorteksten td.sponsorteksten2 {
	width:50%;
}
.sponsorteksten td.sponsorteksten1 {
	padding-left:5px;
}
.sponsortekst {
	padding-top:10px;
	padding-left:5px;
}
/* BANNERS */

#banners {
	width:263px;
	padding-right:10px;
	}
	#banners.bannersContent {
		height:auto;
	}
	#banners h2 {
		width:263px;
		height:105px;
		margin-top:10px;
		}
	#banners a {
		display:block;
		text-indent:-999em;
		width:263px;
		height:105px;
		}
	#banner1 {
		background:url('/image/banner_1.jpg') left top no-repeat;
		}
	#banner2 {
		background:url('/image/banner_2.jpg') left top no-repeat;
		}
	#banner3 {
		background:url('/image/banner_3.jpg') left top no-repeat;
		}
	#banner4 {
		background:url('/image/banner_4.jpg') left top no-repeat;
		}

/* CONTENT - GENERATOR PAGE */

#contentBg {
	background:url('/image/bg-content-repeat.gif') right top repeat-y;
	}
#contentBgTop {
	background:url('/image/bg-content-top.gif') right top no-repeat;
	}
#contentBgBottom {
	background:url('/image/bg-content-bottom.gif') right bottom no-repeat;
	padding:29px 22px;
	overflow:auto;
	}
	#contentBgBottom.nosidebar {
		background: none;
	}

#generator {
	width:625px;
	float:left;
	padding:0px;
	}
	#generator.nosidebar {
		width: auto;
	}

#sidebar {
	width:262px;
	float:right;
	/*padding:10px;*/
	margin: 10px 10px 10px 0;
	display: inline;
	}


/* FOOTER */

#sponsors {
	clear:both;
	margin:0px 22px 22px 22px;
	height:55px;
	padding:42px 0px 0px 0px;
	background:url('/image/bg-sponsors-home.gif') left 40px repeat-x;
	text-align:center;
	}
#sponsors a {
	margin-left:50px;
	}
#sponsors a.first {
	margin-left:0px;
	}

#footer {
	height:33px;
	padding-top:30px;
	background:url('/image/footer.jpg') center bottom no-repeat;
	text-align:right;
	}
	#footer p {
		color:#ffffff;
		padding-right:30px;
		}
	#footer a {
		color:#ffffff;
		text-decoration:none;
		}
	#footer a.nedbase {
		color:#f1ab15;
		}


/* BASIC STYLES */

.readmore a,
.list a,
#subnav a {
	padding-left:10px;
	background:url('/image/arrow.gif') 0px 5px no-repeat;
	}
	.list a {
		display: block;
	}

.clear {
	display:block;
	clear:both;
	height:1px;
	}

.notdone {
	/* border:1px solid red !important; */
	background:pink !important;
	}
	
img.inline {
	vertical-align: middle;
	}


/* <div class="verticalalign"><div><div><!-- element dat gecentreerd moet --></div></div></div> */
.verticalalign { height:70px; }
.verticalalign { display: table;  overflow: hidden; text-align:left; }
.verticalalign * { display: table-cell; vertical-align: middle; overflow:visible; }
.verticalalign * * { display:auto; vertical-align:none; }

.small {
	font-size:9px;
}

/******************************** SLIDESHOW ********************************/
#slideShowOverlay {
	width:100%;
	height:1200px;
	_height: 1200px; /*ie6*/
	display: block;
	position:absolute; /*fixed*/
	left:0pt;
	top:0pt;
	z-index:9998;
	background:black;
	background: #000000;
	opacity: .75;
}
#slideShowOverlayWindow {
	width: 650px; 
	margin: -290px 0 0 -325px;
	display: block;
	position:absolute;
	left:50%;
	top:50%;
	z-index:9999;
	background: white;
}
#slideShowOverlayWindow a.close {
	display: block;
	width: 25px;
	height: 29px;
	background: url(/image/close.png) no-repeat top left;
	text-indent: -999em;
	position: absolute;
	right: -10px;
	top: -10px;
}
#slideshow {
	/*background: #ededed url(/image/slideshow_box_bg.gif) 0px -10px repeat-x;*/
	padding: 10px 0;
	margin: 10px 0 5px 0;
   /* height:470px;*/
	overflow: auto;
}
	span.slideshowbottom {
		display: block;
		height: 10px 0 0 0;
		/*background: transparent url(/image/slideshow_box_bg.gif) 0px 0px repeat-x;*/
	}
	#slideshow .photobox {
		display: block;
		position:relative;
		/*background: transparent url(/image/slideshow_photo_bg_side.gif) 0px 0px repeat-y;*/
		width: 609px;
		height: 460px;
		margin: 0 auto;
	}
		#slideshow .photobox .top {
			display: block;
			/*background: transparent url(/image/slideshow_photo_bg.gif) 0px -9px no-repeat;*/
			height: 6px;
		}
		#slideshow .photobox .bottom {
			display: block;
			position: absolute;
			bottom: 0;
			/*background: transparent url(/image/slideshow_photo_bg.gif) 0px 0px no-repeat;*/
			height: 9px;
			width: 609px;
		}
		
#slideshow IMG {
	width: 597px;
	height:448px;
    position:absolute;
    top:6px;
    left:6px;
    z-index:8;
}

#slideshow IMG.active {
    z-index:10;
}

#slideshow IMG.last-active {
    z-index:9;
}

#slideshow #captionWrapper	{
	position: absolute;
	top: 350px;
	left: 6px;
	height: 56px;
	width: 597px;
	background: url(/image/slideshow_bar.png) 0px 0px no-repeat;
	z-index: 50;
	}

#slideshow #captionWrapper #counter	{
	position: absolute;
	right: 10px;
	font-size: 2em;
	line-height: 56px;
	}

#slides	{
	left: 6px;
	}
/**************************** END SLIDESHOW ********************************/

/**************************** LOGO SCROLLER ********************************/

.tickercontainer { /* the outer div with the black border */
	/*background: orange;*/
	display: block;
	height: 138px; 
	margin: 0; 
	padding: 0;
	overflow: hidden; 
}
	.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
		height: 138px; 
		position: relative;
		left: 0px;
		top: 0px;
		display: block;
		overflow: hidden;
		}
ul.newsticker { /* that's your list */
	position: relative;
	height: 138px;
	left: 0;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
	ul.newsticker li {
		display: block;
		float: left; /* important: display inline gives incorrect results when you check for elem's width */
		margin: 0 30px;
		padding: 0;
	}
	ul.newsticker a {
		display: table;
		height: 138px;
		line-height: 138px;
		padding: 1px;
	}
		ul.newsticker a img {
			line-height: 138px;
			vertical-align: middle;		
		}
	ul.newsticker span {
		margin: 0;
	} 


/**************************** END LOGO SCROLLER ****************************/

#piccontainer {
	margin: 0 auto; 
	position: relative;
}
#watermerk {
	position: absolute;
	top: 0px;
	left: 0px;
	background: url(/image/watermerk.png);
}