/* Reset */
@import "reset.css";

/* Body + Allgemeines */
body {
	background-color: #fff;
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
}

.skiplink {
	display: none;
}

.clear {
	clear: both;
	height: 1px;
	font-size: 1px;
	line-height: 1px;
}

.gotop {
	clear: both;
	float: right;
	padding-bottom:0.1em;
}

/* Trenner */
div.hr {
	background: #a1a1a1;
	margin: 2.5em 0;
	height: 1px;
	clear: both;
}
div.hr hr {
	display: none;
}

/* Seitenwrapper */
#page {
	background: #fff url('bg-pferdemesse.gif') repeat-y top center;
	margin: 0 auto;
	text-align: center;
	width: 900px;
	font-size: 1.1em;
	line-height: 1.2em;
}
#content p, #footer p {
	margin-bottom: 1.2em;
}
/* Logo und Claim */
#header {
	background: #fff url('header-pferdemesse.gif') no-repeat top center;
	height: 165px;
	margin: 0 auto;
	position: relative;
	text-align: left;
	width: 696px;
}

#logo {
	background: #fff url('pferdemesse.gif') no-repeat;
	height: 75px;
	position: relative;
	text-indent: -9000px;
	top: 10px;
	left: 5px;
	width: 260px;
}
#logo a {
	color: #568f56;
	display: block;
	height: 75px;
	overflow: hidden;
	width: 260px;
}

#header2 {
	background: #fff url('header-pferdemesse2.gif') no-repeat top center;
	height: 165px;
	margin: 0 auto;
	position: relative;
	text-align: left;
	width: 696px;
}

#logo2 {
	background: url('pferdemesse2.gif') no-repeat;
	height: 80px;
	position: relative;
	text-indent: -9000px;
	top: 10px;
	left: 5px;
	width: 300px;
}
#logo2 a {
	color: #568f56;
	display: block;
	height: 80px;
	overflow: hidden;
	width: 300px;
}

/* Hauptnavigation */
/*
#navigation {
	font-weight:bold;
	bottom: 5px;
	list-style-type: none;
	position: absolute;
	left: 0px;
	display: block;
}
#navigation li {
	float:left;
	margin-left:10px;
	display:inline;
}
#navigation a {
	color: #009;
	text-decoration: none;
}
*/
/* ### Hauptnavigation ###################################################### */
#navigation {
	bottom: 0px;
	height: 30px;
	list-style-type: none;
	position: absolute;
	right: 0px;
	display: block;
}

#navigation li {
	display: inline;
	float: left;
	height: 30px;
	line-height: 30px;
}
#navigation li a {
	color: #568f56;
	display: block;
	line-height: 90px;
	height: 30px;
	overflow: hidden;
}

#navigation li a.mnav:hover {
	background-position: 0 -30px;
}

#navigation li a.nav1 {
	background: url('mainnav1.gif')  no-repeat;
	width: 210px;
	margin-right:4px;
}
#navigation li a.nav2 {
	background: url('mainnav2.gif') no-repeat;
	width: 105px;
}
#navigation li a.nav3 {
	background: url('mainnav3.gif') no-repeat;
	width: 120px;
}
#navigation li a.nav4 {
	background: url('mainnav4.gif') no-repeat;
	width: 130px;
}
#navigation li a.nav5 {
	background: url('mainnav5.gif') no-repeat;
	width: 127px;
}

/* Eyecatcher */
#eyecatcher {
	background: url('header-pferdemesse.jpg') no-repeat;
	height: 310px;
	text-indent: -9000px;
	overflow: hidden;
	width: 900px;
}
#eyecatcher a {
	display: block;
	height: 310px;
	width: 900px;
	overflow: hidden;
	text-decoration: none;
	border: 0;
	margin:0;
	padding:0;
}


/* Content-Bereich */
#content {
	color: #000;
	line-height: 1.3em;
	margin:0 auto;
	text-align: left;
	width: 696px;
}

#content .contentwide {
	margin:0 15px;
}
#content .contentleft {
	float:left;
	width:325px;
	margin-left:15px;
	display:inline;
}
#content .contentright {
	float:right;
	width:325px;
	margin-right:15px;
	display:inline;
}

/* Links */
#content a {
	color: #669966;
	text-decoration: none;
}
#content a:hover {
	color: #669966;
	text-decoration: underline;
}

/* Überschriften */
h1, h2, h3 {
	color: #669966;
}
h1 { margin: 0 0 1.2em 0; font-size: 1.4em; }
h2 { margin: 0 0 1.2em 0; font-size: 1.2em; }
h3 { margin: 0 0 1.2em 0; font-size: 1.0em; }
h4, h5, h6 {
	color: #000;
}
h4 { margin: 0 0 1.2em 0; font-size: 1.4em; }
h5 { margin: 0 0 1.2em 0; font-size: 1.2em; }
h6 { margin: 0 0 1.2em 0; font-size: 1.0em; }

/* Listen */
#content ul {
	list-style: disc;
	margin: 2.0em 0 2.0em 2.5em;
}
#content ul li {
 	margin-bottom: 0.2em;
}

#content ol {
	list-style: decimal;
	margin: 2.0em 0 2.0em 2.5em;
}
#content ol li {
 	margin-bottom: 0.2em;
}

/* Text mit Bild */
#content .txt-img,
#sidebar .txt-img {
	margin-bottom: 2.0em;
	clear: both;
}
#content .txt-img .floatLeft,
#sidebar .txt-img .floatLeft {
	float: left;
	margin: 0 1.0em 0 0;
}
#content .txt-img .floatRight,
#sidebar .txt-img .floatRight {
	float: right;
	margin: 0 0 0 1.0em;
}

#content .txt-img .floatLeft img,
#sidebar .txt-img .floatLeft img,
#content .txt-img .floatRight img,
#sidebar .txt-img .floatRight img {
	border: 0;
}
#content .txt-art div.hr {
	margin: 1.0em 0;
}

/* Download */
#content .download {
	border:solid 1px #a1a1a1;
	margin: 1.0em 0;
	padding: 0.5em;
}
#content .download-hdl {
	font-weight: bold;
}
#content .download-file {
}
#content .download-file img {
	margin-right:0.5em;
}
#content .download-file a {
	font-weight: bold;
}

/* Externe Links mit Beschreibung */
#content div.extLink {
	background: url('extlinkbg.gif') bottom center no-repeat;
	margin-bottom: 1.5em;
	padding-bottom: 0.5em;
	height:1%;
}
#content div.extLink a {
	background: url('bullet.gif') 0.0em 0.4em no-repeat;
	border-bottom: 0;
	color: #43664C;
	font-size: 1.1em;
	font-weight: bold;
	padding-left: 1.0em;
	text-decoration: none;
}
#content div.extLink a:hover {
	border-bottom: solid 1px #000;
	color: #000;
}
#content div.extLink p {
	margin-top: 0.4em;
	padding-left: 1.0em;
}
#content span.extLink {
	display:none;
}

#content table a {
	color:#669966;
}
#content table a:hover {
	color:#669966;
	border-bottom: none;
}
#content table b  a:hover {
	border-bottom: solid 1px #669966;
}

/*	Formulare *****************************************************************/
div#form-module fieldset {
	padding:10px;
	border:solid 1px #679C75;
	margin-bottom:2.0em;
	background:#D8EBDA  ;

}
div#form-module p {
	clear: both;
	margin-bottom: 0.5em;
}

/******************************	Label */
div#form-module p label {
	display: block;
	float: left;
	width: 125px;
	padding-top: 1px;
}
div#form-module p.formtextarea label {
	display: block;
	float: left;
	width: 125px;
	padding-top: 1px;
}

/******************************	Input */
div#form-module p.formtext input {
	font-family: "Lucida Grande", Arial, Helvetica, Geneva, Verdana, sans-serif;
	font-size: 1.0em;
	width: 250px;
	border: 1px solid #999;
	background-color: #f4f4f4;
}
div#form-module p.formtext input:focus {
	background-color: #fff;
}

/******************************	TEXTAREA */
div#form-module p.formtextarea textarea {
	font-family: "Lucida Grande", Arial, Helvetica, Geneva, Verdana, sans-serif;
	font-size: 1.0em;
	width: 250px;
	height: 150px;
	border: 1px solid #999;
	background-color: #f4f4f4;
}
div#form-module p.formtextarea textarea:focus {
	background-color: #fff;
}

/******************************	SUBMIT */
div#form-module p.formsubmit label {
	display: none;
}
div#form-module p.bt1,
div#form-module p.formsubmit input {
	margin-left: 125px !important;
	margin-left: 128px;
	width: 252px !important;
	width: 250px;
}
div#form-module p.formsubmit input {
	margin-top:0.5em;
	padding: 3px 0;
	background-color: #d9d9d9;
	color: #000;
	border: 1px solid #999;
}

/* Footer */
#footer {
	background: #fff url('footer-pferdemesse.gif') no-repeat top center;
	margin: 0 auto;
	padding: 25px 0 100px 0;
	text-align: center;
	width: 900px;
}
#footercontent {
	color: #000;
	margin: 0 auto;
	text-align: center;
	width: 696px;
}

#footercontent div.hr {
	margin: 2.5em 15px;
}

#footercontent a {
	color: #669966;
	text-decoration: none;
}
#footercontent a:hover {
	color: #669966;
	text-decoration: underline;
}

#flashfooter {
	font-size: 1.1em;
	line-height: 1.2em;
	margin: 0 auto;
	padding: 75px 0 100px 0;
	text-align: center;
	width: 900px;
}
#flashfooter div.hr {
	width:666px;
	margin: 2.5em auto;
}
#flashfooter a {
	color: #669966;
	text-decoration: none;
}
#flashfooter a:hover {
	color: #669966;
	text-decoration: underline;
}