/****************************
+++ HTML-Standards +++
****************************/

html {
	min-height:100.05%;
}

body {
	margin:0;
	padding:0;
	font-family:verdana, helvetica, sans-serif;
	font-size:80%;
	color:#707172;
	min-width:949px;
	/*background: #CEC8B3 url(../upload/design/ponyhof-niedrig.jpg) no-repeat center top;*/
	background: url(../upload/design/hg.jpg);
	line-height:1.3em;
}

img {
	border:none;
}

h1, h2, h3, h4, h5, h6 {
	margin:0 0 1em 0;
	padding:0;
	font-size:100%;
	color:#9A9670;
}

h1 {
	text-transform:uppercase;
}

h2{
	margin:1.4em 0 0.5em 0;
	color:#9A9670;
	text-transform:uppercase;
}

h3 {
	font-weight:bold;
}

.trenner {
	display:block;
	clear:both;
	height:1px;
	font-size:1px;
}

a {
	color:#A0A08F;
}

p {
	margin-top:0px;
}

p.niedrig {
	margin-bottom:1px;
}

td {
/*	background:#D1CBBA;*/
	background:#E8D694;
}

.rahmen {
	border: solid 1px #807756;
}

#text ul li {
/*	background:#D1CBBA;*/
	background:#E8D694;
	list-style:none;
	margin-bottom:0.3em;
	padding:0.2em;
	width:215px;
}

/* ####################
+++ Standardlayout +++
#####################*/

#container {
	width:933px;
	margin:0 auto;
	padding:0 10px;
	background: url(../upload/design/ponyhof-niedrig.jpg) no-repeat center top;
}

#hilfsnavigation {
	color:white;
	font-size:90%;
	text-align:right;
	padding-top:6px;
	height:64px;
}

#hauptnavigation {
	position:relative;
	height:46px;
}

#hauptnavigation a#logo {
	position:absolute;
	display:block;
	width:385px;
	height:29px;
	top:-24px;
	right:3px;
}

#inhaltsbereich{
	height:457px;
}

#unternavigation {
	width:232px;
	padding: 0 4px 0 16px;
	float:left;
	max-height:414px;
	overflow:auto;
}

#inhalt {
	position:relative;
	width:623px;
	float:left;
	padding:0 15px;
	margin:30px 0;
	height:390px;
	overflow:auto;
}

.startseite {
	position:absolute;
	display:none;
	bottom:0px;
	left:25px;
	color:white;
}

.startseite p {
	margin:0;
}

#inhalt img.imagebild {
	float:right;
	margin-left:15px;
	border: solid 1px #807756;
}

#inhalt img.links{
	margin-right:15px;
	border: solid 1px #807756;
}

#reitschule {
	margin-right:26px;
	text-align:right;
/*	color:white; */
	color:#707172;	
	font-weight:bold;
	font-size:15px;
	padding:2px 0 2px 0;
}

#reitschule p {
	margin:0;
}

#reitschule a {
	color:white;
	text-decoration:none;
}

#fusszeile {
	font-size:89%;
	padding-top:0.5em;
	margin-left:-9px;
}


/* ####################
+++ Hauptnavigation  +++
#####################*/
#hauptnavigation ul {
	margin:0;
	padding:0;
	list-style:none;
}

#hauptnavigation ul li {
	float:left;
	padding:0;
	margin:0;
	text-align:center;
	margin-right:3px;
	padding: 1px 0;
	text-transform:uppercase;
	font-size:12px;
	letter-spacing:0.1ex;
}

#hauptnavigation ul li.act {
	background:#D8D4C9;
}

#hauptnavigation ul li.ponyhof {
	width:86px;
}

#hauptnavigation ul li.ferienwohnungen {
	width:158px;
}

#hauptnavigation ul li.schulklassen {
	width:122px;
}

#hauptnavigation ul li.reitunterricht {
	width:134px;
}

#hauptnavigation a {
	color:#4B4B4D;
	text-decoration:none;
}

#hauptnavigation li.act a, #hauptnavigation a:hover {
	color:#317023;
}

/* ####################
+++ Unternavigation  +++
#####################*/
#unternavigation ul {
	margin:0;
	padding:0;
	list-style:none;
}

#unternavigation ul li {
	padding:0;
	margin:0;
	text-transform:uppercase;
	letter-spacing:0.1ex;
	background:#E7E3D9;
	padding:4px 0 5px 18px;
	margin-bottom:3px;
	border-left:solid 2px #E7E3D9;
}

#unternavigation ul li.act {
	border-left:solid 2px #317023;
}

#unternavigation a {
	color:#646466;
	text-decoration:none;
}

#unternavigation li.act a {
	color:#317023;
}


/* ####################
+++ Hilfsnavigation  +++
#####################*/
#hilfsnavigation ul {
	margin:0;
	padding:0;
	list-style:none;
}

#hilfsnavigation ul li {
	display:inline;
	padding:0;
	margin:0;
	border-left:solid 1px white;
	padding: 0 6px;
}

#hilfsnavigation ul li.kein {
	border-left:none;
}

#hilfsnavigation a {
	color:white;
	text-decoration:none;
}

/* ####################
+++ Übersicht +++
#####################*/
.bild {
	float:left;
	margin-right:2em;
	margin-bottom:1em;
}

/* ####################
+++ Verfügbarkeit +++
#####################*/

div.spalte {
	float:left;
	width:175px;
}

table.monat {
	border-right: solid 1px #ACA386;
	border-bottom: solid 1px #ACA386;
	margin-right:1em;
	margin-bottom:1em;
	float:left;
}

table.monat td, table.monat th {
	border-left: solid 1px #ACA386;
	border-top: solid 1px #ACA386;
	padding:2px;
	text-align:center;
}

table.monat td.wochentag {
	background:url(../upload/design/wochentage.gif); center;
	width:2em;
}

table.monat th {
	padding:0;
	background:url(../upload/design/tabellenueberschrift.gif) center;
	text-align:left;
	padding-left:0.5em;
	padding:0.5ex 0 0.3ex 1ex;
	font-size:90%;
}

td.leer {
	background:#E0DCD1;
}

td.voll {
	background:url(../images-smac/voll.gif) center;
	color:#cec8b3;
}

td.frei {
	background:url(../images-smac/frei.gif) center;
	color:#cec8b3;
}

td.frei a {
	color:#cec8b3;
}



/* ####################
+++ Neues Design +++
#####################*/
/*
body {
	background: #FFFDE4 url(../upload/design/ponyhof-niedrig-neu.jpg) no-repeat center top;
}
*/

#container {
	background: #FFFDE4 url(../upload/design/ponyhof-niedrig-neu.jpg) no-repeat center top;
}


#hauptnavigation ul li.act {
	background:#FEFAE8;
	border-bottom:solid 2px #317023;
}

#unternavigation ul li {
	background:#FEFAE8;
}

#hilfsnavigation {
	color:#707172;
}

#hilfsnavigation ul li {
	border-left:solid 1px #707172;
}

#hilfsnavigation a {
	color:#707172;
}
