/*-------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------*/
/*-------------------------------- Onze Rieservaringen --------------------------------*/
/*-------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------*/

body {
	margin:  0;
	padding: 0;
	background-color: #333333;  /* TOTALE ACHTERGROND OM PAGINA  */
	background-position:left top;
	background-repeat:repeat-y;
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 80%;
	text-align: left;
	color: #FFFFCC;		/* TEKST KLEUR IN MAINCONTAINER !!!!!!!!! */
	margin-top: 10px;
}
a:link {
	color: #ff9900; /* was cc6666 */
}
a:visited {
	color: #ff9900; /* was cc6666 */
}
a:hover, a:active {
	/*color: solid lime;*/
	/*background: #FF0000;*/
}
a {text-decoration: none}
a img {	border:0px;}

/*------------------------------------------- Font-type ----------------------------*/
p,dl {	
	font-size: 1em;
}

p.card-desc {
	font-size: 1em;
	font-weight: bold;
	color:	#FFCC00;
}


h1 {
	font-size: 1.50em;
}


h2 {
	font-size: 1.15em;
	text-align: left;
	
}


h3 {		
	font-size: 1.0em;
	color:#666
}

pc {		
	font-size: 0.9em;
	color:#fdd22b
}

/* ---------------------------------------- Contactformulier ----------------------- */

#contactform {
	display: block;
	margin: 0 0 3em 0;
	padding: 0 1em 1em 1em;
}
#contactform label {
	display: block;
	margin-bottom: 2em;
	font-weight: bold;
}
#contactform input {
	display: block;
	width: 25em;
}
#contactform input.button {
	margin-top: 2em;
	background-color: #fff;
	border: 2px outset #999;
	width: 10em;
}
/* ---------------------------------------------- Container -----------------------------*/
#container {
	margin: 0.5em auto;		/* rand boven boven header */
	width: 1000px;
	text-align: left;
	background-color: #ffcc00;
}
/* ------------------------------------------- Header index -----------------------------*/
#header {
	height: 150px;
	background-image:  url("01 headers/header_home.jpg");
	background-repeat: no-repeat;
	background-position: 0 0;
	position: relative;
}

/* ------------------------------------------- Header Wenen 2009 -----------------------------*/
#header_wenen {
	height: 150px;
	background-image:  url("camper/04 headers/header_wenen.jpg");
	background-repeat: no-repeat;
	background-position: 0 0;
	position: relative;
}

/* ------------------------------------------- Header Valencia 2009 -----------------------------*/
#headervalencia {
	height: 150px;
	background-image:  url("camper/04 headers/header_valencia.jpg");
	background-repeat: no-repeat;
	background-position: 0 0;
	position: relative;
}

/* ------------------------------------------- Header Noordwijk 2010 -----------------------------*/
#headernoordwijk {
	height: 150px;
	background-image:  url("camper/04 headers/header_noordwijk.jpg");
	background-repeat: no-repeat;
	background-position: 0 0;
	position: relative;
}

/* ------------------------------------------- Header Italie 2008 -----------------------------*/
#headerligurie {
	height: 150px;
	background-image:  url("camper/04 headers/header_ligurie.jpg");
	background-repeat: no-repeat;
	background-position: 0 0;
	position: relative;
}


/* ------------------------------------------- Header Zuid frankrijk 2009 -----------------------------*/
#headercotedazur {
	height: 150px;
	background-image:  url("camper/04 headers/header_cotedazur.jpg");
	background-repeat: no-repeat;
	background-position: 0 0;
	position: relative;
}


/* ------------------------------------------- Header Brielle 2010 -----------------------------*/
#headerbrielle {
	height: 150px;
	background-image:  url("camper/04 headers/header_brielle.jpg");
	background-repeat: no-repeat;
	background-position: 0 0;
	position: relative;
}

/* ------------------------------------------- Header Bloemendaal 2010 -----------------------------*/
#headerbloemendaal {
	height: 150px;
	background-image:  url("camper/04 headers/header_bloemendaal.jpg");
	background-repeat: no-repeat;
	background-position: 0 0;
	position: relative;
}

/* ------------------------------------------- Header Ardeche 2010 -----------------------------*/
#headerardeche {
	height: 150px;
	background-image:  url("camper/04 headers/header_ardeche.jpg");
	background-repeat: no-repeat;
	background-position: 0 0;
	position: relative;
}

/* ------------------------------------------- Header lanzarote -----------------------------*/
#headerlanzarote {
	height: 150px;
	background-image:  url("01 headers/header_lanzarote.jpg");
	background-repeat: no-repeat;
	background-position: 0 0;
	position: relative;
}

/* ------------------------------------------- Header Moezel -----------------------------*/
#headermoezel {
	height: 150px;
	background-image:  url("camper/04 headers/header_moezel.jpg");
	background-repeat: no-repeat;
	background-position: 0 0;
	position: relative;
}

/* ------------------------------------------- Header Wenen -----------------------------*/
#headerwenen {
	height: 150px;
	background-image:  url("01 headers/header_wenen.jpg");
	background-repeat: no-repeat;
	background-position: 0 0;
	position: relative;
}

/* ------------------------------------------- Header Curacao -----------------------------*/
#headercuracao {
	height: 150px;
	background-image:  url("01 headers/header_curacao.jpg");
	background-repeat: no-repeat;
	background-position: 0 0;
	position: relative;
}
/* ------------------------------------------- Header Camper index -----------------------------*/
#header_camper_index {
	height: 150px;
	background-image:  url("camper/04 headers/header_camper_index.jpg");
	background-repeat: no-repeat;
	background-position: 0 0;
	position: relative;
}
/* ------------------------------------------- Header Camper ardennen -----------------------------*/
#header_ardennen {
	height: 150px;
	background-image:  url("camper/04 headers/header_ardennen.jpg");
	background-repeat: no-repeat;
	background-position: 0 0;
	position: relative;
}
/* ------------------------------------------- Header Camper Italie 2008 -----------------------------*/
#header_pisa {
	height: 150px;
	background-image:  url("camper/04 headers/header_pisa.jpg");
	background-repeat: no-repeat;
	background-position: 0 0;
	position: relative;
}

/* ------------------------------------------ Header thailand -------------------------------*/
#headerthailand {  
	height: 150px;
	background-image:  url("01 headers/header_thailand.jpg");
	background-repeat: no-repeat;
	background-position: 0 0;
	position: relative;
}

/* ------------------------------------------ Header siclie -------------------------------*/
#headersicilie {  
	height: 150px;
	background-image:  url("01 headers/header_sicilie.jpg");
	background-repeat: no-repeat;
	background-position: 0 0;
	position: relative;
}

/* ------------------------------------------ Header Kreta -------------------------------*/
#headerkreta {  
	height: 150px;
	background-image:  url("01 headers/header_kreta.jpg");
	background-repeat: no-repeat;
	background-position: 0 0;
	position: relative;
}

/* ------------------------------------------ Header Sri Lanka -------------------------------*/
#headersrilanka {  
	height: 150px;
	background-image:  url("01 headers/header_srilanka.jpg");
	background-repeat: no-repeat;
	background-position: 0 0;
	position: relative;
}
/* ------------------------------------------ Header marrakech -------------------------------*/
#headermarrakech {  
	height: 150px;
	background-image:  url("01 headers/header_marrakech.jpg");
	background-repeat: no-repeat;
	background-position: 0 0;
	position: relative;
}

/* ------------------------------------------ Header cambodja -------------------------------*/
#headercambodja {  
	height: 150px;
	background-image:  url("01 headers/header_cambodja.jpg");
	background-repeat: no-repeat;
	background-position: 0 0;
	position: relative;
}

/* ------------------------------------------ Header venetie -------------------------------*/
#headervenetie {  
	height: 150px;
	background-image:  url("01 headers/header_venetie.jpg");
	background-repeat: no-repeat;
	background-position: 0 0;
	position: relative;
}

/* ------------------------------------------ Header vietnam -------------------------------*/
#headervietnam {  
	height: 150px;
	background-image:  url("01 headers/header_vietnam.jpg");
	background-repeat: no-repeat;
	background-position: 0 0;
	position: relative;
}

/* ------------------------------------------ Header californie -------------------------------*/
#headercalifornie {  
	height: 150px;
	background-image:  url("01 headers/header_californie.jpg");
	background-repeat: no-repeat;
	background-position: 0 0;
	position: relative;
}

/* ------------------------------------------ Header china -------------------------------*/
#headerchina {  
	height: 150px;
	background-image:  url("01 headers/header_china.jpg");
	background-repeat: no-repeat;
	background-position: 0 0;
	position: relative;
}

/* ------------------------------------------ Header china01 -------------------------------*/
#headerchina01 {  
	height: 150px;
	background-image:  url("01 headers/header_china01.jpg");
	background-repeat: no-repeat;
	background-position: 0 0;
	position: relative;
}

/* ------------------------------------------ Header india -------------------------------*/
#headerindia {  
	height: 150px;
	background-image:  url("01 headers/header_india.jpg");
	background-repeat: no-repeat;
	background-position: 0 0;
	position: relative;
}
/* ------------------------------------------ Header israel -------------------------------*/
#headerisrael {  
	height: 150px;
	background-image:  url("01 headers/header_israel.jpg");
	background-repeat: no-repeat;
	background-position: 0 0;
	position: relative;
}
/* ------------------------------------------ Header gambia -------------------------------*/
#headergambia {  
	height: 150px;
	background-image:  url("01 headers/header_gambia.jpg");
	background-repeat: no-repeat;
	background-position: 0 0;
	position: relative;
}

/* ------------------------------------------ Header kenia -------------------------------*/
#headerkenia {  
	height: 150px;
	background-image:  url("01 headers/header_kenia.jpg");
	background-repeat: no-repeat;
	background-position: 0 0;
	position: relative;
}


/* ------------------------------------------ Header indonesie -------------------------------*/
#headerindo {  
	height: 150px;
	background-image:  url("01 headers/header_indo.jpg");
	background-repeat: no-repeat;
	background-position: 0 0;
	position: relative;
}
/* ------------------------------------------ Header florida -------------------------------*/
#headerflorida {  
	height: 150px;
	background-image:  url("01 headers/header_florida.jpg");
	background-repeat: no-repeat;
	background-position: 0 0;
	position: relative;
}
/* ------------------------------------------ Header sorry -------------------------------*/
#headersorry {  
	height: 150px;
	background-image:  url("01 headers/header_sorry.jpg");
	background-repeat: no-repeat;
	background-position: 0 0;
	position: relative;
}
/* ------------------------------------------ Header gastenboek -------------------------------*/
#headergastenboek {
	height: 150px;
	background-image:  url("01 headers/header_gastenboek.jpg");
	background-repeat: no-repeat;
	background-position: 0 0;
	position: relative;
	width: 900px;

}
/* ------------------------------------------ Header nikon -------------------------------*/
#headernikon {  
	height: 150px;
	background-image:  url("01 headers/header_nikon.jpg");
	background-repeat: no-repeat;
	background-position: 0 0;
	position: relative;
}

/* ------------------------------------------ Header Results -------------------------------*/
#headerresults {  
	height: 150px;
	background-image:  url("01 headers/header_results.jpg");
	background-repeat: no-repeat;
	background-position: 0 0;
	position: relative;
}
/* ---------------------------------------- Mainnav HORIZONTAAL	----------------------------*/
#mainnav {
	text-align: center;
	font-family: verdana, helvetica, arial, sans-serif;
	font-weight: bold;
	height: 15px;
	margin-left: 0px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 0px;
}
#mainnav ul {
	margin:0 0 0 0;
	padding: 0;
	list-style-type: none;
	/* border-right: 1px solid #666;
*/	
}
#mainnav li {
	display: inline;
	padding: 0  30px;
	/* border-left: 0.5em solid #666; */
}
#mainnav li a {
	text-decoration: none;
	color: #666;
	background: #ffcc00;
}
#mainnav li a:hover {
	text-decoration: underline ;
	color: #666;
	background-color: #ffcc00;
}

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

#menu {
	font-family: verdana, helvetica, arial, sans-serif;
	font-weight: bold;
	float: left;
	width: 150px;
	margin-top:25px;
	
}
#menu ul {
	list-style: none;
	padding: 0; /* was: padding: 0 1px 1px; nu sluit het lijntje van border-bottom, goed aan */
	margin: 0; /* was: margin-left: 0; nu is de bovenkant gelijk met de contents */
	font-family: verdana, helvetica, arial, sans-serif;
	width: 115px;
	border-bottom: 10px solid #ffcc00; 		/* LICHTE RAND OM MENU */
	border-right: 10px solid #ffcc00; 		/* LICHTE RAND OM MENU  */
	border-left: 10px solid #ffcc00; 		/* LICHTE RAND OM MENU  */
}
#menu ul li {
	margin: 0;
	padding: 0;
	border-top: 8px solid #ffcc00; 		/* LICHTE RAND OM MENU    */
	text-align: left;
}	
#menu ul li a {
	background-color: #ffcc00;
	display: block;
	margin: 0;
	padding: 0.25em 0.5em 0.25em 0.75em;
	border-left: 0.3em solid #666;
	text-decoration: none;
	width: 100%; /* toegevoegd anders werkt het niet in Internet Explorer, zie volgende regel */
}

#menu ul li a:link {
	 color: #666;
}
#menu ul li a:visited {
	 color: #666;
}
#menu ul li a:hover  {
	border-color: #ffcc00;
	color: #666;
	background: #fbe9ab;
}

/* ---------------------------------------------------------------------------------------*/
/* ------------------------------------------ Menu Fototalbum ----------------------------*/
/* -------------------------------- Ook voor meest recente reiservaring ------------------*/
/* ---------------------------------------------------------------------------------------*/
#menufotoalbum{
	float: left;
	font-family: verdana, helvetica, arial, sans-serif;
	font-weight: bold;
}

#menufotoalbum ul {
	list-style: none;
	padding: 0;
	margin: 0;
	margin-top: 5px;
	width: 115px;
	border-bottom: 	10px solid #ffcc00; 	/* LICHTE RAND OM MENU */
	border-right: 	10px solid #ffcc00; 	/* LICHTE RAND OM MENU  */
	border-left:	10px solid #ffcc00; 	/* LICHTE RAND OM MENU  */
}

#menufotoalbum ul li {
	margin: 0;
	padding: 0;
	border-top: 8px solid #ffcc00; 		/* LICHTE RAND OM MENU    */
	text-align: center;
}	

#menufotoalbum ul li a {
	background-color: #ffcc00;
	display: block;
	margin: 0;
	padding: 0.25em 0.5em 0.25em 0.75em;
	border-left: 0.5em solid #fbe9ab;
	text-decoration: none;
	width: 100%; /* toegevoegd anders werkt het niet in Internet Explorer, zie volgende regel */
}

#menufotoalbum ul li a:link {
	 color: #666;
}
	 
#menufotoalbum ul li a:visited {
	 color: #666;
}
	
#menufotoalbum ul li a:hover  {
	border-color: #ffcc00;
	color: #666;
	background: #fbe9ab;  /* achtergrondkleur button*/
}

/* ------------------------------- Content-container -------------------------------------*/
#contents {
	/*margin-left: 150px;*/
	float: left;
	padding: 25px 5px 5px 5px;
	/*height: 450px;        /*ALS IK DIT WEGHAAL KRIJG IK HET FIREFOX EFFECT*/
	/*min-height: 450px;*/
	background-color: #171717;
	line-height: 150%;
	width: 690px;
	margin-top: 0px;
}
#rightContent {
	float: left;
	width: 140px;
	background-color: #ffcc00;
	padding: 5px;
	margin-top: 25px;
}

/* ---------------------------------------- Footer ---------------------------------------*/	
#footer {
	clear: both;
	text-align: center;
	padding: 5px;
	font-size: 0.8em;
	color: #996600;
	margin-top: 1em;
	margin-left: 0px;
}
#footer a {
	text-decoration: none;
	color: #996600;
}
#footer a:hover {
	text-decoration: underline;
}
#footer ul {
	padding: 0;
	list-style-type: none;
}
#footer li {
	display: inline;
	padding: 0 5px;
}
/*--------------------------------------------------- Fotoalbum layout --------------------------*/
.card {
	float: left;
	width: 218px;
	text-align: center;
	background: #333;
	border-right: 2px solid #ccc;
	border-bottom: 2px solid #ccc;
	font-size: 95%;
	line-height: 110%;
	height: 230px;
	overflow: auto;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin: 5px;
}
.card-photo {
	margin: 0 auto;
	padding: 0;
	border: none;
}
	/* .card-photo img {
		cursor: pointer; */
.card-desc {
	margin: 5px 10px;
	padding: 0;
	text-align: center;
	
}
.cleaner {
	clear: both;
}

/*---------------------------        code om zoekresultaten aan te passen in resultpage  ----------*/


.search-results {
	font-size:12px;
	color:#FFFFCC;
	font-family:verdana,sans-serif;
}
.search-headline {
	color:#FFFF00;
	font-size:16px;
	font-family:verdana,sans-serif;
}
.search-line {
	background:#FFFF00;
}
.search-nav   {
	color:#FFFF00;
	font-size:12px;
	font-family:verdana,sans-serif;
}

.search-form  {
	color:#FFFF00;
	font-size:12px;
	font-family:verdana,sans-serif;
}
.search-count  {
	color:#FFFF00;
	font-size:9px;
	font-family:Times, serif;
}


/*---------------------------------------   Extra extented css classes  -----------------*/

.search-item-number  {
	color:#FFFFCC;
	font-size:14px;
}

.search-item-links {
	font-size:14px;
}
.search-item-highlight {
	color:#FFFF33;
}
.search-item-url {
	
}
.cleaner {
	clear: both;
}
/*--------------------------------------------------	Einde	--------------------------*/