/* GENERAL */

body      { 
		color: #003; 
		background:url(../images/sidefond.gif);
		font-family: "trebuchet ms";
		background-color: #fff; 
		margin: 0; 
		padding: 0   
		 }
a   { 
	color: #960; 
	font-family: "trebuchet ms";
	text-decoration: none  
	}
a img { 
		color: #fafad2 
	}
a:visited { 
		text-decoration: none 
		}
a:hover   { 
		text-decoration: underline  
		}
h1 { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color:#900;
	margin-top:80px;
	}
h2 { 
	color: #000; 
	font-size: 13px; 
	font-family: "trebuchet ms"; 
	font-weight: bold;
	}
.company{
		color:#81D027;
		font-weight: bold;
		}	
table { 
	font-size: 14px; 
	font-family: "trebuchet ms"; 
	}


/* LAYOUT */

.content,.content table td{ 
		margin: 0px; 
		padding: 10px;
		font-size:12px; 
		position: relative;
		font-family: verdana; 
		}
.content img{ 
		 margin: 0px; 
		 padding: 3px; 
		 border: 3px solid #eee; 
		 background: #fff; 
}	
img.right {
                float:right;                
}
img.left{
           float:left;     
}
#wrapper  { 	position: relative; 
                padding-top: 0px;
                padding-bottom: 0; 
                width: 960px ; 
                overflow: visible; 
                visibility: visible; 
                margin-left: auto; 
                margin-right:auto;
                }
#maincontainer{ 
                font-size: 12px; 
                				background-color: #660000;
                margin: 0; 
                padding-top: 0; 
                padding-bottom: 0; 
                width: 100% ; 
                overflow: visible; 
                visibility: visible; 
                /*border-bottom: 1px solid #000; */
                margin-top:-5px;
				margin-bottom:5px;
                }
*>#wrapper{
                margin-top:0px;
                }

#content_left { 
				background-image: url(../images/olivettes_texte.gif);
				background-color: #660000;
				background-repeat: no-repeat; 
				background-position: 0 0; 
				float: left; 
				margin: 0; 
				padding: 0; 
				width: 197px;
				min-height: 700px; 
				height: 700px; 
				font-size: 13px; 
				font-family: "trebuchet ms"; 
				position:relative;
				margin-right:-8px;
				}
*>#content_left{
				width:200px;
				height:auto;
				margin:0px;
				}				
#content_right { 
				background-image:url(../images/fond05.jpg); 
				background-repeat: repeat-y; 
				visibility: visible; 
				margin-left: 197px; 
				padding-top: 0;
				min-height: 700px; 
				height: 700px; 
				width: auto; 
				overflow: visible; 
				}
*>#content_right{
				height:auto;
				margin-left: 200px; /* ie6 bug */
				}					
/* NAVIGATION */

.separator { 
			background-image: url(../images/stone.gif);
			background-repeat: no-repeat;
			
			 width: 195px;
			 height:20px;
			 display: block 
			 }


#navcontainer { 
			padding-top:0px;
			background-repeat: repeat-x; 
			margin-top: 100px;
			width: 200px ;
			overflow:hidden;
			  }
#navcontainer ul, #navcontainer dl, #navcontainer dt,  #navcontainer dd   {
															
															margin: 0; 
															padding: 0; 
															list-style-type: none; 
															}
#navcontainer a, #active { 
				width: 200px; 
				height: 30px; 
				font-weight:bold;
				line-height:30px;
				display: block;
				}
#navcontainer a.homepage{
						background-image: url(../french/buttons/button_home_A.gif);
						background-repeat: no-repeat;
}		
#navcontainer a:hover.homepage{
						background-image: url(../french/buttons/button_home_B.gif);
}	
#navcontainer a.hotel{
						background-image: url(../french/buttons/button_hotel_A.gif);
						background-repeat: no-repeat;
}		
#navcontainer a:hover.hotel{
						background-image: url(../french/buttons/button_hotel_B.gif);
}
#navcontainer a.auberge{
						background-image: url(../french/buttons/button_gite_A.gif);
						background-repeat: no-repeat;
}		
#navcontainer a:hover.auberge{
						background-image: url(../french/buttons/button_gite_B.gif);
}	
#navcontainer a.chevaux{
						background-image: url(../french/buttons/button_chevaux_A.gif);
						background-repeat: no-repeat;
}		
#navcontainer a:hover.chevaux{
						background-image: url(../french/buttons/button_chevaux_B.gif);
}
#navcontainer a.vente{
						background-image: url(../french/buttons/button_vente_chevaux_A.gif);
						background-repeat: no-repeat;
}		
#navcontainer a:hover.vente{
						background-image: url(../french/buttons/button_vente_chevaux_B.gif);
}
#navcontainer a.acces{
						background-image: url(../french/buttons/button_acces_A.gif);
						background-repeat: no-repeat;
}		
#navcontainer a:hover.acces{
						background-image: url(../french/buttons/button_acces_B.gif);
}
#navcontainer a.acces{
						background-image: url(../french/buttons/button_acces_A.gif);
						background-repeat: no-repeat;
}		
#navcontainer a:hover.acces{
						background-image: url(../french/buttons/button_acces_B.gif);
}
#navcontainer a.news{
						background-image: url(../french/buttons/button_dernouvelle_A.gif);
						background-repeat: no-repeat;
}
#navcontainer a.guestbook{
						background-image: url(../french/buttons/button_guestbook_A.gif);
						background-repeat: no-repeat;
}		
#navcontainer a:hover.guestbook{
						background-image: url(../french/buttons/button_guestbook_B.gif);
}
#navcontainer a:hover.news{
						background-image: url(../french/buttons/button_dernouvelle_B.gif);
}
#navcontainer a.tarif{
						background-image: url(../french/buttons/button_tarifs_A.gif);
						background-repeat: no-repeat;
}		
#navcontainer a:hover.tarif{
						background-image: url(../french/buttons/button_tarifs_B.gif);
}
#navcontainer a.laroche{
						background-image: url(../french/buttons/button_laroche_A.gif);
						background-repeat: no-repeat;
}		
#navcontainer a:hover.laroche{
						background-image: url(../french/buttons/button_laroche_B.gif);
}
#navcontainer a.contact{
						background-image: url(../french/buttons/button_contact_A.gif);
						background-repeat: no-repeat;
}		
#navcontainer a:hover.contact{
						background-image: url(../french/buttons/button_contact_B.gif);
}

/********** Buttons nl **************/

#navcontainer a.homepage_nl{
						background-image: url(../dutch/buttons/button_home_A.gif);
						background-repeat: no-repeat;
}		
#navcontainer a:hover.homepage_nl{
						background-image: url(../dutch/buttons/button_home_B.gif);
}	
#navcontainer a.hotel_nl{
						background-image: url(../dutch/buttons/button_hotel_A.gif);
						background-repeat: no-repeat;
}		
#navcontainer a:hover.hotel_nl{
						background-image: url(../dutch/buttons/button_hotel_B.gif);
}
#navcontainer a.auberge_nl{
						background-image: url(../dutch/buttons/button_gite_A.gif);
						background-repeat: no-repeat;
}		
#navcontainer a:hover.auberge_nl{
						background-image: url(../dutch/buttons/button_gite_B.gif);
}	
#navcontainer a.chevaux_nl{
						background-image: url(../dutch/buttons/button_paarden_A.gif);
						background-repeat: no-repeat;
}		
#navcontainer a:hover.chevaux_nl{
						background-image: url(../dutch/buttons/button_paarden_B.gif);
}
#navcontainer a.vente_nl{
						background-image: url(../dutch/buttons/button_verkoop-paarden_A.gif);
						background-repeat: no-repeat;
}		
#navcontainer a:hover.vente_nl{
						background-image: url(../dutch/buttons/button_verkoop-paarden_B.gif);
}
#navcontainer a.acces_nl{
						background-image: url(../dutch/buttons/button_bereik_A.gif);
						background-repeat: no-repeat;
}		
#navcontainer a:hover.acces_nl{
						background-image: url(../dutch/buttons/button_bereik_B.gif);
}
#navcontainer a.news_nl{
						background-image: url(../dutch/buttons/button_nieuws_A.gif);
						background-repeat: no-repeat;
}		
#navcontainer a:hover.news_nl{
						background-image: url(../dutch/buttons/button_nieuws_B.gif);
}
#navcontainer a.guestbook_nl{
						background-image: url(../dutch/buttons/button_guestbook_A.gif);
						background-repeat: no-repeat;
}		
#navcontainer a:hover.guestbook_nl{
						background-image: url(../dutch/buttons/button_guestbook_B.gif);
}
#navcontainer a.tarif_nl{
						background-image: url(../dutch/buttons/button_tarieven_A.gif);
						background-repeat: no-repeat;
}		
#navcontainer a:hover.tarif_nl{
						background-image: url(../dutch/buttons/button_tarieven_B.gif);
}
#navcontainer a.laroche_nl{
						background-image: url(../dutch/buttons/button_laroche_A.gif);
						background-repeat: no-repeat;
}		
#navcontainer a:hover.laroche_nl{
						background-image: url(../dutch/buttons/button_laroche_B.gif);
}
#navcontainer a.contact_nl{
						background-image: url(../dutch/buttons/button_contact_A.gif);
						background-repeat: no-repeat;
}		
#navcontainer a:hover.contact_nl{
						background-image: url(../dutch/buttons/button_contact_B.gif);
}

/********** Buttons en ***************/

#active{
		/*background-color: #1d2088; 
		background-image: url(../images/button_on.gif);*/
	   }	
/*	   				
#navcontainer a, #navlist a:visited, dl#menu dt { 
										color: #fff; 
										font-weight: bold; 
										line-height: 30px; 
										text-decoration: none;
										}
*/										
#navcontainer a:hover { 
					text-decoration: none;
					}
#navcontainer dl { 
				margin-top: 0
				 }


.lang_bar, #navcontainer.langbar table {
						 		background-color: transparent; 
						 		margin-bottom: 10px; 
						 		padding: 3px 2px; 
						 		height: 25px; 
						 		display: block  
				 				}
				 				
#navcontainer a.flag{
				background-image:none; 
				border-style: none;
				padding-left:0px;
				width: 30px; 
				height:20px;
				}
div.flags{
                width:100%;
                text-align:center;
                padding-top:15px;
}
dl#menu { 
		width: 200px 
		}
dl#menu dt a { 
			height: 25px; 
			}
dl#menu li a  { 
			color: #fff; 
			font-size: 11px; 
			line-height: 15pt; 
			background-color :#6b6e5d; 
			background-position: 0 0; 
			text-align: center; 
			margin-top: 0; 
			padding-top: 0; 
			height: 20px   
			}
/* TABLES */
table#tariff{
		width:300px;
		border-collapse:collapse;
		border-spacing:0px;
		border: 1px solid #D0A857;
		}
table#tariff caption{
				font-size : 15px;
				font-weight:bold;
				background-color:#D0A857;
				text-align:center;
				}		
table#tariff th,table#tariff td{
			padding: 2px 5px;
			text-align:left;
			}
table#tariff th{
			background-color: #10623C; 
			font-weight:bold;
			color:#fff;
			width:150px;
			}
table#tariff tr.odd{
			background-color:#eee;
			}
table.description{
                width:100%;
                border-spacing:5px;
                border-collapse:collapse;
                font-weight:bold;
}
table.description td{
                                padding:2px;
}
.phones{
	padding-left:20px;
	font-weight:bold;
	color:white;
}

/* FORMS */

.form_box {
		 text-align: left; 
		 padding-top: 5px; 
		 padding-bottom: 10px; 
		 padding-left: 20px; 
		 width: 500px; 
		 height: auto; 
		 }
.form_box p{
		margin:5px;
		}
input{ 
	text-align: center; 
	border: solid 1px black 
	}
label { 
	float: left;
	width: 140px; 
	display: block;
	 }

/* MESSAGES */

.error_msg { 
			color: #e00; 
			font-weight: bold; 
			font-size: 14px;
			text-align: center
		}
.warning_msg  { 
			color: #1418f6;
			font-weight: bold; 
			font-size: 14px; 
			text-align: center
			}

/* HEADER */

#header {
		 background: #fff url(../images/header.jpg) no-repeat; 
		 margin: 0px; 
		 padding: 0px; 
		 top: 0; 
		 left: 0; 
		 width: 100%; 
		 height: 200px;
		 margin-bottom:10px;
		 }

/* FOOTER */

#footer   { color: #fff;
		font-weight: normal; 
		font-size: 13px; 
		font-family: "trebuchet ms"; 
		background-color: #600; 
		text-align: left; 
		clear: both; 
		margin-top: 0; 
		padding-top: 0px; 
		padding-bottom: 0;
		margin-bottom:10px; 
		padding-left: 207px; 
		/*border-top: 1px solid #fff; */
		width: auto; 
		height: 40px;
		line-height:20px;
		}

#footer a{ 
		color: #D9BF4C;
		}
/*************SPRITES****************/                
span.phone,span.email,span.mobile,span.url{
			  background:transparent url(../sysimages/whereabouts.png) no-repeat;
			  display:-moz-inline-box; 
			  display:inline-block;
			  width:16px;
			  height:12px;
			  margin-right:5px;
			  margin-left:5px;
		    }
		    span.url{
				background-position: 0px -86px;
				height:17px;
				width:17px;
		    }
		    span.mobile{
				background-position: 0px -30px;
				height:17px;
		    }
		    span.phone{
				background-position: 0px -60px;
				width:14px;
		    }
		    a.flag_fr,a.flag_nl,a.flag_en,a.flag_uk,a.flag_de,a.flags_eu,a.flag_be,a.flag_it,a.flag_es,a.flag_ru,a.flag_zn{
			  background:transparent url(../sysimages/flags.png) no-repeat;
			  display:-moz-inline-box; 
			  display:inline-block;
			  width:22px;
			  height:15px;
			  margin-right:25px;
			  margin-left:25px;
		    }
		     a.flag_it{
			  background-position: 0px -20px;			    
		    }
		     a.flag_be{
			  background-position: 0px -40px;			    
		    }
		     a.flag_de{
			  background-position: 0px -60px;			    
		    }
		    a.flag_es{
			  background-position: 0px -80px;			    
		    }
		     a.flag_fr{
			  background-position: 0px -100px;			    
		    }
		    a.flag_nl{
			  background-position: 0px -120px;			    
		    }
		    a.flag_ru{
			  background-position: 0px -140px;			    
		    }
		    a.flag_en,a.flag_uk{
			  background-position: 0px -160px;			    
		    }
		    a.flag_zn{
			  background-position: 0px -180px;			    
		    }                
/* Marquee Code */
#marqueeboard{
		  position: relative;
		  width: 580px;
		  height: 30px;
		  overflow:hidden;
		  /*border:1px black solid;*/
		 }   
		   #message{

		    position: absolute;
		    top: 0px;
		    left: 10px;
		    white-space:nowrap;
		    width:auto;
		    height:30px;
		    font-size:18px;
		    font-weight: normal;
		    line-height: 30px;
		  }
.loading{
		background-image: url(../sysimages/loading.gif);
		background-repeat: no-repeat;
		background-position: 50% 50%;
		}
#slideshow {
		position: relative;
		width: 512px;
		height: 388px;
		overflow:hidden;
	      }
#slideshow div {
		position: absolute;
		top: 0;
		left: 0;
}		

/* Tariffs */
table.tariff{
			width: 500px;
			background-color: #ff9966;
			font-size: 10px;
			font-family: verdana;
}
table.tariff th{
				background-color:#ffcc66;
				padding:5px;
				font-weight: bold;
				font-size: 10px;
}
table.tariff td{
				padding:5px;
}
table.tariff td.price{
				background-color: #ffcc99;
}