/* FONT-FACE
*********************************************/
@font-face {
	font-family: 'ScalaSansCapsRegular';
	src: url('scalasanscaps-webfont.eot');
	src: local('?'), url('scalasanscaps-webfont.woff') format('woff'), url('scalasanscaps-webfont.ttf') format('truetype'), url('scalasanscaps-webfont.svg#webfontHVWwzwHS') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'ScalaSansBold';
	src: url('scalasans-bold-webfont.eot');
	src: local('?'), url('scalasans-bold-webfont.woff') format('woff'), url('scalasans-bold-webfont.ttf') format('truetype'), url('scalasans-bold-webfont.svg#webfontdRX3oBct') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'ScalaSansRegular';
	src: url('scalasans-regular-webfont.eot');
	src: local('?'), url('scalasans-regular-webfont.woff') format('woff'), url('scalasans-regular-webfont.ttf') format('truetype'), url('scalasans-regular-webfont.svg#webfontoTIR0e1L') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'DisturbanceItalic';
	src: url('disturbance-italic-webfont.eot');
	src: local('?'), url('disturbance-italic-webfont.woff') format('woff'), url('disturbance-italic-webfont.ttf') format('truetype'), url('disturbance-italic-webfont.svg#webfontDAo1enoP') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* GENERAL USE
*********************************************/
html, body {
	color:#000;
	font:normal 11px/18px verdana, arial, sans-serif;
	}

#container{
	width: 870px;
	position: relative;
	margin: 0 0 0 140px;
	}

#logostudioanimo{
	position: relative;
	width: 200px;
	height: 50px;
	background: url("../img/logo_studio_animo.jpg");
	margin: 20px 0 0 650px;
	}

#title{
	width: 394px;
	height: 40px;
	float: left;
	margin: 5px 0 -10px;
	}

#menu{
	height: 36px;
	width: 476px;
	float: left;
	position: relative;
	z-index: 100;
	}

#menu ul{
	position: relative;
	margin: 17px 0 0 137px;
	}

#menu ul li{
	display: inline;
	float: left;
	margin: 0 0 0 5px;
	}

#content_left{
	width: 394px;
	min-height: 420px;
	background: #c13e96;
	position: relative;
	float: left;
	margin: 0 5px 0 0;
	}

#content_middle{
	width: 223px;
	height: 420px;
	background: #32c5f4;
	float: left;
	margin: 0 5px 0 0;
	}

#content_right{
	width: 223px;
	height: 420px;
	background: #8dc63f;
	float: left;
	margin: 0 5px 0 0;
	}

#blocks{
	width: 15px;
	height: 415px;
	float: left;
	}

.block{
	width: 15px;
	height: 60px;
	}

.box{
	padding: 12px;
	}

.clear{
	clear: both;
	}

.left{
	float: left;
	}

.right{
	float: right;
	}


/* MENU
*********************************************/

#jsddm
{	margin: 0;
	padding: 0;
	}
	
	#jsddm li
	{	float: left;
		list-style: none;
		}

	#jsddm li a
	{	display: block;
		text-decoration: none;
		white-space: nowrap;
		}

	#jsddm li a:hover
	{	
		}
		
		#jsddm li ul
		{	margin: 0;
			padding: 0;
			position: absolute;
			visibility: hidden;
			}
		
		#jsddm li ul li
		{	float: none;
			display: inline;
			}
		
		#jsddm li ul{
			margin: 3px 0 0 -7px;
			padding: 5px 5px 20px 10px;
			}
		
		
		.menu_lijn{
			background: #fff;
			height: 2px;
			width: 100%;
			}
		
		#jsddm li ul li a
		{	display: block;
			width: auto;
			height: 5px;
			}
		
		#jsddm li ul li a:hover
		{	
			}



/* PAGES
*********************************************/

/*HOME*/
body#home{
	background: url("../img/bg/home.jpg") no-repeat;
	}

body#home #jsddm li ul{
			background: #8dc63f;
			}

body#home #jsddm li ul li a{
			color: #fff;
			font:normal 13px/16px ScalaSansRegular;
			}
		
body#home #jsddm li ul li a:hover{
			color:#000;
			}

body#home #title h1{
	color: #c13e96;
	}

body#home #content_left{
	width: 394px;
	min-height: 420px;
	background: #c13e96;
	position: relative;
	float: left;
	margin: 0 5px 0 0;
	}

body#home #content_middle{
	width: 223px;
	height: 420px;
	background: #32c5f4;
	float: left;
	margin: 0 5px 0 0;
	}

body#home #content_right{
	width: 223px;
	height: 420px;
	background: #8dc63f;
	float: left;
	margin: 0 5px 0 0;
	}

body#home #streep1{
	position: absolute;
	height: 60px;
	width: 465px;
	left: 394px;
	top: 86px;
	background: #c13e96;
	z-index: -1;
	}

body#home #streep2{
	position: absolute;
	height: 60px;
	width: 243px;
	left: 622px;
	top: 206px;
	background: #32c5f4;
	z-index: -1;
	}

body#home #streep3{
	position: absolute;
	height: 60px;
	width: 5px;
	left: 850px;
	top: 266px;
	background: #8dc63f;
	z-index: -1;
	}

body#fitness #content_right img,
body#yoga #content_right img,
body#contact #content_right img,
body#home #content_middle img,
body#overige #content_right img,
body#prijzen #content_right img,
body#wiezijnwij #content_middle img,
body#collegas #content_right img{
	padding: 12px 12px 0;
	}

body#home #right_top{
	height: 20px;
	width: 100%;
	background: #b5d856;
	padding: 20px 10px;
	}

body#home #content_right img{
	padding: 8px 0 0;
	}

/*WIEZIJNWIJ*/

body#wiezijnwij{
	background: url("../img/bg/wiezijnwij.jpg") no-repeat;
	}

body#wiezijnwij #jsddm li ul{
			background: #ffd600;
			}

body#wiezijnwij #jsddm li ul li a{
			color: #fff;
			font:normal 13px/16px ScalaSansRegular;
			}
		
body#wiezijnwij #jsddm li ul li a:hover{
			color:#000;
			}

body#wiezijnwij #title h1{
	color: #812990;
	}

body#wiezijnwij #content_left{
	width: 394px;
	min-height: 420px;
	background: #812990;
	position: relative;
	float: left;
	margin: 0 5px 0 0;
	}

body#wiezijnwij #content_middle{
	width: 451px;
	height: 300px;
	background: #ffd600;
	margin: 0 5px 0 0;
	}

body#wiezijnwij #content_right{
	width: 451px;
	height: 120px;
	background: #f79433;
	margin: 0 5px 0 0;
	}

body#wiezijnwij #middlebox{
	float: left;
	width: 456px;
	}

body#wiezijnwij #streep1{
	position: absolute;
	height: 60px;
	width: 465px;
	left: 394px;
	top: 146px;
	background: #812990;
	z-index: -1;
	}

body#wiezijnwij #streep2{
	position: absolute;
	height: 60px;
	width: 243px;
	left: 622px;
	top: 326px;
	background: #ffd600;
	z-index: -1;
	}

body#wiezijnwij #streep3{
	position: absolute;
	height: 60px;
	width: 5px;
	left: 850px;
	top: 386px;
	background: #f79433;
	z-index: -1;
	}

/*COLLEGAS*/
body#collegas{
	background: url("../img/bg/yoga.jpg") no-repeat;
	}

body#collegas #jsddm li ul{
			background: #ffd600;
			}

body#collegas #jsddm li ul li a{
			color: #fff;
			font:normal 13px/16px ScalaSansRegular;
			}
		
body#collegas #jsddm li ul li a:hover{
			color:#000;
			}
			
body#collegas #title h1{
	color: #812990;
	}

body#collegas #content_left{
	width: 622px;
	min-height: 420px;
	background: #812990;
	position: relative;
	float: left;
	margin: 0 5px 0 0;
	}

body#collegas #content_middle{
	display: none;
	}

body#collegas #content_right{
	width: 223px;
	height: 420px;
	background: #ffd600;
	margin: 0 5px 0 0;
	}

body#collegas #streep1{
	position: absolute;
	height: 60px;
	width: 465px;
	left: 394px;
	top: 146px;
	background: #812990;
	z-index: -1;
	}

body#collegas #streep2{
	position: absolute;
	height: 60px;
	width: 5px;
	left: 850px;
	top: 326px;
	background: #ffd600;
	z-index: -1;
	}

body#collegas #streep3{
	display: none;
	}

/*FITNESS*/
body#fitness{
	background: url("../img/bg/fitness.jpg") no-repeat;
	}

body#fitness #jsddm li ul{
			background: #8dc63f;
			}

body#fitness #jsddm li ul li a{
			color: #fff;
			font:normal 13px/16px ScalaSansRegular;
			}
		
body#fitness #jsddm li ul li a:hover{
			color:#000;
			}

body#fitness #title h1{
	color: #32c5f4;
	}

body#fitness #content_left{
	width: 622px;
	min-height: 420px;
	background: #32c5f4;
	position: relative;
	float: left;
	margin: 0 5px 0 0;
	color:#043882;
	}

body#fitness #content_middle{
	display: none;
	}

body#fitness #content_right{
	width: 223px;
	height: 420px;
	background: #8dc63f;
	margin: 0 5px 0 0;
	}

body#fitness #streep1{
	position: absolute;
	height: 60px;
	width: 465px;
	left: 394px;
	top: 206px;
	background: #32c5f4;
	z-index: -1;
	}

body#fitness #streep2{
	position: absolute;
	height: 60px;
	width: 5px;
	left: 850px;
	top: 266px;
	background: #8dc63f;
	z-index: -1;
	}

body#fitness #streep3{
	display: none;
	}

/*YOGA*/
body#yoga{
	background: url("../img/bg/yoga.jpg") no-repeat;
	}

body#yoga #jsddm li ul{
			background: #812990;
			}

body#yoga #jsddm li ul li a{
			color: #fff;
			font:normal 13px/16px ScalaSansRegular;
			}
		
body#yoga #jsddm li ul li a:hover{
			color:#000;
			}

body#yoga #title h1{
	color: #a6c90d;
	}

body#yoga #content_left{
	width: 622px;
	min-height: 420px;
	background: #8dc63f;
	position: relative;
	float: left;
	margin: 0 5px 0 0;
	color:#043882;
	}

body#yoga #content_middle{
	display: none;
	}

body#yoga #content_right{
	width: 223px;
	height: 420px;
	background: #812990;
	margin: 0 5px 0 0;
	}

body#yoga #streep1{
	position: absolute;
	height: 60px;
	width: 465px;
	left: 394px;
	top: 266px;
	background: #8dc63f;
	z-index: -1;
	}

body#yoga #streep2{
	position: absolute;
	height: 60px;
	width: 5px;
	left: 850px;
	top: 146px;
	background: #812990;
	z-index: -1;
	}

body#yoga #streep3{
	display: none;
	}
	
/*PRIJZEN*/
body#prijzen{
	background: url("../img/bg/prijzen.jpg") no-repeat;
	}

body#prijzen #title h1{
	color: #ffd600;
	}

body#prijzen #content_left{
	width: 622px;
	min-height: 420px;
	background: #ffd600;
	position: relative;
	float: left;
	margin: 0 5px 0 0;
	color: #000;
	}

body#prijzen #content_middle{
	display: none;
	}

body#prijzen #content_right{
	width: 223px;
	height: 420px;
	background: #32c5f4;
	margin: 0 5px 0 0;
	}

body#prijzen #streep1{
	position: absolute;
	height: 60px;
	width: 465px;
	left: 394px;
	top: 326px;
	background: #ffd600;
	z-index: -1;
	}

body#prijzen #streep2{
	position: absolute;
	height: 60px;
	width: 5px;
	left: 850px;
	top: 206px;
	background: #32c5f4;
	z-index: -1;
	}
	
/*ROOSTER*/
body#rooster{
	background: url("../img/bg/prijzen.jpg") no-repeat;
	}

body#rooster #jsddm li ul{
			background: #ffd600;
			}

body#rooster #jsddm li ul li a{
			color: #fff;
			font:normal 13px/16px ScalaSansRegular;
			}
		
body#rooster #jsddm li ul li a:hover{
			color:#000;
			}
			
body#rooster #title h1{
	color: #ffd600;
	}

body#rooster #content_left{
	width: 850px;
	min-height: 420px;
	background: #ffd600;
	position: relative;
	float: left;
	margin: 0 5px 0 0;
	color: #000;
	}

body#rooster #content_middle{
	display: none;
	}

body#rooster #content_right{
	display: none;
	}

body#rooster #streep1{
	display: none;
	}

body#rooster #streep2{
	position: absolute;
	height: 60px;
	width: 5px;
	left: 850px;
	top: 326px;
	background: #ffd600;
	z-index: -1;
	}

body#rooster #streep3{
	display: none;
	}

.roostertabel{
	margin: 0 0 20px;
	/*border: 2px solid #000;*/
	}

.roostertabel td{
	width: 106px;
	height: 43px;
	padding: 5px;
	border: 1px solid #ffd600;
	text-align: center;
	vertical-align: middle;
	}

.tarieventabel{
	/*border: 2px solid #000;*/
	float: right;
	margin: 0 10px 20px 0;
	}

.tarieventabel td{
	width: 106px;
	height: 43px;
	padding: 5px;
	border: 1px solid #ffd600;
	text-align: center;
	vertical-align: middle;
	}

body#rooster .sterren{
	display: block;
	float: right;
	width: 700px;
	}

/*OVERIGE*/
body#overige{
	background: url("../img/bg/overige.jpg") no-repeat;
	}

body#overige #jsddm li ul{
			background: #32c5f4;
			}

body#overige #jsddm li ul li a{
			color: #fff;
			font:normal 13px/16px ScalaSansRegular;
			}
		
body#overige #jsddm li ul li a:hover{
			color:#000;
			}
			
body#overige #title h1{
	color: #f79433;
	}

body#overige #content_left{
	width: 622px;
	min-height: 420px;
	background: #f79433;
	position: relative;
	float: left;
	margin: 0 5px 0 0;
	}

body#overige #content_middle{
	display: none;
	}

body#overige #content_right{
	width: 223px;
	height: 420px;
	background: #32c5f4;
	margin: 0 5px 0 0;
	}

body#overige #streep1{
	position: absolute;
	height: 60px;
	width: 465px;
	left: 394px;
	top: 386px;
	background: #f79433;
	z-index: -1;
	}

body#overige #streep2{
	position: absolute;
	height: 60px;
	width: 5px;
	left: 850px;
	top: 206px;
	background: #32c5f4;
	z-index: -1;
	}

body#overige #streep3{
	display: none;
	}

/*CONTACT*/
body#contact{
	background: url("../img/bg/contact.jpg") no-repeat;
	}

body#contact #jsddm li ul{
			background: #c13e96;
			}

body#contact #jsddm li ul li a{
			color: #fff;
			font:normal 13px/16px ScalaSansRegular;
			}
		
body#contact #jsddm li ul li a:hover{
			color:#000;
			}

body#contact #title h1{
	color: #d71920;
	}

body#contact #content_left{
	width: 622px;
	min-height: 420px;
	background: #d71920;
	position: relative;
	float: left;
	margin: 0 5px 0 0;
	}

body#contact #content_middle{
	display: none;
	}

body#contact #content_right{
	width: 223px;
	height: 420px;
	background: #c13e96;
	margin: 0 5px 0 0;
	}

body#contact #streep1{
	position: absolute;
	height: 60px;
	width: 465px;
	left: 394px;
	top: 446px;
	background: #d71920;
	z-index: -1;
	}

body#contact #streep2{
	position: absolute;
	height: 60px;
	width: 5px;
	left: 850px;
	top: 86px;
	background: #c13e96;
	z-index: -1;
	}

body#contact #streep3{
	display: none;
	}
	
/*KLEUREN*/

.lila{
	background: #c13e96;
	}

.paars{
	background: #812990;
	}

.blauw{
	background: #32c5f4;
	}

.groen{
	background: #8dc63f;
	}

.lgroen{
	background: #a6c90d;
	}

.geel{
	background: #ffd600;
	}

.oranje{
	background: #f79433;
	}

.rood{
	background: #d71920;
	}

/* TYPOGRAPHY
*********************************************/
#title h1{
	font:normal 50px/40px DisturbanceItalic, courier, times new roman, serif;
	text-transform: lowercase;
	}
	
#right_top h2{
	font: normal 18px/22px ScalaSansRegular, arial, verdana, sans-serif;
	color: #c13e96;
	}

h3{
	font:bold 12px/16px verdana, arial, sans-serif;
	}

p{
	margin: 0 0 10px;
	}

#menu{
	font: normal 14px/16px ScalaSansBold, arial, verdana, sans-serif;
	}

#content_left{
	color: #FFF;
	}

/* LINKS
*********************************************/
a,
a:link,
a:visited{
	font:normal 11px/16px verdana, arial, sans-serif;
	color: #fff;
	text-decoration: underline;
	}

a:hover,
a:active{
	color: #eee;
	}
	
#menu a,
#menu a:link,
#menu a:visited{
	font: normal 14px/16px ScalaSansBold, arial, verdana, sans-serif;
	color: #000;
	text-decoration: none;
	}

#menu a:hover,
#menu a:active{
	
	}

/* BROWSERERROR
*********************************************/
div#browserError{
	background: #ff0000; 
	height: 45px;
	z-index: 50;
	position: relative;
	}
	
div.warning{ 
	margin: 0 auto; 
	padding: 5px 0; 
	width: 960px; 
	font-size: 9pt; 
	line-height:14px; 
	color: #fff;
	}
	
div.warning a, 
div.warning a:link, 
div.warning a:visited{ 
	color: #fff;
	}
	
div.warning a:hover, 
div.warning a:active{ 
	text-decoration: underline; 
	color: #fff;
	}
	
body#wiezijnwij #collegas {
	width:450px;
	color: #fff;
}

body#wiezijnwij .collega{
	display: none;	
	background: #f79433;
	min-height: 100px;
	}

#lees_meer_link{ 
	position: absolute;
	left: 220px;
	top:78px;
	width: 130px;	
}

body#wiezijnwij #collegas img {
	position: absolute;
	top: 0px;
	left:335px;
}

/* OFFLINE
************************************************/
#offline_content{
	height: 400px;
	width: 600px;
	position: relative;
	top: 50px;
	left: 250px;
}

#offline_content h2{
	font:normal 25px/30px ScalaSansRegular, arial, sans-serif;
	color: #fff;
	padding: 25px;
	}