@charset "utf-8";
/* Einfache fließende Medien
   Hinweis: Für fließende Medien müssen Sie die Attribute 'height' und 'width' des Medium aus dem HTML-Code entfernen
   http://www.alistapart.com/articles/fluid-images/
*/
img, object, embed, video {
        max-width: 100%;
        height:auto;
}
/* IE 6 unterstützt keine maximale Breite, verwenden Sie daher eine Standardbreite von 100% */
.ie6 img {
        width:100%;
        height:auto;
}

/*
        Dreamweaver-Eigenschaften für fließende Raster
        ----------------------------------
        dw-num-cols-mobile:                5;
        dw-num-cols-tablet:                13;
        dw-num-cols-desktop:        13;
        dw-gutter-percentage:        25;

        Idee durch den Artikel "Responsive Web Design" von Ethan Marcotte
        http://www.alistapart.com/articles/responsive-web-design

        und "Golden Grid System" von Joni Korpi
        http://goldengridsystem.com/
*/

/* Layout für Mobilgeräte: 480 px oder weniger. */

.gridContainer {
        margin-left: auto;
        margin-right: auto;
        width: 87.36%;
        padding-left: 1.82%;
        padding-right: 1.82%;
        -moz-box-shadow:1px 1px 20px #292929; /* Firefox */
    -webkit-box-shadow:1px 1px 20px #292929; /* Chrome, Safari */
    -khtml-box-shadow:1px 1px 20px #292929; /* Konqueror */
 box-shadow:1px 1px 20px #292929; /* CSS3 */

}

#logo {
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;
}
#text1 {
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;
}

#text1_link {
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;
}




#text1_reitanlage {
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;
}



#navi {
        clear: both;
        float: left;
        margin-left: 0;
        margin-top: 5px;
        width: 100%;
        display: block;
        margin-bottom: 20px;
}


#info1 {
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;
}

#info1_link {
        clear: both;
        float: left;
        margin-left: 0;
        margin-bottom: 15px;
        width: 100%;
        display: block;
}

#info1_kont {
        clear: both;
        float: left;
        margin-left: 0;
        margin-bottom: 15px;
        width: 100%;
        display: block;
}



#info2 {
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;
}

#info2_link {
        clear: both;
        float: left;
        margin-left: 0;
        margin-bottom:15px;
        width: 100%;
        display: block;
}




#anke1 {
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;
}

#tabfarbe {
        background-color: #f8cd82;
}

#tabfarbe_hell {
        background-color:#f8ecd8;
}



#footer {
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;
        }

#navi ul {
        padding: 0px;
        margin: 0px;
        }





#navi li {
        color: #e19107;
        font-size: 130%;
        display: block;
        list-style-type: none;
        padding-left: 5px;
        margin-bottom: 3px;
        border-bottom: solid #e19107 1px;
        }




#navi a {
        color: #e19107;
    text-decoration:none;
        }





#navi a:hover {
        color: #783e06;
}




#navi a.imp_fdm {
        color:#000000;
        font-size:12px;
        font-weight:bold;

}

#navi a.imp_fdm:hover {
        color:#e19107;
        font-weight:bold;
}

#navi p.logo_fdm_text {
        font-size:12px;
        text-align:left;
}



.imp_fdm {
                margin-left:20px;
}



#home #naviHome a,
#anke #naviAnke a,
#reitanlage #naviReitanlage a,
#pferdepension #naviPferdepension a,
#schulbetrieb #naviSchulbetrieb a,
#schulpferde #naviSchulpferde a,
#termine #naviTermine a,
#stellenangebote #naviStellenangebote a,
#kontakt #naviKontakt a,
#impressum #footer_imp a.navimp,
#links #footer_imp a.links,
#anfahrt #naviAnfahrt a {
        color:#783e06;
        font-weight:bold;
}


#schulbetrieb_preise #naviSchulbetrieb #naviSchulbetrieb_sub a {
    color:#783e06;
        font-size:15px;
        font-weight:bold;
}

#schulbetrieb #naviSchulbetrieb #naviSchulbetrieb_sub a {
        font-size: 15px;
        color: #e19107;
}

#schulbetrieb #naviSchulbetrieb #naviSchulbetrieb_sub a:hover {
        color: #783e06;
}


#termine_reiterfest_rfv_altdorf_20190928 #naviTermine #naviTermine_sub1 a {
    color:#783e06;
        font-size:15px;
        font-weight:bold;
}

#termine_reiterfest_rfv_altdorf_20190928 #naviTermine #naviTermine_sub2 a {
        font-size: 15px;
        color: #e19107;
        font-weight:bold;
}

#termine_reiterfest_rfv_altdorf_20190928 #naviTermine #naviTermine_sub3 a {
        font-size: 15px;
        color: #e19107;
        font-weight:bold;
}

#termine_reiterfest_rfv_altdorf_20190928 #naviTermine #naviTermine_sub4 a {
        font-size: 15px;
        color: #e19107;
        font-weight:bold;
}

#termine_reiterfest_rfv_altdorf_20190928 #naviTermine #naviTermine_sub5 a {
        font-size: 15px;
        color: #e19107;
        font-weight:bold;
}

#termine_reiterfest_rfv_altdorf_20190928 #naviTermine #naviTermine_sub6 a {
        font-size: 15px;
        color: #e19107;
        font-weight:bold;
}

#termine_reiterfest_rfv_altdorf_20190928 #naviTermine #naviTermine_sub2 a:hover {
        color: #783e06;
}

#termine_reiterfest_rfv_altdorf_20190928 #naviTermine #naviTermine_sub3 a:hover {
        color: #783e06;
}

#termine_reiterfest_rfv_altdorf_20190928 #naviTermine #naviTermine_sub4 a:hover {
        color: #783e06;
}

#termine_reiterfest_rfv_altdorf_20190928 #naviTermine #naviTermine_sub5 a:hover {
        color: #783e06;
}

#termine_reiterfest_rfv_altdorf_20190928 #naviTermine #naviTermine_sub6 a:hover {
        color: #783e06;
}

#termine_weihnachtsfeier_20191208 #naviTermine #naviTermine_sub1 a {
        font-size: 15px;
        color: #e19107;
        font-weight:bold;
}

#termine_weihnachtsfeier_20191208 #naviTermine #naviTermine_sub2 a {
    color:#783e06;
        font-size:15px;
        font-weight:bold;
}

#termine_weihnachtsfeier_20191208 #naviTermine #naviTermine_sub3 a {
        font-size: 15px;
        color: #e19107;
        font-weight:bold;
}

#termine_weihnachtsfeier_20191208 #naviTermine #naviTermine_sub4 a {
        font-size: 15px;
        color: #e19107;
        font-weight:bold;
}

#termine_weihnachtsfeier_20191208 #naviTermine #naviTermine_sub5 a {
        font-size: 15px;
        color: #e19107;
        font-weight:bold;
}

#termine_weihnachtsfeier_20191208 #naviTermine #naviTermine_sub6 a {
        font-size: 15px;
        color: #e19107;
        font-weight:bold;
}

#termine_weihnachtsfeier_20191208 #naviTermine #naviTermine_sub1 a:hover {
        color: #783e06;
}

#termine_weihnachtsfeier_20191208 #naviTermine #naviTermine_sub3 a:hover {
        color: #783e06;
}

#termine_weihnachtsfeier_20191208 #naviTermine #naviTermine_sub4 a:hover {
        color: #783e06;
}

#termine_weihnachtsfeier_20191208 #naviTermine #naviTermine_sub5 a:hover {
        color: #783e06;
}

#termine_weihnachtsfeier_20191208 #naviTermine #naviTermine_sub6 a:hover {
        color: #783e06;
}

#termine_neujahrssprung_20200101 #naviTermine #naviTermine_sub1 a {
        font-size: 15px;
        color: #e19107;
        font-weight:bold;
}

#termine_neujahrssprung_20200101 #naviTermine #naviTermine_sub2 a {
        font-size: 15px;
        color: #e19107;
        font-weight:bold;
}

#termine_neujahrssprung_20200101 #naviTermine #naviTermine_sub3 a {
    color:#783e06;
        font-size:15px;
        font-weight:bold;
}

#termine_neujahrssprung_20200101 #naviTermine #naviTermine_sub4 a {
        font-size: 15px;
        color: #e19107;
        font-weight:bold;
}

#termine_neujahrssprung_20200101 #naviTermine #naviTermine_sub5 a {
        font-size: 15px;
        color: #e19107;
        font-weight:bold;
}

#termine_neujahrssprung_20200101 #naviTermine #naviTermine_sub6 a {
        font-size: 15px;
        color: #e19107;
        font-weight:bold;
}

#termine_neujahrssprung_20200101 #naviTermine #naviTermine_sub1 a:hover {
        color: #783e06;
}

#termine_neujahrssprung_20200101 #naviTermine #naviTermine_sub2 a:hover {
        color: #783e06;
}

#termine_neujahrssprung_20200101 #naviTermine #naviTermine_sub4 a:hover {
        color: #783e06;
}

#termine_neujahrssprung_20200101 #naviTermine #naviTermine_sub5 a:hover {
        color: #783e06;
}

#termine_neujahrssprung_20200101 #naviTermine #naviTermine_sub6 a:hover {
        color: #783e06;
}

#termine_springstunde_mimberg_20200806 #naviTermine #naviTermine_sub1 a {
        font-size: 15px;
        color: #e19107;
        font-weight:bold;
}

#termine_springstunde_mimberg_20200806 #naviTermine #naviTermine_sub2 a {
        font-size: 15px;
        color: #e19107;
        font-weight:bold;
}

#termine_springstunde_mimberg_20200806 #naviTermine #naviTermine_sub3 a {
        font-size: 15px;
        color: #e19107;
        font-weight:bold;
}

#termine_springstunde_mimberg_20200806 #naviTermine #naviTermine_sub4 a {
    color:#783e06;
        font-size:15px;
        font-weight:bold;
}

#termine_springstunde_mimberg_20200806 #naviTermine #naviTermine_sub5 a {
        font-size: 15px;
        color: #e19107;
        font-weight:bold;
}

#termine_springstunde_mimberg_20200806 #naviTermine #naviTermine_sub6 a {
        font-size: 15px;
        color: #e19107;
        font-weight:bold;
}

#termine_springstunde_mimberg_20200806 #naviTermine #naviTermine_sub1 a:hover {
        color: #783e06;
}

#termine_springstunde_mimberg_20200806 #naviTermine #naviTermine_sub2 a:hover {
        color: #783e06;
}

#termine_springstunde_mimberg_20200806 #naviTermine #naviTermine_sub3 a:hover {
        color: #783e06;
}

#termine_springstunde_mimberg_20200806 #naviTermine #naviTermine_sub5 a:hover {
        color: #783e06;
}

#termine_springstunde_mimberg_20200806 #naviTermine #naviTermine_sub6 a:hover {
        color: #783e06;
}

#termine_turnier_rfv_berching_20201003 #naviTermine #naviTermine_sub1 a {
        font-size: 15px;
        color: #e19107;
        font-weight:bold;
}

#termine_turnier_rfv_berching_20201003 #naviTermine #naviTermine_sub2 a {
        font-size: 15px;
        color: #e19107;
        font-weight:bold;
}

#termine_turnier_rfv_berching_20201003 #naviTermine #naviTermine_sub3 a {
        font-size: 15px;
        color: #e19107;
        font-weight:bold;
}

#termine_turnier_rfv_berching_20201003 #naviTermine #naviTermine_sub4 a {
        font-size: 15px;
        color: #e19107;
        font-weight:bold;
}

#termine_turnier_rfv_berching_20201003 #naviTermine #naviTermine_sub5 a {
    color:#783e06;
        font-size:15px;
        font-weight:bold;
}

#termine_turnier_rfv_berching_20201003 #naviTermine #naviTermine_sub6 a {
        font-size: 15px;
        color: #e19107;
        font-weight:bold;
}

#termine_turnier_rfv_berching_20201003 #naviTermine #naviTermine_sub1 a:hover {
        color: #783e06;
}

#termine_turnier_rfv_berching_20201003 #naviTermine #naviTermine_sub2 a:hover {
        color: #783e06;
}

#termine_turnier_rfv_berching_20201003 #naviTermine #naviTermine_sub3 a:hover {
        color: #783e06;
}

#termine_turnier_rfv_berching_20201003 #naviTermine #naviTermine_sub4 a:hover {
        color: #783e06;
}

#termine_turnier_rfv_berching_20201003 #naviTermine #naviTermine_sub6 a:hover {
        color: #783e06;
}

#termine_solebox_angebot_20211029 #naviTermine #naviTermine_sub1 a {
        font-size: 15px;
        color: #e19107;
        font-weight:bold;
}

#termine_solebox_angebot_20211029 #naviTermine #naviTermine_sub2 a {
        font-size: 15px;
        color: #e19107;
        font-weight:bold;
}

#termine_solebox_angebot_20211029 #naviTermine #naviTermine_sub3 a {
        font-size: 15px;
        color: #e19107;
        font-weight:bold;
}

#termine_solebox_angebot_20211029 #naviTermine #naviTermine_sub4 a {
        font-size: 15px;
        color: #e19107;
        font-weight:bold;
}

#termine_solebox_angebot_20211029 #naviTermine #naviTermine_sub5 a {
        font-size: 15px;
        color: #e19107;
        font-weight:bold;
}

#termine_solebox_angebot_20211029 #naviTermine #naviTermine_sub6 a {
    color:#783e06;
        font-size:15px;
        font-weight:bold;
}

#termine_solebox_angebot_20211029 #naviTermine #naviTermine_sub1 a:hover {
        color: #783e06;
}

#termine_solebox_angebot_20211029 #naviTermine #naviTermine_sub2 a:hover {
        color: #783e06;
}

#termine_solebox_angebot_20211029 #naviTermine #naviTermine_sub3 a:hover {
        color: #783e06;
}

#termine_solebox_angebot_20211029 #naviTermine #naviTermine_sub4 a:hover {
        color: #783e06;
}

#termine_solebox_angebot_20211029 #naviTermine #naviTermine_sub5 a:hover {
        color: #783e06;
}

#termine #naviTermine #naviTermine_sub a {
        font-size: 15px;
        color: #e19107;
}

#termine #naviTermine #naviTermine_sub a:hover {
        color: #783e06;
}

#text2 {
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;
        }

#text2_schulpf {
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;
        border-bottom: solid #000000 1px;
        padding-top: 15px;
        }

#anlage1 {
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;
        }




#anlage1_img {
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;
        }

#anlage1_img_schulpf {
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;

        border-radius: 0px 0px 0px 0px;
    -moz-border-radius: 0px 0px 0px 0px;
    -webkit-border-radius: 0px 0px 0px 0px;
     border: 2px ridge #fcfcfc;
        -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
      box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);

        }




#anlage2 {
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;
        }

#text3 {
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;
        }

#text3_pension {
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;
        border-bottom: solid #000000 1px;
        }


#anlage3 {
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;
        }

#anlage4 {
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;
        }

#text4 {
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;
        }

#anlage5 {
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;
        }


#text5 {
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;
        }

#text6 {
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;
        }



#infoPreise {
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;
        }

ul.symbol {
        list-style-type:none;
        list-style-image:none;
        line-height:25px;
        }

ul.symbol li {
        background:url(../img/kube_klein_li.png) 0 6px no-repeat;
        padding-left:22px;
}

#space {
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;
}

#footer_imp {
        clear: none;
        float: left;
        width: 46%;
        display: block;
        margin-top: 20px;
        margin-bottom: 20px;
        padding-top: 10px;
        border-top-width: 2px;
        border-top-style: solid;
        border-top-color: #000000;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14px;
        text-align: right;
        padding-right: 10px;
        padding-left: 0px;
}

#footer_imp a {
        text-decoration:none;
        color:#e19107;
}

#footer_imp a:hover {
        color:#783e06;
}

#stallordnung {
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;
        margin-top: 20px;
        text-align: center;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-weight: bold;
}

#stallordnung_pension {
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;
        margin-top: 20px;
        text-align: center;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 13px;
        font-weight: bold;
}




#maps {
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;
    position: relative;
        padding-bottom: 56%;
        height: 0;
        overflow: hidden;

}

#azubi {
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;
}

#petra {
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;
}

#text6 {
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;
}

#anlage5 {
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;
        }
}

/* Layout für Tablet-PCs: 481 bis 768 px. Erbt Stile vom: Layout für Mobilgeräte. */

@media only screen and (min-width: 481px) {
.gridContainer {
        width: 91.5692%;
        padding-left: 0.7153%;
        padding-right: 0.7153%;
        -moz-box-shadow:1px 1px 20px #292929; /* Firefox */
    -webkit-box-shadow:1px 1px 20px #292929; /* Chrome, Safari */
    -khtml-box-shadow:1px 1px 20px #292929; /* Konqueror */
 box-shadow:1px 1px 20px #292929; /* CSS3 */
}

#logo {
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;
}
#text1 {
        clear: none;
        float: left;
        margin-left: 1.5625%;
        width: 76.5625%;
        display: block;
}

#text1_link {
        clear: none;
        float: left;
        margin-left: 1.5625%;
        width: 76.5625%;
        display: block;
}




#text1_reitanlage {
        clear: none;
        float: left;
        margin-left: 1.5625%;
        width: 76.5625%;
        display: block;
}

#navi {
        clear: both;
        float: left;
        margin-left: 0;
        margin-top: 5px;
        width: 21.875%;
        display: block;
}


#schulbetrieb_preise #naviSchulbetrieb #naviSchulbetrieb_sub a {
    color:#783e06;
        font-size:11px;
        font-weight:bold;
}

#schulbetrieb #naviSchulbetrieb #naviSchulbetrieb_sub a {
        font-size: 11px;
        color: #e19107;
}


#info1 {
        clear: both;
        float: left;
        margin-left: 0;
        width: 48%;
        display: block;
}

#info1_link {
        clear: both;
        float: left;
        margin-left: 0;
        width: 48%;
        display: block;
}

#info1_kont {
        clear: both;
        float: left;
        margin-left: 0;
        width: 20%;
        display: block;
}


#info2 {
        clear: none;
        float: left;
        margin-left: 1.5625%;
        width: 48%;
        display: block;
}

#info2_link {
        clear: none;
        float: left;
        margin-left: 1.5625%;
        width: 48%;
        display: block;
}

#info2_kont {
        clear: none;
        float: left;
        margin-left: 1.5625%;
        width: 60%;
        display: block;
}


#info2_link_gehr {
        clear: none;
        float: left;
        margin-left: 1.5625%;
        padding-left:3px;
        padding-top:20px;
        width: 48%;
        display: block;
}



#anke1 {
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;
}

#footer {
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;
        }

#navi ul {
        height: 30px;
}



#navi li {
        color: #e19107;
        font-size: 90%;
        display: block;
        list-style-type: none;
        padding-left: 5px;
        margin-bottom: 3px;
        border-bottom: solid #e19107 1px;
        }



#navi a.imp_fdm {
        color:#000000;
        font-size:10px;
        font-weight:bold;
}



#navi p.logo_fdm_text {
        font-size:12px;
        }


#text2 {
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;
        }

#test1 {
        clear: both;
        float: left;
        margin-left: 0;
        width: 37.5%;
        display: block;
        }

#test2 {
        clear: none;
        float: left;
        margin-left: 1.5625%;
        width: 37.5%;
        display: block;
        }

#anlage1 {
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;
        }

#anlage2 {
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;
        }

#text3 {
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;
        }

#anlage3 {
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;
        }

#anlage4 {
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;
        }

#text4 {
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;
        }

#text5 {
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;
        }

#infoPreise {
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;
        }

ul.symbol {
        list-style-type:none;
        list-style-image:none;
        line-height:25px;
        }

ul.symbol li {
        background:url(../img/kube_klein_li.png) 0 6px no-repeat;
        padding-left:22px;
}

#space {
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;
}

#footer_imp {
        clear: none;
        float: left;
        width: 48%;
        display: block;
        margin-top: 20px;
        margin-bottom: 20px;
        padding-top: 10px;
        border-top-width: 2px;
        border-top-style: solid;
        border-top-color: #000000;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14px;
        text-align: right;
        padding-right: 10px;
        padding-left: 0px;
}



#stallordnung {
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;
        margin-top: 430px;
        text-align: center;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-weight: bold;
}

#stallordnung_pension {
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;
        margin-top: 410px;
        text-align: center;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 13px;
        font-weight: bold;
}





#maps {
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;
    position: relative;
        padding-bottom: 56%;
        height: 0;
        overflow: hidden;

}

#azubi {
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;
}

#petra {
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;
}

#text6 {
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;
}

#anlage5 {
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;
}



}

/* Desktoplayout: 769 bis maximal 1232 px.  Erbt Stile von: den Layouts für Mobilgeräte und Tablet-PCs. */

@media only screen and (min-width: 769px) {
.gridContainer {
        width: 88.6153%;
        max-width: 1232px;
        padding-left: 0.6923%;
        padding-right: 0.6923%;
        margin: auto;
        -moz-box-shadow:1px 1px 20px #292929; /* Firefox */
-webkit-box-shadow:1px 1px 20px #292929; /* Chrome, Safari */
-khtml-box-shadow:1px 1px 20px #292929; /* Konqueror */
 box-shadow:1px 1px 20px #292929; /* CSS3 */
}

#logo {
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;
}
#text1 {
        clear: none;
        float: left;
        margin-left: 7%;
        width: 60%;
        display: block;
        margin-top: 20px;
}

#text1_link {
        clear: none;
        float: left;
        margin-left: 3%;
        width: 75%;
        display: block;
        margin-top: 20px;
}



#text1_reitanlage {
        clear: none;
        float: left;
        margin-left: 7%;
        width: 50%;
        display: block;
        margin-top: 20px;
}



#navi {
        clear: both;
        float: left;
        margin-left: 0;
        margin-top: 20px;
        width: 21.875%;
        display: block;
}


#info1 {
        clear: both;
        float: left;
        margin-left: 0;
        width: 48%;
        display: block;
}

#info1_link {
        clear: both;
        float: left;
        margin-left: 0;
        width: 48%;
        display: block;
}

#info1_kont {
        clear: both;
        float: left;
        margin-left: 0;
        width: 20%;
        display: block;
}




#info2 {
        clear: none;
        float: left;
        margin-left: 1.5625%;
        width: 48%;
        display: block;
}

#info2_link {
        clear: none;
        float: left;
        margin-left: 1.5625%;
        width: 48%;
        display: block;
        padding-left: 3px;
}

#info2_kont {
        clear: none;
        float: left;
        margin-left: 1.5625%;
        width: 60%;
        display: block;
        padding-left: 3px;
}


#info2_link_gehr {
        clear: none;
        float: left;
        margin-left: 1.5625%;
        width: 48%;
        display: block;
        padding-left: 3px;
        padding-top:20px;
}




#anke1 {
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;
        height: auto;
}


#footer {
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;
        }

#navi ul {
        height: 30px;
}



#navi li {
        color: #e19107;
        font-size: 130%;
        display: block;
        list-style-type: none;
        border-bottom: solid #e19107 1px;
        padding-left:5px;
        padding-top:10px;
        padding: 10px;
        margin-bottom:10px;
}



#navi a {
        color: #e19107;
    text-decoration:none;
        display:block;
}

#navi a:hover {
        color: #783e06;
}



#navi a.imp_fdm {
        color:#000000;
        font-size:13px;
        font-weight:bold;
}


#schulbetrieb_preise #naviSchulbetrieb #naviSchulbetrieb_sub a {
    color:#783e06;
        font-size:15px;
        font-weight:bold;
}



#schulbetrieb #naviSchulbetrieb #naviSchulbetrieb_sub a {
        font-size: 15px;
        color: #e19107;
}


#text2 {
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;
}

#text2_team {
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;
        border-bottom: solid #000000 1px;
        }


#anlage1 {
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;
        }

#anlage2 {
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;
        }

#text3 {
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;
        }

#anlage3 {
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;
        }

#anlage4 {
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;
        }

#text4 {
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;
}

#text4_team {
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;
        border-bottom: solid #000000 1px;
        }



#text5 {
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;
        }





#infoPreise {
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;
        }


ul.symbol {
        list-style-type:none;
        list-style-image:none;
        line-height:25px;
        }

ul.symbol li {
        background:url(../img/kube_li.png) 0 4px no-repeat;
        padding-left:22px;
}

#footer_imp {
        clear: none;
        float: left;
        width: 48%;
        display: block;
        margin-top: 20px;
        margin-bottom: 20px;
        padding-top: 4px;
        border-top-width: 2px;
        border-top-style: solid;
        border-top-color: #000000;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14px;
        text-align: right;
        padding-right: 10px;
        padding-left: 0px;
}


#textboxKontakt {
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 16px;
        line-height: 1.5;
}


#stallordnung {
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;
        margin-top: 500px;
        text-align: center;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 13px;
        font-weight: bold;
}

#stallordnung_pension {
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;
        margin-top: 480px;
        text-align: center;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 13px;
        font-weight: bold;
}


#maps {
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;
    position: relative;
        padding-bottom: 56%;
        height: 0;
        overflow: hidden;

}

#azubi {
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;
}

#petra {
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;
}

#text6 {
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;
}







}