/* Cubique Webcreations */

/* -------------------------------------------------------------- layout kenmerken */

html, body {height:100%}

body {
	padding:0;
	margin:0;
	background: #cccccb;
}
#container{
	height:100%;
	min-height:100%;
	width:960px;
	margin:auto;
	position:relative;
	background: #fff;
}
#outer{
	min-height:100%;
	padding: 0;
	width: 960px;
	background: #fff;
	border-left: 1px solid #838486;
	border-right: 1px solid #838486;
}
* html #outer{
	height:100%;
}
#header{
	position:absolute;
	top:0;
	left:1px;
	width:958px;
	height:100px;
	background: url('img/main/header.gif');
	overflow:hidden;
}
#clearheader{
	height:100px;
}
#content {
	position: relative;
	margin: 20px 0 0 0;
	width: 960px;
	padding: 0 0 20px 0;
}
#left-holder {
	float: left;
	display: inline;
	width: 280px;
	margin-left: 19px;
}
#left {
	padding: 30px 30px 0px 30px;
	clear: both;
}
.yellow {
	background: #f2e801 url('img/main/back-left-yellow.gif') no-repeat;
	background-position: top;
}
.yellowfooter {
	background: url('img/main/back-left-yellow-footer.gif') no-repeat;
	height: 20px;
	width: 280px;
}
.gray {
	background:  #f7f6f7 url('img/main/back-left-gray.gif') no-repeat;
	background-position: top;
	min-height: 200px;
	height: auto!important;
	height: 200px;
}
.grayfooter {
	background: url('img/main/back-left-gray-footer.gif') no-repeat;
	height: 20px;
	width: 280px;
}
#inhoud-holder {
	width: 604px;
	margin-left: 337px;
	background: #838486;
}
#inhoud {
	min-height: 400px;
	height: auto!important;
	height: 400px;
	padding: 30px 30px 50px 30px;
}
.darkgray {
	background: #838486 url('img/main/back-content-darkgray.gif') no-repeat;
	background-position: top;
}
.darkgrayfooter {
	background: url('img/main/back-content-darkgray-footer.gif') no-repeat;
	height: 20px;
	width: 604px;
}
.yellowcontent {
	background: #f2e801 url('img/main/back-content-yellow.gif') no-repeat;
	background-position: top;
}
.yellowcontentfooter {
	background: url('img/main/back-content-yellow-footer.gif') no-repeat;
	height: 20px;
	width: 604px;
}
#ingrid-home {
	clear: both;
	float: left;
	margin: 90px 0 20px 40px;
}
a, input {
    outline: none;
}
#left .trainers {
	padding-top: 0px;
}
/* -------------------------------------------------------------- menu kenmerken */

#menu {
	width: 960px;
	height: 60px;
	margin-top: 15px;
	background: url('img/menu/background-menu.gif')
}
#menu ul {
	list-style-type: none;
	margin: 0 0 0 337px;
	padding: 0;
}
#menu li {
	display: inline;
	line-height: 70px;
}
#menu li a {
	float: left;
	height: 70px;
	background-repeat: no-repeat;
	margin-left: 18px;
}
#menu a#homepage			{background-image: url('img/menu/home.gif');width: 60px;}
#menu a#aanbod-prijs	{background-image: url('img/menu/aanbod-prijs.gif');width: 100px;}
#menu a#trainers		{background-image: url('img/menu/trainers.gif');width: 60px;}
#menu a#portfolio		{background-image: url('img/menu/portfolio.gif');width: 60px;}
#menu a#contact			{background-image: url('img/menu/contact.gif');width: 60px;}
#menu a#blog-links-meer	{background-image: url('img/menu/blog-links-meer.gif');width: 115px;}

#menu .homepage a:hover, #menu .homepage .selected {background-position: -60px 0;}
#menu .aanbod-prijs a:hover, #menu .aanbod-prijs .selected  {background-position: -130px 0;}
#menu .trainers a:hover, #menu .trainers .selected  {background-position: -60px 0;}
#menu .portfolio a:hover , #menu .portfolio .selected {background-position: -60px 0;}
#menu .contact a:hover, #menu .contact .selected  {background-position: -60px 0;}
#menu .blog-links-meer a:hover, #menu .blog-links-meer .selected  {background-position: -130px 0;}

/* -------------------------------------------------------------- tekstuele opmaak kenmerken */

#left p, #inhoud p, #left li, #inhoud li, #inhoud td {
	font-family: calibri, verdana, tahoma;
	margin: 0;
	line-height: 150%;
	font-size: 91%;
}
.yellow p {
	color: #000;
	padding: 0 0 15px 0;
}
.gray p {
	color: #848586;
	padding: 0 0 15px 0;
}
#inhoud.darkgray p {
	color: #fff;
	padding: 0 0 15px 0;
}
#inhoud.yellowcontent p {
	color: #848586;
	padding: 0 0 15px 0;
}
#inhoud.yellowcontent a {
	color: #848586;
	text-decoration: none;
}
#left ul {
	list-style-type: disc;
	margin: 0;
	padding: 0 0 0 15px;
}
.darkgray a {
	color: #f2e801;
	text-decoration: none;
}
#inhoud a:hover {
	text-decoration: underline;
}
#left a {
	color: #000;
	text-decoration: none;
}
#left a:hover, #left .selected, #left #prijzen a:hover, #left #prijzen .selected {
	color: #db0c29;
}
#left #prijzen a, #left.trainers p, #content .yellow .bijschrift {
	color: #9b9c8a;
}
#content .bijschrift, #content .links {
	font-size: 74%;
	margin-top: 5px;
}
#inhoud.darkgray h1, #inhoud.darkgray h2, #inhoud.darkgray h3 {
	font-family: calibri, verdana, tahoma;
	color: #fff;
	margin: 0;
	padding: 0;
}
#inhoud.darkgray h1 {
	font-size: 91%;
	font-weight: bold;	
}
#inhoud.darkgray h2 {
	font-weight:  bold;
	font-size: 100%;
	font-style:  italic;
}
#inhoud.darkgray h3 {
	font-weight:  normal;
	font-size: 91%;
	font-style:  italic;
	padding-bottom: 10px;
}