html{
    height: 100%;
}

body{
    height: 100%;
    overflow-y: scroll;
}

.wrapper{
    min-height: 100%;
}

img.bg {
    /* Set rules to fill background */
    min-height: 100%;
    min-height: 1024px;
    min-width: 1536px;

    /* Set up proportionate scaling */
    width: 100%;
    height: auto;

    /* Set up positioning */
    position: fixed;
    top: 0;
    left: 0;
}

@media screen and (max-width: 1024px) { /* Specific to this particular image */
    img.bg {
        left: 50%;
        margin-left: -512px;
    }
}

html {
    min-width: 1000px;
}

body, td {
    font-family: Verdana,arial,Helvetica,sans-serif;
    font-size: 12px;
    line-height: 150%;
    color: #000000;
}

body {
    background: #ECECEC;
    margin: 0;
    padding: 0;
}
body.cmspage {
    background: #FFFFFF;
    padding: 20px;
    height: auto;
}

a, .link {
    font-weight: bold;
    text-decoration: none;
}

.link {
    cursor: pointer;
}

a:hover, .link:hover {
    text-decoration: underline;
}

a.gallery {
    color: black;
    font-weight: normal;
    text-decoration: none;
}

a.gallery:hover {
    color: black;
    text-decoration: none;
}

a.rand{
    display: block;
    padding-top: 5px;
    padding-bottom: 5px;
}

h1 {
    font-size: 18px;
    font-weight: bold;
    margin: 0px 0px 15px 0px;
}

h2 {
    font-size: 14px;
    font-weight: bold;
    margin: 0px 0px 10px 0px;
}

h3 {
    font-size: 14px;
    font-weight: normal;
    margin: 0px 0px 10px 0px;
}

p {
    margin: 0;
    line-height: 20px;
}

img {
    border: none;
}

img.mitte {
    border: none;
    vertical-align: middle;
}

td.wertr {
    padding-right: 10px;
    text-align: right;
}
td.wertl {
    padding-left: 10px;
    text-align: left;
}

td.logo {
    background-color: #FFFFFF;
}

td.logo img {
    margin-top: 18px;
}

form {
    margin: 0;
    padding: 0;
}

input {
    font-family: Verdana,arial,Helvetica,sans-serif;
    font-size: 11px;
}

.hidden {
    display: none;
}

#wrapper{
    position: relative;
    width: 1010px;
    margin-right: auto;
    margin-left: auto;
    text-align: left;
    background: #ffffff;
    min-height: 100%;
}

#container{
    position: relative;
    width: 1010px;
    
}

#Header {
    position: relative;
    width: 1010px;
    height: 120px;
}

#BildOben {
}

#Sprachen {
    position: absolute;
    top: 0px;
    right: 220px;
    z-index: 92;
    padding: 14px 8px;
    background: url(../img/layout/bg_lang.png);
}

#Sprachen div {
    padding: 8px 5px;
}

#Login {
    position: absolute;
    top: 12px;
    left: 792px;
    z-index: 92;
}

#Login div {
    margin-top: 5px;
    margin-left: 5px;
}

#Login input {
    border: 1px solid;
    margin-bottom: 3px;
    padding: 1px 3px;
}

/*------------------- Navigation -----------------------*/
#main-nav{
    border-top: 1px solid #ffffff;
}
#main-nav a {
    display: block;
    color: #ffffff;
    background: #55A7F8;
    padding: 0px 10px;
    height: 35px;
    line-height: 35px;
}
#main-nav a:hover{
    background: #E3F1FF;
    color: #87BEF5;
    text-decoration: none;
}

#main-nav{
    overflow: visible;
    height: 35px;
    background: #55A7F8;
    margin-bottom: 20px;
}

/* Stufe 1 */
#main-nav ol{
    list-style: none;
    padding: 0px;
    margin: 0px;
}

#main-nav li{
    font-size: 14px;
    float: left;
    border-right: 1px solid #ffffff;
}

/* Stufe 2 */
#main-nav li ol{
    position: absolute;
    z-index: 10;
    display: none;
}

#main-nav li:hover > ol {
    display: block;
}

#main-nav li ol li{
    float: none;
    border-right: none;
    position: relative;
}

#main-nav li ol li a{
    width: 170px;
    height: auto;
}

/* Stufe 3 */
#main-nav li ol li ol{
    position: absolute;
    display: none;
    left: 170px;
    top: 0px;
}

#main-nav li ol li:hover{
    display: block;
}


#main-nav li ol li ol li a{
    font-size: 12px;
}


#Navigation {
    width: 160px;
    overflow: hidden;
    z-index: 90;
    float: left;
    margin-left: 20px;
}

#Navigation a {
    color: #000000;
    display: block;
    width: 160px;
    padding-left: 30px;
    margin-top: 15px;
    line-height: 20px;
}

#Navigation a.home {
    background: url(../img/nav/home_kl.gif) 0px 0px no-repeat;
}

#Navigation a.trails{
    background: url(../img/nav/trails_kl.gif) 0px 0px no-repeat;
}

#Navigation a.plaisir {
    background: url(../img/nav/trails_kl.gif) 0px 0px no-repeat;
}

#Navigation a.touren{
    background: url(../img/nav/touren_kl.gif) 0px 0px no-repeat;
}

#Navigation a.events {
    background: url(../img/nav/events_kl.gif) 0px 0px no-repeat;
}

#Navigation a.bilder {
    background: url(../img/nav/bilder_kl.gif) 0px 0px no-repeat;
}

#Navigation a.news {
    background: url(../img/nav/news_kl.gif) 0px 0px no-repeat;
}

#Navigation a.partner {
    background: url(../img/nav/partner_kl.gif) 0px 0px no-repeat;
}

#Navigation a.kontakt {
    background: url(../img/nav/kontakt_kl.gif) 0px 0px no-repeat;
}

#Navigation a.shop {
    background: url(../img/nav/shop_kl.gif) 0px 0px no-repeat;
}

#Navigation a.facebook {
    background: url(../img/nav/facebook.gif) 0px 2px no-repeat;
    width: 160px;
    line-height: 12px;
    padding-top: 0px;
    padding-bottom: 0px;
}

#Navigation a:hover {
    color: #000000;
    text-decoration: none;
    background-color: #FFFFFF;
}

#Navigation a.act {
    background-color: #FFFFFF;
}

.SubNav {
    width: 160px;
    overflow: hidden;
    z-index: 95;
}

.SubNav a {
    display: block;
    width: 160px;
    color: #000000;
    line-height: 20px;
    padding-left: 10px;
}

.SubNav a:hover {
    color: #000000;
    text-decoration: none;
    background-color: #FFFFFF;
}

.SubNav a.act {
    background-color: #FFFFFF;
}

#FeatureBox {
    overflow: hidden;
    width: 210px;
    margin-bottom: 20px;
    z-index: 80;
    float: right;
    margin-right: 10px;
}

div.BoxTitle {
    font-weight: bold;
    font-size: 12px;
    padding: 5px 0px 5px 11px;
    z-index: 81;
}
div.BoxText {
    overflow: hidden;
    padding: 7px 10px 10px 10px;
    margin-bottom: 25px;
    line-height: 17px;
    z-index: 82;
}

div#Content {
    width: 750px;
    z-index: 93;
    float: left;
    margin-left: 20px;
}

div.Kontext {
    position: absolute;
    width: 170px;
    z-index: 94;
}

div.Kontext div.kont_title {
    font-weight: bold;
    padding: 1px 0px 0px 7px;
}

div.Kontext div.kont_text {
    padding: 3px 0px 3px 5px;
}

div.pnbar {
    font-size: 10px;
    text-align: center;
    margin: 10px 0px 10px 0px;
}

div.pnbar a {
    text-decoration: none;
    padding: 5px;
}

div.pnbar a:hover {
    text-decoration: none;
    color: #000000;
}

div.pnbar a.inaktiv {
    color: #BBBBBB;
}

div.pnbar a.aktuell {
    color: #000000;
}

table.traillist tr.even td a, table.traillist tr.odd td a {
    font-weight: normal;
}

table.traillist tr.even {
    background-color: #EEEEEE;
}

table.traillist tr.odd {
    background-color: #FFFFFF;
}

table.nopointer tr.even:hover, table.nopointer tr.odd:hover {
    curstable.nopointeror: default;
}

table.traillist tr.even:hover, table.traillist tr.odd:hover{

}

table.traillist tr.titel td, table.traillist {
    border-bottom: 1px solid #000000;
}

table.traillist tr.titel a.sort {
    display: block;
    padding: 5px 0px 5px 0px;
    text-decoration: none;
}

.sort_a{
    background: url('../img/list/a.gif') no-repeat 5px 5px;
}

.sort_d{
    background: url('../img/list/d.gif') no-repeat 5px 5px;
}

table.traildet tr {
    height: 25px;
}

table.traildetail tr {
    height: 25px;
}

table.traildetail tr td {
    padding-top: 5px;
    padding-bottom: 5px;
    vertical-align: top;
    border-bottom: 1px solid #b7b7c6;
    font-family: Verdana,arial,Helvetica,sans-serif;
    font-size: 12px;
    
    color: #000000;
    text-align: left;
}

table.traildetail tr td.titel {
    padding-top: 10px;
    font-size: 14px;
}

.red {
    color: #FF0000;
}

.lbg {
    padding: 0px 3px 0px 3px;
}

.nomargin {
    margin: 0;
    padding: 0;
}

@media screen {
    .dontshow {
        display: none;
    }
}

@media print {
    .dontprint {
        display: none;
    }
}

select.lang {
    width: 100px;
}

select.kurz {
    width: 70px;
}

input.lang {
    width: 250px;
}

.formeingabe {
    width: 180px;
}

.formeingaber {
    width: 180px;
    color: white;
    background-color: red;
    font-weight: bold;
}

.formeingabe, .formeingabes, .formeingabeb, .formeingaber {
    font-family: arial, Helvetica, sans-serif;
    font-size: 12px;
    border-left: medium none #FFFFFF;
    border-right: medium none #FFFFFF;
    border-top: medium none #FFFFFF;
    border-bottom: 1px solid #000000;
}

.formtext { 
    width: 360px;
    height: 270px;
    font-family: arial, Helvetica, sans-serif;
    font-size: 12px;
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
}

.news td{
    border-bottom: 1px solid #E4E4E4;
}



.sponsoren {
    padding-top: 40px;
}

.add_bottom {

}

.sponsoren fieldset, .add_bottom fieldset {
    border: none;
    border-top: 1px solid #B7B7C6;
    margin: 0px;
    font-size: 12px;
}

.sponsoren legend, .add_bottom legend {
    margin: 0px;
    padding-bottom: 5px;
    margin-left: -8px;
    color: #aaaaaa;
}

.sponsoren a.margin_right {
    margin-right: 30px;
}
.sponsoren a img{
    padding-bottom: 30px;
}

td.anbieter_logo {
    text-align: center;
    height: 60px;
}

td.anbieter_logo img {
    max-height: 50px;
}

#Karte{
    float: left;
    width: 404px;
}
#KartenText{
    float: right;
    width: 150px;
    margin-top: 40px;
    font-size: 12px;
    line-height: 16px;
    text-align: right;
}

/* TYPO3 Styles */

p.bodytext{
    line-height: 150%;
}

.align-right{
    text-align: right;
}


/* default styles for extension "tx_felogin_pi1" */
.tx-felogin-pi1 label {
    display: block;
}
/* default styles for extension "tx_cssstyledcontent" */
/* Headers */
.csc-header-alignment-center { text-align: center; }
.csc-header-alignment-right { text-align: right; }
.csc-header-alignment-left { text-align: left; }

/* Clear floats after csc-textpic and after csc-textpic-imagerow */
DIV.csc-textpic, DIV.csc-textpic DIV.csc-textpic-imagerow, UL.csc-uploads LI { overflow: hidden; }

/* Set padding for tables */
DIV.csc-textpic .csc-textpic-imagewrap table { border-collapse: collapse; border-spacing: 0; }
DIV.csc-textpic .csc-textpic-imagewrap table tr td { padding: 0; vertical-align: top; }

/* Settings for figure and figcaption (HTML5) */
DIV.csc-textpic .csc-textpic-imagewrap FIGURE, DIV.csc-textpic FIGURE.csc-textpic-imagewrap { margin: 0; display: table; }

/* Captions */
FIGCAPTION.csc-textpic-caption { display: table-caption; }
.csc-textpic-caption { text-align: left; caption-side: bottom; }
DIV.csc-textpic-caption-c .csc-textpic-caption, .csc-textpic-imagewrap .csc-textpic-caption-c { text-align: center; }
DIV.csc-textpic-caption-r .csc-textpic-caption, .csc-textpic-imagewrap .csc-textpic-caption-r { text-align: right; }
DIV.csc-textpic-caption-l .csc-textpic-caption, .csc-textpic-imagewrap .csc-textpic-caption-l { text-align: left; }

/* Float the columns */
DIV.csc-textpic DIV.csc-textpic-imagecolumn { float: left; }

/* Border just around the image */
DIV.csc-textpic-border DIV.csc-textpic-imagewrap IMG {
    border: 2px solid black;
    padding: 0px 0px;
}

DIV.csc-textpic .csc-textpic-imagewrap IMG { border: none; display: block; }

/* Space below each image (also in-between rows) */
DIV.csc-textpic .csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 10px; }
DIV.csc-textpic .csc-textpic-imagewrap .csc-textpic-imagerow-last .csc-textpic-image { margin-bottom: 0; }

/* colSpace around image columns, except for last column */
DIV.csc-textpic-imagecolumn, TD.csc-textpic-imagecolumn .csc-textpic-image { margin-right: 10px; }
DIV.csc-textpic-imagecolumn.csc-textpic-lastcol, TD.csc-textpic-imagecolumn.csc-textpic-lastcol .csc-textpic-image { margin-right: 0; }

/* Add margin from image-block to text (in case of "Text w/ images") */
DIV.csc-textpic-intext-left .csc-textpic-imagewrap,
DIV.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {
    margin-right: 10px;
}
DIV.csc-textpic-intext-right .csc-textpic-imagewrap,
DIV.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {
    margin-left: 10px;
}

/* Positioning of images: */

/* Center (above or below) */
DIV.csc-textpic-center .csc-textpic-imagewrap, DIV.csc-textpic-center FIGURE.csc-textpic-imagewrap { overflow: hidden; }
DIV.csc-textpic-center .csc-textpic-center-outer { position: relative; float: right; right: 50%; }
DIV.csc-textpic-center .csc-textpic-center-inner { position: relative; float: right; right: -50%; }

/* Right (above or below) */
DIV.csc-textpic-right .csc-textpic-imagewrap { float: right; }
DIV.csc-textpic-right DIV.csc-textpic-text { clear: right; }

/* Left (above or below) */
DIV.csc-textpic-left .csc-textpic-imagewrap { float: left; }
DIV.csc-textpic-left DIV.csc-textpic-text { clear: left; }

/* Left (in text) */
DIV.csc-textpic-intext-left .csc-textpic-imagewrap { float: left; }

/* Right (in text) */
DIV.csc-textpic-intext-right .csc-textpic-imagewrap { float: right; }

/* Right (in text, no wrap around) */
DIV.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap { float: right; }

/* Left (in text, no wrap around) */
DIV.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap { float: left; }

DIV.csc-textpic DIV.csc-textpic-imagerow-last, DIV.csc-textpic DIV.csc-textpic-imagerow-none DIV.csc-textpic-last { margin-bottom: 0; }

/* Browser fixes: */

/* Fix for unordered and ordered list with image "In text, left" */
.csc-textpic-intext-left ol, .csc-textpic-intext-left ul { padding-left: 40px; overflow: auto; }

/* File Links */
UL.csc-uploads { padding: 0; }
UL.csc-uploads LI { list-style: none outside none; margin: 1em 0; }
UL.csc-uploads IMG { float: left; padding-right: 1em; vertical-align: top; }
UL.csc-uploads SPAN { display: block; }
UL.csc-uploads SPAN.csc-uploads-fileName { text-decoration: underline; }

/* Table background colors: */

TABLE.contenttable-color-1 { background-color: #EDEBF1; }
TABLE.contenttable-color-2 { background-color: #F5FFAA; }
TABLE.contenttable-color-240 { background-color: black; }
TABLE.contenttable-color-241 { background-color: white; }
TABLE.contenttable-color-242 { background-color: #333333; }
TABLE.contenttable-color-243 { background-color: gray; }
TABLE.contenttable-color-244 { background-color: silver; }

.gallery-wrapper {width:350px; height:100px; border:1px solid #b7b7c6; margin:10px; float:left; cursor:pointer;}
.gallery-entry{height:100px; padding-left:110px; }


.controls {
margin-top: 16px;
border: 1px solid transparent;
border-radius: 2px 0 0 2px;
box-sizing: border-box;
-moz-box-sizing: border-box;
height: 32px;
outline: none;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}

#pac-input {
background-color: #fff;
padding: 0 11px 0 13px;
width: 400px;
font-family: Roboto;
font-size: 15px;
font-weight: 300;
text-overflow: ellipsis;
}

#pac-input:focus {
border-color: #4d90fe;
margin-left: -1px;
padding-left: 14px;  /* Regular padding-left + 1. */
width: 401px;
}

.pac-container {
font-family: Roboto;
}

#type-selector {
color: #fff;
background-color: #4d90fe;
padding: 5px 11px 0px 11px;
}

#type-selector label {
font-family: Roboto;
font-size: 13px;
font-weight: 300;
}