body{
	background:#ece4ce url(http://www.chevaux-delaroche.ch/htdocs/images/back3.gif) repeat;
	color:#777;
	font: 70%  Arial, Helvetica, sans-serif;	
	text-align:center;
	line-height:150%;
	margin:0;
	padding:0;
	padding-bottom:1em;
}
table, td, input, textarea, select, li{
	font: 100% Arial, Helvetica, sans-serif;
	color:#777;	
}
th{
	background:#ddd;
	padding:5px;
}
td{padding:5px;}
a{
	color:#81100c;
	text-decoration:none;
}
a:hover{color:#555;}
p, h1, h2, h3, h4, h5, h6{margin:1em 0;}
h1{font-size:140%; color: #850F0B; font-weight: bold; font-stretch: expanded}
h2{font-size:130%;}
h3{font-size:125%; color:#777}
h4{font-size:120%; color: #666}
h5{font-size:115%; color: #555; font-style: italic;}
h6{font-size:110%; color: #555}

hr{display:none;}
img{border:none;}
.hidden{display:none;}
.left{float:right;margin-right:.3em;}
.right{float:right;margin-left:.3em;}

ul.list1{
	margin:1em 0;
	padding:.5em 20px;
	background:#f1f1f1;
}
ul.list1 li{
	margin:.5em 0;
	padding:0;
	list-style:none;
}

/* ---------------------- container ----------------------------- */

#container{
	margin:0 auto;
	margin-top:30px;
	width:778px;
	text-align:left;
	background:url(http://www.chevaux-delaroche.ch/htdocs/images/container_back2.gif);
	position:relative;
}

/* ---------------------- header ----------------------------- */

#header{
	height:90px;	
	position:relative;
	background:url(http://www.chevaux-delaroche.ch/htdocs/images/header_back2.gif) no-repeat 0 0;
	height:257px;	
}

#logoChevaux, #logoLabradors, #logoIntro{
	position:absolute;
	margin:0;
	padding:0;
	top:-30px;
	left:228px;
	width:322px;
	height:78px;
	text-indent:-8000px;
	overflow:hidden;
	z-index:3;
}
#logoChevaux{background: url(http://www.chevaux-delaroche.ch/htdocs/images/logoChevaux.gif) no-repeat 0 0;}	
#logoLabradors{background: url(http://www.chevaux-delaroche.ch/htdocs/images/logoLabradors.gif) no-repeat 0 0;}
#logoIntro{background: url(http://www.chevaux-delaroche.ch/htdocs/images/logoIntro.gif) no-repeat 0 0;}

#logoChevaux a, #logoLabradors a, #logoIntro a{display:block;height:78px;}
p#image{
	position:absolute;
	margin:0;
	top:19px;
	left:19px;
	z-index:2;
}
p#lang, p#switch, p#meta{
	position:absolute;
	margin:0;
	float:left;
	top:-20px;	
	z-index:2;	
	color:#999;
}
p#lang{right:0;}
p#switch{right:90px;}
p#meta{left:0;}
p#lang a, p#switch a, p#meta a{color:#800000;}
p#lang a:hover, p#switch a:hover, p#meta a:hover{color:#999;text-decoration:underline;}
p#switch a{font-weight:bold;padding-left:10px;background:url(http://www.chevaux-delaroche.ch/htdocs/images/arrow2.gif) no-repeat 0 5px;}

/* ---------------------- intro ----------------------------- */
#intro{
	padding:4px;
	background:url(http://www.chevaux-delaroche.ch/htdocs/images/header_back2.gif) no-repeat 0 0;
}
.side{
	float:left;
	display:inline;
	width:194px;
	margin-left:15px;
	padding-top:15px;
}
.main{
	float:left;
	display:inline;
	width:322px;
	margin-left:15px;
	margin-top:40px;
}
.side .image{
	border:1px solid #ab9c75;
	margin:0;
}
.side .link{
	margin:0;
	background:#82100c url(http://www.chevaux-delaroche.ch/htdocs/images/submit.gif) repeat-x;
	color:#fff;
	text-transform:uppercase;	
	height:20px;
	line-height:20px;
	font-size:90%;
	padding-left:10px;		
}
.side .link a{color:#fff;}
.side .link a:hover{color:#fff;text-decoration:underline;}
address{
	margin:1em 19px 2em 19px;
	padding:1em 15px 0 15px;
	background:url(http://www.chevaux-delaroche.ch/htdocs/images/h2_back2.gif) no-repeat 0 0;
	font-style:normal;
}
/* ---------------------- mid ----------------------------- */

#mid{}

/* ---------------------- navigation ----------------------------- */

#nav, #nav ul, #nav li{
	margin:0;
	padding:0;
	list-style:none;
	font-weight: bold;
}
#nav{margin-bottom:1em;}
#nav li{}
#nav li a{
	display:block;
	width:100%;
	background:/*#e0e0e0*/ #999999 url(http://www.chevaux-delaroche.ch/htdocs/images/arrow.gif) no-repeat 15px 10px;
	color:#fff;
	border-bottom:1px solid #fff;
}
/*
#nav li a #nav0_Selected a{
	background-color:#fff000;
}
*/
#nav li a:hover {background:#fff url(http://www.chevaux-delaroche.ch/htdocs/images/arrow.gif) no-repeat 15px 10px; color: #999}
#nav li a span{
	display:block;
	padding:5px 15px 5px 35px;
}
#nav li ul a{background:#e0e0e0 url(http://www.chevaux-delaroche.ch/htdocs/images/arrow2.gif) no-repeat 15px 10px;}
#nav li ul a:hover{background:#fff url(http://www.chevaux-delaroche.ch/htdocs/images/arrow2.gif) no-repeat 15px 10px;}
#nav li ul ul a{background:#fefefe; border-bottom: 1px dotted #e0e0e0;}
#nav li ul ul a:hover{background:#fff; color: #777;}
#nav li ul ul ul {padding-left: 20px;}
#nav li ul ul ul li a {color: #777; background: url(/htdocs/images/arrow2.gif) no-repeat 41px 10px;}
#nav li ul ul ul li a:hover {background: url(/htdocs/images/arrow.gif) no-repeat 41px 10px; color: #81100c}

#nav li a.nav0_Selected{color:#81100c;font-weight:bold;}
#nav li li a.nav1_Selected{color:#81100c;font-weight:normal;}

#nav ul li a{background: url(http://www.chevaux-delaroche.ch/htdocs/images/arrow.gif) #ebebeb no-repeat 40px 10px; color: #999}
#nav ul li a:hover{background:#fff url(http://www.chevaux-delaroche.ch/htdocs/images/arrow2.gif) no-repeat 40px 10px;}

#nav ul li span{margin-left: 20px;}



/* ---------------------- side ----------------------------- */
#side{
	float:left;
	display:inline;
	width:209px;
	margin-left:19px;
	margin-top:15px;
	padding-bottom:1em;
}
#side h2{
	margin-bottom:0;
	height:18px;
	font-size:90%;
	font-weight:normal;
	color:#81100c;
	text-transform:uppercase;
}
#side h2 span{
	float:left;
	display:inline;
	background:#ebebeb;
	padding:0 15px;
	line-height:18px;
	height:18px;
}
#newsletterForm{
	margin-top:0;
	text-align:right;
}
#newsletterForm p{
	margin:0;
	padding:3px;
	border:1px solid #ebebeb;
	border-top:1px solid #fff;
	background:#ebebeb;
	text-align:center;	
}
#newsletterForm span{
	display:block;
	padding:10px;
	background:#fff;
}
#newsletterForm .inputField{
	border:1px solid #ccc;
	display:block;
	width:178px;
	margin-bottom:3px;
}
#newsletterForm .inputButton{
	background:#82100c url(http://www.chevaux-delaroche.ch/htdocs/images/submit.gif) repeat-x;
	color:#fff;
	text-transform:uppercase;	
	height:20px;
	font-size:90%;
	border:0px solid #fff;	
}

#side .photo{
	padding:3px;
	margin-top:0;
	border:1px solid #ebebeb;
	border-top:1px solid #fff;
	background:#ebebeb;
	text-align: center;
}
#side .photo img{margin-left: -10px;}

/* ---------------------- main ----------------------------- */

#main{
	float:left;
	display:inline;
	width:497px;
	margin-left:34px;
}

body#chevaux #main {
	background:url(http://www.chevaux-delaroche.ch/htdocs/images/bkg_content.gif) no-repeat 60px 75px;
	min-height: 390px;
}

#main h2, .main h2{
	font-weight:normal;
	padding:0;
	padding-bottom:10px;
	color:#81100c;
	font-size:150%;
	clear:both;
	background:url(http://www.chevaux-delaroche.ch/htdocs/images/h2_back2.gif) no-repeat 0 100%;
}
.news{
	margin:1em 0;
	padding-left:25px;
	background:url(http://www.chevaux-delaroche.ch/htdocs/images/arrow.gif) no-repeat 0 7px;
}
.news h3{
	margin:.5em 0;
	color:#81100c;
	font-weight:normal;
}
.news p{margin:.5em 0;}

/* ---------------------- footer ----------------------------- */

#footer{
	margin:0 auto;
	width:778px;
	background:url(http://www.chevaux-delaroche.ch/htdocs/images/footer_back2.gif) no-repeat 0 0;
	padding-top:4px;
	color:#fff;
}
#footer p{margin:0;line-height:40px;}
#footer a{color:#fff;}
#footer a:hover{
	color:#ccc;
	text-decoration:underline;
}

/* ---------------------- float fix ----------------------------- */
#container:after, #intro:after{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
#container, #intro{display:block;}
* html #container, * html #intro{height: 1%;}
/* end float fix */

body #content {line-height: normal}