@charset "UTF-8";




html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
        	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

html, body {
	height:100%; /* Max 100% hoogte in IE */
	max-height:100%; /* Max 100% hoogte in browsers */
	overflow: hidden;
	
}




body {
	font-size: 100.1%;
	background: #fff url(../images/back_home.jpg) no-repeat fixed center bottom;
}

body#home {
	background: #fff url(../images/back_home.jpg) no-repeat fixed center bottom;
}

body#slank {
	background: #fff url(../images/back_slank.jpg) no-repeat fixed center bottom;
}

body#bedrijf {
	background: #fff url(../images/back_bedrijf.jpg) no-repeat fixed center bottom;
}

body#kinderen {
	background: #fff url(../images/back_kinderen.jpg) no-repeat fixed center bottom;
}

body#hilde {
	background: #fff url(../images/back_hilde.jpg) no-repeat fixed center bottom;
}

body#individueel {
	background: #fff url(../images/back_individueel.jpg) no-repeat fixed center bottom;
}

body#poweryoga {
	background: #fff url(../images/back_poweryoga.jpg) no-repeat fixed center bottom;
}

body#zwanger {
	background: #fff url(../images/back_zwanger.jpg) no-repeat fixed center bottom;
}






#nav {
	overflow: auto;
	position: absolute;
	top: 65px;
	left: 0px;
	width: 40%;
	bottom: 0;
	margin: 0;
	padding: 0;
}

#container {
	width: 962px;
	margin: 0 auto;
	position:relative;
	color: #444;
}



#frame {
	overflow: auto;
	position: absolute;
	top: 69px;
	left: 0;
	bottom: 0;
	right: 0;
	margin: 0;
	padding: 0;
	width: 100%;
    height: expression(document.body.offsetHeight - 69);
}

/* Alternatieve code voor IE */
* html #frame {
	width: expression(document.body.offsetWidth);
}

#text {
	width: 475px;
	text-align: left;
	position:relative;
	top: 0px;
	left: 50%;
	height: 100%;
	margin-left: -50px;
	font: 11px/1.75em Verdana, Arial, Helvetica, sans-serif;
}









#logo {
	position: absolute;
	top: 40px;
	left: 71px;
}




p {
	padding:  0 0 1.75em 55px;
}

p.quote {
	color: #000;
	font-size: 1.00em;
	line-height: 1.50em;
	padding: 10px;
	font-style: italic;
	margin: 0 0 22px 1.75em;
	float: right;
	width: 200px;
	border-top: 2px dotted #ff6d01;
        border-right: 2px dotted #ff6d01;
	border-left: 2px dotted #ff6d01;
	border-bottom: 2px dotted #ff6d01;
}



h1 {
	text-indent: -999em;
	height: 90px;
	margin-bottom: 1.75em;
}


h2 {
	padding: 0 0 0 55px;
	font-weight: bold;
	color: #ff6d01;
}

h3 {
	padding: 0 0 0 55px;
	font-weight: bold;
	color: #444;
}

em {
	font-style: italic;
}

strong {
	font-weight: bold;
}

a {
	color: #444;
}

a:hover {
	color: #9e8978;
	text-decoration: none;
}



#text ul {
	padding:  0 0 1.75em 70px;
}



table.prijzen {
	margin: 0 0 1.75em 55px;
}

table.prijzen td {
	padding: 0 10px 5px 0;
	line-height: 1.50em;
}

#kop_dynamisch {
	background: url(../images/kop_dynamisch.png) no-repeat 15px bottom;
}


#kop_poweryoga {
	background: url(../images/kop_vinyasa.png) no-repeat 15px bottom;
}

#kop_volwassenen {
	background: url(../images/kop_volwassenen.png) no-repeat 15px bottom;
}

#kop_kinderen {
	background: url(../images/kop_kinderen.png) no-repeat 15px bottom;
}

#kop_bedrijfsyoga {
	background: url(../images/kop_bedrijfsyoga.png) no-repeat 15px bottom;
}

#kop_workshops {
	background: url(../images/kop_workshops.png) no-repeat 15px bottom;
}

#kop_adem {
	background: url(../images/kop_adem.png) no-repeat 15px bottom;
}

#kop_contact {
	background: url(../images/kop_contact.png) no-repeat 15px bottom;
}

#kop_hilde {
	background: url(../images/kop_hilde.png) no-repeat 15px bottom;
}

#kop_individueel {
	background: url(../images/kop_individueel.png) no-repeat 15px bottom;
}

#kop_netwerk {
	background: url(../images/kop_netwerk.png) no-repeat 15px bottom;
}


#kop_opdrachtgevers {
	background: url(../images/kop_opdrachtgevers.png) no-repeat 15px bottom;
}


#kop_slank {
	background: url(../images/kop_slank.png) no-repeat 15px bottom;
}


#kop_voorwaarden {
	background: url(../images/kop_voorwaarden.png) no-repeat 15px bottom;
}

#kop_welkom {
	background: url(../images/kop_welkom.png) no-repeat 15px bottom;
}

#kop_workshops {
	background: url(../images/kop_workshops.png) no-repeat 15px bottom;
}

#kop_prijzen {
	background: url(../images/kop_prijzen.png) no-repeat 15px bottom;
}

#kop_zwanger {
	background: url(../images/kop_zwanger.png) no-repeat 15px bottom;
}






.foto_rechts {
	float: right;
	border: 1px solid #9e8978;
	margin: 3px 0 10px 10px;
}

.foto_links {
	float: left;
	border: 1px solid #9e8978;
	margin: 3px 10px 10px 0;
}

.foto_rechts_noborder {
	float: right;
	border: none;
	margin: 3px 0 10px 10px;
}

.foto_links_noborder {
	float: left;
	border: none;
	margin: 3px 10px 10px 0;
}








/* ============ NAVIGATIE ============== */

#mainnav {
	position: absolute;
/*  	bottom: 40px; */	
        top: 300px;
	left: 134px;
	
}

#mainnav ul {
	list-style: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 20px;
}


#mainnav ul li {
	padding: 0;
	margin-bottom: 2px;
	width: 286px;
	text-align: right;
}


#mainnav ul li a {
	text-decoration: none;
	font-size: 11px;
	color: #000;
	line-height: 12px;
	padding: 5px 20px 5px 5px;
	display: block;
	background: url(../images/navback.png);
	border: 1px solid #f2893b;
}



#mainnav ul li a:hover, #mainnav ul li a.active {
	border: 1px solid #000;
}




/* ============ SUBNAVIGATIE ============== */


 #subnav ul {
	position: absolute;
	top: 40px;
	right: 27px;
 	width: 662px;
	height: 28px;
	margin: 0;
	padding: 0;	
 	text-align: right;
	list-style: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

 #subnav ul li {
 	position: relative;
	top: 4px;
	float: right;
}

 #subnav ul li a {
	text-decoration: none;
	font-size: 10px;
	color: #000;
	padding: 0 5px 1px 5px;
	margin: 0;
}

 #subnav ul li a:hover {
 	text-decoration: underline;
	color: #000;
 }