@charset "iso-8859-1";


body{   text-align: center;
	background:#FDEFE3;
  	color:#1E1E1E;
	font:11px Tahoma,Verdana,Arial,Helvetica,sans-serif;
}

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

.none {
	font:10px Tahoma,Verdana,Arial,Helvetica,sans-serif;
}

.active {
	font:14px Tahoma,Verdana,Arial,Helvetica,sans-serif;
}

div.divkop    { position: absolute;
	vertical-align: middle;
	text-align: right;
	top: 0px;
       height: 100px;
	width: 815px;
	background:#FFFFFF url(../afbeeldingen/kop_bg.jpg);
       border: 1px solid #E77510;
       padding-top: 0px;
	}

div.inhoud {
position: absolute;
background:#FFFFFF;
margin-top: 105px;
margin-bottom: 10px;
padding-left: 5px;
padding-right: 5px;
margin-left: 115px;
padding-top: 5px;
padding-bottom: 5px;
border: 1px solid #E77510;
width: 690px;
text-align: left;
}

img.tekstomloop {
     float: left;
     padding: 5px;
}

H1 {
       font-size: 14px;
	font-weight: bold;
	color: #FE6300;
	margin: 0px;
}
 
H2 {
	color: #FF7A22;
       font-size: 12px;
	font-weight: bold;
	margin-bottom: 5px;
}



table.verslagen {
border: 1px solid #FA6801;	
border-collapse: collapse;
}

table.album {
border: 1px solid #FA6801;	
border-collapse: collapse;	
width: 690px; 
}	 


td.foto {
width: 128px;
height: 96px;
border: 1px solid #FA6801;
border-collapse: collapse;
margin: 0px;
padding: 0px;
}

td.beschrijving {
border: 1px solid #FA6801;
border-collapse: collapse;
margin: 0px;
padding: 0px;
}

tr { background-color: #FFFFFF;}
  .initial { background-color: #FFFFFF;}
  .normal { background-color: #FFFFFF; }
  .highlight { background-color: #FFE9D9;
  				cursor: pointer;}

td 	{

border-top: 1px solid #FE9C54;
}

hr, .hrcolor
{
		  height: 1px;
		  border: 0;
		  color: #E77510;
		  background-color: #E77510;
}

TH { color: #FA6801;
	font-weight: bold;
	text-align: left;
	}
	
	
.nummer	{width: 80px;}
.datum	{width: 200px;}
.etappe	{width: 410px;}	

IMG {
    BORDER: 0px;
    float: left;
    padding: 3px;
    }

.button {
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  font-style       : normal;
  font-size        : 10px;
  font-weight      : bold;
  background-color : #F0F0F0;
  color            : #000000;
  border           : 1px solid #CCCCCC;
}

.inputbox {
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  font-size        : 10px;
  color            : #000000;
  background-color : #F0F0F0;
  border           : 1px solid #CCCCCC;
}

TEXTAREA {
	BORDER: 1px solid #999999;
	BACKGROUND: #FFFFFF;
	COLOR: #1E1E1E;
	FONT-SIZE: 11px;
	width: 330px;
}

SELECT {
	BORDER: 1px solid #999999;
	BACKGROUND: #DFE0C5;
	COLOR: #1E1E1E;
}


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

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


#verslagen_overzicht{
margin-top: 15px;
font-size: 10px;
visibility: visible;
background-color: #FFE9D9;
border: 1px solid #FE9C54;
text-align: center;
padding: 3px;
}

#verslagen_overzicht_top{
font-size: 10px;
visibility: visible;
background-color: #FFE9D9;
border: 1px solid #FE9C54;
text-align: center;
padding: 3px;
}

/*--------gastenboek----------*/
.gastenboek{
border: 1px solid #FA6801;
border-collapse: collapse;
width: 100%;
}


/*--------foto album---------*/
table.subalbum {
border: 1px solid #FA6801;
border-collapse: collapse;
}

td.preview {
border: 0px;
padding: 0px;
}

.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 0px solid white;
margin: 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 0px solid #FE9C54;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #FFE9D9;
padding: 5px;
left: -1000px;
border: 1px solid #FE9C54;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 165px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

.uitleg{
position: absolute;
visibility: visible;
top: 61px;
left: 200px;
background-color: #FFE9D9;
padding: 5px;
border: 1px solid #FE9C54;
width: 360px;
}

.fotocommentaar{
width: 400px;
}


/* --------Menu-------- */

/*menu titels*/

#navigatie {
position: absolute;
margin-top: 105px;
margin-left: 0 px;
font:11px Tahoma,Verdana,Arial,Helvetica,sans-serif;
 width: 107px;
 border: 1px solid #E77510;
 padding: 0;
 background-color: #FFFFFF;
 color: #1E1E1E;
text-align: center;

}

#navigatie ul {
 list-style: none;
 margin: 0;
 padding: 0;
text-align: left;
}

#navigatie ul li {
 margin: 0;
 border: 0px solid #808040;
}

#navigatie ul li a {
 display: block;
 padding: 1px;
 border-left: 3px solid #FFFFFF;
 border-top: 0px;
 border-bottom: 1px dotted #E77510;
 border-right: 0px;
 background-color: #FFFFFF;
 color: #000000;
 text-decoration: none;
 width: 100%;
}

html>body #navigatie ul li a {
 width: auto;
}


#navigatie ul li a:hover {
 border-left: 3px solid #E77510;
 border-top: 0px;
 border-bottom: 1px solid #E77510;
 border-right: 0px;
 background-color: #FFEFE7;
 color: #000000;
}