body {
	
	padding: 0px;
	background: #000000 url('images/back.png') center repeat-y;
	background-attachment:fixed;
	font-size: 12px;
	font-family: Verdana;
	color:#3F2A05;
}


div#container{

	width: 900px;
	margin: 0px auto;
}

div#logo{

	width: 360px;
	float: left;
	padding-left: 50px;
}

div#top_container{

	width: 900px;
	margin: 0px auto;
	text-align:right;
	color:#FFFFFF;
	font-weight:bold;
	font-size:14px;
}

div.top_links{

	width: 625px;
	height: 291px;
	float: left;
	display: block;
}

div.top_rechts{

	width: 245px;
	height: 241px;
	background: url('images/toprechts.png') no-repeat;
	float: right;
	display: block;
	color: #fff;
	padding-top: 50px;
	padding-right: 5px;
	padding-left: 25px;
}

div#top_onder{

	width: 900px;
	height: 24px;
	background: url('images/toponder.png') no-repeat;
	text-align:left;
	padding-left: 5px;
	line-height: 21px;
}

.toponder{
	color: #e02828;
	font-size: 16px;
	float: left;
	margin-left: 100px;
	font-weight: bold;
	text-decoration: underline;
	letter-spacing: 2px;
}

div#content_container{

	width: 900px;
	margin: 0px auto;
}

div.content_links{

	width: 249px;
	float: left;
	display: block;
}

div.content_rechts{

	width: 650px;
	float: right;
	display: block;
	border-left: 1px dashed #c48d1c;
}

div.content_rechts p{
	
	font-size: 13px;
	font-family: Verdana;
	padding: 1px 20px 10px 10px;
	line-height: 17px;
	color: #3f2a05;
	text-align: justify;
}

div.content_rechts a{

	color:#c38c1b;
	font-weight: bold;
	font-size: 13px;
}

.baropen{

	color: #e24444;
	font-weight: bold;
}

.zomerrooster{

	color: #c48d1c;
	font-weight: bold;
	margin-left: 10px;
}

.vakantie{

	text-decoration: underline;
}

.abonnementen{

	text-decoration: underline;
}

.dik{

	font-weight: bold;
}

.prijzenoverzicht{

	font-size: 9px;
}

.prijzen{

	font-size: 9px;

}

.vibrogym{

float: right;
}


ul.a {

	list-style-type:square;
	color: #3f2a05;
	font-size: 13px;
	font-family: Verdana;
	margin-top: 0px; margin-bottom: 0px;
}

.voorbullet {
	margin-bottom: -8px;
}

.contentbanner{

	color: #805b10;
	font-weight: bold;
	font-size: 12px;
}

.dom{

	background: #000000;
	color: #FF0000;
	font-weight: bold;
}

.kidsfitness{

	background: #FF99CC;
	color: #000000;
	font-weight: bold;
}

.clubpower{
	
	background: #FF0000;
	color: #FFFFFF;
	font-weight: bold;
}

.clubyoga{

	background: #ff6600;
	color: #000000;
	font-weight: bold;
}

.clubcycle{

	background: #00FF00;
	color: #000000;
	font-weight: bold;
}

.clubstep{

	background: #FFFF00;
	color: #000000;
	font-weight: bold;
}

.clubbbb{

	background: #800080;
	color: #FFFFFF;
	font-weight: bold;
}

.zumba{
	
	background: #FF00FF;
	color: #FFFF00;
	font-weight: bold;
}

.cpccy{

	background: #008000;
	color: #FF0000;
	font-weight: bold;
}

.clubbattle{

	background: #993300;
	color: #FFFFFF;
	font-weight: bold;
}

.pilates{

	background: #FF6600;
	color: #000000;
	font-weight: bold;
}

.letsdance{

	background: #33ccff;
	color: #000000;
	font-weight: bold;
}

.klikhier{

	text-decoration: underline;
	font-weight: bold;
	color: #805b10;
}

.letsdancebanner{

	padding-left: 90px;
}


/*  ########################## HOOFD TABEL ########################## */

.customers {
	font-family: Verdana;
	border-collapse:collapse;
	margin: 20px 5px 10px 10px;
}

.customers td, .customers th {
font-size:1em;
border:1px solid #c48d1c;
padding:3px 7px 2px 7px;
}

.customers th {
font-size:1.1em;
/*width: 200px;*/
text-align:left;
padding-top:5px;
padding-bottom:4px;
background-color:#d39c2a;
color:#ffffff;
}

.customers tr.alt td {
color:#000000;
background-color:#e3d8b3;
}

/*  ########################## EIND HOOFD TABEL ########################## */

/*  ########################## TABEL ABONNEMENTEN ########################## */

.customers1 {
font-family: Verdana;
width: 300px;
border-collapse:collapse;
margin: 0px 5px 10px 10px;
}

.customers1 td, .customers1 th {
font-size:1em;
border:1px solid #c48d1c;
padding:3px 7px 2px 7px;
}

.customers1 th {
font-size:1.1em;
width: 200px;
text-align:left;
padding-top:5px;
padding-bottom:4px;
background-color:#d39c2a;
color:#ffffff;
}

.customers1 tr.alt td {
color:#000000;
background-color:#e3d8b3;
}

/*  ########################## EIND TABEL ABONNEMENTEN ########################## */

/*  ########################## TABEL KIDS ABONNEMENTEN ########################## */

.customers2 {
font-family: Verdana;
width: 630px;
border-collapse:collapse;
margin: 20px 5px 10px 10px;
}

.customers2 td, .customers2 th {
font-size:1em;
border:1px solid #c48d1c;
padding:3px 7px 2px 7px;
}

.customers2 th {
font-size:1.1em;
width: 200px;
text-align:left;
padding-top:5px;
padding-bottom:4px;
background-color:#d39c2a;
color:#ffffff;
}

.customers2 tr.alt td {
color:#000000;
background-color:#e3d8b3;
}

/*  ########################## EIND TABEL KIDS ABONNEMENTEN ########################## */

/*  ########################## TABEL TEAM ########################## */



.customers3 {
font-family: Verdana;
width: 575px;
border-collapse:collapse;
border: 1px solid #c48d1c;
margin: 0px 5px 10px 10px;
}

.customers3 td, .customers3 th {
font-size:1em;
width:200px;
border:1px solid #c48d1c;
padding:3px 7px 2px 7px;
}

.customers3 th {
font-size:1.1em;
width: 150px;
text-align:left;
padding-top:5px;
padding-bottom:4px;
background-color:#d39c2a;
color:#ffffff;
}

.customers3 tr.alt td {
width: 150px;
color:#000000;
border:1px solid #c48d1c;
}

.customers3 td img {

	float: right;
}

/*  ########################## EINDE TABEL TEAM ########################## */

div#footer { 
    text-align:right; 
    width: 900px; 
	height: 20px;
    font-size:10px; 
    position: absolute;
	background: url('images/footerpixel.png') repeat;
	margin: auto auto;
	line-height: 21px;
	padding-bottom: 5px;
	color: #FFFFFF;
	text-decoration:none;
	font-weight:bold;
}
a.footer {
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
}

img{

	border: 0px;
}

/*  ########################## MENU ########################## */

.urbangreymenu{
width: 240px; /*width of menu*/
}

.urbangreymenu .headerbar{
height: 20px;
font: bold 11px Verdana;
color: white;
background: url(images/backgroundmenuhover.png) no-repeat; /*last 2 values are the x and y coordinates of bullet image*/
margin-bottom: 1px; /*bottom spacing between header and rest of content*/
margin-top: 0px;
text-transform: uppercase;
padding: 2px 0 2px 5px; /*31px is left indentation of header text*/
line-height: 20px;
}

.headerbar_special {
height: 20px;
font: bold 11px Verdana;
color: white;
background: url(images/backgroundmenuhover_special.png) no-repeat; /*last 2 values are the x and y coordinates of bullet image*/
margin-bottom: 1px; /*bottom spacing between header and rest of content*/
margin-top: 0px;
text-transform: uppercase;
padding: 2px 0 2px 5px; /*31px is left indentation of header text*/
line-height: 20px;
}

.headerbalk{
height: 20px;
font: bold 11px Verdana;
color: white;
background: url(images/backgroundmenuhover.png) no-repeat; /*last 2 values are the x and y coordinates of bullet image*/
margin-bottom: 1px; /*bottom spacing between header and rest of content*/
margin-top: 0px;
text-transform: uppercase;
padding: 2px 0 2px 5px; /*31px is left indentation of header text*/
line-height: 20px;
}

.headerbalk a{
text-decoration: none;
color: white;
}

.urbangreymenu .headerbar a{
text-decoration: none;
color: white;
}

.urbangreymenu .headerbar_special a{
text-decoration: none;
color: white;
}

.urbangreymenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}

.urbangreymenu ul li{
padding-bottom: 0px; /*bottom spacing between menu items*/
}

.urbangreymenu ul li a{
font: normal 12px Arial;
color: black;
background: url('images/achtergrondpixel.png') repeat;
display: block;
padding: 4px 0;
line-height: 20px;
padding-left: 24px; /*link text is indented 8px*/
text-decoration: none;
}

.urbangreymenu ul li a:visited{
color: black;
}

.urbangreymenu ul li a:hover{ /*hover state CSS*/
color: #c48d1c;
background: url(images/backgroundmenuhoversubs.png) 8px no-repeat;
}

/*  ########################## EIND MENU ########################## */

/*  ########################## CONTACTFORMULIER ########################## */


.formulier p{
width: 400px;
clear: left;
margin: 0;
padding: 5px 0 5px 0;
padding-left: 155px; /*width of left column containing the label elements*/
height: 1%;
}

.formulier label{
font-weight: normal;
float: left;
margin-left: 0px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.formulier input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 150px;    
background-color: #e3d8b3;	
border: 1px solid #241903;
}

.formulier textarea{
width: 200px;
height: 150px;    
background-color: #e3d8b3;
border: 1px solid #241903;
}

.formulierbutton {
background-color:#ca9d3d;
color:#FFFFFF;
font-size:10pt;
border:1px solid #241903; 
margin-left: 5px;
}

.formulier input[type="checkbox"]{ /*width of text boxes. IE6 does not understand this attribute*/   
background-color: #e3d8b3;	
border: 1px solid #241903;
}

/*  ########################## EINDE ONTACTFORMULIER ########################## */

/*  ########################## IMPRESSIE FOTOS ########################## */

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

/*  ########################## EINDE IMPRESSIE FOTOS ########################## */

.top {
	color:#FFFFFF;
	text-decoration:none;
}
.personaltrainertabel {
	border: 2px solid #c38c1b;
	padding: 0x;
	margin: 8px;
	text-align: left;
	background-color: #f4efd8;
}