/* CSS Document */

img, div, li { behavior: url(../htc-png/iepngfix.htc) }


#medailles {
	position: relative;
	display: none;
	width: 194px;



	background-image:url("../img/medailles/bg.gif");
	background-repeat: no-repeat;
	background-color: #00648f;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;	
	
	text-align: left;
}
	
	
	
	#scroller {
		display: block;
		width: 194px;
		position: relative;
		overflow: hidden;
	}
		#scroller_container {
			display: block;
			z-index: 1;
			width: 3000px;
			margin-left: 0px;
		}
		#scroller_navigatie {
			position: absolute;
			z-index: 2;
			height: 13px;
			top: 167px;
			width: 194px;
		}
			#scroller_navigatie #prev {
				float: left;
				display: block;
				margin-left: 10px;
				width: 13px;
				height: 13px;
				background-image:url("../img/medailles/prev.gif");
				background-repeat: no-repeat;
				background-position: 0 0;
				cursor: pointer;
				
				display: none;
			}
			#scroller_navigatie #prev:hover {
					background-position: 0 -13px;
			}
			#scroller_navigatie #next {
				float: right;
				display: block;
				margin-right: 10px;
				width: 13px;
				height: 13px;
				background-image:url("../img/medailles/next.gif");
				background-repeat: no-repeat;
				background-position: 0 0;
				cursor: pointer;	
			}
			#scroller_navigatie #next:hover {
					background-position: 0 -13px;
			}

		#scroller .zwemmer {
			width: 194px;
			float: left;
			
			margin: 0px;
			padding: 0px;	
			
			font-size: 11px;
			font-weight: bold;
			color: #FFFFFF;	
		}
		
		
		#scroller .zwemmer .foto {
			margin: 0px;
			padding: 0px;
		}
		
		#scroller .zwemmer .naam {
			height: 25px;
			text-align: center;
			font-size: 12px;
			line-height: 24px;
			overflow: hidden;
			text-transform:uppercase;
		}
		
		#scroller .zwemmer .jaren {
			display: block;
			width: 184px;
			text-align: left;
			margin-left: 10px;
			margin-top: 10px;
			margin-bottom: 10px;
		}





		#accordion {
			clear:both;
			display: block;
			position: relative;
		
			width: 194px;
			top: 10px;
		}
			#accordion h3 {
				margin: 0px;
				padding: 0px;
			}
			#accordion h3 a {
				padding-left: 10px;
				padding-top: 4px;
				height: 20px;
			}
			#accordion .naam {
				float: left;
				width: 123px;
				height: 20px;
				font-size: 11px;
				line-height: 11px;
			}



				#scroller .jaar,
				#accordion .jaar {
					clear: both;
					float: left;
					width: 30px;
				}
				#scroller .vlag,
				#accordion .vlag {
					float: left;
					width: 21px;
				}
				#scroller .stad,
				#accordion .stad {
					float: left;
					width: 72px;
				}

					#scroller .vlaggen,
					#accordion .vlaggen {
						float: left;
						width: 56px;
						text-align:right;
						margin-bottom: 8px;

					}
						#scroller .vlaggen img,
						#accordion .vlaggen img {
							margin: 0px;
							padding: 0px;
						}

#accordion .padding {
	padding-top: 10px;
	margin-bottom: 10px;
}