@charset "utf-8";
/* CSS Document */
html,body {
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
}

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:18px;
	background-color:#F5F5F5;
	text-align: center;
	color: #000000;
}
/*reset*/
ol,ul,li{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
/*reset*/
ol, ul {
	list-style: none;
}

#container {
	width: 994px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border-bottom-color:#FFF;
	border-bottom-style:none;
	border-bottom-width:thin;
	border-left-color:#CCC;
	border-left-style:solid;
	border-left-width:thin;
	border-right-color:	#CCC;
	border-right-style:solid;
	border-right-width:thin;
	border-top-color:#FFF;
	border-top-style:none;
	border-width:thin;
	text-align: left; /* this overrides the text-align: center on the body element. */
	
	
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/

	min-height:100%; /* real browsers */	
	
}
/* ======================================================================================= */

h1 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:26px;
	color:#F28326;
	font-weight:bold;
	margin-bottom:10px;
	margin-top:10px;	
}
h3 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#F28326;
	font-weight:bold;
	margin-bottom:0px;
	margin-top:10px;
}
h4 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	color:#606060;
	margin-bottom:8px;
	margin-left:0px;
	margin-right:0px;
	margin-top:12px;
}
a {
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
img {
	border:none;
}
img.lijn {
	margin-bottom:45px;
}
/* ======================================================================================= */
p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:18px;
	color:#606060;
	font-weight:normal;
	margin:0;
	padding:0;
	padding-bottom:25px;
}
p.inleiding {
	color:#F28326;
	font-weight:bold;
}
p.blokken {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	width:265px;
}
p.meer {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#0059A9;
	margin-top:5px;
}
/* ======================================================================================= */
#main-content {
	background: #FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#616161;
	margin:0;
	padding:0;
	padding-left:18px;
	padding-right:10px;
}
#main-content .homepage-item {
	float:left;
	margin-bottom:30px;
	margin-left:0px;
	margin-top:20px;
	background-repeat:no-repeat;
	background-image:url(../images/hoekrechtsgrijs.gif);
	background-position:top right;
	background-color:#DDD;
	width:292px;
	height:302px;
	margin-right:28px;
}
#main-content .homepage-item-grijsvlak {
	width:270px;
	height:145px;
	background-repeat:no-repeat;
	background-color:#EEE;
	float:left;
	padding-left:15px;
	padding-top:150px;
}
#main-content .subnavigatie {
	background-color:#FFF;
	width:200px;
	float:left;
	margin-left:0px;
	margin-right:25px;
}
#main-content .subnavigatie .boxdonkergeel {
	background-color:#E1A311;
	float:left;
	padding-left:0px;
	padding-right:0px;
	padding-top:1px;
	padding-bottom:0px;
	width:200px;
	margin:0;
	background-repeat:no-repeat;
	background-image:url(../images/hoekrechts-subnav.gif);
	background-position:top right;
	
}
#main-content .subnavigatie .boxdonkergeel .boxgeel {
	background-color:#EFB32E;
	float:left;
	width:193px;
	margin:0;
	padding:0;
}
#main-content .subnavigatie .boxdonkergeel .boxgeel ul {
	border-left:#EFB32E 1px solid;
	width:184px;
	margin:0;
	padding:0;
}
#main-content .subnavigatie .boxdonkergeel .boxgeel ul li {
	height:27px;
	border-bottom:solid 1px;
	border-bottom-color:#F5BD8E;
	padding-left:7px;
	padding-right:0px;
	margin-left:0px;
	margin-right:0px;
	list-style-type:none;
	line-height:25px;

	width:184px;
}
#main-content .subnavigatie .boxdonkergeel .boxgeel ul li.active {
	height:27px;
	border-bottom:#F5BD8E solid 1px;
	background-image:url(../images/oranjepijl.gif);
	background-repeat:no-repeat;
	background-position:right;
	background-color:#FFF;
	padding-left:7px;
	padding-right:0px;
	padding-bottom:0px;
	padding-top:0px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:0px;
	margin-top:0px;
	list-style-type:none;
	width:184px;
}
/* ======================================================================================= */
/*hoekjes*/
.onderhoek-subnav {
	background-repeat:no-repeat;
	background-image:url(../images/hoeklinks-subnav.gif);
	background-position:top left;
	width:7px;
	height:7px;
}
.onderhoek {
	background-repeat:no-repeat;
	background-image:url(../images/hoeklinksgrijs.gif);
	background-position:top left;
	width:7px;
	height:7px;
}
/* ======================================================================================= */

a.subnav {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#005297;
	text-decoration:none;
	line-height:25px;
}
a:hover.subnav {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#0081EA;
	text-decoration:none;
	line-height:25px;
}
a.subnav-webshop {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#005297;
	text-decoration:none;
	line-height:25px;
	font-weight:bold;
}
a:hover.subnav-webshop {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#0081EA;
	text-decoration:none;
	line-height:25px;
	font-weight:bold;
}
a.subnav-active {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#F00;
	text-decoration:none;
	line-height:25px;
	margin:0;
	padding:0;
}
/* ======================================================================================= */

#main-content .homelink {
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	margin-top:20px;
	padding:0;
	float:left;
	width:200px;
}
#main-content .homelink a {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
	color:#005297;
	text-decoration:none;
}
#main-content .homelink a:hover {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
	color:#0081EA;
	text-decoration:none;
}
#main-content .inhoud {
	background-color:#DDD;
	width:740px;
	float:left;
	margin-bottom:20px;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	background-repeat:no-repeat;
	background-image:url(../images/hoekrechtsgrijs.gif);
	background-position:top right;
}
#main-content .boxgrijs {
	background-color:#F5F5F5;
	float:left;
	margin-right:8px;
	margin-top:0px;
	margin-left:0px;
	margin-bottom:0px;
	width:733px;
}
#main-content .boxwit {
	background-color:#FFF;
	float:left;
	margin-bottom:15px;
	margin-left:15px;
	margin-right:15px;
	margin-top:15px;
	padding-left:13px;
	padding-right:10px;
	padding-bottom:10px;
}
/* ======================================================================================= */
/*header en footer*/
#header {
	background: #FFF;
	padding: 0;
	margin:0;
}
#header-image {
	margin: 0;
	padding:0;
	overflow:hidden;
	height:129px;
	margin-left:17px;
}
#header-sub-navigatie {
	background: #FFF;
	margin: 0;
	padding:0;
	padding-bottom:2px;
	padding-left:20px;
	padding-right:20px;
	padding-top:2px;
	color:#005297;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:right;
}
#header-sub-navigatie a {
	color:#005297;
	text-decoration:none;
}
#header-sub-navigatie a:hover {
	color:#005297;
	text-decoration:underline;
}
#header-main-navigatie {
	margin-bottom:35px;
	margin-left:20px;
	margin-right:0px;
	margin-top:15px;
	padding:0;
	min-height:48px;
}
#header-main-navigatie ul {
	margin:0;
	padding:0;
}
#header-main-navigatie ul li {
	display:inline;
	margin:0;
	padding:0;
	border:thin solid red;
	float:left;
	height:45px;
	border-bottom:3px solid #DDDDDD;
	border-top:1px solid #DDDDDD;
	border-left:thin none #FFF;
	border-right:thin none #FFF;
	background-image:url(../images/bg-header-main-navigatie.png);
	background-repeat:repeat-x;
}
#header-main-navigatie ul li.end {
	border-right:3px solid #DDDDDD;
	margin-right:8px;
}
#header-main-navigatie ul li.light {
	border-bottom:1px solid #DDDDDD;
	border-top:1px solid #DDDDDD;
	border-left:thin none #FFF;
	border-right:thin none #FFF;
	background-image:none;
}
#header-main-navigatie ul li a {
	color:#005297;
	text-decoration:none;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	margin-left:25px;
	margin-right:25px;
	line-height:42px;
}
#header-main-navigatie ul li a:hover {
	color:#2DA0FF;
}
#header-main-navigatie ul li.active {
	background-image:url(../images/bg-header-main-navigatie-active.png);
	background-repeat:repeat-x;
}
/* ======================================================================================= */

#footer {
	padding-bottom:10px;
	padding-left:8px;
	padding-right:20px;
	padding-top:10px;
	height:50px;
	color:#005297;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:11px;
	background: #FCFCFC url(../images/bg-footer.png) repeat-x;	
	clear:both;
}
#footer a {
	color:#005297;
	text-decoration:none;
}
#footer a:hover {
	color:#005297;
	text-decoration:underline;
}


#footer .item {
	float:left;
	position: relative;
	border:thin none white;
	height: inherit;
	padding-left: 15px;
}

#footer .item ul.tweets {
	display: absolute;
	background: url('../images/bg_tweets.png') no-repeat;
	top: -8px;
	left: 75px;
	position: absolute;
	width: 340px;
	height: 95px;	
	border-right:1px solid #DDD;
}

#footer .item ul.tweets li {
	display: none;
	margin: 10px 10px 10px 30px;
	color: #333333;
	font-size: 13px;
}

.float-right {
	float:right;
}



/* ======================================================================================= */
/*utils*/

.no-left-margin {
	margin-left:0px;
}
.no-right-margin {
	margin-right:0px;
}
.no-top-margin {
	margin-top:0px;
}
.no-bottom-margin {
	margin-bottom:0px;
}
/* ======================================================================================= */




/* ======================================================================================= */
/*trainers*/
img.pasfoto {
	border:solid thin #ccc;
	margin-right:15px;
	display:inline;
}
ul.inhoud-lijst {
	margin:0;
	padding:0;
}
ul.inhoud-lijst li {
	margin:0;
	padding:0;
	list-style-image:none;
	list-style-type:none;
	list-style-position:inside;
	border:medium solid #FFF;
	border-top-color:#F5F5F5;
	min-height:140px;
}
/* ======================================================================================= */
/*tabbladen*/
.tabs {
	background-color:#F5F5F5;
	height:25px;
	margin-bottom:0px;
	margin-left:-13px;
	margin-right:-10px;
	margin-top:0px;
}
.no-tab {
	height:25px;
	min-width:25px;
	display:inline;
	margin:0;
	padding:0;
	float:left;
}
.tab {
	background-color:#DDDDDD;
	height:25px;
	min-width:85px;
	display:inline;
	margin-left:5px;
	margin-right:5px;
	margin-bottom:0px;
	margin-top:0px;
	padding-left:30px;
	padding-right:30px;
	vertical-align:middle;
	float:left;
	background-position:right;
	background-repeat:no-repeat;
	background-image:url(../images/hoeklinks-tab.gif)
}
.tab a {
	color:#194079;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	text-decoration:none;
	min-height:25px;
	line-height:25px;
	margin:0;
	padding:0;
	text-decoration:none;
}
.active {
	background-color:#FFF;
	background-image:none;
}
.active a {
	color:#F28326;
	text-decoration:none;
}
/* ======================================================================================= */
/* webshop*/
#main-content .inhoud-webshop {
	background-color:#FFF;
	width:700px;
	float:left;
}
#main-content .webshop-item {
	width:300px;
	min-height:295px;
	background-color:#DDD;
	float:left;
	margin-bottom:30px;
	margin-left:0px;
	margin-right:30px;
	margin-top:0px;
	background-repeat:no-repeat;
	background-image:url(../images/hoekrechtsgrijs.gif);
	background-position:top right;
}
#main-content .webshop-item-grijsvlak {
	
	background-repeat:no-repeat;
	width:260px;
	height:217px;
	background-color:#EEE;
	float:left;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	padding-left:15px;
	padding-right:15px;
	padding-top:73px;
}
.inhoudproducten {
	width:260px;
	height:100px;
	float:left;
	margin-right:15px;
	margin-bottom:10px;
}
.producten-item {
	background-image:url(../images/naarproduct.png);
	background-repeat:no-repeat;
	width:260px;
	height:35px;
	float:left;
	cursor: hand;
}
.prijs {
	background-image:url(../images/prijs.png);
	background-repeat:no-repeat;
	width:92px;
	height:57px;
	float:right;
	padding-left:20px;
	padding-top:15px;
}
.afbeeldingprijs {
	background-image:url(../images/prijs.png);
	background-repeat:no-repeat;
	width:95px;
	height:57px;
	float:right;
	margin-top:117px;
	margin-right:15px;
	padding-left:25px;
}
.tekstprijs {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:22px;
	color:#FFF;
	font-weight:bold;
	padding-top:30px;
}
.winkel {
	background-image:url(../images/icoonwinkelwagen.png);
	background-repeat:no-repeat;
	width:138px;
	height:30px;
	float:right;
	margin-top:-40px;
	padding-left:32px;
}
.afbeeldingprodukt {
	background-repeat:no-repeat;
	width:243px;
	height:174px;
	border:thin;
	border-color:#F00;
	float:right;
	margin-top:15px;
	margin-right:15px;
}
.leginwinkelmand {
	background-image:url(../images/naarproduct.png);
	background-repeat:no-repeat;
	width:210px;
	height:35px;
	float:right;
	padding-left:50px;
}
.tekst_inspringlrtb{	
	margin-left: 16px;
	margin-right:8px;
	margin-top:6px;
	margin-bottom:6px;
}
/*inschrijven*/
.greyborder{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	padding:5px;
	border:solid 1px #999;
	color:#005297;
	font-size:14px;
	font-weight:bold;
}
.greyborder:hover{
	padding:5px;
	border:solid 1px #005297;
}

#newsFlash {
	float: left;
}

#twitterFooterIcon {
	vertical-align: middle;
}

#twitterHomeIcon {
	float: right;
	margin-right: 32px;
}

.onlineleren{
	float: right;
	margin-right: 12px;	
	margin-top:-87px;
	z-index:99;
	padding:0;

}
.onlineleren img {border:none; margin:0; padding:0;}
 
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}