/* -----------------------[ CSS DOC RESET    ]--------------------------------------------------------------------*/
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,hr {margin:0; padding:0;}
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th {font-size:1em; font-weight:normal; font-style:normal;}
ul,ol {list-style:none;}
fieldset,img,hr {border:none;}
caption,th {text-align:left;}
table {border-collapse:collapse; border-spacing:0;}
td {vertical-align:top;}

/* =======================[ @FONT-FACE DECLARATIONS ]============================================================ */
@font-face {
	font-family: 'SansationRegular';
	src: url('fonts/sansation_regular-webfont.eot');
	src: local('☺'), url('fonts/sansation_regular-webfont.woff') format('woff'), url('fonts/sansation_regular-webfont.ttf') format('truetype'), url('fonts/sansation_regular-webfont.svg#webfontupbu3ciq') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'SansationLight';
	src: url('fonts/sansation_light-webfont.eot');
	src: local('☺'), url('fonts/sansation_light-webfont.woff') format('woff'), url('fonts/sansation_light-webfont.ttf') format('truetype'), url('fonts/sansation_light-webfont.svg#webfontcfdaxkvh') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'SansationBold';
	src: url('fonts/sansation_bold-webfont.eot');
	src: local('☺'), url('fonts/sansation_bold-webfont.woff') format('woff'), url('fonts/sansation_bold-webfont.ttf') format('truetype'), url('fonts/sansation_bold-webfont.svg#webfontbdpabuia') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'DejaVuSansCondensed';
	src: url('fonts/dejavusanscondensed-webfont.eot');
	src: local('☺'), url('fonts/dejavusanscondensed-webfont.woff') format('woff'), url('fonts/dejavusanscondensed-webfont.ttf') format('truetype'), url('fonts/dejavusanscondensed-webfont.svg#webfontKCRW5QMy') format('svg');
}

@font-face {
	font-family: 'CantarellOblique';
	src: url('fonts/cantarell-oblique-webfont.eot');
	src: local('☺'), url('fonts/cantarell-oblique-webfont.woff') format('woff'), url('fonts/cantarell-oblique-webfont.ttf') format('truetype'), url('fonts/cantarell-oblique-webfont.svg#webfontFnqaNY8K') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'CantarellBoldOblique';
	src: url('fonts/cantarell-boldoblique-webfont.eot');
	src: local('☺'), url('fonts/cantarell-boldoblique-webfont.woff') format('woff'), url('fonts/cantarell-boldoblique-webfont.ttf') format('truetype'), url('fonts/cantarell-boldoblique-webfont.svg#webfontx0BISaK3') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'CantarellRegular';
	src: url('fonts/cantarell-regular-webfont.eot');
	src: local('☺'), url('fonts/cantarell-regular-webfont.woff') format('woff'), url('fonts/cantarell-regular-webfont.ttf') format('truetype'), url('fonts/cantarell-regular-webfont.svg#webfontBdJeNVT7') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'CantarellBold';
	src: url('fonts/cantarell-bold-webfont.eot');
	src: local('☺'), url('fonts/cantarell-bold-webfont.woff') format('woff'), url('fonts/cantarell-bold-webfont.ttf') format('truetype'), url('fonts/cantarell-bold-webfont.svg#webfontspPBl0aP') format('svg');
	font-weight: normal;
	font-style: normal;
}
/* ============================================================================================================== */
body{
	color:#423B13;
	background-color:#525705;
	width: 100%;
}
.homescreen{
	display: block;
	margin: 55px auto;
}
.bthanx{
	background-color:#FEFFE9;
}
#wrapper{
	position: relative;
	margin: 40px auto;
	width: 960px;
	height: 660px;
	border: 1px none red;
	
}

ul#socialmediabuttons {margin: 445px 0 0 19px; padding:0; list-style:none; clear:left;float: left;}
	#socialmediabuttons li {overflow:hidden; text-indent:-9999px;}
		#socialmediabuttons li a {background:url('images/socialmediabuttons.png') no-repeat; width:100%; height:100%; display:block;}
		
		#socialmediabuttons li.smb-facebook {width: 60px; height: 50px;}
			#socialmediabuttons li.smb-facebook a {background-position: 0px -155px;}
			#socialmediabuttons li.smb-facebook a:hover {background-position: 0px -2px;}

		#socialmediabuttons li.smb-hyves {width: 60px; height: 50px;}
			#socialmediabuttons li.smb-hyves a {background-position: 0px -206px;}
			#socialmediabuttons li.smb-hyves a:hover {background-position: 0px -53px;}

		#socialmediabuttons li.smb-twitter {width: 60px; height: 50px;}
			#socialmediabuttons li.smb-twitter a {background-position: 0px -257px;}
				#socialmediabuttons li.smb-twitter a:hover {background-position: 0px -104px;}

#breadcrump {
	position:relative;
	margin: 10px 0 0 563px;
	font-family: 'CantarellRegular';
	font-size:10px;
	color:#CFD2A0;
	background-color:#525705;
	}
a.bclink, a.bclink:visited {
	color:#CFD2A0;
	background-color:#525705;
	font-weight:normal;
	text-decoration:underline;
}
a.bclink:hover, a.bclink:active {
	color:#525705;
	background-color:#CFD2A0;
	font-weight:normal;
	text-decoration:none;
}
a.hereami, a.hereami:visited {
	color:#CFD2A0;
	background-color:#525705;
	font-weight:normal;
	text-decoration:underline;
}
a.hereami:hover, a.hereami:active {
	color:#525705;
	background-color:#CFD2A0;
	font-weight:normal;
	text-decoration:none;
}
#container{
	position: relative;
	background: url(images/happyyoga-background.png) 0 0 no-repeat;
	margin: 1px auto;
	width: 800px;
	height: 600px;
}
img.logo{
	float:left;
	padding: 10px 0 0 20px;
}
a.happylink,a.happylink:visited{
	font-family: 'SansationBold';
	color:#423B13;
	background-color:#FEFFE9;
	text-decoration:underline;
}
a.happylink:hover,a.happylink:active{
	font-family: 'SansationBold';
	color:#FEFFE9;
	background-color:#423B13;
	text-decoration:none;
}

/* ============================================================================================================== */
#menu{
	position: relative;
	padding: 46px 0 0 331px; /*5 0 0 351*/
	font-family: 'DejaVuSansCondensed';
	font-weight: normal;
	font-style: normal;
	font-size: 10px;
	z-index:2;
}

	/* remove the list style */
	#nav {
		margin:0; 
		padding:0; 
		list-style:none;
	}	
	
		/* make the LI display inline */
		/* it's position relative so that position absolute */
		/* can be used in submenu */
		#nav li {
			float:left; 
			display:block; 
			width:91px; 
			background:#CFD2A0;
			position:relative;
			z-index:500; 
			margin:0 1px;
		}
		
		/* this is the parent menu */
		#nav li a {
			display:block; 
			padding:8px 5px 0 10px; 
			font-weight:700;  
			height:23px; 
			text-decoration:none; 
			text-align:left; 
			color:#FEFFE9;
		}

		#nav li a:hover {
			color:#423B13;
		}
	
		/* you can make a different style for default selected value */
		#nav a.selected {
			color:#423B13;
		}
	
		/* submenu, it's hidden by default */
		#nav ul {
			position:absolute; 
			left:0; 
			display:none; 
			margin:0 0 0 -1px; 
			padding:0; 
			list-style:none;
		}
		
		#nav ul li {
			width:86px; 
			float:left;
			border-top:1px solid #fff;
			padding	: 0 0 0 5px;
		}

		#nav ul li.sizextra {
			width:130px; 
		}

		/* display block will make the link fill the whole area of LI */
		#nav ul a {
			display:block;  
			height:15px;
			padding: 8px 5px; 
			color:#FEFFE9;
		}
		
		#nav ul a:hover {
			text-decoration:none;	
		}

		/* fix ie6 small issue */
		/* we should always avoid using hack like this */
		/* should put it into separate file : ) */
		*html #nav ul {
			margin:0 0 0 -2px;
		}
/* ============================================================================================================== */
#contenttop{
	position: relative;
	background: transparent 0 0 no-repeat;
	margin: 65px 0 0 240px;
	width: 559px;
	height: 50px;
	border: 0px #000 solid;
	z-index:1;
}

#contentbody{
	position: absolute;
	background: transparent 0 0 no-repeat;
	margin: 5px 240px;
	width: 559px;
	height: 225px;
	border: 0px #000 solid;
	overflow: auto;
}

ul#actieflower {margin: 75px 0 0 50px; padding:0; list-style:none; clear:none;float: left;}
	#actieflower li {overflow:hidden; text-indent:-9999px;}
		#actieflower li a {background:url('images/actieflower.png') no-repeat; width:100%; height:100%; display:block;}
		
		#actieflower li.actie {width: 112px; height: 110px;}
			#actieflower li.actie a {background-position: 0px -5px;}
			#actieflower li.actie a:hover {background-position: -125px -5px;}
			
ul#nieuwflower {margin: 45px 0 0 25px; padding:0; list-style:none; clear:none;float: left;}
	#nieuwflower li {overflow:hidden; text-indent:-9999px;}
		#nieuwflower li a {background:url('images/nieuwflower.png') no-repeat; width:100%; height:100%; display:block;}
		
		#nieuwflower li.nieuw {width: 160px; height: 153px;}
			#nieuwflower li.nieuw a {background-position: 0px 0px;}
			#nieuwflower li.nieuw a:hover {background-position: -177px 0px;}

img.sliderstart-actieflower {
	position: relative;
	float: right;
	margin: 244px 0 0 0;
}
img.sliderstart-nieuwflower {
	position: relative;
	float: right;
	margin: 130px 0 0 0;
}

h1{
	font-family: 'SansationBold';
	font-weight: normal;
	font-style: normal;
	font-size: 18px;	
	padding: 20px 0 0 53px;
}
h2{
	font-family: 'SansationLight';
	font-weight: normal;
	font-style: normal;
	font-size: 18px;	
	padding: 20px 0 5px 20px;
}
h3{
	font-family: 'SansationBold';
	color:#757C11;
	font-weight: normal;
	font-style: normal;
	font-size: 18px;	
	padding: 20px 0 5px 20px;
}
p{
	font-family: 'SansationRegular';
	font-weight: normal;
	font-style: normal;
	font-size: 12px;
	padding: 5px 20px;
}
span.quote{
	color:#757C11;
	font-style: italic;

}
img.docent{
	float:right;
	padding: 0px 20px;
}

img.dekinderyogajuf {
	float: right;
	width: 200px;
	padding: 0px 20px;
}
img.logo-dekinderyogajuf {
	float: left;
	width: 150px;
	padding: 0px 40px;
}

/* ============================================================================================================== */
#docenttabel{
	font-size: 14px;
	font-family: 'SansationLight';
	width:75%;
	border-collapse:collapse;
	margin: 5px 20px
}
#docenttabel td{
	text-align: center;
	padding:3px 7px 2px 7px;
}
#docenttabel a.docentlink, a.docentlink:visited {
	color:#757C11;
	background-color:#FEFFE9;
	font-weight:normal;
	font-style:normal;
	text-decoration:none;
}
#docenttabel a.docentlink:hover, a.docentlink:active {
	color:#FEFFE9;
	background-color:#757C11;
	font-weight:normal;
	font-style:normal;
	text-decoration:none;
}
/* ============================================================================================================== */
#hytabel{
	font-family: 'SansationRegular';
	width:92%;
	border-collapse:collapse;
	margin: 5px 20px
}
#hytabel td, #hytabel th{
	font-size:12px;
	border:1px solid #757C11;
	padding:3px 7px 2px 7px;
}
#hytabel th{
	font-size:16px;
	text-align:left;
	padding-top:2px;
	padding-bottom:2px;
	background-color:#757C11;
	color:#ffffff;
}
#hytabel tr.alt td{
	background-color:#CFD2A0;
}

.workshop-k1 {width: 12%;}
.workshop-k2 {width: 12%;}
.workshop-k3 {width: 13%;}

.workshopicon {
	float: left;
	width: 12px;
	height: 12px;
	margin: 1px 2px 0 0;
	
}
/* ============================================================================================================== */
#contacttabel{
	font-family: 'SansationRegular';
	width:50%;
	border-collapse:collapse;
	margin: 5px 20px 20px 20px;
}
#contacttabel td{
	color:#757C11;
	font-size:12px;
	border:0px solid #757C11;
	padding:3px 7px 2px 7px;
}
a.contactlink, a.contactlink:visited {
	font-family: 'SansationBold';
	color:#757C11;
	background-color:#FEFFE9;
	font-weight:normal;
	text-decoration:underline;
}
a.contactlink:hover, a.contactlink:active {
	font-family: 'SansationBold';
	color:#FEFFE9;
	background-color:#757C11;
	font-weight:normal;
	text-decoration:none;
}
iframe.formulier{
	position:relative;
	top:0px;
	left:20px;
	border-style:none;
	border-width:1px;
	border-color:#ffff00;
}
#thanx{
	width:450px;
	height:200px;
	margin:0px;
	padding:10px 0px 0px 40px;
	border-style:none;
	border-width:1px 1px 1px 1px;
	border-color:#dfdf00;
}
#thanx p{
	padding:0px auto;
	font-family: 'SansationRegular';
	font-size:12px;
	color:#423B13;
	font-weight:normal;
	text-decoration:none;
}
#map_canvas {
	font-family: 'CantarellRegular';
	font-size: 12px;
	color:#2F271C;
	float: right;
	margin: 0px 10px 0 5px;
	width: 520px;
	height: 225px;
}

#colorboxthumb-area {
	margin: 0 0 0 25px;
}

	.colorboxthumb {
		background-color: #fff;
		
		border: 1px solid #e2e2e2;
		padding: 5px;
	}

/* ============================================================================================================== */
#footer {
	position:absolute;
	margin: 1px 0 0 80px;
	width: 800px;
	height: 30px;
	font-family: 'CantarellRegular';
	font-size:10px;
	color:#CFD2A0;
	background-color:#525705;
	border: 1px none blue;
	}
a.footlink, a.footlink:visited {
	color:#CFD2A0;
	background-color:#525705;
	font-weight:normal;
	text-decoration:none;
}
a.footlink:hover, a.footlink:active {
	color:#525705;
	background-color:#CFD2A0;
	font-weight:normal;
	text-decoration:none;
}

/* ============================================================================================================== */