@charset "utf-8";

/* =RESETS
 	------------------------------------------------------------------ */
	* { padding: 0; margin: 0; font-family:Verdana, Arial, Helvetica, sans-serif; }
	img { border: 0; vertical-align: bottom; }
	.clr { overflow: hidden; height: 100%; }
	
/* =WRAPPERS
 	------------------------------------------------------------------ */
	body { text-align: center; padding: 0 0 20px 0; }
	
	body.e {background: #f2eeeb; }
	
	#wrapper_page { margin: 0 auto; text-align: left; width: 960px; }

	.wrapper_content-a { }
	.wrapper_content-b { }
	.wrapper_content-a .col-a, .wrapper_content-b .col-a { width: 644px; float: left; }
	.wrapper_content-a .col-b, .wrapper_content-b .col-b { width: 316px; float: right; }
	
	.fl { float: left; }
	.fr { float: right; }
	
/* =BRAND
 	------------------------------------------------------------------ */
	#brand { background: #f26722; height: 85px; background-image:url(img/brand_12.png) }

/* =NAVIGATIE
	------------------------------------------------------------------ */
	#navigatie { height:30px; background-color: #706565; }

/* =SEARCH
	------------------------------------------------------------------ */
	#search { height: 27px; width: 306px; background-color:#706565; padding-left: 10px; padding-top: 3px; }

/* =HEADER
 	------------------------------------------------------------------ */
	#header { height: 155px; width:644px; }

/* =FOOTER
 	------------------------------------------------------------------ */
	#footer {
	background: url() repeat-x;
	position: relative;
	height: 22px;
	padding: 10px 20px 20px 20px;
	background-image: url(img/footer_nw.jpg); }
	
	#footer p { font-family: Arial; font-size: 11px; color: #fff; }
	#footer a { font-family: Arial; font-size: 11px; color:#F26722; text-decoration:none; }
	
/* =HOME
 	------------------------------------------------------------------ */
	#kolom1 .news {width:292px; float:left; padding: 20px 10px 0px 20px; background: #FFF; }
	#kolom2 .news {width:282px; float:right; padding: 20px 30px 0px 10px; background: #FFF; }
	
	#kolom1a .news {width:302px; float:left; padding: 20px 10px 0px 20px; background: #FFF; }
	#kolom2a .news {width:272px; float:right; padding: 20px 30px 0px 10px; background: #FFF; }
	
	#home .intro { padding: 20px 20px 0px 20px; background: #fff; height:267px; }
	#home .nietintro { padding: 20px 30px 0px 20px; background: #fff; height:422px; }
		
	#home .agenda { padding: 20px 20px 0px 20px; background: #fff; height:960px; }
	#home .video { padding: 20px 20px 0px 20px; background: #fff; height:650px; }
	#home .trainers { padding: 20px 20px 0px 20px; background: #fff; height:950px; }
	#home .dagvdgc { padding: 20px 20px 0px 20px; background: #fff; height:1160px; }
	#home .winkel { padding: 20px 160px 0px 30px; background: #fff; }
	
	#home .agenda p { line-height: 16px; }
	#home .agenda td.first { background:url(img/lijn_donker.png) 0 100% no-repeat; }
	#home .agenda tr.last { background:url(img/lijn.png) 0 100% no-repeat; }
	#home .news .item { border-top: 1px solid #8d8c8c; padding: 7px 0 15px 0; }
	#home .news .item.first { border: 0; padding-top: 0; }
	#home .news .item.first {list-style-type:disc; list-style:inside; }
	#home .news .item h2 { color: #fff; font-size: 14px; font-weight: normal; }
	#home .news .item p { font-size: .68em; line-height: 18px; }
	#home .news .item .vsl { margin: 5px 10px 10px 0; float: left; border: 2px solid #6a6a6a;}
		
	#home .news { height:422px; }
		
	#home .shop { width:945px; background:#FFF; padding-left: 15px; overflow:auto; }
	
	#home .lijst ul { padding-left: 15px; list-style-type:disc; list-style-position:outside; }
	#home .lijst ul li { padding-left: 15px; list-style-type:disc; list-style-position:outside; }
	
	#home .blokje a { color: #333; font-size: 11px; line-height: 18px; text-decoration:none; }
	#home .blokje a:hover { color: #F26722 ; font-size: 11px; line-height: 18px; }
	
	#trainingen p {color: #333; font-size: .68em; line-height: 10px; }
	.publicaties a {color: #333; }
	
/* =kolom2
 	------------------------------------------------------------------ */
	#kolom2oranje { background: #f26722; height:442px; }
	#kolom2oranje .lijst ul { background: #f26722; height:442px; }
	#kolom2grijs { background: #706565; height:442px; }
	
	#kolom2oranjeagenda { background: #f26725; height:980px; }
	#kolom2oranjevideo { background: #f26725; height:670px; }
	#kolom2oranjetrainers { background: #f26725; height:970px; }
	#kolom2dagvdgc { background: #f26725; height:1180px; }
	
	
	.vsl { margin: 5px 10px 10px 0px; border: 2px solid #6a6a6a; }
	.vslstandaard1 { margin: 0px 0px 0px 5px; }
	.vslstandaard1 { margin: 0px 5px 0px 0px; }
	.vslleft { margin: 5px 10px 10px 10px; float: left; border: 2px solid #6a6a6a; }
	
/* =CONTENT
 	------------------------------------------------------------------ */
	#content .hdr { background: #000; padding: 20px; }
	#content .txt { padding: 20px; background: #333333; }
	#content .txt h2 { color: #fff; font-size: 14px; font-weight: bold; margin: 0 0 15px 0; }
	#content .txt h2 a { color: #fff; text-decoration: none; }
	#content .txt p { color: #fff; font-size: 12px; }
	#content .txt p.dt { color: #bcbbbb; font-size: 10px; }
	#content .txt p img { margin: 0 0 15px 0; }
	
	.grijs { padding: 15px; background:#706565; }
	.grijs ul { list-style-type:disc; list-style-position:outside;color:#FFF; }
	.grijs ul li { list-style-type:disc; list-style-position:outside; color:#FFF; }
	.grijs .vsl { border: 2px solid #fff; margin: 0 10px 10px 0; }
	.grijs .more { margin: 10px 0 0 0; }
	.grijs p { color: #fff; }
	.grijs a { color: #fff; }
	
	.grijsblok1 { padding: 15px; background:#706565; height: 125px; }
	.grijsblok1 .vsl { border: 2px solid #fff; margin: 0 10px 10px 0; }
	.grijsblok1 .more { margin: 10px 0 0 0; }
	.grijsblok1 p { color: #fff; }
	
	.oranje { padding: 15px; background: #f26722; }
	.oranje p { color: #fff; font-size: 11px; }
	.oranje p img { float: right; }
	.oranje .vsl { border: 2px solid #fff; margin: 0 0 10px 0; }
	
/* =TYPOGRAPHY
 	------------------------------------------------------------------ */
	h2 { line-height: 18px; }
	h3 { font-family:Arial, Helvetiva; font-size:14px; margin: 0 0 10px 0; line-height: 18px; color: #F26722; }
	h4 { margin: 0 0 0 0; line-height: 14px; color: #F26722; }
	h5 { font-family:Arial, Helvetiva; margin: 0 0 10px 0; line-height: 10px; color: #F26722; }
	p { color: #333; font-size: .68em; line-height: 18px; }
	a { color: #F26722; font-size: 11px; line-height: 18px; text-decoration:none; }
	a:hover { color: #333 ; font-size: 11px; line-height: 18px; }
	li { color: #333; font-size: .68em; line-height: 18px; }
	hr {color:#CCCCCC; }

/*DAGVDGC
------------------------------------------------------------------ */
	fieldset.alt1 { background-color:#eeeeee; border-style:none; border-top: 0px solid #6E972A; padding-left:20px;}
	fieldset.alt2 { background-color:#dcdcdc; border-style:none; border-top: 0px solid #6E972A; padding-left:20px; }
	.orange {color:#F26722;}
