/* CSS Document */

/*BASISGEGEVENS *******************************************************/
html, body {
height				: 99%;
}

body {
background			: url(images/navigatie/background.gif) repeat-y 50% 0%;
margin				: 0;
padding				: 0;
text-align			: center;
font-family			: Lucida Grande, Verdana, Arial, Sans-Serif;
font-size			: 9pt;
line-height			: 1.5em;
}

#container {
position			: relative;
min-height			: 100%;
width				: 780px;
margin				: 0 auto;
padding				: 0;
text-align			: center;
}

a:link, a:visited{
color				: #FA8C13; 
text-decoration		: none;
}

a:hover{
color				: #FA8C13; 
text-decoration		: underline;
} 

img{
border				: none;
}

.boven{
vertical-align		: middle;
margin				: 0 0 0 0; 
}

.rechts{
float				: right;
margin				: 0 0 0 5px; 
clear				: right;
}

.links{
float				: left;
margin				: 0 5px 0 0; 
clear				: left;
}

p{
margin				: 0 0 5pt 0;
padding				: 0;
}

p.midden{
text-align			: center;
}

p.lijntje{
border				: 1px solid #666666;
}



ul{
margin				: 0 0 5pt 0;
padding				: 0;
}

li{
margin				: 0 0 0 10pt;
padding				: 0;
list-style-type		: square;
}

td{
vertical-align		: top;
}

th{
vertical-align		: top;
font-size			: 100%;
font-weight			: bold;
color				: #FA8C13;
}

.tableverh {
border-collapse		: collapse;
}

.tdverh {
text-align			: left;
padding-left		: 2px;
}

.imgverh {
margin				: 1px 1px 1px 1px;
}

.tablecontact {
border-collapse		: collapse;
width				: 460px;
}

.tdcontact {
text-align			: left;
padding-left		: 2px;
line-height			: 1.8em;
width				: 200px;
}

.areaTooltip
{
border				: 1px groove #FA8C13;
background-color	: #FFFFFF;
padding				: 2px;
color				: #FA8C13;
width				: 100px;
font-weight			: bold;
}

.kleinelettertjes
{
margin-top			: 2px;
font-size			: 75%;
line-height			: 1.5em;
}

/* FORM ******************************************/	
input.tekst {
width				: 265px;
}

input.verplicht {
border-color		: red;
}

#human {
/*visibility			: hidden;*/
display				: none;
}

/* KOPPEN & Grote links******************************************/	
h1 {
font-size			: 130%;
color				: #FA8C13;
font-weight			: bold;
margin				: 0 0 5pt 0;
padding				: 0;
}

h2 {
font-size			: 120%;
color				: #FA8C13;
font-weight			: bold;
margin				: 0 0 3pt 0;
padding				: 0;
}

h3 {
font-size			: 100%;
color				: #FA8C13;
font-weight			: bold;
font-style			: italic;
margin				: 0 0 3pt 0;
padding				: 0;
}

h4{
font-size			: 90%;
font-style			: italic;
color				: #777777;
margin				: -5pt 0 2pt 0;
padding				: 0;
}

/* TOP *******************************************************/	
#topbox {
margin				: 0 auto;
min-height			: 221px;
width				: 780px;
margin				: 0 auto;
padding				: 0;
clear				: right;
}

.logo{
background-image	: url(images/navigatie/logo.jpg);
width				: 243px;
height				: 221px;
margin				: 0 auto;
padding				: 0;
float				: left;
}

.topnav{
background-image	: url(images/navigatie/top.jpg);
width				: 537px;
height				: 221px;
margin				: 0 auto;
padding				: 0;
float				: left;
}

.navigatie2{
height				: 25px;
margin				: 153px 0 0 11px;
padding				: 0;
float				: left;
}

/* MAIN *******************************************************/
#mainbox {
margin				: 0 auto;
width				: 780px;
margin				: 0 auto;
padding				: 0;
clear				: left;
}

.main{
width				: 470px;
color				: #000000;
text-align			: justify;
padding				: 20px 20px 5px 20px;
margin				: 0 auto;
float				: left;
clear				: right;
}

.left{
width				: 200px;
color				: #333333;
text-align			: right;
padding				: 20px 20px 5px 20px;
margin				: 0 auto;
float				: left;
clear				: left;
}

.left p{
font-size			: 100%;
}

.left a{ 
font-size			: 100%; 
text-decoration		: none;
}
.left a:visited{ 
font-size			: 100%; 
text-decoration		: none;
}
.left a:hover{ 
font-size			: 100%; 
color				: #FA8C13; 
text-decoration		: underline;
} 

/* FOOTER *******************************************************/
#footerbox {
width				: 700px;
bottom				: 0;
color				: #666666;
padding				: 0 30px 10px 30px;
margin				: 0 0 20px 0;
float				: left;
}

#footercontent {
width				: 680px;
border-top			: 1px solid #666666;
bottom				: 0;
font-size			: 80%;
color				: #666666;
margin				: 0 auto;
text-align			: left;
}

#footercontent a{ 
font-size			: 80%; 
text-decoration		: none;
}
#footercontent a:visited{ 
font-size			: 80%; 
text-decoration		: none;
}
#footercontent a:hover{ 
font-size			: 80%; 
text-decoration		: none;
} 

/* NAVIGATIE *******************************************************/

a.activiteiten:link, a.activiteiten:visited {
float				: left;
display				: block;
/* background			: url(button.php?text=Activiteiten) no-repeat; */
background			: url(images/navigatie/nav-activiteiten.gif) no-repeat;
height				: 25px;
width				: 80px;
vertical-align		: middle;
}
a.activiteiten:hover { 
background-position	: 0px -25px; 
}

a.trainingen:link, a.trainingen:visited {
float				: left;
display				: block;
background			: url(images/navigatie/nav-trainingen.gif) no-repeat;
height				: 25px;
width				: 74px;
vertical-align		: middle;
 }
a.trainingen:hover { 
background-position	: 0px -25px; 
}

a.stunts:link, a.stunts:visited {
float				: left;
display				: block;
background			: url(images/navigatie/nav-stunts.gif) no-repeat;
height				: 25px;
width				: 54px;
vertical-align		: middle;
 }
a.stunts:hover { 
background-position	: 0px -25px; 
}

a.arrangementen:link, a.arrangementen:visited {
float				: left;
display				: block;
background			: url(images/navigatie/nav-arrangementen.gif) no-repeat;
height				: 25px;
width				: 98px;
vertical-align		: middle;
 }
a.arrangementen:hover { 
background-position	: 0px -25px; 
}

a.verhuur:link, a.verhuur:visited {
float				: left;
display				: block;
background			: url(images/navigatie/nav-verhuur.gif) no-repeat;
height				: 25px;
width				: 62px;
vertical-align		: middle;
 }
a.verhuur:hover { 
background-position	: 0px -25px; 
}

a.locaties:link, a.locaties:visited {
float				: left;
display				: block;
background			: url(images/navigatie/nav-locaties.gif) no-repeat;
height				: 25px;
width				: 64px;
vertical-align		: middle;
 }
a.locaties:hover { 
background-position	: 0px -25px; 
}

a.contact:link, a.contact:visited {
float				: left;
display				: block;
background			: url(images/navigatie/nav-contact.gif) no-repeat;
height				: 25px;
width				: 82px;
vertical-align		: middle;
 }
a.contact:hover { 
background-position	: 0px -25px; 
}

/* Imagebox ********************************************************/
img.ibox {
margin-bottom		: 3px;
margin-right		: 4px;
border				: 1px solid #FA8C13;
}

#ImageBoxOverlay
{
	background-color: #000000;
}
#ImageBoxCaption
{
	background-color: #FFFFFF;
}
#ImageBoxContainer
{
	width: 250px;
	height: 250px;
	background-color: #FFFFFF;
}
#ImageBoxCaptionText
{
	padding-bottom		: 0px;
	font-size			: 130%;
	color				: #FA8C13;
	font-weight			: bold;
}
#ImageBoxCaptionImages
{
	margin: 0;
}
#ImageBoxNextImage
{
	background-image: url(images/navigatie/spacer.gif);
	background-color: transparent;
}
#ImageBoxPrevImage
{
	background-image: url(images/navigatie/spacer.gif);
	background-color: transparent;
}
#ImageBoxNextImage:hover
{
	background-image: url(images/navigatie/nav-volgende.png);
	background-repeat:	no-repeat;
	background-position: right top;
}
#ImageBoxPrevImage:hover
{
	background-image: url(images/navigatie/nav-vorige.png);
	background-repeat:	no-repeat;
	background-position: left top;
}