@charset "utf-8";
/* CSS Document */

/****** Schriftarten ******
    Banner, Links     Arial, Helvetica, sans-serif
*/



/****** Farben ******

    grün            #018B4E
    grau            #808080
    hell grau       #EBEBEB
    
    *Reserven
    leichtes Grün   #BED6C4
    helles Grün     #6CB283
*/



html, body, div, p, h1, h2, h3, h4, h5, img {
    border: medium none;
    margin: 0;
    padding: 0;
}

body#liveBody {
    background: url("img/hg.png") repeat-x #FFFFFF;
    color: #222222;
    font-family: Arial,Helvetica,FreeSans,sans-serif;
    font-size: 13px;
    line-height: 20px;
    margin-bottom: 15px;
}

a:link, a:visited {
    color: #018B4E;
    text-decoration: none;
}

a:hover {
    color: #222222;
}

a:active {
    color: #018B4E;
    text-decoration: none;
}

hr {
    border-color: #CCCCCC;
    border-image: none;
    border-style: dotted;
    border-width: 0 0 2px;
    clear: both;
    margin-bottom: 20px;
    margin-top: 20px;
}

h1 {
    font-size: 24px;
    margin-bottom: 10px;
}

h2 {
    font-size: 18px;
    margin-bottom: 10px;
}

h3 {
    font-size: 16px;
    margin-bottom: 10px;
}

#content ul li {
    margin: 6px 0 0 2px;
    padding: 0 0 0 14px;
}

#wrapper {
    margin: 0 auto;
    position: relative;
    width: 1000px;
}


/****** Header Designs ******/

header {
    background: url("img/head.png") no-repeat scroll center 45px transparent;
    
    height: 350px;
    overflow: hidden;
    position: absolute;
    width: 1000px;
    z-index: 1;
}

header img {
  height: 225px;
  width: 920px;
}

div#counter {
    float: right;
    background-color: white;
    border-color: #999;
    border-radius: 0 0 5px 5px;
    border-width: 0 2px 2px 2px;
    border-style: solid;
    padding: 5px;
}

/****** Navigation Designs ******/

nav {
    padding-left: 50px;
    position: absolute;
    top: 300px;
    z-index: 100;
}

ul.nav-one {
    position: relative;
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(8, 1fr);
}

ul.nav-one li {
    display: inline;
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
}

ul.nav-one li a {
    background: rgb(52,64,76);
    background: linear-gradient(0deg, rgba(39,51,63,1), rgba(52,64,76,1) 0% 100%);
    border-right: 1px solid #FFFFFF;
    color: #018B4E;
    display: block;
    font-size: 15px;
    line-height: 30px;
    text-align: center;
    width: 112px;
    
    float: left;
    height: 30px;
    padding-top: 1px;
    padding-bottom: 1px;
    text-decoration: none;
    font-weight: bold;
}

ul.nav-one li a:hover, ul.nav-one li a.active, ul.nav-one li.pretty-hover a {
    background: none repeat scroll 0 0 #018B4E;
    color:#FFFFFF;
}

ul.nav-two {
    display: none;
    margin: 0;
    padding: 0;
}

ul.nav-two li {
    clear: left;
}

ul.nav-two li a {
    background: url("img/navi-hg.jpg") repeat-x scroll center center transparent;
    border-right: medium none;
    color: #018B4E;
    text-align: center;
}

ul.nav-two li a:hover {
    background: none repeat scroll 0 0 #018B4E;
    color:#FFFFFF;
}


/****** Content Designs ******/

#content {
    left: 0;
    position: absolute;
    top: 380px;
    width: 1000px;
}

#content-main {
    float: left;
    padding-left: 42px;
    width: 920px;
    font-size: 15px;
}

#content-main table {
    /* font-size: 13px; */
    font-size: 15px;
}

/****** dynamic Content Designs ******/

.page_titel
{
    margin-bottom: 1em;
    padding-left: 2em;
    text-decoration: underline;
    font-size: 24px;
    font-weight: bold;
    color: #018B4E;
}

/****** HOME ******/

#home
{
  margin: 30px;
  text-align: center;
}

#home_titel
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 36px;
  font-weight: bold;
  color: #018B4E;
  text-shadow: #808080 2px 2px 5px;
  margin-bottom: 50px;
  line-height: 40px;
}

#home_text
{
  font-size: 24px;
  line-height: 30px;
}

/****** Footer Designs ******/

footer {
    background-image: url("img/footer.png");
    background-position: center top;
    background-repeat: no-repeat;
    float: left;
    margin: 10px 0 0 12px;
    padding: 10px 0 20px;
    width: 940px;
}

footer .footer-menu {
    color: #666666;
    font-size: 12px;
    padding-left: 10px;
}

footer .footer-menu a {
    color: #666666;
}

footer #copyright {
    text-align: center;
    width: 940px;
    color: #0D5F13;
    font-size: 11px;
}









/****** AKTUELLES ******/

.aktuelles
{
    border: 2px solid #018B4E;
    margin-bottom:  1em;
    padding: 0.7em;
    width: 900px;
}

.aktuelles_titel
{
    text-align: left;
    font-size: 18px;
    font-weight: bold;
    text-decoration: underline;
    padding-bottom: 10px;
}

.aktuelles_datum
{
    text-align: right;
    width: 150px;
}

.aktuelles_img_td
{
    width: 300px;
}

.aktuelles_img
{
    padding-right: 20px;
    width: 300px;
}

.aktuelles_text
{
    text-align: justify;
}



/****** VOLTIGIEREN ******/

.voltigieren
{
}


.voltigieren_titel
{
    color: #018B4E;
    font-weight: bold;
    padding-bottom: 10px;
}

.voltigieren_img
{
    padding-right: 10px;
}

.voltigieren_text tr
{
    padding-bottom: 20px;
}

.gruppen_table
{
    vertical-align: top;
}

.gruppen_titel
{
    color: #018B4E;
    text-decoration: underline;
    padding-top: 20px;
    padding-bottom: 5px;
}

.gruppen_img_td
{
}

.gruppen_tr
{
}

.gruppen_type
{
    padding-bottom: 10px;
    vertical-align: top;
}

.gruppen_seperator
{
    vertical-align: top;
    padding-left: 5px;
    padding-right: 10px;
}

.gruppen_data
{
    vertical-align: top;
    padding-bottom: 10px;
}



/****** REITEN ******/

.reiten
{
    padding: 0.7em;
    width: 900px;
}

.reiten_titel
{
    text-align: left;
    font-size: 18px;
    font-weight: bold;
    padding-right: 15px;
}

.reiten_titel_rechts
{
    text-align: right;
    font-size: 18px;
    font-weight: bold;
    padding-left: 15px;
}

.reiten_datum
{
    text-align: right;
    width: 150px;
}

.reiten_img_td
{
    width: 300px;
}

.reiten_img
{
    padding-right: 20px;
    width: 300px;
}

.reiten_text
{
    text-align: justify;
}



/****** PFERDE ******/

.pferde
{
}

.pferde_titel
{
    text-align: left;
    font-size: 18px;
    font-weight: bold;
    text-decoration: underline;
    padding-bottom: 10px;
}

.pferde_img_td
{
}

.pferde_img
{
    width: 350px;
    margin-right: 20px;
}

.pferde_text
{

}

.pferde_cat
{
    vertical-align: top;
    padding-right: 4px;
    padding-bottom: 10px;
}

.pferde_data
{
    vertical-align: top;
    padding-left: 10px;
}

.pferde_seperator
{
    vertical-align: top;
}



/****** TRAINER ******/

.trainer td
{
    padding: 5px;
}

.trainer_titel
{
    font-weight: bold;
}

.trainer_tr
{
}



/****** VORSTAND ******/

.vorstand
{
    width: 815px;
}

.vorstand_main
{
}

.vorstand_titel
{
    width: 250px;
    margin-bottom: 10px;
    font-weight: bold;
    color: #018B4E;
}

.vorstand_text
{
/*    vertical-align: top;*/
    padding-left: 150px;
    width: 250px;
}

.vorstand_img_td
{
    width: 400px;
}

.vorstand_img
{
/*    border: 5px black solid;*/
    border: 5px #018E4B solid;
}



/****** GALERIE ******/

.galerie
{
}

.galerie_titel
{
    font-weight: bold;
}



/****** JUGENDTEAM ******/



/****** KALENDER ******/

.kalender
{
    border-spacing: 20px 0px;
}

.kalender_year
{
    margin-top: 40px;
    font-size: 32px;
    font-weight: bold;
}

.kalender_month
{
    padding-top: 30px;
    font-size: 18px;
    color: #018B4E;
    font-weight: bold;
    width: 100px;
}

.kalender_daily
{
    padding-bottom: 2px;
    padding-top: 2px;
}

.kalender_day
{
    vertical-align: top;
    width: 60px;
    font-weight: bold;
    padding-bottom: 10px;
/*    background-color: #EBEBEB;*/
}

.kalender_entry_event
{
    vertical-align: top;
    width: 400px;
}

.kalender_entry_result
{
    vertical-align: top;
    width: 250px;
}



/****** ARCHIV ******/
.archiv
{
    margin-bottom: 20px;
}

.archiv_titel
{
    font-weight: bold;
    color: #018B4E;
}

.archiv_main
{
}

.archiv_text
{
}



/****** INTERN ******/

#form_table {
    margin: 0px auto;
}



/****** PREISE ******/

#aufnahme
{
    font-weight: bold;
    margin-left: 25px;
}

.preise
{
}

#preise_special
{
    color: #018B4E;
    font-size: 18px;
    font-weight: bold;
    padding-top: 20px;
}

.preise_text
{
    margin-top: 10px;
    font-size: 10px;
}

.kosten
{
    margin-bottom: 30px;
}

.kosten_titel
{
    padding-top: 30px;
    color: #018B4E;
    font-weight: bold;
}

.kosten_text
{
    padding-top: 10px;
    padding-right: 75px;
    vertical-align: bottom;
}

.kosten_einheit
{
    vertical-align: bottom;
}

.kosten_euro
{
    padding-left: 50px;
    padding-right: 10px;
    vertical-align: bottom;
}

.kosten_wert
{
    text-align: right;
    vertical-align: bottom;
}



/****** SERVICE ******/

#externes
{
    margin-top: 50px;
}

#externes_title
{
    color: #018B4E;
    font-weight: bold;
    font-size: 20px;
    padding-bottom: 20px;
}

.externes_name
{
    padding-top: 20px;
}



/****** KONTAKT ******/

input, textarea
{
    border: 1px solid black;
}

.errorDlg {
    border: 2px solid red;
    background-color: #F55;
}

/****** IMPRESSUM ******/

.impressum_titel
{
    font-weight: bold;
}

.list
{
    padding: 20px;
}

.hpt_img {
    text-align: center;
}