body {
	background-image:url(../images/background.jpg);
	background-repeat:repeat-x;
	background-color:#f1f7fc;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	font-family:"trebuchet ms", Verdana;
	font-size:12px;
	color:#000000;
	text-align:center;
	}
	
#container {
	position:relative;
	width:979px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	}
	
#top {
	position:relative; left:0px; top:0px;
	width:979px;
	height:172px;
	background-image:url(../images/header.jpg);
	background-repeat:no-repeat;
	}
	
#topflash {
	position:absolute; left:326px; top:0px;
	height:150px;
	width:442px;
	}	
	
#logo {
	position:absolute; left:60px; top:30px;
	height:100px;
	width:240px;
	}

#inloggen {
	position:absolute; left:767px; top:11px;
	height:123px;
	width:178px;
	background-image:url(../images/loginbackHelden.jpg);
	background-repeat:no-repeat;
	color:#FFFFFF;
	padding-left:20px;
	padding-top:11px;
	}
	
#inloggen input {
	font-size:12px;
	padding-left:3px;
	padding-bottom:2px;
	padding-top:1px;
	height:14px;
	border:1px solid #a5bbcf;
	}
	
#inloggen input:focus  {
	background-color:#fffeec;
	border:1px solid #a5bbcf;	
	}	
	
.inlogbutton {
	width:108px;
	height:25px;
	display:block;
	border:0px solid #FFFFFF;
	background-image:url(../images/btn_inlog1.jpg);
	background-repeat:no-repeat;
	margin-top:6px;
	cursor:pointer;
	}
	
.inlogbutton:hover {
	background-image:url(../images/btn_inlog2.jpg);
	}
	
#inloggen a {
	color:#FFFFFF;
	text-decoration:none;
	}
	
#inloggen a:hover {					
	color:#d87f00;
	text-decoration:underline;
	}	 	
	

/* ------------------- MAIN ------------------*/
	
#main {
	position:relative; left:0px; top:0px;
	width:979px;
	background-color:#FFFFFF;
	background-image:url(../images/mainback.gif);
	background-repeat:repeat-y;
 	min-height:650px;
	height:auto !important;
	height:650px;
	margin-top:5px;
	margin-bottom:20px;
	padding-bottom:20px;
	padding-top:12px;
	}
	
#main_top {
	position:absolute; left:0px; top:0px;
	width:979px;
	height:26px;
	background-image:url(../images/maintop.gif);
	background-repeat:no-repeat;
	}
	
#main_bottom {
	position:absolute; left:0px; bottom:-7px;
	width:979px;
	height:12px;
	background-image:url(../images/mainbottom.gif);
	background-repeat:no-repeat;
	}
	
#banners {	
	position:relative;
	width:468px;
	height:60px;
	margin-left:170px;
	padding-top:60px;
	}
	
#banners img {
	border:0px;
	}	

#menu {
	position:absolute; left:1px; top:40px;
	height:385px;
	width:155px;
	background-image:url(../images/menuback.jpg);
	background-repeat:no-repeat;
	}
	
#menu ul {
	padding-left:12px;
	margin-left:0px;
	}	
	
#menu li {
	list-style:none;
	color:#005084;
	font-size:15px;
	font-weight:bold;
	margin-left:0px;
	padding-top:2px;
	padding-bottom:2px;
	}
	
#menu a {
	color:#005084;
	text-decoration:none;
	}
	
#menu a:hover {
	color:#d87f00;
	text-decoration:underline;
	}			

/* -----------------ALGEMENE DINGEN--------------*/

	
h1 {
	font-size:16px;
	color:#005084;
	margin-bottom:0px;
	margin-top:0px;
	}

h1 a {
	text-decoration:none;
	}
	
	
h2 {	
	font-size:13px;
	color:#005084;
	margin-bottom:0px;
	margin-top:0px;
	}
	
h2 a {
	text-decoration:none;
	}	
	
a {
	color:#005084;
	text-decoration:underline;
	}
	
a:hover { 		
	color:#d87f00;
	text-decoration:underline;	
	}
	
form {
	display:inline;
	}
	
input {
	font-size:13px;
	padding-left:3px;
	padding-bottom:2px;
	padding-top:2px;
	border:1px solid #a5bbcf;
	}
	
input:focus  {
	background-color:#fffeec;
	border:1px solid #a5bbcf;	
	}
	
textarea {	
	font-size:13px;
	padding-left:3px;
	padding-bottom:2px;
	padding-top:2px;
	border:1px solid #a5bbcf;	
	}
	
textarea:focus  {
	background-color:#fffeec;
	border:1px solid #a5bbcf;	
	}	

.lijn {
	height:10px;
	width:575px;
	background-image:url(../images/hr.gif);
	background-repeat:no-repeat;
	}
	
p {
	margin-bottom:0px;
	margin-top:0px;
	}						
	
/* ------------------- CONTENTDEEL ------------------*/	
	
#content {
	position:relative; left:170px; top:45px;
	width:575px;
	padding-bottom:5px;
	min-height:460px;
	}
	
#content_footer {
	clear:both;
	height:20px;
	width:575px;
	margin-top:15px;
	border-top:1px solid #bfbfbf;
	}
	
#content ul {
	margin-left:0px;
	margin-top:0px;
	padding-left:0px;
	padding-right:0px;
	list-style:none;
	}	
	
#content fieldset {
	border:1px solid #CCCCCC;
	padding-left:15px;
	padding-bottom:10px;
	}
	
.fieldset_geel {
	background-color:#fffdd5;
	}	
	
#content legend {
	font-size:16px;
	font-weight:bold;				
	color:#005084;
	}
		
.nieuwsitem {
	position:relative;
	width:575px;
	margin-bottom:20px;
	border-bottom:1px solid #bfbfbf;
	}
	
.nieuwsitem_tekst {
	float:left;
	width:575px;
	margin-bottom:10px;
	line-height:16px;
	}
	
.nieuwsitem_tekst p {
	margin-top:10px;
	margin-bottom:0px;
	}	
	
.nieuwsitem_afb {
	float:right;
	display:block;
	height:105px;
	margin-left:15px;
	margin-top:25px;
	}
	
.nieuwsitem_afb2 {
	float:right;
	display:block;
	height:105px;
	margin-left:15px;
	margin-top:6px;
	margin-bottom:20px;
	}	
	
.nieuwsitem_links {
	clear:both;
	width:575px;
	height:20px;
	color:#bfbfbf;
	}
	
#nieuwsarchief {
	position:relative;
	width:575px;
	padding-bottom:10px;	
	}
	
#nieuwsarchief a {
	text-decoration:none;
	}
	
#nieuwsarchief a:hover {
	text-decoration:underline;
	}
	
#nieuwsdetail_tekst {
	position:relative;
	margin-top:15px;
	width:575px;
	min-height:150px;
	line-height:16px;	
	}
	
#nieuwsdetail_links {
	position:relative;
	height:20px;
	width:575px;
	border-top:1px solid #CCCCCC;
	color:#999999;
	padding-top:3px;
	margin-bottom:15px;
	margin-top:5px;	
	}	
	
.comment {
	position:relative;
	width:553px;
	margin-top:10px;
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;
	border:1px solid #CCCCCC;
	color:#666666;
	}
	
.comment p {
	border-bottom:1px solid #CCCCCC;
	padding-bottom:3px;
	margin-bottom:5px;
	color:#666666;
	}
	
#foutmelding {
	position:relative;
	margin-top:5px;
	margin-bottom:10px;
	width:551px;
	padding-left:10px;
	padding-right:10px;
	padding-top:6px;
	padding-bottom:6px;
	border:2px solid #990000;
	color:#990000;
	}		
			
#sporthalresultaten {
	position:relative;
	margin-top:20px;
	width:575px;
	border-bottom:1px solid #999999;
	}
	
.rollover {
	cursor:pointer;
	}	
	
.rollover:hover {
	background-color:#fffdd5;
	cursor:pointer;
	}
		

#googlemaps {
	position:relative;
	margin-top:20px;
	width:575px;
	height:440px;
	}
	
#map {
	margin-top:10px;
	height:370px;
	width:575px;
	border:1px solid #999999;
	}
	
#uitzoomen {
	position:absolute; right:0px; top:5px;
	width:60px;
	height:20px;
	font-weight:bold;
	}	
	
#route1 {
	float:left; 
	width:420px;
	height:270px;
	padding-right:10px;
	}	

#route2 {
	float:left;
	width:105px;
	height:270px;
	padding-left:15px;
	border-left:1px solid #CCCCCC;
	}				
	
.profielback {
	background-image:url(../images/back_profiel.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	}
	
.album {
	position:relative; 
	height:84px;
	width:575px;
	margin-top:15px;
	}
	
.album_tekst {
	position:absolute; left:130px; top:0px;
	height:84px;
	width:350px;
	}	
	
img.thumbnail {
	float:left;
	height:80px;
	width:120px;
	margin-right:15px;
	margin-bottom:15px;
	border:1px solid #accde7;
	cursor:pointer;
	}
	
img.thumbnail:hover {
	border:1px solid #d87f00;
	}		
	
.img {
	border:2px solid #accde7;
	}
	
.img:hover {
	border:2px solid #d87f00;
	}
	
.img_large {
	border:1px solid #accde7;
	}
	
.artikel {
	float:left;
	width:170px;
	border:1px solid #CCCCCC;
	margin-top:15px;
	margin-bottom:15px;
	margin-right:19px;
	text-align:center;
	}
	
.artikel:hover  {
	border:1px solid #d87f00;
	}		
	
.artikel_foto {
	position:relative; 
	height:120px;
	width:160px;
	text-align:center;
	margin-top:3px;
	padding-left:5px;
	padding-right:5px;
	}
				
.artikel_titel {
	position:relative;
	height:23px;
	width:160px;
	padding-left:5px;
	padding-right:5px;
	padding-top:3px;
	}
	
#artikel_informatie {
	position:absolute; left:320px; top:40px;
	width:240px;
	height:240px;
	padding-left:15px;
	}	

.prijs {
	position:relative;
	height:30px;
	width:170px;
	color:#006600;
	font-size:20px;
	text-align:center;
	}

.prijs2 {
	color:#006600;
	font-size:20px;
	width:140px;
	}

#zoeken {
	position:relative;
	width:560px;
	height:40px;
	background-image:url(../images/zoekenback2.gif);
	background-repeat:no-repeat;
	margin-top:15px;
	color:#005084;
	font-size:16px;
	font-weight:bold;
	padding-top:10px;
	padding-left:15px;		
	}		

.result {
	position:relative;
	width:575px;
	height:60px;
	margin-top:15px;
	margin-bottom:5px;
	}
	
#pager {
	position:relative; 
	height:19px;
	width:555px;
	margin-top:10px;
	border:1px solid #CCCCCC;
	padding-left:10px;
	padding-top:1px;
	padding-right:10px;
	}
	
#pager a {
	text-decoration:none;
	}
	
#pager a:hover {
	text-decoration:underline;
	}
	
.team {
	position:relative;
	height:24px;
	width:250px;
	background-color:#f1f7fc;
	border:1px solid #96b4c7;
	margin-bottom:10px;
	padding-top:6px;
	padding-left:15px;
	display:block;
	font-weight:bold;
	}
	
.team:hover {
	border:1px solid #005084;
	background-image:url(../images/teamhover.gif);
	background-repeat:no-repeat;
	}							
		
			
	
/* -----------------BUTTONS--------------*/			

.btn_sporthal {
	width:126px;
	height:27px;
	background-image:url(../images/btn_sporthal1.jpg);
	border:0px;
	display:block;
	cursor:pointer;
	}						 		
	
.btn_sporthal:hover {
	background-image:url(../images/btn_sporthal2.jpg);
	}
	
.btn_login {
	width:108px;
	height:25px;
	display:block;
	background-image:url(../images/btn_login1.jpg);
	background-repeat:no-repeat;
	margin-top:6px;
	border:0px;
	cursor:pointer;
	}
	
.btn_login:hover {
	background-image:url(../images/btn_login2.jpg);
	}
	
.btn_opslaan {
	width:161px;
	height:27px;
	display:block;
	background-image:url(../images/btn_opslaan1.jpg);
	background-repeat:no-repeat;
	margin-top:6px;
	border:0px;	
	}
	
.btn_opslaan:hover {
	background-image:url(../images/btn_opslaan2.jpg);
	}	

.btn_versturen {
	width:126px;
	height:27px;
	display:block;
	background-image:url(../images/btn_versturen1.jpg);
	background-repeat:no-repeat;
	margin-top:6px;
	border:0px;	
	}
	
.btn_versturen:hover {
	background-image:url(../images/btn_versturen2.jpg);
	}
	
.btn_reactie {
	width:126px;
	height:27px;
	display:block;
	background-image:url(../images/btn_reactie1.jpg);
	background-repeat:no-repeat;
	margin-top:6px;	
	}
	
.btn_reactie:hover {
	background-image:url(../images/btn_reactie2.jpg);
	}
	
.btn_bestellen {
	width:126px;
	height:27px;
	display:block;
	background-image:url(../images/btn_bestellen1.jpg);
	background-repeat:no-repeat;
	margin-top:0px;
	border:0px;
	cursor:pointer;		
	}
	
.btn_bestellen:hover {
	background-image:url(../images/btn_bestellen2.jpg);
	}
						
	
/* ------------------- RIGHT ------------------*/	
	
#right {
	position:absolute; top:52px; left:770px;
	width:192px;
	}
	
#zoekveld {
	position:relative;
	height:116px;
	width:177px;
	background-image:url(../images/zoekenback.gif);
	background-repeat:no-repeat;
	padding-left:15px;
	padding-top:10px;
	}
	
#zoekveld input {
	font-size:13px;
	padding-left:3px;
	padding-bottom:2px;
	padding-top:2px;
	margin-top:4px;
	}
	
.search {
	width:155px;
	border:1px solid #7f9db9;	
	}	
	
#zoekveld select {
	width:163px;
	margin-top:5px;
	}
	
.zoekbutton {
	width:132px;
	height:27px;
	background-image:url(../images/btn_zoek1.jpg);
	background-repeat:no-repeat;
	border:0px;
	font-size:13px;
	color:#005084;
	font-weight:normal;
	cursor:pointer;
	}
	
.zoekbutton:hover {
	background-image:url(../images/btn_zoek2.jpg);
	background-repeat:no-repeat;
	cursor:pointer;
	color:#FFFFFF;
	}
	
#snellinks{
	float:left;
	width:200px;
	margin:0px 0px 20px 0px;
}

#snellinks a{
	float:left;
	margin:5px 0px 0px 0px;
}
	
#uitslagen {
	position:relative;
	margin-top:15px;
	width:193px;
	height:219px;
	background-image:url(../images/uitslagenback.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	color:#000000;
	padding-bottom:10px;
	padding-top:0px;
	padding-left:0px;
	}
	
#uitslagen ul {
	padding-left:0px;
	margin-left:0px;
	margin-top:0px;
	padding-top:0px;
	}	
	
#uitslagen li {
	float:left;
	list-style:none;
	padding-left:0px;
	padding-top:0px;
	padding-bottom:0px;
	padding-right:0px;
	}
	
.tab1 a {
	height:17px;
	width:95px;
	font-size:13px;
	font-weight:bold;
	background-image:url(../images/tab1off.gif);
	background-repeat:no-repeat;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:0px;
	padding-right:0px;
	display:block;
	text-align:center;
	text-decoration:none;	
	}
	
.tab1 a.active {
	background-image:url(../images/tab1on.gif);
	background-repeat:no-repeat;
	}
	
.tab2 a {
	height:17px;
	width:98px;
	font-size:13px;
	font-weight:bold;
	background-image:url(../images/tab2off.gif);
	background-repeat:no-repeat;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:0px;
	padding-right:0px;
	display:block;
	text-align:center;
	text-decoration:none;	
	}
	
.tab2 a.active {
	background-image:url(../images/tab2on.gif);
	background-repeat:no-repeat;
	}				
	
#uitslagen_tekst {
	position:absolute; left:5px; top:30px;
	width:172px;
	padding-bottom:0px;
	padding-left:8px;
	}

		
#rss {
	position:relative;
	margin-top:15px;
	width:176px;
	height:150px;
	background-image:url(../images/rssback.gif);
	background-repeat:no-repeat;
	padding-left:15px;
	padding-top:10px;
	color:#005084;
	}
	
.rssbutton {
	height:29px;
	width:133px;
	background-image:url(../images/btn_rss1.jpg);
	background-repeat:no-repeat;
	display:block;
	margin-top:3px;
	margin-bottom:3px;
	margin-left:-3px;
	}		

.rssbutton:hover {
	background-image:url(../images/btn_rss2.jpg);	
	}								
	
#navigatie_fotos {
	position:relative;
	height:25px;
	width:575px;
	border:1px solid #7f9db9;
	margin-top:10px;
	background-color:#f1f7fc;
	}
	
#navigatie_fotos_left {
	position:absolute; left:0px; top:0px;
	height:21px;
	width:120px;
	padding-top:4px;
	padding-left:10px;
	}
	
#navigatie_fotos_right {
	position:absolute; right:0px; top:0px;
	height:21px;
	width:90px;
	padding-top:4px;
	padding-right:10px;
	}
	
.video {
	position:relative;
	width:565px;
	height:265px;
	background-color:#f1f7fc;
	border:1px solid #ddebf6;
	margin-top:25px;
	padding-left:10px;
	padding-top:5px;
	padding-bottom:10px;
	}
	
.videobron {
	border:2px solid #b8c6d2;
	height:240px;
	width:320px;
	}
	
.videoinfo {
	position:absolute; left:350px; top:27px;
	height:240px;
	width:200px;
	}						
	
/* ------------------- FOOTER ------------------*/				
	
#footer {
	position:relative; left:0px; top:0px;
	width:100%;
	height:61px;
	background-image:url(../images/backfooter.jpg);
	background-repeat:repeat-x;
	}
	
#footer_content {
	position:relative; top:4px;
	width:964px;
	height:25px;
	background-image:url(../images/footerlijn.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	margin-left:auto;
	margin-right:auto;
	padding-left:15px;
	padding-top:15px;
	text-align:left;
	color:#005084;
	line-height:16px;	
	}
	
#footer a {
	color:#005084;
	text-decoration:none;
	}
	
#footer a:hover { 		
	color:#d87f00;
	text-decoration:underline;	
	}
	
#valid {
	position:absolute; right:15px; top:15px;
	height:20px;
	width:350px;
	}				
	
#twitterHolder{
	float:left;
	width:575px;
	height:70px;
	background-color:#f1f7fc;
	margin:5px 0px 20px 0px;
}

.tweet{
	float:left;
	width:565px;
	height:60px;
	margin:0px;
	padding:10px 0px 0px 10px;
}

.tweet img{
	float:left;
	border:0px solid #FFF;
}

.tweet img:hover {
	border:1px solid #5fafd8;
}

.tweet p{
	float:left;
	width:550px;
	height:60px;
	line-height:18px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

.tweet em{
	font-style:normal;
	color:#799cb8;
	font-size:11px;
}
