{!-- -*- Mode: CSS; -*- --} 

/* global reset */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';}
a {outline: 0;}

/* accessibility extra's */

.skip {
	position: absolute;
	left: 0px;
	top: -500px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

/* main containers */

body {
	font-size: 14px;
	text-align: center;
	background-color: #ffffff;
    /*background-image: url(http://www.pilatesworks.be/images/uploads/grid.gif);*/
	background-repeat: no-repeat;
	background-position: center top;
}

#wrapper {
	width: 960px;
	margin: 0 auto;
	text-align: left;
	position: relative;
}

#content {
	background: transparent url(http://www.pilatesworks.be/images/uploads/divider.gif) top center no-repeat;
	width: 100%;
	overflow: hidden;
	margin: 1px 0 0 0;
} 

#footer {width: 100%;
background: transparent url(http://www.pilatesworks.be/images/uploads/divider.gif) top center no-repeat;
margin: 20px 0 0 0;
padding: 12px 0;}

/* pilates works logo */

h1#logo
{
	background: #ffffff url(http://www.pilatesworks.be/images/uploads/pw_logo_2007.jpg) top right  no-repeat;
	height: 33px;
	width: 247px;
	margin: 10px 0 0 12px;
	text-indent: -4000px;
}

/* main navigation */

ul#nav {width: 152px;
	position: absolute;
	top: 94px;
	right:10px;
}

ul#nav li {
	width: 146px;
	height: 41px;
	position: relative;
	margin: 0 0 12px 0;
}

ul#nav li em {
	color: #686868;
	font-family: "Trebuchet MS", sans-serif;
	font-style: normal;
	font-size: 0.8em;
	line-height: 18px;
	display: block;
	position: absolute;
	bottom: -2px;
	right: 0;
	z-index: 1;
}

#nav li a {
	width: 139px;
	height: 34px;
	display: block;
	background: transparent;
	border: 1px solid #ccc;
	padding: 3px;
	color: #363636;
	font-family: "Trebuchet MS", sans-serif;
	font-size: 1.166em;
	position: absolute;
	top: 1px;
	left: 4px;
	text-decoration: none;
	z-index: 100;
}

#nav li a:hover {
	color: #fff;
	background-color: #7E9C04;
}

#nav li.current a {
	color: #fff;
	background-color: #B3B7B6;
}

#nav li a#t_home:hover {
	background-color: #C90B11;
}

#nav li a#t_nieuws:hover {
	background-color: #97942B;
}

#nav li #t_faq:hover {
	background-color: #CB722E;
}

#nav li #t_instruct:hover{
	background-color: #47668A;
}

#nav li #t_rooster:hover {
	background-color: #285000;
}

#nav li #t_prijs:hover{
	background-color: #DE491E;
}

#nav li #t_contact:hover {
	background-color: #47207C;
}

/* language switch */

#lang {position: absolute; top: 4px; right: 7px;}

#lang a:link, #lang a:visited, #footer #credits a:link, #footer #credits a:visited
{
	display: block;
	padding: 6px 6px 0 6px;
	font: 1em/1.5em "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #575757;
	text-decoration: none;
	border: none;
}

#lang a:hover, #footer #credits a:hover {color: #000; }

/* main content text and link styles */

#content p, #content ul {
	color: #575757;
	font: 1em/1.5em "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin: 0 0 1em 0;
}

#content ul
{
	margin-left: 2em;
	list-style-type: square;
}

#content h3 {
	font: 1.428em/1.111em "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin: 0 0 0.8888em 0;
	color: #7f7f7f;
}

#content a:link, #footer p a:link, #footer p a:visited, #client_list ul li a, #client_list ul li a:visited {
	font: 1em/1.5em "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #648198;
	border-bottom: 1px dotted #6d8da6;
	text-decoration: none;
}

#content a:visited {
	color: #7E9C04;
	border-bottom: 1px dotted #7E9C04;
	text-decoration: none;
}

#content a:hover, #footer p a:hover, #client_list ul li a:hover {
	color: #000000;
	border-bottom: 1px solid #000000;
	text-decoration: none;
}

#content blockquote {margin: 0 2em; border-left: 2px solid #919191; padding-left: 1em;}

/* footer styles */

#footer {
		color: #575757 ;
	font: 0.9em/1.5em "Helvetica Neue", Helvetica, Arial, sans-serif;
	overflow: hidden;
	zoom: 1;
	padding-bottom: 25px;
}

#footer address {
  margin: 0 5px 0 12px;
	}

#footer p {margin: 0 5px 0 12px;}

#footer p#credits {float: right; padding-right: 5px;margin-top: -6px;}

/* table #pricelist for fees */
.pricelist caption {
	text-indent: -4000px;
}

.pricelist {
	width: 620px;
	margin: 45px 0 24px 13px;
	font-size: 1.2em;
}


.pricelist td, .pricelist th {
	border: 1px solid #919191;
	padding: 6px 16px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.pricelist th {
	color:  #ffffff;
	background-color: #919191;
}

.pricelist td+td, .pricelist th+th {
	text-align: right;
}

.pricelist td em {font-size: 0.8em; font-style: normal; color: #919191;}

.pricelist th#first {border-right: 1px solid #ffffff;}
.pricelist tr.stripe {
	background-color: #eeeeee;
}

/* instructors and clients have a choice of 2 layouts: horizontal or vertical through a customfield in the weblog */
div.horiz img {padding: 63px 0 0 12px; margin: 0;}
div.horiz img#img_2 {padding: 63px 0 0 8px;}
div.horiz img#img_3 {padding: 63px 0 0 8px;}
div.horiz div#bio {margin: 30px 0 0 12px; width: 540px;}
div.vert img {display: block; padding: 12px 0 0 12px; margin: 0;}
div.vert img#img_1 {padding-top: 62px;}
div.vert div#bio {float: right; width: 383px; margin: -550px 248px 0 0;overflow: auto;}
div.Elisabeth div#bio {margin-top: -709px;}
#instructors div.Rita {padding-bottom: 75px;}
#bio dl dt, #bio dl dd {color: #575757 ;font: 1.1em/1.5em "Helvetica Neue", Helvetica, Arial, sans-serif;}
#bio dl dt {color: #575757; font-weight: bold;}
#bio dl dd {padding-bottom: 0.5em;}
#client_list {position: absolute; right:12px; top: 540px; width: 147px; z-index:1000;}
#client_list h4{font: 1.2em/1.111em "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin: 0 0 0.6em 0;
	color: #7f7f7f;}


/* styles for the FAQ page */
#pw_faq {
	width: 700px;
	margin: 50px 0 0 12px;
	font: 1em/1.5em "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #575757;
}

#pw_faq dt, dl dd {
	font-size: 1.1em;
}

#pw_faq dt {
	color: #648198;/* same as default link styles */ 
	text-decoration: none;
	font-size: 1.4em;
	margin: 0.5em 0;
}

#pw_faq dd {
	margin: 0.5em 1em;
}

/* site credits page */

#credits #content h3 {
	margin: 24px 0 12px 12px;
}

#credits #content img {
	display: block;
	float:  left;
	clear:  left;
	margin: 2px 0 0 12px;
}	

#credits #content p {
	float: right;
	clear: right;
	width: 375px;
	margin: 0 257px 0 0;
}

#credits #content p#photo {margin-top: 2px}

/* homepage styles */
#about_p, #feature, #clients {float:  left; width:  225px;margin:  1em 0 0 12px;}
#clients {width: 304px;}
#about_p img, #feature img, #clients img {display: block; padding: 0 0 12px 0;margin: -6px 0 0 0;}
#about_p h3, #feature h3, #clients h3 {border-bottom: 4px solid #919191;padding-bottom: 8px;}
#feature p.continues, #clients p.continues, #about_p p.continues {margin-top: -1em;}
#home #welcome {
	width: 770px;
	margin: 60px 0 0 15px;
	overflow: hidden;
	zoom: 1;
	height: 600px;
}
#movemap{float: right;margin: 0 0 20px 20px;}
.gallery {clear:  both;margin: 0;}
.gallery img {margin: 10px 4px 0 0;}
.gallery img.last {margin: 0;}
#content #welcome_img {margin: 62px 0 0 12px;}

#home h3 a:link, #home h3 a:visited {
    font: 1em/1em "Helvetica Neue", Helvetica, Arial, sans-serif;
	color:  #7f7f7f;
	text-decoration: none;
	border:  0;
	padding: 0;margin: 0; white-space: nowrap;
	}
	
#home h3 a:hover {color: #000;}
a.pdf {padding-right: 18px; background: transparent url(http://www.pilatesworks.be/images/uploads/pdf.gif) top right no-repeat;}
#about_pilates #content img#joe {
	float: right;
	display:  block;
	margin: 0 0 12px 14px;
}


#about_pilates #content h3 {
	margin: 30px 0 62px 12px;
}

#about_pilates #content p {
	width:  700px;margin-left: 12px;
}

#about_pilates #content em.title {
	position: absolute;
	right:  247px;
	top: 242px;
	font-size: 0.9em;
}

#legend {font: 1em/1em "Helvetica Neue", Helvetica, Arial, sans-serif;position: absolute;left: 812px;top: 540px;color: #575757;}
#legend li {margin: 0 0 10px 0;}
#legend li strong {display: block;}

.bankrek {margin: 10px 0 0 20px;padding: 0 0 0 14px;}
.bankrek span {font-weight: bold;color: #C00E1D;}

div.adres {float: left;width:  auto;zoom: 1;margin: 0 50px 0 0;}


#verh {margin: 10px 216px 20px 11px;}

#content #callout {background: #CEC94D url() no-repeat;padding: 10px;-moz-border-radius: 5px;	
-webkit-border-radius: 5px;
-moz-box-shadow: 3px 3px 4px #817C00;	
-webkit-box-shadow: 3px 3px 4px #817C00;margin: 0 0 0 -10px;}

#schedule #content p.info, #schedule #content p.room2 {margin: 1em 175px 1em 13px;}
#schedule #content #skw {color: #7E9C04;font-weight: bold;}

#content .room2 {display: block;color: #7E9C04;font-weight: bold;}

.cell {margin: 20px 230px 12px 13px;overflow: hidden;zoom: 1;}
.cell .fr {float: right;margin: 0 0 25px 25px;display: block;padding: 4px;border: 1px solid #eeeeee;}
.cell .fl {float: left;margin: 0 25px 25px 0;display: block;padding: 4px;border: 1px solid #eeeeee;}
.cell h3 {clear:  both;}

#subFormholder {position: absolute;right: 0;top: 550px;width: 155px;color: #575757;}
#subForm label, #subForm input {display: block;margin: 0;font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;}
#subForm label {margin: 0 0 2px 0;}
#subForm input {margin: 0 0 10px 0;}
#subForm input[type=text] {width: 140px;}
#subFormholder h3 {font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;font-size: 14px;font-weight: normal;line-height: 18px;margin: 0 0 8px 0;}