html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0 none;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}

html, body {
	background-color: #fff;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color:#ececec;
	/*background: url(../images/bg.gif) repeat;*/
}

#wrapper {
	margin: 0px auto !important;
	padding:10px 5px 5px 5px;
	width: 960px;
	position: relative;
	background-color:#FFF;
}

#header {
	width: 730px;
}

#header h1 {
	text-indent: -99999em;
	width: 225px;
	height: 97px;
	background: url(../images/logo.jpg) no-repeat #fff;
	float: left;
	display: inline;
	margin-right: 25px;
	margin-top:8px;
}

#banner {
	float: left;
	display: inline;
	
}

#banner img {
	border: 5px solid #262626;
}

#nav {
	width: 729px;
	height: 28px;
	background: url(../images/bg_nav.jpg) repeat-x #d00200;
	float: left;
	display: inline;
	border: 1px solid #bb0500;
	margin: 5px 0;
}

#nav ul {
	margin-top: 7px;
	float: left;
	display: inline;
}

#nav ul li {
	float: left;
	display: inline;
	font-size: 12px;
	margin-left: 31px;
	
}
#nav ul li a {
	color:#fff;
	display:block;
}

#nav ul li a:hover, #nav ul li a.active {
	text-decoration: underline;
}

#nav a.lidworden {
	font-weight: bold;
}


#main {
	display: inline;
	float: left;
	width: 730px;
	margin-bottom: 15px;
}

#left {
	width: 190px;
	float: left;
	display: inline;
}

	ul#sliding-navigation
	{
		list-style: none;
		font-size: 12px;
		margin:15px 0 15px 0;
		padding: 5px 0 5px 0;
		background:#222;
		width: 170px;
	}
	
	ul#sliding-navigation li {
		
	}
	
	ul#sliding-navigation li h3,
	ul#sliding-navigation li.sliding-element a
	{
		display: block;
		padding: 5px 18px;
		margin: 0;
		
	}
	
	ul#sliding-navigation li h3
	{
		color: #fff;
		font-weight: bold;
		width: 110px;
		border-bottom: 1px solid #999;
		font-size: 12px;
	}
	
	ul#sliding-navigation li.sliding-element a
	{
		color: #999;
		text-decoration: none;
	}
	
	ul#sliding-navigation li.sliding-element a:hover { color: #fff;
	 }
	
	
	ul#sliding-navigation li.hvvl {
		margin-top: 25px;
	}

#left h3 {
	font-weight: bold;
	font-size: 18px;
	color: #d30300;
	margin-bottom: 10px;
}





#center {
	float: left;
	display: inline;
	width: 540px;
	margin-top: 15px;
}

.fotoalbum {
	width: 530px;
	margin:0 10px;
	border-bottom: 1px solid #000;
	padding-bottom: 5px;
	margin-bottom: 10px;
	float: left;
	display: inline;
}

.fotoalbum img{
	float: left;
	display: inline;
	padding: 3px;
	border: 1px solid #000;
}

.fotoalbum h4 a{
	font-size: 15px;
	color: #fff;	
	background: url(../images/bg_nav.jpg) repeat-x #d00200;
	float: left;
	display: inline;
	margin-left: 10px;
	width: 400px;
	padding: 3px;
	font-weight: bold;
}

.fotoalbum p {
	float: left;
	display: inline;
	margin-left: 10px;
}


#right {
	float: left;
	display: inline;
	width: 220px;
	background-color:#262626;
	margin-left: 10px;
	margin-bottom: 15px;
	position: relative;
}

p.overlay {
	background-color: #000;
	color: #fff;
	width: 220px;
	position: absolute;
	top: 165px;
	left:0;
	padding: 3px 0;
}

p.overlay span {
	margin-left: 9px;
	font-size: 14px;
	
}

#footer {
	width: 958px;
	height: 28px;
	background: url(../images/bg_footer.jpg) repeat-x #d00200;
	clear: both;
	font-size: 10px;
	color: #fff;
	border: 1px solid #bb0500;
}

#footer p {
	float: left;
	display: inline;
	margin: 4px 0 0 7px;
}

#footer p span {
	margin-left: 610px;
}

#footer p a {
	color: #fff;
	text-decoration: underline;
}




h2 {
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 10px;
}

h3 {
	font-weight: bold;
	font-size: 12px;
	margin-bottom: 5px;
	color: #CE0000;
}

p {
	margin-bottom: 10px;
	word-spacing: 2px;
	line-height: 18px;
}

a {
	color: #CE0000;
	text-decoration: none;
}

#slideshow {
	width: 152px;
	height: 100px;
}

#fotoright {
	width: 220px;
	height: 199px;
	overflow: hidden;
}

.sporthal {
	float: right;
	margin-right: 40px;
	border: 1px solid #000;
	width: 200px;
}

#map {
	border: 1px solid #000000;
	height: 300px;
	margin-top: 55px;
	width: 500px;
}

.bestuur {
	float: left;
	display: inline;
	margin-right: 70px;
}

.last_item {
	margin-right: 0px;
}

.comite {
	margin-top: 50px;
}


input, select, textarea, button {
background:#fff;
border-color:#DDDDDD #C0C0C0 #C0C0C0 #DDDDDD;
border-style:solid;
border-width:1px;
font-size:1em;
line-height:1.5em;
padding:3px 3px 1px;
}
input:hover, select:hover, textarea:hover, input.submit:hover {
background:#FAFAFA;
border-color:#E0E0E0 #D0D0D0 #D0D0D0 #E0E0E0;
border-style:solid;
border-width:1px;
color:#000000;
}
input:focus, select:focus, textarea:focus, input.submit:active {
background:#F6F6F6 url(../img/bg/input_focus.png) no-repeat scroll -1px -1px;
border-color:#99CC99 #88BB88 #88BB88 #99CC99;
border-style:solid;
border-width:1px;
}
input.submit, button {
background-attachment:scroll;
background-color:#F6F6F6;
background-image:none !important;
background-position:0 0;
background-repeat:repeat;
color:#000000;
font-size:1.3em;
}
input.submit:hover, button:hover {
background:#FFFFFF none repeat scroll 0 0;
}
input.submit:active, button:active {
color:#226677;
}
input.active, select.active, textarea.active {
border-color:#DDDDDD #C0C0C0 #C0C0C0 #DDDDDD;
border-style:solid;
border-width:1px;
}
input.checkbox {
border:medium none;
}
select {
padding:2px 0 0;
}
option {
background:#FFFFFF none repeat scroll 0 0;
padding:1px 3px 0;
}
textarea {
height:10em;
width: 250px;
line-height:1.5em;
}




#contactform dl {
background:#FFFFFF none repeat scroll 0 0;
display:inline;
float:left;
padding:5px 5px 0;
width:50%;
}

#contactform dt, #bestelform dt {
margin-bottom:5px;
}

#contactform dd, #bestelform dd {
margin-bottom:10px;
}

#contactform label, #bestelform label, #offerteform label {
	font-weight: bold;
}

#contactform input {
	width: 180px;
	height: 15px;
}
.explanation {
display:none;
}

#contactform .submit {
	height: 30px;
	width: 150px;
}

label.error {
	color:red;
	display:block;
	float:none;
	padding-left:0.5em;
	vertical-align:top;
}

.sponsoren {
	display: block;
	float: left;
	display: inline;
	margin-bottom: 20px;
	width: 540px;
}


.sponsoren p {
	float:left;
	margin-left:15px;
	width:350px;
}
.sponsoren img {
	float:left;
}
.sponsoren h4 {
	font-weight: bold;
	font-size: 12px;
	color: #CE0000;
	margin-bottom: 3px;
	padding-left:165px;
}




#gb_form {
	width:150px;
}

#gb_form label {
  display:block;
  font-weight:bold;
  font-size:0.9em;
  color:#FFF;
}
#gb_form input, #gb_form textarea{
	font-size:0.8em;
	font-family:arial, sans-serif;
	width:98%;
	margin-bottom:5px;
	padding-left:2px;
}
#gb_form textarea{
	height:80px;
}
#gb_form .button{
	font-size:1.0em;
}
#gb_form fieldset{
  border:0;
  margin:0;
  margin-left:10px;
  padding:0;
}

.comment{
	width:500px;
	background:#f8f8f8;
	border: solid 1px #ddd;
	margin-bottom:15px;
	overflow:hidden;
}
.comment .header {
	font-weight:bold;
	border-bottom: solid 2px #ff0008;
	padding:2px 1px;
	background:url(../images/bg_gb_comment.gif) repeat-x top;
}
.comment .header a{
	color:#000;
}

.comment .content {
	padding:5px;
	line-height:1.5em;
}
.comment .date {
	font-size:0.8em;
	text-align:right;
	color:#999;
	padding-right:4px;
}

.comment .mailme {
	float: right;
	display: inline;
}

#wedstrijdschema {
	margin-bottom:10px;
}

#wedstrijdschema th {
	text-align:left;
	font-weight:bold;
}

#wedstrijdschema td {
	padding:4px;
}

.thuiswedstrijd {
	background-color:#D30300;
	color:#fff;
}
.uitwedstrijd {
	background-color:#222222;
	color:#fff;
}

.bekerronde {
	background-color:#C90;
	color:#fff;
}



.gallery, .gallery_in{float:left;padding:0;margin:0;width:300px;}
.thumbs_all{float:left;}
.thumbs_all img{padding:1px;}
.thumbs_all li{float:left; margin-left:20px!important; margin-left:10px; margin-bottom: 10px; list-style:none;}
span.thumbs_all {float:left; margin-left:20px!important; margin-left:10px;}
.thumbs_all  a{float:left; border:1px solid #ccc;height:102px;width:102px; cursor:url(http://www.pirolab.it/pirobox/css_pirobox/cursor/open.cur), pointer;}
.thumbs_all  a:hover{ float:left;border:1px solid #000;}
.highlite{color:#000; font-weight:700;}
.thumb_small{ width: 100px; height: 100px;}

/*::::: PIROBOX RULES::::::::*/

.bg_thumbs{
background:#fff;/*::::: you can change overlay background-color here ::::::::*/
position:fixed!important;
position:absolute;
top:0;
left:0!important;
left:-17px;
width:100%;
margin:0;
padding:0;
visibility:hidden;
z-index:1001;
display:none;
}


.unloader, .img_box,.middle_l, .middle_r{
background:#000;/*::::: you can change img_box background-color here ::::::::*/
}

/*:::: YOU DON'T NEED TO CHANGE NOTHING ELSE IN THE CSS :::*/

/*:::: PREV/NEXT inside rules ::::*/
.box_next_in{position:absolute;top:2px!important;top:2px;height:90%;width:74px;right:2px!important;right:0px;overflow:hidden;z-index:1010;background:none;display:none;}
a.next_in{position:absolute;z-index:1011;height:100%;width:74px;right:-74px;text-indent:-999em;display:block;background:url(../images/next_in_b.png) top right no-repeat!important;background:url(../images/next_in_b.gif) top right no-repeat;}
.box_previous_in{position:absolute;top:2px!important;top:2px;z-index:100012;height:90%;left:2px!important;left:2px;width:74px;overflow:hidden;background:none;display:none;}
a.previous_in{position:absolute;z-index:100013;left:-74px;height:100%;width:74px;text-indent:-999em;display:block;background:url(../images/prev_in_b.png) top left no-repeat!important;background:url(../images/prev_in_b.gif) top left no-repeat;}

/*:::: PREV/NEXT outside rules ::::*/

.box_next{position:fixed!important;position:absolute;top:0;height:100%;width:81px;right:0px!important;right:16px;overflow:hidden;z-index:1006; visibility:hidden}
a.next{position:fixed!important;position:absolute;text-indent:-999em;display:block;top:0;height:100%;width:81px;right:-81px;z-index:1007;background:url(../images/next_o_b.gif) center right no-repeat;}
a:hover.next{background:url(../images/next_o_b_h.gif) center right no-repeat;}
.box_previous{position:fixed!important;position:absolute;top:0;height:100%;left:0;width:81px;overflow:hidden;z-index:1008;visibility:hidden}
a.previous{z-index:1009;position:fixed!important;position:absolute;top:0;height:100%;width:81px;left:-81px;text-indent:-999em;display:block;background:url(../images/prev_o_b.gif) center left no-repeat;}
a:hover.previous{background:url(../images/prev_o_b_h.gif) center left no-repeat;}

/*:::: END PREV/NEXT rules ::::*/


/*:::: IMG_BOX rules ::::*/

.img_box{position:absolute;margin-top:-2px;margin-left:-2px;width:50px;height:50px;visibility:hidden; overflow:hidden;z-index:1002;}
.img_box img{float:left;position:relative; z-index:1100;border:none;padding:0;z-index:1003; cursor:url(http://www.pirolab.it/pirobox/css_pirobox/cursor/close.cur), pointer;}

/*:::: END IMG_BOX rules ::::*/

/*:::: CLOSE, LOADING rules ::::*/

.thumbs_close{position:absolute;bottom:0;right:0;height:18px;width:81px;color:#fff;cursor:pointer;margin:0 10px 10px 0!important;margin:0 12px 10px 0;z-index:100014;background:url(../images/close_b.gif) center right no-repeat;visibility:hidden;}
.loader{position:fixed!important;position:absolute;top:50%;left:50%;margin-top:-30px;margin-left:-33px;width:80px;height:80px;display:block;z-index:1007; background:url(../images/bg_loader_b.png) center no-repeat!important; background:url(../images/bg_loader_b.gif) center no-repeat;}
.loader span{position:absolute;width:80px;height:80px;}
.unloader{visibility:visible;}
.thumbs{visibility:hidden;}

.caption{position:absolute;bottom:0;left:0;margin:0 0 8px 5px!important;margin:0 0 8px 5px; color:#fff;visibility:hidden;display:block; padding:3px; z-index:100013; cursor:text;}
.caption p{ display:block; margin:0;padding:0; margin-right:88px;}
.pre{visibility:hidden;display:none;}
.end{display:none;}
.begin{display:none;}

/*::::, ROUNDED CORNERS ::::*/

.all{position:fixed!important;position:absolute;top:50%;left:50%;margin-top:-40px;margin-left:-45px;width:80px;height:80px;padding:10px;z-index:1002;}
.t_l{position:absolute; height:30%; width:90%;padding:0!important;padding:10px; top:0; left:0; background: url(../images/bg_b.png) top left no-repeat!important;background: url(../images/bg_b.gif) top left no-repeat;}
.t_r{position:absolute; height:30%; width:30%; top:0; right:0; background: url(../images/bg_b.png) top right no-repeat!important;background: url(../images/bg_b.gif) top right no-repeat;}
.middle_l{ position:absolute;width:50%;height:80%;left:0; top:10px;z-index:998;}
.middle_r{ position:absolute;width:50%;height:80%;right:0; top:10px;z-index:999;}
.t_l_b{position:absolute; height:80%; width:91%;padding:0!important;padding:10px; bottom:0; left:0; background: url(../images/bg_b.png) bottom left no-repeat!important;background: url(../images/bg_b.gif) bottom left no-repeat;}
.t_r_b{position:absolute; height:90%; width:40%; bottom:0; right:0; background: url(../images/bg_b.png) bottom right no-repeat!important;background: url(../images/bg_b.gif) bottom right no-repeat;}
