body 										{ background: #1c1c1c url(../images/backgrounds/main.png) }

.form li.website { display: none; }

/* Layout
-------------------------------------------------------------- */

#wrapper 									{ background: url(../images/backgrounds/banner.png) repeat-x top }
#container 									{ margin: 0 auto; width:943px }
#header 									{ height:396px }

#logo 										{ background: url(../images/backgrounds/logo.png) no-repeat; border:0; display:block; float: right; height: 87px; width: 269px; text-indent: -9999px; margin: 0 0 18px 0 }
a#logo										{ margin-bottom: 17px } 

/* Navigation
-------------------------------------------------------------- */

#top-navigation, 
#navigation 								{ float: left; list-style: none }
#top-navigation li, 
#navigation li 								{ float: left; }
#top-navigation a, 
#navigation a								{ border: 0; float: left; text-transform: uppercase }

#top-navigation								{ background: url(../images/backgrounds/horz-line.png) no-repeat left bottom; padding: 0 0 2px 23px; width: 444px; margin: 23px 0 0 12px  }
#top-navigation li.divider					{ background: url(../images/backgrounds/divider.png) no-repeat; display: block; width: 4px; margin: 0 5px 0 6px }
#top-navigation a							{ font-size: 11px; font-weight: bold; height: 29px; text-shadow: #222 0 1px 1px }
#top-navigation a:hover						{ background: url(../images/buttons/top-nav.png) no-repeat center bottom; text-shadow: #000 0 1px 1px }
#top-navigation a.active					{ background: url(../images/buttons/top-nav.png) no-repeat center bottom; color: #ccc }

#navigation 								{ margin: 9px 0 -28px 18px; position: relative; z-index: 10; width: 907px }
#navigation a, 
input[type="submit"]						{ background: url(../images/buttons/sprites.png) no-repeat }

#navigation a								{ color: #ccc; font-size: 13px; height: 23px; padding: 6px 0 0 0; text-shadow: #222 0 1px 1px; text-align:center  } 
#navigation a span							{ color: #ffde17; font-size: 11px }
#navigation a:hover							{ color: #ffde17 } 
#navigation a:hover span					{ color: #ccc } 
#navigation a.active						{ color: #000; text-shadow: none } 
#navigation a.active span					{ color: #f03 } 


#navigation #kalender a						{ background-position: 0 0; width: 120px }
#navigation #resultaten	a					{ background-position: -125px 0; width: 136px; margin-left: -5px }
#navigation #partners a						{ background-position: -266px 0; width: 206px; margin-left: -5px }
#navigation #foto a							{ background-position: -477px 0; width: 94px; margin-left: -5px }
#navigation #tekoop a						{ background-position: -576px 0; width: 176px; margin-left: -5px }
#navigation #vip a							{ background-position: -757px 0; width: 109px; margin-left: -5px }
#navigation #nieuws	a						{ background-position: -871px 0; width: 96px; margin-left: -5px }

#navigation #kalender a:hover				{ background-position: 0 -40px }
#navigation #resultaten	a:hover				{ background-position: -125px -40px }
#navigation #partners a:hover				{ background-position: -266px -40px }
#navigation #foto a:hover					{ background-position: -477px -40px }
#navigation #tekoop a:hover					{ background-position: -576px -40px }
#navigation #vip a:hover					{ background-position: -757px -40px }
#navigation #nieuws	a:hover					{ background-position: -871px -40px }

#navigation #kalender a.active				{ background-position: 0 -80px }
#navigation #resultaten	a.active			{ background-position: -125px -80px }
#navigation #partners a.active				{ background-position: -266px -80px }
#navigation #foto a.active					{ background-position: -477px -80px }
#navigation #tekoop a.active				{ background-position: -576px -80px }
#navigation #vip a.active					{ background-position: -757px -80px }
#navigation #nieuws	a.active				{ background-position: -871px -80px }

/* Image slider
-------------------------------------------------------------- */

#img-frame									{ background: url(../images/backgrounds/img-frame.png) no-repeat; clear: both; width: 999px; height: 272px; margin: 0 0 0 -28px }


#slider 									{ width: 933px; height: 206px; position: relative; overflow: hidden; top: 33px; left: 33px }
#sliderContent 								{ width: 933px; position: absolute; top: 0; margin-left: 0 }
.sliderImage 								{ float: left; position: relative; display: none }
.sliderImage span 							{ position: absolute; left: 0; width: 892px; height: 30px; padding: 9px 0 0 41px; background: #000 url(../images/icons/icons.png) no-repeat 13px -197px; filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; display: none; bottom: 0 }
.sliderImage span a 						{ border: 0; font-size: 14px; color: #fff }
.sliderImage span a:hover 					{ color: #ffde17 }


/* Content
-------------------------------------------------------------- */

.box 										{ background: url(../images/backgrounds/box.png); border-right: 1px solid #1e1e1e; border-bottom: 1px solid #1e1e1e; padding: 18px; margin: 0 0 20px 0 }
.box.nomargin								{ margin-bottom: 0 } 
.box.home									{ padding-top: 36px; float: left }
.box.side									{ width: 666px } 	
.box .col 									{ float: left; margin: 0 0 18px 0; list-style: none }
.box .col li								{ float: left;  margin: 0 52px 0 0; width: 420px }
.box .col li.last							{ margin-right: 0 }

.cta, .pages 								{ background: url(../images/backgrounds/cta.png) repeat-x; border: 1px solid #404040; clear: both; margin:0; list-style:none }
.cta										{ height: 141px }
.cta li										{ border-right: 1px solid #404040; display:block; width: 313px; height: 141px; float: left; }
.cta h3										{ color: #191919; font-size: 21px; margin: 18px; text-shadow: 0px 1px 1px #555; position: absolute; text-transform: none }
.cta a										{ background: url(../images/buttons/cta-btn.png) no-repeat; border: 0; display:block; width: 313px; height: 141px }
.cta span									{ border-left: 1px solid #555; color: #666; display: block; padding: 0 0 0 10px; font-size: 13px; width: 252px; text-shadow: #222 0 1px 1px; position:relative; top: 56px; left: 28px}
.cta .last 									{ border: 0; margin-right: 0 }


.cta a:hover								{ background-position: -314px 0px}
.cta a:hover span							{ border-left: 1px solid #ffde17; color: #999 }

#content img, 
#content .video-object						{ background: #666; border: 1px solid #767676; padding: 3px; margin: 18px }
#content .right							    { float: right; margin-right: 0 }
#content table 								{ margin: 0 0 45px 28px; width: 600px }
#content table span, #content table .c1		{ font-style: italic; }
#content table .c1 							{ width: 280px; }

#sidebar									{ float: right; width: 240px; padding: 0 0 18px 0 }
#sidebar .adr							    { list-style: none; margin: 18px 0 0 20px }
#sidebar #side-nav, #sidebar #side-nav a	{ }	
#sidebar #side-nav,							
#sidebar #side-nav li						{background: url(../images/backgrounds/side-nav-line.png) no-repeat}		
#sidebar #side-nav							{background-position: 0 top}
#sidebar #side-nav li						{background-position: 0 bottom}
#sidebar #side-nav							{ list-style: none; margin: 7px 0 0 14px ; padding: 3px 0 0 0 }
#sidebar #side-nav a						{ border: 0; display: block; text-transform: uppercase; line-height: 16px; padding: 10px 10px 10px 34px }
#sidebar #side-nav a:hover,
#sidebar #side-nav a.active					{ background: url(../images/buttons/nav.png); }
#sidebar #side-nav a.active					{ background-position: left -90px; color: #666 }
#sidebar .adr li							{ padding: 0 0 0 28px }
#sidebar .team								{ margin: 36px 0 0 20px }
#sidebar .team dd							{ padding: 0 0 0 28px }
#sidebar .team .wagen70						{ margin-top: 36px }

#sidebar p									{ margin: 0 0 0 20px }

.pages										{ height: 18px; padding: 8px 18px }
.pages li									{ background: url(../images/icons/arrows.png) no-repeat }
.pages li.nieuwer							{ background-position: left 4px; padding: 0 0 0 16px; float: left  }
.pages li.ouder								{ background-position: right -15px; padding: 0 16px 0 0; float: right }
.pages a									{ border-bottom: 1px solid #484848; padding: 0 0 1px 0; text-transform: uppercase; font-size: 12px }
.pages a:hover								{ border-bottom: 1px solid #ffde17 }

#content .gallery 							{ list-style:none; margin: 0 0 0 28px }
#content .gallery li 						{ float:left; position:relative }
#content .gallery li.last 					{ margin-right:0 }
#content .gallery li a 						{ border:none }
#content .gallery li a img 					{ display: block; margin: 0 18px 18px 0 }
#content .gallery li a:hover img 			{ border-color:#fef3b2; background: #ffde17; text-decoration:none }
#content .gallery li a:hover 				{ text-decoration:none }
#content .gallery li a span {
-moz-opacity:.80;
-ms-filter:alpha(opacity=80);
background-color:#000;
bottom:22px;
color:#fff;
display:block;
filter:alpha(opacity=80);
font-size:14px;
left:4px;
opacity:.80;
padding:6px;
position:absolute;
width:172px
}

#content .gallery li a:hover span {
-moz-opacity:1;
-ms-filter:alpha(opacity=100);
filter:alpha(opacity=100);
opacity:1;
text-decoration:none
}

/* Footer
-------------------------------------------------------------- */

#footer										{ list-style: none; margin: 39px 0 0 0; height: 460px }
#footer #col1, 
#footer #col2,
#footer #col3, 
#footer #col4								{ background: url(../images/backgrounds/vert-line.png) no-repeat right top; float: left; height: 386px; width: 199px; padding: 18px }
#footer	ul, ol								{ list-style: none; margin: 0; padding: 0 }
#footer	#col1 li, 
#footer #col2 li,
#footer	#col3 li,
#footer #col4 li,
#footer #col1 ul 							{ background: none; padding: 0; margin: 0}
#footer #col4								{ background: none; }
#footer #col4 ul li							{ padding: 0 0 0 28px  }
#footer #col1 .kalender						{ margin-top: 18px }

#footer h4									{ color: #999; text-transform: uppercase; text-shadow: #000 0 1px 1px }
#footer a 									{ color: #666 }
#footer a:hover 							{ color: #ccc }

/* Forms
-------------------------------------------------------------- */

input[type="text"], 
textarea									{ background: url(../images/backgrounds/box.png); border-top: 0; border-right: 1px solid #1e1e1e; border-bottom: 1px solid #1e1e1e; border-left: 0; color: #ccc; font-size: 13px; font-weight: bold; margin-left: -1px; padding: 4px }
input[type="text"]:hover, 
textarea:hover								{ background: #000 }	
input[type="text"]:focus, 
textarea:focus								{ background: #000; outline: 1px solid #ffde17 }
input[type="text"]							{ height: 21px }
input[type="submit"]						{ background-position: 0 -119px; border: 0; color: #1a1a1a; cursor: pointer; font-size: 12px; height: 30px; width: 99px; text-transform: uppercase; text-shadow: 0px 1px 1px #555; padding-bottom: 1px; }
input[type="submit"]:hover, 					
input[type="submit"]:focus					{ background-position: -109px -119px; text-shadow: none; outline: none }	

#footer textarea							{ width: 188px; height:62px; resize:none; margin: 0 0 14px 0; overflow: auto }
#footer input[type="text"]					{ width: 188px; margin: 3px 0 21px 0 }
#footer input[type="submit"]				{ margin-left: 98px }

#content input[type="text"], 
#content textarea							{ width: 400px }
#content textarea							{ resize: none; overflow: auto }
#content fieldset							{ width: 436px }
#content fieldset img						{ border: 0; padding: 0; margin: 0 }
#content fieldset p                        	{ margin-left: 0 }
#content fieldset ol						{ margin-left: 28px }
#content input[type="submit"],
#content fieldset .antispam					{ margin: 36px 0 0 0 }
#content fieldset #captcha					{ width: 150px; float: left; margin-right: 10px }


/* Icons
-------------------------------------------------------------- */

.arrow, 
.news, 
.cal,
.download, 
.link, 
.photo,
#footer #col4 li.org,
#sidebar li.org, 
#footer #col4 li.vat,
#sidebar li.vat,
#footer #col4 li.tel,
#sidebar li.tel, 
#footer #col4 li.email,
#sidebar li.email,
#footer #col4 li.copyright, 
#sidebar li.copyright,
#footer #col4 li.powered,
#sidebar li.powered,
#sidebar .team dt,
#footer h4, 
#footer #col1 ul li 						{ background: url(../images/icons/icons.png) no-repeat; padding: 0 0 0 28px }

.arrow										{ background-position: 0 -497px }
.cal										{ background-position: 0 -293px }
.date										{ font-style: italic; font-size: 14px }
.news										{ background-position: 0 -234px }
.download									{ background-position: 0 -352px }
.link										{ background-position: 0 -407px}
.photo										{ background-position: 0 -452px}
#footer h4									{ background-position: 0 -29px; margin-left: 0; font-size: 16px; font-weight: normal; font-style: normal; margin-bottom: 18px }
#footer #col1 ul li							{ background-position: 0 -51px }
#footer #col4 li.org,
#sidebar li.org								{ background-position: 0 -74px }
#footer #col4 li.vat,
#sidebar li.vat								{ background-position: 0 -93px; margin-top: 18px }
#footer #col4 li.tel,
#sidebar li.tel								{ background-position: 0 -115px; margin-top: 18px } 
#footer #col4 li.email,
#sidebar li.email							{ background-position: 0 -136px }
#footer #col4 li.copyright,
#sidebar li.copyright						{ background-position: 0 -158px; margin-top: 126px; font-size: 12px }
#footer #col4 li.powered,
#sidebar li.powered							{ background-position: 0 -180px; font-size: 12px }
#sidebar .team dt							{ background-position: 0 -51px }

p.arrow, 
#footer p									{ margin-left: 0 }

.links, 
.cal										{ list-style: none; margin-left: 0 }
.links li									{ margin-top: 18px }
	
.clear { clear: both }