/*@import url(suckerfish.css);*/

body {
	margin: 0px 0px 0px 0px;
/*	text-align: center; */
}

body, td, th, input, textarea, select {
	font-family: Arial, Helvetica, sans-serif;
/*    color: #626469; */
	color: rgb(56,7,255);
	font-size: 12px;
}

table {
	border: 0px;
	cellpadding: 0px;
	cellmargin: 0px;
}

/* HOOFDINDELING PAGINA */
#container {
	margin: 0 auto;
	width: 976px;
} 

.col-left {
	width: 252px;
	text-align: left;
}

.col-right {
	padding-top: 10px;
	width: 252px;
}

/* EINDE HOOFDINDELING PAGINA */

/* HEADER MET VLAG EN EMAIL ADRES*/
.header-flag {
	margin: 2px;
	background-color: #fff;
}

.header-flag .flag {
	margin: 2px;
	width: 5%;
}

.header-flag .contact {
	margin: 3px;
	text-align: right;
	vertical-align: center;
	font-size: 10px;
	color: #000;
}

.header-flag .contact a:hover {
	color: rgb(153,153,255);
}

.header-flag  .contact a {
 	text-decoration: none; 
	color: rgb(56,7,255);
}


.header-mid-text {
	color: #fff;
	background-color: rgb(153,153,255);
	font-size: 18px;
	font-weight: bold;
	text-align:center;
	vertical-align: center;	
	line-height: 50px;
}

/* EINDE HEADER MET VLAG EN EMAIL ADRES*/

/* NAVIGATIE*/


.schaduw {
	background: url(images/schaduw.jpg) repeat-y 240px 0px;
}

.hoofdnav {
	background-color: rgb(153,153,255);
	width: 240px;
	border-bottom: 1px solid #eeeeee;
	padding-bottom: 3px;
}

.hoofdnav a:link, .hoofdnav a:visited, .hoofdnav a:active  {
	color: #fff;
	text-decoration: none;
	display: block;
	border-bottom: 1px solid #fff;
	font-weight: bold;
	padding-top: 4px;
	padding-bottom: 4px;
	margin:  0px 5px 0px 15px;
	letter-spacing: 1px;
}

.hoofdnav a:active  {
	color: #fff;
	text-decoration: none;
	display: block;
	border-bottom: 1px solid #fff;
	font-weight: bold;
	padding-top: 4px;
	padding-bottom: 4px;
	margin:  0px 5px 0px 15px;
	letter-spacing: 1px;
}


.hoofdnav a:hover, .hoofdnav  .current {
	background-image: url(images/slash-nav.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
	color: #FFFFFF;
}

.hoofdnav .sub {
	margin-left: 15px;
	margin-bottom: 5px;
}

/* EINDE NAVIGATIE*/


/* FOTO'S MIDDEN */

.foto-mid {
	width: 472 px;
	vertical-align: top;
	padding-top: 10px;
	text-align: center;
	}

.foto-thumb {
	width:  80px;
	height: 54px;
	border:2px solid rgb(153,153,255);
}

.foto-thumbg {
	width:  60 px;
	height: 54px;
	border:2px solid rgb(153,153,255);
}




.fotox-tr {
	height: 460px;
}

.fotoxm-tr {
	height: 400px;
}

.fotoxs-tr {
	height: 320px;
}

/* EINDE FOTO'S MIDDEN */

#beschikbaar td.day {
	color: #fff;
	text-align: center;
}

#beschikbaar td.gite {
	color: #000;
	text-align: center;
}

#scooter {
	text-align: left;
	padding-left: 10px;
	padding-right:10px;
}

#tarieven {
	text-align: center;
}

#contact {
	text-align: left;
	padding-left: 100px;
}

#contact a:hover {
	color: rgb(153,153,255);
}

#contact  a {
 	text-decoration: none; 
	color: rgb(56,7,255);
}


.knop {	
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 8.0pt;
	color: #fff;
	color: rgb(153,153,255);
/*	font-weight: bold; */
	letter-spacing: 0.8px;
	text-decoration: none;
	padding-top: 1px;
	padding-bottom: 1px;
	border: 1px solid #989898;
	height: 20px;
	width: 100px;
	vertical-align: middle; 
	}

.knopyr {	
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;	
	color: rgb(56,7,255);
	background-color: #fff;
	text-decoration: underline;
	padding-top: 1px;
	padding-bottom: 1px;
	height: 20px;
	width: 80px;
	vertical-align: middle; 
	border: 0px solid #fff;
	}


hr {
	color: rgb(153,153,255);
	background-color: rgb(153,153,255);
	border: 0;
	height: 2px;
}

td .bull {
	vertical-align: top;
}

.melding {
	color: rgb(96,0,96);	
	background-color: rgb(153,153,255);
	text-align: center;
	font-size: 12px;
	font-weight:bold;
}

.normal {
	color: #626469;
	background-color: #fff;
	text-align: center;
	font-size: 12px;
	font-weight:bold;
}

.col-right h1 {
	font-size: 12px;
	margin: 0px 0px 0px 0px;
	font-weight: bold;
}

.col-right p {
	margin-bottom: 0px;
}


td.red {
	height:20px;
	width:30px;
	text-align: center;
	background-color: rgb(255,62,62);
	color: rgb(56,7,255);
	border: 1px solid #fff;
}

td.green  {
	height:20px;
	width:30px;
	text-align: center;
	background-color: rgb(115,255,112);
	color: rgb(56,7,255);
	border: 1px solid #fff;
}

td.green  a:hover, td.green a:link{
	color: rgb(56,7,255);
	font-weight: normal;
}

td.red  a:hover, td.red a:link{
	color: #fff;
	font-weight: normal;
}


input[disabled='disabled'] {
  color: rgb(56,7,255);
}



/*REFS*/


a:hover {
	color: rgb(153,153,255);
}

a {
	text-decoration: none;
	color: rgb(153,153,255);
}



/*EINDE REFS*/

