/*

Screen layout: */

body {
	margin: 0 auto;
	padding: 0;
	font: 76% Verdana,Tahoma,Arial,sans-serif;
	background: #EEE;
	/* background: #FFF url(../images/bg.gif) top center repeat-y; */
}


#menu {
	clear: left;
	float: left;
	width: 150px;
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 0.9em;
}


#menu ul {
	list-style: none;
	width: 150px;
	margin: 0 0 20px 0;
	padding: 0;
	font-size: 1.1em;
	background: #E3DB12; /* #E3D674;*/ /*#f4f4f4; */
	border-left: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-right: 1px solid #999999;
}


#menu li {
	margin-bottom: 4px;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
}


.selected {
	font-weight: bold;
	height: 20px;
	text-decoration: none;
	color: #000000;
	display: block;
	padding: 6px 0 0 10px;
	background: #FFFFFF; /*#F5EEC6;*/
	border-left: 4px solid #000; /* #777777; */
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
}


.popup, .popup ul {
	border: none !important;
	margin: 0 !important;
}


.popup li {
	font-weight: bold;
	text-decoration: none;
	margin: 2px 0px 0px 10px;
}


#menu li a {
	font-weight: bold;
	height: 20px;
	text-decoration: none;
	color: #505050;
	display: block;
	padding: 6px 0 0 10px;
	background: #F5EEC6; /*#f4f4f4; */
	border-left: 4px solid #777; /* #cccccc; */
}


#menu li a:hover {
	background: #FFF; /*#9EE53E; #D6ECF5; */
	color: #497D01; /*#000000;*/
	border-left: 4px solid #497D01; /*#8898A8;*/
}


/* Ein Div zum Zentrieren der gesamten Seite */
.divMainPage{
	position: absolute;
	top: 25%;
	left: 25%;
	width: 1000px;
	height: 352px;
	margin-left: -260px;
	margin-top: -108px;
}


.divLogo{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 122px;
	height: 104px;
	text-align: center;
	z-index: 2;
	padding: 0;
	background: transparent; /* #EEE; */
	border: 0;
}


.divBlueContent{
	position: absolute;
	top: 36px;
	left: 45px;
	width: 978px;
	height: 345px;
	z-index: 1;
	margin: 0;
	padding: 0;
	background: #00709E;
	border: 0;
	-moz-border-radius:10px;
}


.divBlueContentShadow{
	position: absolute;
	top: 43px;
	left: 53px;
	width: 978px;
	height: 345px;
	z-index: 0;
	margin: 0;
	padding: 0;
	background: #CCC;
	border: 0;
	-moz-border-radius:10px;
}


.divMenu{
	position: absolute;
	top: 90px;
	z-index: 2;
	left: 160px;
}


.divTopMenu{
	margin: 0 0 2px 0;
	border: 0;
	padding: 0;
	text-align: center;
	font-size: 115%;
	color: #FFF;
	background: transparent;
}


.divTopMenu a{
	color: #EEE;
	text-decoration: none;
}


.divTopMenu a:hover {
	color: #FFF;
	text-decoration: none;
}


.divTopMenuSub1{
	margin: 0 0 10px 0;
	border: 0;
	padding: 0;
	text-align: center;
	color: #FFF;
	background: transparent;
}



.divTopMenuSub1 a{
	color: #EEE;
	text-decoration: none;
}


.divTopMenuSub1 a:hover {
	color: #FFF;
	text-decoration: none;
}


.divTabs {
	z-index: 10;
	position: absolute;
	left: 170px;
	top: 22px;
	margin: 0 0 0 0;
	border: 0;
	padding: 0;
	text-align: left;
	background: transparent;
}


.spanTab {
	z-index: 10;
	margin: 0 1px 0 0;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	border-top: 1px solid #999999;
	padding: 0 10px 0 10px;
	text-align: center;
	background: #e0e0e0;
}


.divEdit_Tab {
	z-index: 100;
	margin: -105px 0 20px 0;
	border-left: 1px solid #f0f0f0;
	border-right: 1px solid #f0f0f0;
	padding: 10px 10px 10px 10px;
	line-height: 1.6em;
	text-align: left;
	background: #FFF;
	border: 1px solid #999999;
	display: none;
}


.divHistory_Tab {
	z-index: 10;
	margin: 0 0 20px 0;
	border-left: 1px solid #f0f0f0;
	border-right: 1px solid #f0f0f0;
	padding: 10px 10px 10px 10px;
	line-height: 1.6em;
	text-align: left;
	background: #FFF;
	border: 1px solid #999999;
	display: none;
}


.divFence{
	position: absolute;
	top: 161px;
	left: 45px;
	width: 978px;
	height: 185px;
	z-index: 3;
	margin: 0;
	padding: 0;
	background: transparent url(../images/reithofseite_zaun_68kb.png) top center;
	border: 0;
}


.divSymbolReithof{
	position: absolute;
	top: 98px;
	left: 915px;
	width: 76px;
	height: 43px;
	z-index: 3;
	margin: 0;
	padding: 0;
	background: transparent url(../images/reithof_illu.png) top center;
	border: 0;
}


.divSymbolReitschule{
	position: absolute;
	top: 68px;
	left: 930px;
	width: 49px;
	height: 73px;
	z-index: 3;
	margin: 0;
	padding: 0;
	background: transparent url(../images/reithofschule_illu.png) top center;
	border: 0;
}


.divSymbolGalerie{
	position: absolute;
	top: 102px;
	left: 925px;
	width: 65px;
	height: 39px;
	z-index: 3;
	margin: 0;
	padding: 0;
	background: transparent url(../images/galerie_illu.png) top center;
	border: 0;
}


.divSymbolAnfahrt{
	position: absolute;
	top: 82px;
	left: 895px;
	width: 88px;
	height: 59px;
	z-index: 3;
	margin: 0;
	padding: 0;
	background: transparent url(../images/anfahrt_illu.png) top center;
	border: 0;
}


.divSymbolKontakt{
	position: absolute;
	top: 93px;
	left: 890px;
	width: 108px;
	height: 49px;
	z-index: 3;
	margin: 0;
	padding: 0;
	background: transparent url(../images/kontakt_illu.png) top center;
	border: 0;
}


.divWhiteBackgroundText{
	position: absolute;
	top: 141px;
	left: 70px;
	width: 460px;
	height: 193px;
	z-index: 4;
	margin: 0;
	padding: 0;
	background: transparent url(../images/white_bg.png) repeat;
	border: 0;
}

.divWhiteBackgroundTextschraubeLinks{
	position: absolute;
	top: 141px;
	left: 70px;
	width: 13px;
	height: 12px;
	z-index: 5;
	margin: 0;
	padding: 0;
	background: transparent url(../images/reithofseite_textschraube_links.png) top center;
	border: 0;
}

.divWhiteBackgroundTextschraubeLinksUnten{
	position: absolute;
	top: 321px;
	left: 70px;
	width: 13px;
	height: 12px;
	z-index: 5;
	margin: 0;
	padding: 0;
	background: transparent url(../images/reithofseite_textschraube_rechts.png) top center;
	border: 0;
}

.divWhiteBackgroundTextschraubeRechts{
	position: absolute;
	top: 141px;
	left: 517px;
	width: 13px;
	height: 12px;
	z-index: 5;
	margin: 0;
	padding: 0;
	background: transparent url(../images/reithofseite_textschraube_rechts.png) top center;
	border: 0;
}

.divWhiteBackgroundTextschraubeRechtsUnten{
	position: absolute;
	top: 321px;
	left: 517px;
	width: 13px;
	height: 12px;
	z-index: 5;
	margin: 0;
	padding: 0;
	background: transparent url(../images/reithofseite_textschraube_links.png) top center;
	border: 0;
}

.divGrass{
	position: absolute;
	top: 294px;
	left: 45px;
	width: 978px;
	height: 68px;
	z-index: 5;
	margin: 0;
	padding: 0;
	background: transparent url(../images/reithofseite_gras_163breit.png) top center;
	border: 0;
}


.divWhiteBackgroundFilmstreifenOben{
	position: absolute;
	top: 141px;
	left: 540px;
	width: 468px;
	height: 13px;
	z-index: 4;
	margin: 0;
	padding: 0;
	background: transparent url(../images/reithofseite_filmkante_teil.png) top center;
	border: 0;
}


.divWhiteBackgroundFilmstreifenUnten{
	position: absolute;
	top: 321px;
	left: 540px;
	width: 468px;
	height: 13px;
	z-index: 4;
	margin: 0;
	padding: 0;
	background: transparent url(../images/reithofseite_filmkante_teil.png) top center;
	border: 0;
}


.divWhiteBackgroundBilder{
	position: absolute;
	top: 154px;
	left: 540px;
	width: 468px;
	height: 167px;
	z-index: 4;
	margin: 0;
	padding: 0;
	background: transparent url(../images/white_bg.png) repeat;
	border: 0;
}

.divContent{
	position: absolute;
	top: 141px;
	left: 45px;
	width: 978px;
	height: 205px;
	z-index: 4;
	text-align: left;
}


.divContentText{
	position: absolute;
	top: 13px;
	left: 42px;
	width: 433px;
	height: 165px;
	text-align: left;
	background: transparent;
	overflow: auto;
	color: #000;
	margin: 0 0 0 0;
	padding-right: 5px;
}


.divContentImage{
	position: absolute;
	top: 18px;
	left: 505px;
	width: 217px;
	height: 158px;
	background: transparent; /* #DFD; */
	border: 1px solid #999999;
}


.divContentImage2{
	position: absolute;
	top: 18px;
	left: 735px;
	width: 217px;
	height: 158px;
	background: transparent; /* #DFD; */
	border: 1px solid #999999;
}


.content {
	margin: 0 0 20px 0;
	border-left: 1px solid #f0f0f0;
	border-right: 1px solid #f0f0f0;
	padding: 10px 10px 10px 10px;
	line-height: 1.6em;
	text-align: left;
	background: #FFF;
	border: 1px solid #999999;
}


.content h2 {
	font-size: 1.5em;
	margin: 0 0 0.5em 0;
}


.content img {
	padding: 1px;
	display:inline;
	background: #cccccc;
	border: 4px solid #f0f0f0;
}


h3 {
	font-size: 1.3em;
	margin: 0 0 10px 0;
}


h4 {
	font-size: 1.2em;
	margin: 0;
}


a {
	text-decoration: none;
	color: #286ea0;
}


a:hover {
	text-decoration: underline;
	color: #286ea0;
}


a img {
	border: 0;
}

.divMap{
	position: absolute;
	top: 123px;
	left: 530px;
	width: 500px;
	height: 241px;
	z-index: 10;
	clear: both;
	margin: 0 auto;
	padding: 10px 0 20px 0;
	text-align: left;
	color: #FFF;
	font-size: 9px;
}

.divFooter {
	position: absolute;
	top: 354px;
	left: 60px;
	width: 955px;
	z-index: 1;
	clear: both;
	margin: 0 auto;
	padding: 10px 0 20px 0;
	text-align: left;
	color: #FFF;
	font-size: 9px;
}

#divFooterLeft {
	text-align: left;
}

#divFooterRight {
	float: right;
}


.divFooter p {
	margin: 3px auto;
	color: #FFF !important;
	text-decoration: none;
}


.divFooter p a {
	color: #FFF !important;
}


.divFooter a {
	color: #EEE;
	text-decoration: none;
}


.divFooter a:hover {
	text-decoration: underline;
}


.left {
	margin: 10px 10px 5px 0;
	float: left;
}


.right {
	margin: 10px 0 5px 10px;
	float: right;
}


.textright {
	text-align: right;
}


.center {
	text-align: center;
}


.small {
	font-size: 0.8em;
}


.bold {
	font-weight: bold;
}


.hide {
	display: none;
}


.ontop {
	z-index: 200;
}


/* Prettytable-Definition von Wikipedia */
.prettytable {
	margin: 1px 1px 1px 1px;
	background: #f9f9f9;
	border: 1px #AAA solid;
	border-collapse: collapse;
	empty-cells: show;
}


/* Prettytable-Zeilen-Definition von Wikipedia */
.prettytable td{
	text-align: right;
	border: 1px #AAA solid;
	padding: 0.2em;
}


/* Tabellendefinitionen für die Preislisten */
.preistabelle {
	border: 0px;
	margin-bottom: 10px;
}


.preistabelle td{
	text-align: left;
	padding-right: 5px;
}

td.tdright{
	text-align: right;
}

td.tdcenter{
	text-align: center;
}

td.tdleft{
	text-align: left;
}

.block{
	text-align: justify;
}