@import "basics.css";
@import "navigation.css";
@import "kopf.css";

/* Grundlegende Stilvorgaben */

body.screen {
	background-color: #fffff3; 
}

body.print {
	margin: 1em;
}

/* Standardschriftart */

body, td {
	color: #000;
	font: 8pt Verdana, sans-serif;
	line-height: 135%;
}

#body_inside {
  border: 1px solid #CCC;
	color: #000;
	background-color: #FFF;
	padding:  0.7em 0.7em 0.7em 0.0em;
	width: 800px;
}

#body_inside.loggedin{
	background-color: #ECFFE9;
}

/* Kopfbereich */
#header {
	width: 100%;
	margin-top: 1em;
	border-spacing: 0;
	position: relative;
	border: 1px solid #eee;
}

#header_logo {
	width: 155px;
	text-align: center;
	vertical-align: middle;
}

#header_content {
	width: 80%;
	height: 77px;
	padding: 0.25em 0;
	background-image: url(kopf.jpg);
	background-repeat: no-repeat;
}

/* Top-Links (oberer Headerbereich; rechtsbuendig) */

#header ul#toplinks2 {
	list-style-type: none;
	padding: 0;
	margin: 0;
	font-size: 0.8em;
	float: right;
}

#header ul#toplinks2 li {
	display: inline;
	padding: 0 2em;
	border-left: 1px solid #000;
	margin: 0;
	text-indent: 0;
	font-weight: bold;
}

#header ul#toplinks2 a:link, #header ul#toplinks2 a:visited {
	text-decoration: none;
	color: #000;
}

/* Suchbox */

#suche {
	position: absolute;
	top: 25px;
	left: 300px;
}

#suche label {
	font-size: 0.8em;
	font-weight: bold;
}

#suche input {
	border: 1px solid #ffa70b;
}

#suchbutton {
	background-color: #ffc70b;
}

/* Hauptbereich */

#main {
	width: 100%;
	margin-top: 1em;
	border-spacing: 0;
}



/* Inhaltsbereich - Uebersicht */

#content_inside, #content_inside h1 {
	margin: 0 10px;
}

#content a:link, #content a:visited {
	color: #f9212e;
	text-decoration: none;
}

#content a:hover {
	text-decoration: underline;
}

#content a:link img, #content a:visited img {
	border-style: none;
}

/* Zusatzspalte */

#rechts {
	width: 20%;
}

.sectionTitle {
	font-size: 1em;
	clear:both;
}

#rechts h2, #leftbox h2{
	background-color: #cfcfcf;
	color: #000;
	font-size: 1em;
	text-align: left;
	margin: 0;
	padding: 0.25em 0.5em;
	font-weight: bold;
}

#rechts div.box, #leftbox div.box{
	border: 1px solid #cfcfcf;
	margin-bottom: 1em;
	padding: 0.4em;
}



#rechts a:link, #rechts a:visited, #leftbox a:link, #rechts a:visited {
	color: #000;
	text-decoration: none;
}

#rechts a:hover, #leftbox  a:hover {
	text-decoration: underline;
}

 #leftbox h2{
  background-color: #ff9900;
  color: #fff;
 }
 #leftbox div.box {
  background-color: #ffeaad;
  border:0px;
  padding: 15px;
}

/* Inhalt */

.sectionTitle, .sectionTitle a:link, .sectionTitle a:visited, #content_inside h1 {
	font-weight: bold;
	font-style: normal;
	padding: 3px 8px;
	margin: 0;
	background-color: #FF9900;
	color: #fff;
        height: 18px;
        font-size: 12px;

}

#content .premium .sectionTitle, #content_inside .premium h1 {
	background-color: #028633;
        height: 18px;
}

#content .service .sectionTitle, #content_inside .service h1 {
	background-color: #6767CD;
        height: 18px;
}

#content .pay .sectionTitle, #content_inside .pay h1 {
	background-color: #336699;
        height: 18px;
}

#content .rechts .sectionTitle, #content_inside .rechts h1 {
	background-color: #CFCFCF;
        height: 18px;
}


#content #editor_inhalt h1 {
	font-size: 1.25em;
	font-weight: bold;
	font-style: normal;
	background-color: #fff;
	color: #000;
	padding: 0px;
	margin-top: 10px;
}

#editor_inhalt h2{
	border-bottom: 1px dotted black;
        padding-bottom: 5px;
}

#editor_inhalt #vorspann {
	margin-top: 1em;
	font-weight: bold;
}

#editor_inhalt .rubrik {
	float: left;
	color: #FF9900;
	text-transform: uppercase;
	font-size: 0.9em;
	font-weight: bold;
	margin-top: 1em;
	letter-spacing: 0.05em;
}

.premium #editor_inhalt .rubrik,
.premium #editor_inhalt .rubrik a:link,
.premium #editor_inhalt .rubrik a:visited {
	color: #028633;
}

.service #editor_inhalt .rubrik,
.service #editor_inhalt .rubrik a:link,
.service #editor_inhalt .rubrik a:visited {
	color: #6767CD;
}

.pay #editor_inhalt .rubrik,
.pay #editor_inhalt .rubrik a:link,
.pay #editor_inhalt .rubrik a:visited {
	color: #336699;
}

.rechts #editor_inhalt .rubrik,
.rechts #editor_inhalt .rubrik a:link,
.rechts #editor_inhalt .rubrik a:visited {
	color: #CFCFCF;
}

#editor_inhalt .rubrik a:link, #editor_inhalt .rubrik a:visited {
	color: #ffa900;
	text-decoration: none;
}

#editor_inhalt .datum {
	font-size: 0.8em;
	text-align: right;
	margin-top: 1em;
	float: right;
}

#editor_inhalt h2 {
	margin: 0.5em 0 0 0;
}

#artikeltext {
	font-size: 1.1em;
	line-height: 145%;
}

#artikeltext td{
	font-size: 9pt;
	line-height: 135%;
        padding: 2px;
}

#editor_inhalt #bild {
	padding-top: 1em;
	float: right;
	margin: 0 0 4px 4px;
}

#editor_inhalt #bild .unterschrift {
	background-color: #ccc;
	padding: 2px 4px;
}

#tablehead{
  height: 16px;
  padding: 2px;
  font-weight: bold;
  font-size: 1.0em;
  color: #ffffff;
}

/* Die Leiste mit zurueck,nach oben usw. */
#leisteUnten table{
  width: 461px;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 2px;
}

#leisteUnten a:link, #leisteUnten a:visited {
	color: #000;
	text-decoration: none;
}

#leisteUnten a:hover {
	text-decoration: underline;
}

#leisteUnten td{
 border: 1px solid #FF9900;
 border-collapse: collapse;
 background-color: #ffeaad;
 text-align: center;
 vertical-align: middle;
}

.premium #leisteUnten td {
	border: 1px solid #028633;
	background-color: #dbf6d7;
}

.service #leisteUnten td {
	border: 1px solid #6767CD;
	background-color: #d7d7ff;
}

.pay #leisteUnten td {
	border: 1px solid #90908e;
	background-color: #ebebeb;
}
	
.rechts #leisteUnten td {
	border: 1px solid #ababab;
	background-color: #CFCFCF;
}
  
div#adbanner_oben{
  padding: 0.7em;
  margin-top: 5px;
	text-align: left;
	padding-bottom: 2px;
	width: 800px;
	text-align: center;
}


div#adbanner_unten, div#adbanner_links, div#adbanner_rechts, div#adbanner_mitte {
	margin: 5px auto;
	text-align: center;
	padding-bottom: 2px;
}

div#adbanner_links, div#adbanner_rechts, div#adbanner_mitte {
	background-color: #fff;
	border: 1px solid #ccc;
}

div.adbanner_label {
	font-size: 0.8em;
	text-align: right;
	background-color: #ccc;
	margin: 0 0 2px 0;
	padding: 2px;
}

#adbanner_oben div.adbanner_label, #adbanner_unten div.adbanner_label {
	display: none;
}

div#adbanner_oben {
 text-align: center;
}


div#adbanner_mitte {
	/*border: 1px solid #000;*/
}

.adbanner_links_single{
  text-align: center;
  margin: 10px 0 10px 0;
}

/* Skyscraper Floater */

#floater{
	position: absolute;
	left: 820px;
	top: 85px;
	visibility: visible;
	width: 114px;
}      
			
/* Faktenkasten */

div#infokasten {
	width: 100%;
}

div#infokasten_tabs {
	display: none;
}

div#infokasten_tabs ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

div#infokasten_tabs li {
	margin-right: 0px;
	padding: 0;
	display: block;
	float: left;
	padding: 4px 6px;
	border: 1px solid #8f8f8f;
	text-align: center;
	position: relative;
	top: 1px;
	background-color: #ededed;
}

div#infokasten_tabs li.selected {
  color: #fff;
	border-color: #ffc300;
	background-color: #ffc300;
  font-weight: bold;
}

div#infokasten_tabs a:link, 
div#infokasten_tabs a:visited {
	text-decoration: none;
	color: #000;
}

div.infokasten_page {
	clear: both;
	border: 1px solid #ffc300;
	height: 80px;
	padding: 5px;
	background-color: #ffffcd;
}

table#weitere_artikel {
    width: 100%;
}

table#weitere_artikel td {
    border-bottom: 1px dotted #000;
}

.bild_copyright {
     font-size: 10px;
     color: #8D8888;
     margin-right: 5px;
     display: block;
     text-align: right;
     }

.bild_description {
     font-size: 11px;
     color: #000000;
     margin: 3px 5px 1px 5px;
     display: block;
     }

#content .pferdelinks {
	height: 20px;
	padding-bottom: 8px;
	padding-left: 5px;
}
#content .pferderechts {
	height: 20px;
	padding-bottom: 8px;
	padding-left: 0px;
}
#content .pferdebutton {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #B00F4C;
}

#content .pferderubrik {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #990033;
	font-weight: bold;
	margin: 3px;
	padding-top: 5px;
	padding-right: 3px;
	padding-bottom: 8px;
	padding-left: 0px;
	clip: rect(auto,auto,auto,auto);
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top: 1px dotted #000;
}

#content .versetzt {
	position: relative;
	top: 3px;
}

#content .pferdeinput {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	height: 18px;
	border: 1px solid #929292;
	text-indent: 2px;
}

#content .pferdebuttongrau {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #FFA900;
	width: 120px;
	height: 20px;
	margin-top: 4px;
	position: relative;
	top: 2px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #929292;
	border-right-color: #929292;
	border-bottom-color: #929292;
	border-left-color: #929292;
}
#content .pferderubrik-links {

	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #990033;
	font-weight: bold;
	margin: 3px;
	padding-top: 5px;
	padding-right: 3px;
	padding-bottom: 8px;
	padding-left: 5px;
	clip: rect(auto,auto,auto,auto);
	border-top: 1px dotted #000;
}
#content .breite-links {
	width: 230px;
}

.boxTeaser{
	border: 1px solid #FF9900;
}

.boxTeaser td{
	padding-top: 9px;
}

div.boxHeaderNews{
	font-weight: bold;
	background-color: #FF9900;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 8px;
	font-size: 1em;
	font-weight: bold;
	font-style: normal;
	color: #fff;
}

.boxTeaser textarea{
margin-left: 9px;
margin-bottom:9px;
}

.boxTeaser input{
margin-bottom: 9px;
}

/*Prospektcenter*/

div.artName {
	width: 100px; 
	float: left;
	padding-top: 3px;
}

div.artInhalt {
	margin-left: 100px;
	padding-top: 3px;
}

div.terminDaten {
	height: 20px;
	border-bottom: 2px solid #ccc;
	width: 275px;
}

div.terminTitel {
	height: 20px;
	background-color: #ccc;
	text-align: center;
	font-weight: bold;
	font-size: 14px;
	margin: 10px 0px;
	padding-top: 5px;
	margin-right: 5px;
}