/***********************************************************************

Author:    	Pieter Pontier
Company:   	In & Out Adventure	
URL:        http://www.inenoutadventure.nl
Contact:	info@www.inenoutadventure.nl

Customer:	In & Out Adventure
Opt:		IE6+, Mozilla Firefox
***********************************************************************/

/*hoofd eigenschappen */

body,html {
	margin: 0px;
	padding: 0px;
	text-align: center;
	height: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
}

#wrapper {
	background-image: url(../images/background.jpg);
	background-repeat: repeat-y;
	background-position: center;
	width: 930px;
	margin: 0px auto;
	padding: 0px;
}


/*top en menu */

#top {
	background-image: url(../images/website_02.png);
	background-repeat: no-repeat;
	height: 182px;
	padding: 0px;
	margin: 0;
	text-align: center;
	background-position: center top;
}

#nav {
	text-align: center;
	width: 930px;
	padding-top: 110px;
	padding-bottom: 10px;
}

#nav a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size : 13px;
	text-align : center;
	text-decoration : none;
	color: #FFFFFF;
}

#sitemap {
	padding: 20px 10px 10px 800px;
	color: #666;
}

#foto {
	background-image: url(images/foto_03.png);
	background-repeat: no-repeat;
	height: 300px;
	background-position: 500px;
}

/******CONTENT********/

/*links*/

#kolomlinks{
	float: left;
	height: 420px auto;
	width: 425px;
	text-align: left;
	padding: 15px 5px 5px 25px;	
}


#kolomlinks h1{
	font-size: 25px;
	color: #FF0000;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#kolomlinks a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration : none;
	color: #FF0000;
}

#kolomlinks a.speciaal{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration : none;
	color: #006633;
}


#kolomlinks h2{
	font-size: 12px;
	color: #FF0000;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#kolomlinks h3{
	font-size: 12px;
	color: #156736;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#kolomlinks p{
	font-size: 12px;
	color: #000000;
	font-weight: normal;
}


/*rechts*/

#kolomrechts{
	float: right;
	height: 500px;
	text-align: left;
	padding-top: 40px;
	padding-left: 0px;
	padding-right: 36px;
}

#kolomrechts h2{
	font-size: 12px;
	color: #FF0000;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/*bottom*/

#kolombig {
	text-align: left;
	clear: both;
	padding-top: 0px auto;
}

/* voor ie 6.0, 7.0 en firefox */


.canvasright {
	background-image: url(images/foto_03.png);
	background-repeat: no-repeat;
	height: 236px;
}


.canvaspersoneel {
	height: 236px;
	padding-left: 10px;
	left: 10px;
}

.canvascontact {
	heigt: 236px;
	padding-left: 10px;
	left: 10px;
}

/*
		<table width="434" border="0" cellpadding="0" cellspacing="0">
		<tr>
        <td><a href="../images/contact1.jpg" onclick="Foto(this.href,'In &amp; Out Adventure'); return false"><img src="../images/contact1.1.jpg" border="0"></a></td>
		<td><a href="../images/contact2.jpg" onclick="Foto(this.href,'In &amp; Out Adventure'); return false"><img src="../images/contact2.1.jpg" border="0"></a></td>
		</tr>
		</table>
*/

/*text kleuren*/

.black {
	color: #000000;
}

.red {
	color: #FF0000;
}

.green {
	color: #006633;
}

td {
	text-align: left;
}