/* CSS Document t.b.v. de gespot pagina's */
.gespot #kolom_links .breed {	
	overflow:hidden;
}
.gespot_overzicht {
	position:relative;
	clear:right;
	width:575px;
	margin-left:12px;
	margin-bottom:40px;
	background:url(/images/bg_gespotoverzicht.png) no-repeat left bottom;
}
.gespot_overzicht.cleanbg {
	background:none;
	margin-bottom:0px;
	margin-top: 6px;
}
/* vorige volgende links voor gespot detailpagina */
.gespot ul.meer {
	margin-bottom:18px;
	margin-left:12px;
	overflow:hidden;
	width:575px;
}
.ie6 .gespot ul.meer {
	padding-bottom:12px;
}
.gespot ul.meer a {
	color:#222;	
}
.gespot ul.meer a:hover {
	color:#db0f17;
}
.gespot ul.meer li.vorig {
	float:left;
	width:265px;
	padding-left:18px;
	margin-right:22px;
	background:url(/images/sprite_gespot.png) no-repeat left -215px;
}
.gespot ul.meer li.volgend {
	float:right;
	width:260px;
	background:url(/images/sprite_gespot.png) no-repeat right -215px;	
}
.gespot ul.meer li.volgend a {
	clear:left;
	float:right;
	text-align:justify;
	padding-right:16px;
}
/* einde gespot vorige volgende links*/
.gespot h1 {
	margin-right:8px;
	display:inline;
	width: 520px;
	x line-height:30px;
}
.gespot h1 a:hover {
	color:#db0f17;
}
.reactieaantal {
	vertical-align:0.1em;
}
.datumtijd {	
	float:left;
	max-width:150px;
	font-size:11px;
	margin-top:12px;
}
ul.categorie {
	float:right;
	margin-top:12px;
	margin-bottom:5px;
	width:auto;
}
ul.categorie li {
	float:right;
	font-size:12px;
	font-weight:bold;
	line-height:18px;
	margin-left:3px;
	background-color:#db0f17;
}
ul.categorie li a {
	color:#fff;
	margin-left:4px;
	margin-right:4px;
	text-transform: capitalize;
}
ul.categorie li a:hover {
	color:#222;
}
.hoofdfoto,
.hoofdvideo{
	clear:both;
	width:575px;
	position:relative;
	margin-bottom:8px;	
	background-color:#f2f2f2;
}
.hoofdvideo {
	height:363px;
}
#gespotplayer {
	width:575px;
	height:363px;
	margin-bottom:40px;
}
a.foto img {
	margin-left: auto;
    margin-right: auto;
}
a.lightboxlink {
	position:absolute;
	right:3px;
	bottom:3px;
	z-index:10;
}
a.lightboxlink img {
	width:23px;
	height:16px;
}
.hoofdvideo a.play_img {
	position:absolute;
	left:261px;
	top:155px;
	width:50px;
	height:50px;
}
ul.thumbs {
	width:582px;
	margin-bottom:12px;
	overflow:auto;
}
.ie6 ul.thumbs {
	width:590px;
}
ul.thumbs li {
	width:75px;
	height:75px;
	float:left;
	margin-right:8px;
	margin-bottom:8px;
}

/* fotografen avatar komt later, deze css kan gebruikt dan
.inzenders {
	float:left;
	width:53px;
	margin-left:22px;
	margin-right:22px;
	overflow:auto;
}
.ie6 .inzenders {
	margin-left: 11px;
}
.inzenders img {
	margin-bottom:8px;
}*/
.tekst {
	font-size:1.2em;
	line-height:1.4em;
	/* aan als de fotografen avatar er is float:left;*/
	width:540px;
	padding-bottom:12px;
}
.tekst p {
	margin-left:12px;
	margin-bottom:8px;	
}
.cleanbg .tekst p {
	margin-left:0px;
	margin-bottom:12px;
}
.tekst p a {
	font-weight:bold;
	color:#DB0F17;
	text-decoration:underline;
}
.tekst p a:hover {
	color:#db0f17;
}
.tekst a.oldgespotvideo{
	background-image:url(/images/bekijk_video.gif);
	background-repeat:no-repeat;
	border:1px solid #EEEEEE;
	display:block;
	height:20px;
	margin:2px;
	text-indent:-1000px;
	width:120px;
	clear:right;
}
.gespot .nav_archief.top {
	margin-right:20px;
	padding-bottom:12px;
}
.gespot .nav_archief.bottom {
	margin-right:20px;
	margin-top:-20px;
}
.ie6 .gespot .nav_archief.top {
	margin-right:8px;
	padding-bottom:12px;
}
.ie6 .gespot .nav_archief.bottom {
	margin-right:8px;
	margin-top:-20px;
}