/*-------------------------
		Sub-Navigations
---------------------------*/

.sub-navigation {
    background: #FBB03B url(../images/sub-nav/bg_sub.png) repeat-x 0 0;
    padding: 0 20px;
    height: 40px;
    /*
	 * all about fonttype (Schrift [-Decoration, -… ,-Farbe], Textschatten und Zeilenhöhe): 03-typografie.css
	 */
}

.sub-nav {
    margin-top: 8px;
}

.sub-nav li {
    display: inline;
    margin: 0px!important;
    padding: 0px!important;
    text-align: left;
}

.sub-nav li a {
    display: block;
    float: left;
    padding-left: 25px;
    opacity: 0.6;
    color: #1a1a1a;
}

.sub-nav li a span {
    background: url(../images/sub-nav/separator.png) no-repeat right center;
    display: block;
    float: left;
    color: #1a1a1a;
    opacity: 0.6;
}

.sub-nav li a:hover,
.sub-nav li a:hover span,
.sub-nav li a span:hover {
    opacity: 0.9;
}

.sub-nav li:last-child a span {
    background: none;
}

.sub-nav li.preise a {
    background: url(../images/sub-nav/preise.png) no-repeat left center;
    width: 99px;
}

.sub-nav li a.active,
.sub-nav li a.active span {
    opacity: 1;
    /*
	 * all about fonttype (Schrift [-Decoration, -… ,-Farbe], Textschatten und Zeilenhöhe): 03-typografie.css
	 */
}

.sub-nav li.preise a span {
    width: 74px;
}

.sub-nav li.anfragen a {
    background: url(../images/sub-nav/anfragen.png) no-repeat left center;
    width: 103px;
}

.sub-nav li.anfragen a span {
    width: 88px;
}

.sub-nav li.karte a {
    background: url(../images/sub-nav/karte.png) no-repeat left center;
    width: 70px
}

.sub-nav li.karte a span {
    width: 55px
}

.sub-nav li.belegung a {
    background: url(../images/sub-nav/belegung.png) no-repeat left center;
    width: 99px
}

.sub-nav li.belegung a span {
    width: 85px
}

.sub-nav li.bewertung a {
    background: url(../images/sub-nav/bewertungen.png) no-repeat left center;
    width: 116px
}

.sub-nav li.bewertung a span {
    width: 91px
}

.sub-nav li.fluege a {
    background: url(../images/sub-nav/fluege.png) no-repeat left center;
    width: 71px
}

.sub-nav li.fluege a span {
    width: 55px
}

.sub-nav li.mietwagen a {
    background: url(../images/sub-nav/mietwagen.png) no-repeat left center;
    width: 102px;
}

.sub-nav li.mietwagen a span {
    width: 90px;
}

.sub-nav li.back_top a {
    background: url(../images/sub-nav/top.png) no-repeat left center;
    width: 83px;
    opacity: 1!important;
}

.sub-nav li.back_top a span {
    opacity: 1!important;
}


/* Info-Box Objektseite */

.top-nav {
    padding-left: 12px;
}

.top-nav li {
    display: block;
    margin: 0px!important;
    padding: 0px!important;
    text-align: left;
    background: none!important;
}

.top-nav li a {
    display: block;
    padding-left: 25px;
    height: 24px;
    margin: 5px 0;
    /*
	 * all about fonttype (Schrift [-Decoration, -… ,-Farbe], Textschatten und Zeilenhöhe): 03-typografie.css
	 */
}

.top-nav li a span {
    display: block;
    /*
	 * all about fonttype (Schrift [-Decoration, -… ,-Farbe], Textschatten und Zeilenhöhe): 03-typografie.css
	 */
}

.top-nav li a:hover,
.top-nav li a:hover span,
.top-nav li a span:hover {
    opacity: 0.9;
}

.top-nav li:last-child a span {
    background: none;
}

.top-nav li.preise a {
    background: url(../images/sub-nav/preise.png) no-repeat left center;
}

.top-nav li a.active,
.top-nav li a.active span {
    opacity: 1;
    /*
	 * all about fonttype (Schrift [-Decoration, -… ,-Farbe], Textschatten und Zeilenhöhe): 03-typografie.css
	 */
}

.top-nav li.preise a span {}

.top-nav li.anfragen a {
    background: url(../images/sub-nav/anfragen.png) no-repeat left center;
}

.top-nav li.anfragen a span {}

.top-nav li.karte a {
    background: url(../images/sub-nav/karte.png) no-repeat left center;
}

.top-nav li.karte a span {}

.top-nav li.belegung a {
    background: url(../images/sub-nav/belegung.png) no-repeat left center;
}

.top-nav li.belegung a span {}

.top-nav li.bewertung a {
    background: url(../images/sub-nav/bewertungen.png) no-repeat left center;
}

.top-nav li.bewertung a span {}

.top-nav li.fluege a {
    background: url(../images/sub-nav/fluege.png) no-repeat left center;
}

.top-nav li.fluege a span {}

.top-nav li.mietwagen a {
    background: url(../images/sub-nav/mietwagen.png) no-repeat left center;
}

#info-box {
    background: url("../images/sub-nav/bg_suchfilter.png") repeat-x scroll 0 0 #FEF4CD;
    border: 1px solid #FC8700;
}