/* -------------------------------------------------
	Version	:	1.0
	Author	:	davidkerbl
	Email	:	art@davidkerbl.nl
	Website	:	http://www.davidkerbl.nl
	Client	:	Yogastudio de Cirkel (http://www.cirkel.net)
---------------------------------------------------- */
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;
}

ol, ul {list-style: none;}
/* 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: "" "";}
/* END GLOBAL RESET ----------------------------------------------------------- */	

html {background-color:#eff3bd; height:100%; }
body {height:100%; background:#eff3bd url(../img/bg.jpg) repeat-x 0 0; font-size:69%;  font-family: Georgia, "Times New Roman", Times, serif; color:#333; text-align:left; }
* html body { line-height:1.45em;}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, li, fieldset, address { margin:1em 0; background-color:transparent; }
img {border:0;}

h1, h2, h3, h4, h5, h6 { font-family: Georgia, "Times New Roman", Times, serif; margin:0; font-weight:normal; color:#333; position:relative; }	
h1 {font-size:22px; }
h2 {font-size:20px; margin:10px 0;}
h3 {font-size:14px; margin:10px 0; font-weight: bold;}
h4 {font-size:100%; }
h5 {font-size:100%;}
h6 {font-size:90%;}

strong {font-weight:bold;}
q,
blockquote q {font-size:112%; font-weight:bold; line-height:1.3em;}
p 			 {color:#333; line-height:21px; font-size:12px; margin:20px 0;}

ul {padding:0; margin:0;}
li {padding:0; margin:0; background:none; font-size:12px;}

a 		{color:#333; text-decoration:underline; background-color:transparent; font-size:12px;}
a:hover {color:#666; text-decoration:underline; background-color:transparent; }
a:active{color:#000; text-decoration:underline; background-color:transparent; }

body {position:relative; }

#outer-wrapper	{width:910px; min-height:100%; margin:0 auto; padding:0; position:relative; background:transparent  url(../img/body-bg2.jpg) no-repeat center top; }
#header			{width:910px; height:131px; margin:0 auto; background:transparent url(../img/header.jpg) no-repeat 0 0; padding:0; position:relative; }

#logo			{position:absolute; top:18px; left:12px; background:transparent url(../img/logo.png) no-repeat 0 0; width:431px; height:102px;}
#logo a			{width:431px; height:102px; display:block; border-bottom:none; text-indent:-9999px;}
#btn-cta		{position:absolute; top:35px; right:-15px; width:260px; height:60px;}
#btn-cta a 		{width:260px; height:60px; display:block; background:transparent url(../img/btn-inschrijven.png) no-repeat 0 0;border-bottom:none; text-indent:-9999px;}
#btn-cta a:hover{background-position:0 -59px;}		

/* ------------ NAV --------------*/
#nav			{margin:0; background:transparent url(../img/nav-bg.jpg) no-repeat 0 0; width:910px; height:34px;}
#nav ul			{padding-left:5px;}
#nav li			{float:left; display:inline; position:relative; height:34px; margin:0; padding:0; z-index:100;}
#nav li a,  
#nav li a:visited  {display:block; margin:0; padding:0; position:relative; height:34px; text-indent:-9999px; overflow:hidden; cursor:pointer; border-bottom:none;}
#nav li a:hover 	{background-position:0 -34px;} 
#nav li.current a   {background-position:0 -34px; }

#btn-1 a {width:82px; background:transparent url(../img/btn-1.png) no-repeat 0 0; }
#btn-2 a {width:69px; background:transparent url(../img/btn-2.png) no-repeat 0 0;}
#btn-3 a {width:119px; background:transparent url(../img/btn-3.png) no-repeat 0 0;}
#btn-4 a {width:119px; background:transparent url(../img/btn-4.png) no-repeat 0 0;}
#btn-5 a {width:140px; background:transparent url(../img/btn-5.png) no-repeat 0 0;}
#btn-6 a {width:170px; background:transparent url(../img/btn-6.png) no-repeat 0 0;}
#btn-7 a {width:134px; background:transparent url(../img/btn-7.png) no-repeat 0 0;}

/* --------- CONTENT ------------- */
#content-col {margin:0; padding:0; background:transparent url(../img/body.jpg) no-repeat 0 0; width:910px; min-height:577px;}
.col-left	 {width:590px; float:left;  margin:0; }
.col-right	 {width:277px; float:right; margin:125px 25px 0 0; }
.content	 {margin:0; padding:75px 0 25px 25px; width:570px; }
.addition	 {padding-bottom:10px;}
.linkage	 {padding-left:15px; background:transparent url(../img/arrow2.png) no-repeat 0 3px; }
.linkage2	 {padding-left:15px; background:transparent url(../img/arrow-left.png) no-repeat 0 3px; float:right;}
.linkage3	 {margin:15px 0;}
.header-add	 {display:inline;}
.at-box	a	 {padding-top:12px; margin:0 0 20px 0; background:transparent url(../img/btn-aanmelden.png) no-repeat 0 0; width:250px; height:38px; display:block; color:#fff; font-size:20px; text-align:center; text-decoration:none; font-style:italic;}
.at-box	a:hover	{ background-position:0 -50px; color:#666;}
.data		    {float:left; margin-right:30px; padding-bottom:30px; line-height:21px;}
.data2		    {margin-right:30px; /*padding:10px 0 0px 16px;*/ line-height:26px;}
.data .data2 li	{background:transparent url(../img/arrow2.png) no-repeat 0 8px;!important}
.data #acu li	{padding-left:15px; background:transparent url(../img/arrow2.png) no-repeat 0 5px;}
.data #voorwaarden li {padding-left:15px; background:transparent url(../img/arrow2.png) no-repeat 0 5px; margin:10px 0;}
.data-input		{padding-bottom:30px; line-height:21px;}
.data-input2	{ float:left; margin:0; padding:0; background:none;}
.lestijden	{width:500px; margin:0; padding:0; }
.lestijden td	{margin:2px 0; padding:5px 18px; border:1px solid #fff;}
.img-holder2	{width:122px; height:150px; border:1px solid white; float:left; margin:0 10px 5px 0;}
.img-holder3	{float:left; margin:0 15px 5px 0;}
.last_con		{float:left; margin:0; padding-top:50px;}
.form-content	{width:470px;}

/* begin faq */
.faq			{padding-bottom:40px;}
.last_faq 		{padding-bottom: 0px;}
.faq ul li h3 a	{text-decoration: none;}
.faq ul			{list-style: none;}
.faq ul li		{padding-left:15px; background:transparent url(../img/arrow2.png) no-repeat 0 3px;}
.faq ul .active	{background: url(../img/arrow-down.png) 0 3px no-repeat; }
.faq ul li div	{display: none;	padding-top: 6px;	line-height: 18px;}
.faq ul .active div{display: block;}

/* end faq */


/* --------- MODULES ------------- */
#moduleholder   {margin:0 auto; padding:0; width:884px; /*border:1px solid red;*/}
.module		    {float:left; margin:0 4px; background:transparent url(../img/module-bg.png) no-repeat 0 0; padding:0; width:286px; height:308px;}
.img-holder	    {width:277px; height:144px; margin:3px 0 0 5px}
.module-linkage	{float:left; margin:0; padding-left:15px; background:transparent url(../img/arrow.png) no-repeat 0 3px; }
.mod-content	{padding:10px 20px 0 20px;}
.nomargin		{margin:0; padding:0;}

/* --------- FOOTER ------------- */
#footer		{position:relative; font-size:12px; padding-bottom:50px; border-top:1px dotted white; width:860px; margin:0 auto;}
.vcard		{float:left; margin:10px 0 0 0; }
*:first-child+html .legal		{position:absolute; right:0; margin:2px 25px 0 0; }
.legal		{position:absolute; right:0; margin:-15px 25px 0 0; }
.legal a	{font-size:10px;}
.clearer	{clear:both;}


/* ---------- CONTACT FORM ---------- */
#formulier {}
#formulier legend {font-size:150%; /*color:#000;*/ line-height:18px; display:block; width:400px !important; padding:0; margin:0;}
	* html #formulier legend {margin-left:-8px;}
	*:first-child+html #formulier legend {margin-left:-8px;}
#formulier input {position:relative; height:15px; width:453px; padding:4px 0 2px 6px; margin:0 0 7px 0; border:none; font-size:11px; color:#555; background:#ececeb url(../img/input-bg2.png) no-repeat -1px -1px; line-height:16px; font-family: Georgia, "Times New Roman", Times, serif; font-size:12px;}
	#formulier input:hover,
	#formulier input:focus {color:#000; }
#formulier textarea {position:relative; width:453px; padding:6px 0 0 6px; margin:0; border:none; font-size:12px; color:#555; background:#ececeb url(../img/textarea-bg2.png) no-repeat -1px -1px; overflow:hidden;
					 font-family: Georgia, "Times New Roman", Times, serif; }
	* html #formulier textarea {overflow:hidden;}
	#formulier textarea:hover,
	#formulier textarea:focus  {color:#000;}
#formulier input.submit_button {position:relative; cursor:pointer; height:23px; width:140px; padding:1px 0 3px 0; margin:0; border:none; font-size:11px; color:#fff; background:#c2d025;}
	* html #formulier input.submit_button {padding:2px 0 4px 0;}
	*:first-child+html #formulier input.submit_button {padding:3px 0 3px 0;}
	#formulier input.submit_button:hover,
	#formulier input.submit_button:focus,
	#formulier input.submit_button.over,
	#formulier input.submit_button.over:focus {background:#e2e85b;}
	#formulier input.submit_button:active,
	#formulier input.click {background:#a1ad18;}
	#check-this #ooie {text-align:left; width:20px; margin:12px 10px 0 0px; border:none;}
	#formulier .keuze  {background:#ececeb url(../img/textarea-bg2.png) no-repeat 0 0; padding:4px 3px 2px 4px; margin:5px 0; border:1px solid #ECECEB; width:461px; overflow:hidden; font-family: Georgia, "Times New Roman", Times, serif;}
	#formulier .keuze option     {background:#EFEFEF; padding:1px 0 0 8px;}
	#formulier #time  {background:#ececeb url(../img/textarea-bg2.png) no-repeat 0 0; padding:4px 3px 2px 4px; margin:5px 0; border:1px solid #ECECEB; width:461px; overflow:hidden; font-family: Georgia, "Times New Roman", Times, serif;}
	
	#formulier #time option.mon {background:#EFEFEF; padding:1px 0 0 6px;}
	#formulier #time option.tue {background:#F5F5F5; padding:1px 0 0 6px;}
	#formulier #time option.wed {background:#EFEFEF; padding:1px 0 0 6px;}
	#formulier #time option.thu {background:#F5F5F5; padding:1px 0 0 6px;}
	#formulier #time option.fri {background:#EFEFEF; padding:1px 0 0 6px;}
	#formulier #cv {height:20px; font-size:11px; color:#555; line-height:16px;}
	#form-reguls   {float:right; margin:2px 112px 0 0;}