@charset "utf-8"; 
body{font:100% Arial, Verdana, Helvetica, sans-serif; background:#000 url(../images/background.jpg) no-repeat scroll center top; margin:0; padding:0; text-align:center; color:#000}
#container{width:960px; background-color:#4c4c4c;  margin:0 auto; border:1px solid #000; text-align:left; font:Geneva,"Trebuchet MS",Helvetica,Arial,sans-serif; position:relative;}
.sportcentrum #header{position:relative; height:308px}
.sportcentrum #header_test_container{margin:0 10px; background:url(../images/main_pic_nieuw.jpg); height:280px}
.sportcentrum #header_container{margin:0 10px; background:url(../images/main_pic_nieuw.jpg); height:280px}
.sportcentrum #header.newclass #header_container{margin:0 10px; background:url(../images/tennis.jpg) no-repeat; height:280px;}
.sportcentrum #header.tennis #header_container{margin:0 10px; background:url(../images/tennis.jpg) no-repeat; height:280px;}
.sportcentrum #header.fitness #header_container{margin:0 10px; background:url(../images/fitness.jpg) no-repeat; height:280px;}

/*extra classes voor fitness */
.sportcentrum #header.Abonnement #header_container{margin:0 10px; background:url(../images/fitness.jpg) no-repeat; height:280px;}
.sportcentrum #header.Aerobics #header_container{margin:0 10px; background:url(../images/aerobics.jpg) no-repeat; height:280px;}
.sportcentrum #header.Buitensporten #header_container{margin:0 10px; background:url(../images/buitensport.jpg) no-repeat; height:280px;}
.sportcentrum #header.Service #header_container{margin:0 10px; background:url(../images/service.jpg) no-repeat; height:280px;}
.sportcentrum #header.Fitlinxx #header_container{margin:0 10px; background:url(../images/fitlinx.jpg) no-repeat; height:280px;}
.sportcentrum #header.Spinning #header_container{margin:0 10px; background:url(../images/spinning.jpg) no-repeat; height:280px;}


.sportcentrum #header.squash #header_container{margin:0 10px; background:url(../images/squash.jpg) no-repeat; height:280px;}
.sportcentrum #header.horeca #header_container{margin:0 10px; background:url(../images/horeca.jpg) no-repeat; height:280px;}
.sportcentrum #header.zonnebank #header_container{margin:0 10px; background:url(../images/zonnebank.jpg) no-repeat; height:280px;}
.sportcentrum #header.lesrooster #header_container{margin:0 10px; background:url(../images/lesrooster.jpg) no-repeat; height:280px;}
.sportcentrum #header.events #header_container{margin:0 10px; background:url(../images/events.jpg) no-repeat; height:280px;}
.sportcentrum #header.contact #header_container{margin:0 10px; background:url(../images/contact.jpg) no-repeat; height:280px;}
.sportcentrum #header.fitgarant #header_container{margin:0 10px; background:url(../images/fitgarant.jpg) no-repeat; height:280px;}
.sportcentrum #header.partners #header_container{margin:0 10px; background:url(../images/partners.jpg) no-repeat; height:280px;}
.sportcentrum #header.fotos #header_container{margin:0 10px; background:url(../images/fotopagina.jpg) no-repeat; height:280px;}
.sportcentrum #header.kinderopvang #header_container{margin:0 10px; background:url(../images/kinderoppas.jpg) no-repeat; height:280px;}

#navigatie_main{background:url(../images/nav_bar.jpg); padding:0 0 0 10px; width:950px; height:28px; border-bottom:1px solid #666666;}
#navigatie_main li{float:left; padding:2px 0 0 0}
#navigatie_main a{font:"Trebuchet MS",Helvetica,Arial,sans-serif; font-weight:bold; font-size:12px; color:#fff; text-decoration:none; text-transform:uppercase; display:block; padding:3px 10px 8px 7px}

#navigatie_main a.active{color:#FFF; background-color:#7991BD; font-size:12px; padding:3px 10px 9px 7px; letter-spacing:0.1em; font-weight:normal}
#header.tennis #navigatie_main a.active{background-color:#7096D5;}
#header.fitness #navigatie_main a.active{background-color:#7D8999;}
#header.squash #navigatie_main a.active{background-color:#A6A893;}
#header.horeca #navigatie_main a.active{background-color:#5A442C;}
#header.zonnebank #navigatie_main a.active{background-color:#FFF; color:#666666;}
#header.lesrooster #navigatie_main a.active{background-color:#FFF; color:#666666;}
#header.events #navigatie_main a.active{background-color:#FE745A;}
#header.contact #navigatie_main a.active{background-color:#4A4240;}


#navigatie_main a.tennis{}
#navigatie_main a.fitness{}
#navigatie_main a.squash{}
#navigatie_main a.horeca{}
#navigatie_main a.fitgarant{}
#navigatie_main a.zonnebank{}
#navigatie_main a:hover{color:#F60}
#navigatie_main a:hover.tennis{color:#F60}
#navigatie_main a:hover.fitness{color:#0CC}
#navigatie_main a:hover.squash{color:#C30}
#navigatie_main a:hover.horeca{color:#F39}
#navigatie_main a:hover.fitgarant{}
#navigatie_main a:hover.zonnebank{color:#CCC}
#navigatie_main a:hover.lesrooster{color:#CCC}
#navigatie_main a:hover.events{color:#CCC}
#navigatie_main a:hover.contact{color:#CCC}

.sportcentrum #header img.logo{position:absolute; padding:10px 0 0 5px; left:0px;}
.sportcentrum #header img.home{position:absolute; margin:45px 0 0 35px; left:0px;}
.sportcentrum #header img.eerste{top:115px; left:60px}
.sportcentrum #header h1{color:white; font-size:22px; text-transform: uppercase; letter-spacing:0.1em; line-height:1.5em; margin:0 0 0 55px; padding:130px 0 0 0; width:500px; font-weight:normal; float:left}

.sportcentrum h1{font-family:Helvetica narrow, Helvetica, Arial, sans-serif}
.sportcentrum h2{font-family:Helvetica narrow, Helvetica, Arial, sans-serif}

.sportcentrum #column_header{padding:0; background-color:#FFF; margin-left:700px; height:280px; width:240px;}
.sportcentrum #column_header h1{
font-family:Arial, Helvetica, sans-serif;
	padding:3px 0 0 0px;
	margin:0;
	color:#FFB51A;
	background:url(../images/kop_lijst_open.png) repeat-x;
	width:240px;
	font-size:16px;
	height:56px;
	font-weight: bold;
	text-align: center;
	text-transform:none;
}
.sportcentrum #column_header h2{
font-family:Arial, Helvetica, sans-serif;
	color:#F29200;
	width:240px;
	font-size:12px;
	font-weight: bold;
	text-align: center;
	text-transform:uppercase;
}

.sportcentrum #column_header ul.openingstijden{ border:1px solid #999999; margin:10px;padding:10px;}
.sportcentrum #column_header ul.openingstijden li{ line-height:12px; }
#column_header .dag {font-weight:bold; font-size:11px; width:120px; display:block; float:left; margin-top:5px;}
#column_header .tijd {font-weight:normal; font-size:10px; line-height:19px;}
.sportcentrum #column_header img{padding-left:27px;}


.sportcentrum #mainContent{padding:3px 10px; color:white}
.sportcentrum #navigatie_groot{}

#navigatie_groot li{float:left}

#navigatie_groot a{background:url(../images/navigatie_groot_03.jpg); width:313px; height:151px; display:block; text-indent:-4000px}
#navigatie_groot a.tennis{}
#navigatie_groot a.fitness{background-position:-313px 0}
#navigatie_groot a.squash{background-position:-626px 0}
#navigatie_groot a.horeca{background-position:0 -151px}
#navigatie_groot a.fitgarant{background-position:-313px -151px}
#navigatie_groot a.zonnebank{background-position:-626px -151px}

#navigatie_groot a:hover.tennis{background-position:0 -306px}
#navigatie_groot a:hover.fitness{background-position:-313px -306px}
#navigatie_groot a:hover.squash{background-position:-626px -306px}
#navigatie_groot a:hover.horeca{background-position:0 -457px}
#navigatie_groot a:hover.fitgarant{background-position:-313px -457px}
#navigatie_groot a:hover.zonnebank{background-position:-626px -457px}

#navigatie{ background-color:#202c62; padding:27px 0 0 0; width:700px; border-top:1px solid #9F3839;}
#navigatie.contact{width:940px;}
#navigatie li{float:left; }
#navigatie a{	display:block;
	padding:8px 50px 0 0;
	text-decoration:none;
	color:#FF9900;
	font-size:15px;
	font-weight:bold;
	letter-spacing:0.12em;
	text-transform:uppercase; width:110px; font-family:Helvetica narrow, Helvetica, Arial, sans-serif;
}
#navigatie a:hover{ color:#CCCCCC;}

.sportcentrum #content{padding:25px 30px 20px 30px; color:white; background-color:#555; border:1px solid #444; margin-top:10px; width:561px; float:left;}
.sportcentrum #content.vervolgpagina{color:black; background-color:#FFFFFF; width:640px; float:left; margin-top:0px; border:none; min-height:150px; padding-bottom:60px;}
.sportcentrum #content.contact{color:black; background-color:#FFFFFF; width:490px; float:left; margin-top:0px; border:none; height:300px; overflow:auto;}
.sportcentrum #content.webshop{color:black; background-color:#FFFFFF; width:490px; float:left; margin-top:0px; border:none; min-height:200px;}

.sportcentrum #content h1{text-transform:uppercase; font-size:19px; letter-spacing:2px; padding-bottom:25px;}
.sportcentrum #content.vervolgpagina h1{ color:#FF6633}
.sportcentrum #content h2{text-transform:uppercase; font-size:12px}
.sportcentrum #content h3{font-size:12px}
.sportcentrum #content h4{font-style:italic; font-size:12px; font-weight:bold}
.sportcentrum #content p{font-size:0.8em; line-height:1.5; padding-bottom:20px}
.sportcentrum #content ul{padding:5px 0; font-size:0.8em; list-style:disc; margin-left:13px}
.sportcentrum #content li{}
.sportcentrum #content a{color:#F90}
.sportcentrum #content a:hover{text-decoration:none}
.sportcentrum #content img{padding-right:10px; padding-bottom:10px;}

.sportcentrum #ledenwinkel{ padding:0; background:none; margin:10px 0 0 631px; }
.container, .container_over { width: 305px; height: 108px; display: block; background:url(../images/navigatie_groot_03.jpg) scroll -633px -611px no-repeat;}
#login { display: none; color: #000; font-family: arial; font-size: 12px; width: 306px; height: 60px; padding-top: 40px; }
.container_over { cursor: pointer; background-position: -633px -718px; }
.container_over #login { display: block;  width: 305px;}
.formField { border: 1px solid #4C4C4C; }
.formButton {  }




.sportcentrum #evenement{ padding:8px; background:#030627; border:1px solid #000; margin:10px 0 0 632px; height:130px;}
.sportcentrum #evenement h1{ font-size:17px; letter-spacing:2px; padding-bottom:10px; color: #FF3399;}
.sportcentrum #evenement a{ padding-top:5px; text-align:center; color:white;}
.sportcentrum #evenement img{ float:right; width:130px; margin-left:15px}

.sportcentrum #map h2{ text-transform:uppercase; font-size:16px;  margin:6px 0 15px; }
.sportcentrum #map h2 span{ background:#0d0e2c; padding:4px 6px 4px 6px; color:#999999; }
.sportcentrum #map{padding:8px; background:none; margin:0 0 0 624px; padding-right:4px;}
 .sportcentrum #map .mappen{border: none; height:120px; overflow:hidden; margin-bottom:8px; background:url(../images/backgr_headers.png) repeat-x}
 .sportcentrum #map .hidden{ display:none;}
.sportcentrum #map img{ float:left; margin:0;}
 .sportcentrum #map .hidden img{ display:none;}
 
 
 
.sportcentrum #kaart{ padding:14px; background:#030627; border:1px solid #000; margin:0 0 0 553px; height:316px}
.sportcentrum #kaart h1{ font-size:19px; letter-spacing:2px; padding-bottom:10px; color: #FF3399;}
.sportcentrum #kaart a{ padding-top:5px; text-align:center; color:white;}

.sportcentrum #maps {background_color:#fff; padding:0 0 5px 5px; }
.sportcentrum #maps h1 { color:#000000;}
.sportcentrum #maps p { color:#000000; font-size:12px}
.sportcentrum #maps a { color: #0000CC; text-decoration:underline;}


#content_column{ margin-left:700px; padding:0; border:1px solid #666; border-bottom:none; position:absolute; width:238px;}

#content_column li {margin:0; padding:0}
#content_column a.heading{ background:url(../images/navigatie_sprite.png) scroll 0 -3px ; width:191px; display:block; height:25px; text-align:left; padding-top:6px; color:#333333; font-weight:bold; text-decoration:none; font-size:12px; border-bottom:1px solid #ccc; padding-left:47px; border:none; margin:0; zoom:1; clear:both}

#content_column a.ui-state-active{background-position:0 -121px; color:#fff; border-bottom:none;}


#content_column a.heading:hover{ color:#FFFFFF; background-position:0 228px; border-bottom:1px solid #999;} 
#content_column a.ui-state-active:hover{background-position:0 -121px; color:#fff; border-bottom:none;}
#content_column ul.accordion {background:url(../images/navigatie_sprite.png) scroll -242px 0 ; padding:4px 0 4px 0;}
#content_column .accordion a {background:url(../images/navigatie_sprite.png) scroll -242px 0 ;color:#fff; font-size:14px; text-decoration:none; padding-left:20px; display:block; padding-bottom:3px; width:218px;}
#content_column .accordion a:hover { background-position:-484px 0;}

/*----------------- Content knoppen ----------------------------------*/
.sportcentrum #content a.button, a.button:link, a.button:visited {
background:transparent url(../images/content_knoppen.png) no-repeat scroll -199px -131px;
color:#000000;
float:right;
display:inline;
height:28px;
line-height:29px;
margin:6px 4px 0;
padding-left:20px;
text-shadow:0 1px 0 rgba(206, 214, 221, 0.65);
white-space:nowrap;
text-decoration:none;
}
.sportcentrum #content a.button strong, a.button strong {
background:transparent url(../images/content_knoppen.png) no-repeat scroll right -31px;
display:block;
font-weight:normal;
height:28px;
min-width:48px;
padding-right:30px;
text-align:center;
color:#000000;
cursor:pointer;
}
.sportcentrum #content a.button:hover{ background-position:-199px -161px;}
.sportcentrum #content a.button:hover strong{ background-position:right -61px;}

.sportcentrum #content a.blue_button, a.blue_button:link, a.blue_button:visited {
background:transparent url(../images/content_knoppen.png) no-repeat scroll -199px -101px;
color:#000000;
float:right;
display:inline;
height:28px;
line-height:29px;
margin:6px 4px 0;
padding-left:19px;
text-shadow:0 1px 0 rgba(206, 214, 221, 0.65);
white-space:nowrap;
text-decoration:none;

}
.sportcentrum #content a.blue_button strong, a.blue_button strong {
background:transparent url(../images/content_knoppen.png) no-repeat scroll right -1px;
display:block;
font-weight:normal;
height:28px;
min-width:48px;
padding-right:30px;
text-align:center;
cursor:pointer;
}
.sportcentrum #content a.blue_button:hover{ background-position:-199px -101px;}
.sportcentrum #content a.blue_button:hover strong{ background-position:right -1px;}



/*----------------- IMAGES LIGHTBOX --------------------------------------------- */

#imageList{}
.sportcentrum #imageList ul { list-style:none; margin-left:0px; }
.sportcentrum #imageList li { float:left; padding:2px; margin:2px; border:1px solid #999999;}

/*----------------- IMAGES LIGHTBOX --------------------------------------------- */

div.slideshow{
	height:440px;
	
}


/*----------------- Webshop --------------------------------------------- */
#winkelwagen a{text-decoration:none; color:#FFFFFF;}

#webshop {padding:5px; margin-left:550px;}
#webshop_afhandeling {padding:5px; margin-left:50px;}

a.add_cart{background:transparent url(../images/shopping_cart.png) no-repeat scroll 0 -89px;
display:block;
float:left;
height:0;
overflow:hidden;
padding:42px 0 0;
width:37px;}

li.webshop{ font-size:14px; margin-top:9px;}
h1.winkel{}
.webshop a.titel{color:white; text-decoration:none; padding-left:5px;}
.webshop a.titel:hover{text-decoration:underline;}





/* ------------------------- formulier onderdelen WEBSHOP -------------------------- */

#cart p{font-size:1em;
line-height:1.3em;
margin:0 285px 0 20px;
padding-bottom:32px;}

#cart input.field{ float:left}

label{color:#fff;width: 7em;float: left;text-align: left;margin-left: 2.2em;margin-right: 1.0em; }
.error {margin:0; padding:0; float:left; width:auto;  padding-bottom:15px; border:2px solid #CC0000;}
input.error {padding:0}
label.error {border:none; }
label.error img{ padding-left:3px; padding-top:2px; }

.submit input{ margin-top: 20px; padding:3px 10px; color: #000; margin-left:15.5em; background: #ffffff; border: 2px outset #d7b9c9;}

table.winkelwagen_checkout{ width:636px; margin-bottom:20px; }
.winkelwagen_checkout th{ text-align:left; padding:0 5px; }
.winkelwagen_checkout th.aantal{}
.winkelwagen_checkout th.product{}
.winkelwagen_checkout th.omschrijving{}
.winkelwagen_checkout th.prijs{}

.winkelwagen_checkout td{ text-align:left; padding:2px 5px; }
.winkelwagen_checkout td.aantal {width:40px;}
.winkelwagen_checkout td.product {width:100px;}
.winkelwagen_checkout td.omschrijving {}
.winkelwagen_checkout td.prijs {width:60px;}
.winkelwagen_checkout td.totaal{font-weight:bold;}

a.r {background:url(../images/cancelbutton.gif) no-repeat; text-indent:-2000px; display:block; width:14px; height:15px; margin-right:5px;}
a.r:active {background-position:-14px 0}

/* ------------------------- formulier onderdelen dialoogpanel -------------------------- */
       .dagpas label { width:35em; color:#666666;}
		#dialog { font-size: 62.5%; display:none; height:430px }!important
		#dialog label,#dialog input { display:block; color:#000;}
		#dialog input.text { margin-bottom:7px; width:95%; padding: .4em; }
		#dialog fieldset { padding:0; border:0; margin-top:15px; }
		.ui-dialog .ui-dialog-buttonpane button { font-size:67%;}
		#validateTips { color:#CC0000; font-weight:bold;}

/*----------------- FOOTER --------------------------------------------- */



#footer{background:#333333 none repeat scroll 0 0;
border-top:1px solid #777;
margin-top:4px;
padding:0 ;
position:relative;}

.sportcentrum #footer_content{background:#777;border-top:1px solid #999999;font-size:10px;margin-top:7px;padding:0;}*/

#footer_content p{margin:0; padding:10px 0}
#footer_content a{color:#444; text-decoration:none; text-transform:uppercase}
#footer_content .tennis a:hover{color:#F60}
#footer_content .fitness a:hover{color:#0CC}
#footer_content .squash a:hover{color:#C30}
#footer_content .zonnebank a:hover{color:#CCC}
#footer_content .events a:hover{color:#F60}
#footer_content .horeca a:hover{color:#F60}
#footer_content .partners a:hover{color:#F60}
#footer_content .contact a:hover{color:#F60}
#footer_content .fotos a:hover{color:#F60}
#footer_content .kinderopvang a:hover{color:#F60}
#footer_content .lesrooster a:hover{color:#F60}

#footer_content h1{margin-bottom:20px; text-transform:uppercase; font-size:12px; width:122px}
#footer_content h1.horeca{margin:10px 0; }

#footer_content ul.lijst_rand{float:left; padding-right:20px; padding-left:10px; margin-top:30px}
#footer_content ul.lijst_zonder{float:left; padding-right:15px; padding-left:14px; margin-top:19px}
#footer_content li{}

#footer_content .logo_footer {
float:left;
padding: 0;
position:absolute;
right:18px; top:18px;}

#adresgegevens {background:#777; border-top:1px solid #888; padding:15px 30px; font-size:11px}
#adresgegevens p{ color:#222; text-align:center;}
#adresgegevens a{}
#adresgegevens a:hover{}

.fltrt{float:right; margin-left:8px}
.fltlft{float:left; margin-right:8px}
.clearfloat{clear:both;  height:0;  font-size:1px;  line-height:0px}