/*  =reset.css */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	color: #333;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;

}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* =blocktext */
h2, h3, h4, h5, p, ul, ol, dl, form, address, div.vcard { 
margin : 0 20px; 
padding : 0.1em 0 0.3em 0; }
h1 { font-size:3em; color: #05283b; line-height: 1em; background: transparent;}  /* displayed at 36px */
h2 {font-size:2.2em; color: #05283b;border-bottom: 1px dotted  #6e98ab; padding-bottom: 0.35em; }  
h3 {font-size:1.25em; color: #e30000;}  /* displayed at 15px */
h4, h5, h6 {font-size:1em; font-family: "Trebuchet MS", Verdana, sans-serif, Helvetica;}  /* displayed at 12px */

h1, h2, h3, h4{

clear: both;
font-family: "Trebuchet MS", Verdana, sans-serif, Helvetica;
}
ol, ul{ 
margin-left: 60px;
}

p.intro {
 line-height: 2em;
 font-weight: bold;
 	
}

#inhoud ul li {
	background: url(/img/bullit.png) no-repeat 0 8px;
	padding-left: 10px;
}
dt {
	font-weight: bold;
	color: #e30000;
	margin-top: 0;
	background: transparent;
}

q:before, q:after { content :''; }
input {
	border: 1px solid #ddd;
	padding: 1px;
}
/*skipper*/
.tekstbrowser {
display: block;
overflow: hidden;
font-weight: bold;
text-indent: -600em;
text-decoration: none;
padding: 0.5em 0;
width:100%;
margin:0;
z-index: 10;
position: absolute;
left: 0;
top: 0;
/* IE */
/*filter: alpha(opacity=80);*/
/* CSS3 standard */
opacity: 0.8;
/* Mozilla FF */
-moz-opacity: 0.8; 
}
.tekstbrowser a {
	color: #333;
}
.tekstbrowser:focus,
.tekstbrowser:hover,
.tekstbrowser:active {
text-indent: 3em;
background: #92cade;
color: #333;

}
#header #skipper {}

#header #skipper:focus,#header #skipper:hover,#header #skipper:active {text-indent: 3em; background: #6c3; color: #fff;}

/* =a */
#inhoud a, #inhoud a:visited { 

background: transparent;
color : #e30000; 
padding: 0.2em;
font-weight: bold;
 } 

#inhoud a:hover {
text-decoration : none;

	}
/*	Show access keys on hover or focus*/
/*	
a:hover:after, a:focus:after {
content: " [" attr(accesskey) "] ";
  }*/



input.radio,
input.checkbox {
	border: none;
}
label {
	cursor: pointer;
	
}

.noCss 
	{ position: absolute; left: -9999px; }
html, body {
height: 100%;
}
body {

font: 80%/170% Helvetica, "Trebuchet MS", Verdana, sans-serif;
border: 0;
background: #6e98ab url(/img/body.png) repeat-x 0 0;
color: #333;
text-align: center;
}
#container
 {
	background:transparent url(/img/container-bg.jpg) repeat-y 0 261px;
	margin: 0 auto ;
	width: 1027px;
	min-height: 611px;
text-align: left;
position: relative;
border: none;
min-height: 100%;
overflow: hidden; /*clear floated content + secundair*/
}



#header {
	background: transparent url(/img/header.jpg) no-repeat 0 0;
	width: 1027px;
	height: 261px !important;
	position: absolute;
	top: 0;
	left: 0;
}

#inhoud {
background:#c8e0e6;
color: #333;
float:left;
width: 642px;
padding: 25px 0 30px 0;
margin:263px 0 0 13px;
min-height: 265px;
}

#secundaireinhoud {
	width: 360px;
	background: transparent;
  float: left;
margin: 263px 0 0 2px;
min-height: 100%;
}


#secundaireinhoud img {margin:0; width: 360px;}


/*** set the width and height to match your images **/

#slideshow {
    position:relative;
    height:466px;
    width: 362px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}


/*Hoofdnavigatie*/

div#hoofdnavigatie {
	position: absolute;
	left: 325px;
	top: 0px;
	width: 750px;
	z-index: 100;
color:#fff;

}

div#hoofdnavigatie ul {
	padding: 0;
	margin:0;
float:left;
	z-index: 150;
	display: inline;
}

#slogans {
	position: absolute;
	top: 105px;
	left: 400px;
	padding:1em;
}

#slogans blockquote p{
	font-weight: bold;
	font-size: 300%;
	color: #fff;
}


#voet {
	clear: both;
	margin: 3em 0 0 10px;
	float: left;
	/*background: url(../img/footer.png) repeat-x 0 0;*/
	height: 150px;
	width:98%; 
	font-size: 85%;
	/*border-top: 1px solid #140000;*/
	padding-top: 2em;
	color: #fff;
}

#voet li {
	display: inline;
	color: #fff;
}
#voet li a,
#voet p {
	color: #fff;
}
 h1.logo a {
	display: block;
	background:url(/img/logo.png) no-repeat 0 0;
	float: left;
	width: 290px;
	height: 260px;
	text-indent: -9999px;
	border: none;
	text-decoration: none;
margin:15px 0 0 30px;
}
h1.logo a:hover {
	background: transparent;
	text-decoration: none;
}

/*Formulier*/

#contact-wrapper {
	width:430px;
	border:3px solid #fff;
	background:#c2dee3;
	padding:20px;
margin-left:20px;
}
#contact-wrapper div {
	clear:both;
	margin:1em 0;
}
#contact-wrapper label {
	display:block;
	float:none;
	font-size:14px;
	width:auto;

}
form#contactform input {
	border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;
	border-style:solid;
	border-width:1px;
	padding:5px;
	font-size:14px;
	color:#333;
	width:275px;
}
form#contactform textarea {
	font-family:Tahoma, Helvetica, sans-serif;
	font-size:100%;
	padding:0.6em 0.5em 0.7em;
	border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;
	border-style:solid;
	border-width:1px;
}

p.error {
	border: 2px solid red;
	color: red;
	background: #fff url(/img/comment_warning.png) no-repeat 0 0;
	padding:5px 5px 5px 45px;
	font-weight: bold;
	
}
label.error {
	color: red;
	padding: 2px;
	border-bottom: 1px dotted red;
}

.attentie {
	font-weight: bold;
	color: #fff;
	background:#66cc33 url(/img/thumbs_up.png) no-repeat 0 0;
 border: 2px solid #fff;
 
	  }
.attentie p {
	padding-left: 30px;
	width: 305px;
}
	
form#contactform input.submit {
	background: url(../img/nav-sport-ul.png);
	cursor: pointer;
	cursor: hand;
	border: none;
	color: #fff;
	font-weight: bold;
}
form#contactform input.submit:hover {
	background: url(../img/nav-sport-ul-hover.png);
	
}

/*Foto Dannis*/
.personal {
	float:right;
	width: 200px;
	
}

.personal p {
	font-size: 80%;
	
}

body#prijzen dl {
width: 90%;
overflow: auto;
margin: 0 0 0.4em 20px;
background: transparent url(/img/dot.gif) repeat-x 0pt 1.75em;
clear: both;
}

body#prijzen dt {
float: left;
padding-right: 3px;
color: #333;
}
body#prijzen dl dd 
{
margin: 0;
}

body#prijzen dl dt, body#prijzen dl dd {
background:transparent;
font-size: 90%;

}

body#prijzen dl dd 
{
float: right;
padding-left: 3px;
color: #05283b;
}

body#prijzen dl dd span {
	font-size: 90%;
	color: #05283b;
}