/*css für www.wanderreiten-kananda.com*/
/*Wichtige Farben
bg hellbeige #fff8dc,
bg beige #fc9,
rotbraun #930,
dunkelorange #c60,
dunkelolive #fc9,
olive #556b2f
mittelbraun #630,
dunkelbraun #300, 
blaugrau #699
*/

/*Generelle Styles*/
* {
	margin: 0;
	padding: 0;
	}
body {
	background: #fff8dc url(../picts/bg_pferd.png) no-repeat left bottom;
	font-size: 62.5%;
	font-family: Arial, Helvetica, san-serif;
	color: #930;
	}	
/*Überschriften*/	
h1	{
	font-family: "Trebuchet MS", Times, serif;
	color: #c60; 
	font-size: 2.5em;
	line-height: 1.4em;
	font-variant: small-caps;
	max-width: 565px;
	margin: 5px 0 10px 50px;
	padding-bottom: 20px; 
	}
h1#top {
	margin-bottom: 10px;
	}	
h2 { 
	font-family: "Trebuchet MS", Times, serif; 
	color: #993300; 
	font-size: 1.8em;  
	line-height: 120%; 
	margin: 10px 0px 10px 2px;
	padding-top: 5px; 
	}
h2.start {
	margin: 15px 10px 10px 25px;
	}	
h2#anker {
	}
h2.abst {
	margin-top: 30px;
	}
h2.clear {
	clear: left;
	}
h2.clear_right {
	clear: right;
	}					
h3 {
	font-family: Verdana, non-serif; 
	color: #c93;
	font-size: 1.4em;
	margin: 50px 0 10px;
	padding-top: 15px;
	}
h3.marg_top {
	margin-top: 50px;
	}		
h4 {
	font-family: "Trebuchet MS", Times, serif; 
	color: #cc6600;
	font-size: 1.5em;
	font-weight: normal;
	padding: 10px 5px 5px 210px;
	}		
/*Absätze*/
p {
	font-size: 1.3em;
	line-height: 1.4em;
	padding: 3px 17px 10px 2px;
	}
p.start {
	margin-left: 25px;
	}	
p.info { 
	background-color: #fc9;
	margin-right: 20px; 
	padding: 10px 20px;
	}	
p.zitat {
	padding-left: 550px;
	}	
p.news {
	color: #c93;
	font-size: 1.1em;
	font-family: Verdana;
	padding: 10px 0 20px;
	border-bottom: 1px dashed #c93;
	}
p.feedback {
	color: #300;
	margin: 10px 15px 10px 0;
	padding: 15px 5px 15px 15px;
	border-top: #630 dotted 1px;
	border-bottom: #630 dotted 1px;
	}	
p.buchen {
	width: 180px;
	text-align: center;
	font-size: 2.3em;
	font-weight: bold;
	margin: 20px 220px;
	padding: 10px;
	background-color: #300;
	border: solid 2px #699;
	}	
p.fuss {
	color: #cc6600;
	font-size: 1.1em;
	padding-left: 210px;
	}
p.clear {
	clear: left;
	}	
p.bottom {
	margin-bottom: 40px;
	}
p.top {
	margin-top: 20px;
	}				
/*Links*/	
a:link, a:visited { 
	color: #699; 
	text-decoration: none; 
	}
a:hover, a:active {  
	text-decoration: underline; 
	}		
/*Tabelle*/
table { 
	width: 640px;
	margin: 20px 0 15px 0;
	padding: 5px;
	border: #963 solid 1px;
	background-color: #fc9;
	}
td {
	padding: 2px 10px 5px 2px;
	font-size: 1.4em;
	line-height: 1.3em;
	font-style: italic;
	top: 0;
	}
thead {
	font-weight: bold;
	}	 
tfoot {
	font-size: 0.9em;
	font-style: italic;
	margin-top: 10px;
	}
table.sched { 
	width: 360px;
	margin: 10px 0 15px 0;
	padding: 5px;
	}
td.sched {
	padding: 2px 10px 5px 2px;
	font-size: 1.3em;
	font-style: normal;
	 }	 
	
/*Normale Listen*/	
ul#inhalt {
	float: left;
	display: block;
	width: auto;
	list-style-type: disc;
	margin: 15px 0 10px 25px;
	}
#inhalt li{
	font-size: 1.3em;
	line-height: 1.4em;
	padding: 2px 10px 3px 10px;
	margin-left: 15px;
	}
/*Zitate*/
blockquote {
	margin: 2px 0px 20px 20px;
	font-style: oblique;
	font-size: 1.2em;
	color: #c60;
	}
cite {
	font-size: 0.8em;
	font-style: normal;
	margin-left: 10px;
	}					 
/*Bereiche*/
#wrap {
	width: 910px;
	margin: 0 auto;
	}
/*Kopf*/
#header {
	width: 870px; 
	height: 13px; 
	padding: 10px 30px 5px 0px;
	background-color:#fc9;
	}
ul#header li {
	float: right;
	width: 500px;
	}
header#ul {
	border-style: none;
	list-style-type: none;
	}
#header li { 
	font-size: 1.2em;
	padding: 2px 7px 2px 7px;
	border-right: #963 solid 1px; 
	list-style-type: none;
	display: block;
	width: auto; 
	float: right;
	}
#header ul a:link, #header ul a:visited {
	color: #963;
	font-family: Arial, Verdana, san-serif;
	text-decoration: none;	
	}
#header ul a:hover, #header ul a:active {
	text-decoration: underline;	
	}
#header a#akt:link, #header a#akt:visited, #header a#akt:hover, #header a#akt:active {
	text-decoration: underline;	
	}
		
/*Navigation Grafik*/
#hauptnavi { 
	width: 860px; 
	height: 145px; 
	padding: 5px 30px 10px 10px;
	background-color: #fc9;  
	}
#hauptnavi.start {
	background: #fc9 url(../picts/banner-boxcanyon.jpg) no-repeat 240px 10px;
	}
#hauptnavi.kontakt {
	background: #fc9 url(../picts/banner_kontakt.jpg) no-repeat 240px 10px;
	}
#hauptnavi.impr {
	background: #fc9 url(../picts/banner_impr.jpg) no-repeat 240px 10px;
	}
#hauptnavi.about {
	background: #fc9 url(../picts/bg_about.jpg) no-repeat 230px 10px;
	}					
#hauptnavi.packtrips {
	background: #fc9 url(../picts/bg_saddle3.jpg) no-repeat 330px 10px;
	}			
#hauptnavi.dayrides {
	background: #fc9 url(../picts/bg_saddle2.jpg) no-repeat 440px 10px;
	}
#hauptnavi.wagon {
	background: #fc9 url(../picts/bg_saddlehorn.jpg) no-repeat 550px 10px;
	}
#hauptnavi.acomod {
	background: #fc9 url(../picts/bg_trailhat.jpg) no-repeat 677px 10px;
	}
#hauptnavi.feedback {
	background: #fc9 url(../picts/bg_spurs.jpg) no-repeat 775px 10px;
	}
/*Hauptnavi*/																		
ul#hauptnavi li {
	float: right;
	width: auto;	
	}
hauptnavi#ul {
	border-style: none;
	list-style-type: none;
	float: right;
	width: auto;	
	}
#hauptnavi li { 
	font-size: 1.4em;
	font-variant: small-caps;
	padding-left: 10px;
	border: 0;
	list-style-type: none; 
	display: block;
	width: auto;
	float: right;
	}
#hauptnavi ul a:link, #hauptnavi ul a:visited {
	padding: 3px 8px;
	color: #300;
	font-family: "Trebuchet MS", Arial;	
	text-decoration: none;
	}
#hauptnavi ul a:hover, #hauptnavi ul a:active {
	color: #fff8dc;
	background-color: #630;
	border: #300 solid 1px;		
	}
#hauptnavi a#hier:link, #hauptnavi a#hier:visited, #hauptnavi a#hier:hover, #hauptnavi a#hier:active {
	color: #fff8dc;
	background-color: #630;
	border: #300 solid 1px;
	}
					
/*Inhalt*/
#rahmen {
	width: 898px;
	background-color: transparent;
	overflow:hidden;
	border: #fc9 solid 1px;
	}
/*Subnavi links*/	
#subnavi {	
	float: left;
	position: relative;
	width: 175px;
	height: auto;
	padding: 50px 10px 10px 10px;	
	}
ul#subnavi li {
	float: left;
	width: auto;
	}
subnavi#ul {
	border-style: none;
	list-style-type: none;
	}
#subnavi li { 	
	width: auto;
	font-family: "Trebuchet MS", Arial, Helvetica, san-serif; 
	font-size: 1.4em;
	line-height: 1.5em;
	color: #663;
	padding-bottom: 10px; 
	border: 0;
	list-style-type: none; 
	}
#subnavi ul a:link, #subnavi ul a:visited {
	color: #996;	
	text-decoration: none;
	padding-left: 22px;	
	padding-bottom: 10px; 
	}
#subnavi ul a:hover, #subnavi ul a:active {
	color: #663;
	background: url(../picts/pfeil_subnav.png) no-repeat;
	text-decoration: underline;
	padding-left: 22px;	
	}
#subnavi a#akt:link, #subnavi a#akt:visited, #subnavi a#akt:hover, #subnavi a#akt:active {
	color: #556b2f;
	background: url(../picts/pfeil_subnav.png) no-repeat 0 0;
	text-decoration: underline;
	padding-left: 22px;
	}		
/*Inhalt rechts*/	
#inhalt, #inhalt_start {
	float: right;
	position: relative;
	width: 670px;
	padding: 35px 0px 10px 25px;
	}	
.content {
	width: 655px;
	position: relative;
	margin: 5px 0 15px 0px;
	}	
/*Fussbereich*/
#fuss { 
	position: relative; 
	float: left; 
	width: 890px;
	margin-top: 10px; 
	padding: 15px 0 10px 5px; 
	}
/*Menu Wiederholung*/
#fuss_navi {
	position: relative;
	float: left;
	width: 685px;
	margin: 10px 0px 20px 0px;
	padding: 10px 0px 10px 210px;
	border-top: #996 solid 1px;	
	}		
ul#fuss_navi li {
	float: left;
	width: auto;
	margin-left: 150px;	
	}
fuss_navi#ul {
	border-style: none;
	list-style-type: none;	
	}
#fuss_navi li { 
	font-size: 1.1em;
	padding: 2px 8px 2px 8px;
	border-right: #996 solid 1px; 
	list-style-type: none;
	display: block;
	width: auto; 
	float: left;
	}
#fuss_navi ul a:link, #fuss_navi ul a:visited {
	color: #996;
	font-family: Arial, Verdana, san-serif;
	text-decoration: none;	
	}
#fuss_navi ul a:hover, #fuss_navi ul a:active {
	text-decoration: underline;	
	}
												
/*Bilder*/
img {
	border: #ccc solid 1px;
	margin: 0px 0px 15px 0px;
	}
img.ohne {
	border: 0;
	}
img.logo {
	margin-bottom: 3px;
	}
/*Einzelbilder*/
.bildrechts {
	position: relative;
	float: right;
	width: auto;
	margin: 10px 20px 15px 15px;
	}
.bildlinks {
	position: relative;
	float: left;
	width: auto;
	margin: 10px 20px 15px 0;
	}
/*Bildergalerie Startseite*/
#inhalt_start dl {
	margin: 2px 1px 15px 20px;
	padding: 0px 0px 1px 3px;
	float: left;
	width: 300px;
	}
#inhalt_start dt img {
	margin: 1px;
	border: #ccc solid 1px;
	}
								
/*Bildergalerie grosse Bilder*/
#inhalt dl {
	margin: 5px 0px 10px 0px;
	padding: 5px 15px 5px 0px;
	float: left;
	width: 320px;
	}
#inhalt dd {
	font-size: 1.1em;
	padding: 0 5px;
	font-style: italic;
	color: #c60;
	}
#inhalt dt img {
	margin: 5px 6px 5px 2px;
	border: #ccc solid 1px;
	overflow: visible;
	}
/*Bildergalerie kleine Bilder*/
#galerie_kl {
	width: 655px;
	position: relative;
	padding: 10px 5px 5px 5px;
	margin-bottom: 10px;	
	}
#galerie_kl dl {
	margin: 5px 0px 10px 0px;
	padding: 5px 18px 5px 0px;
	float: left;
	width: 200px;
	}
#galerie_kl dd {
	font-size: 1.1em;
	padding: 5px 0px 10px 0px;
	font-style: italic;
	}
#galerie_kl dt img {
	margin: 5px 5px 5px 2px;
	border: #ccc solid 1px;
	}
	
/*Formulare*/
form {
	width: 600px;
	}
legend {
	font-weight: bold;
	font-size: 130%;
	color: #930;
	}
/*kontakt*/	
#person label {
	display: block;
	font-weight: bold;
	}
label, input[type=checkbox], input[type=radio], input[type=submit], input[type=reset] {
	cursor: pointer;
	}	
fieldset {
	border: 1px solid #fc9;
	margin-bottom: 20px;
	padding: 10px;
	}
#anfrage textarea {
	width: 450px;
	height: 150px;
	font-family: Verdana;
	font-size: 1em;
	color: #333;
	border: 1px solid #930;
	padding: 2px;
	margin-bottom: 10px;
	}
input {
	border: 1px solid #930;
	font-family: Arial;
	font-size: 1em;
	color: #300;
	margin-right: 20px;
	padding: 1px 5px;
	}
#mail, #tel, #name, #anzahl, #country {
	border: 1px solid #930;
	font-family: Verdana;
	font-size: 0.9em;
	color: #300;
	width: 450px;
	height: 20px;
	padding: 5px 5px 2px 2px;
	}		
#packtrip, #dayr, #wagon, #acomod  {
	margin: 0px 20px 0px 0px;
	}
	
/*Specials Buchungsformular*/
label {
	margin-right: 5px;
	min-width: 150px;
	}		
select {
	padding: 1px;
	margin-right: 20px;
	border: 1px solid #930;
	font-family: Arial;
	font-size: 1em;
	color: #300;
	}
option {
	margin-right: 10px;
	padding: 1px;
	font-family: Arial;
	font-size: 1em;
	color: #300;
	}		
textarea {
	width: 530px;
	height: 80px;
	font-family: Arial;
	font-size: 1.2em;
	color: #300;
	border: 1px solid #930;
	padding: 3px;
	margin-bottom: 25px;
	}	
input[type=submit], input[type=reset] {
	font-size: 1.3em;
	font-weight: bold;
	padding: 5px;
	border: #930 solid 2px;
	background-color: #fc9;
	}