/********************      Template-Klasssen     ********************************************/


#page-oben {
  box-sizing: border-box;
  min-width:1200px;
  position:relative;
  background:url("../images/design/bg.jpg") no-repeat top center,url("../images/design/content-y.jpg") repeat-y center;
}

#page-unten {
  box-sizing: border-box;
  background:url("../images/design/content-u.jpg") no-repeat bottom center;
  /*background:url(../images/design/footer.jpg) no-repeat bottom center,url(../images/design/footer-x.jpg) bottom repeat-x;*/
}

#page-inner,#footer_inner {
  margin:auto;
  width:1200px;
}


#page-inner{
  position:relative;
  background:url("../images/design/content-r.jpg") no-repeat right bottom 74px ;
}

#header {
  min-height:338px;
  background-image:url('../images/design/titel-default.jpg');
 /* background-image:url('../UserFiles/Image/Titel/titel-sommer.jpg');*/
  background-position:top center;
  background-repeat:no-repeat;
}
#headerMask {
  min-height:338px;
  background-image:url('../images/design/Titel-Maske8bit.png?1');
  background-position:top center;
  background-repeat:no-repeat;

}

#contentzeile{width:100%;}

#content {
  box-sizing: border-box;
  position:relative;
  float:right;
  width:100%;
  text-align:justify;
  -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto;  hyphens: auto;
  padding-top:40px;
  padding-right:60px;
  padding-left:60px;
  padding-bottom:20px;

  min-height:500px;

  background-image:url('../images/design/content-o-x.png');
  background-position:top;
  background-repeat:repeat-x;
  overflow:hidden;

}

#aktuellspalte {float: right; box-sizing: border-box;
  margin-bottom:100px; width:232px;
  /*border:1px solid;*/
  display:none;
}
#aktuellspalteToggle{
  display:block;
  position:absolute;
  box-sizing: border-box;
  border:1px solid #ccc; border-bottom:none;
  text-align:center;
  width:140px;
  height:30px;
  border-top-left-radius:10px;
  border-top-right-radius:10px;
  box-shadow:0px 0px 6px #bbb;
  top:500px;right:-110px;
  transform-origin: 0 0;transform: rotate(-90deg); font-size:20px;font-weight:600;text-shadow: 0px 1px 3px #000;
  background-color:#eee;
  z-index:1;
}
#aktuellspalteToggle:hover{  background-color:#fff;}
#aktuellspalteToggle A{color:#fff;}

#aktuellspalte .aktuellbox{
  padding-top:5px;
  padding-bottom:40px;
  padding-left:35px;
  padding-right:10px;
  background:url("../images/design/aktuell-u.jpg") no-repeat bottom left,url("../images/design/aktuell-o.jpg") no-repeat top left,url("../images/design/aktuell-y.jpg") repeat-y left;
  min-height:283px;
}
#aktuellspalte .aktuellbox .close{height:20px; text-align:right;}
#aktuellspalte .aktuellbox .close A{color:#f00;}

#menuspalte{float: left; box-sizing: border-box;
  margin-bottom:100px; width:235px;/*border:1px solid;*/
}
#menuspalte .menubox{
  padding-top:40px;
  padding-bottom:135px;
  padding-left:15px;
  padding-right:40px;
  background:url("../images/design/menu-u.jpg") no-repeat bottom left,url("../images/design/menu-o.jpg") no-repeat top left,url("../images/design/menu-y.jpg") repeat-y left;
  min-height:150px;
}

#menuspalte .ohnemenubox{
  padding-top:0px;
  background-image:url('../images/design/content-o-x.jpg');
  background-position:top;
  background-repeat:repeat-x;
  min-height:30px;
}
/*************************************/
#menuspalte .loipenstatusbox{
  padding-top:50px;
  padding-bottom:30px;
  padding-left:15px;
  padding-right:40px;
  background:url("../images/design/Loipenstatus-o.jpg") no-repeat top left,url("../images/design/Loipenstatus-u.jpg") no-repeat bottom left,url("../images/design/Loipenstatus-y.jpg") repeat-y left;
  min-height:0px;
  color:#379;
  font-size:13px;
  line-height:120%;
}
#menuspalte .loipenstatusbox .zeile{padding-top:5px;border-top:1px solid #acD;clear:right;min-height:35px}
#menuspalte .loipenstatusbox .zeile IMG{float:right;}

/*************************************/
#content .loipenstatusbox{
		width:100%;
		max-width:300px;
		margin:auto;
		
  padding-top:30px;
  padding-bottom:10px;
  padding-left:15px;
  padding-right:40px;
  border:1px solid #fff;
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.2);
  background-color:#c6e8f2;
		background-image: url("../images/Schneeflocke.png"), url("../images/Schneeflocke.png");
		background-repeat:no-repeat,no-repeat;
		background-position: top -25px right -10px, bottom -25px left -10px;
  min-height:0px;
  color:#379;
  line-height:120%;
  text-align:left;
}
#content .loipenstatusbox>A{display:block;margin-bottom:0px;}
#content .loipenstatusbox .zeile{padding-top:0.5em;padding-bottom:0.5em;border-top:1px solid #acD;clear:right;min-height:2em;}
#content .loipenstatusbox .zeile IMG{float:right;}
#content .loipenstatusbox .Temperatur{text-align:center;}
#content .loipenstatusbox .Aktualisiert{text-align:center;font-size:80%; color:#888;padding-top:1em}

/*************************************/
.CONTENT_MENUSPALTE {
  font-size:85%;line-height:120%;
  padding-top:10px;
  padding-left:10px;
  padding-right:20px;
  padding-bottom:10px;
  /*border:1px solid;*/
}


.content-mit-menu #content{
  width: calc(100% - 235px);
  padding-left: 15px;
}
.content-mit-aktuell #content{
  width: calc(100%  - 232px);
  padding-right:10px;
  padding-left:40px;
}
.content-mit-menu-mit-aktuell #content{
  width: calc(100% - 235px - 232px);
  padding-right:10px;
  padding-left: 15px;
}


#content-footer{
  height:200px;
}
#content-footer .druck{clear:both;padding-top:50px;margin-bottom:20px;text-align:center;}


#prefooter{height:70px;background:#fff;}
#footer{
  box-sizing: border-box;
  min-height:166px;
  line-height:150%;
  font-size:110%;
  color:#36312b;
  background-color:#86b066;
  background-image:url("../images/design/footer-x.jpg");
  background-position:top;
  background-repeat:repeat-x;
}
#footer_inner{
  box-sizing: border-box;
  padding-top:70px;
  padding-left:30px;
  padding-right:30px;
  padding-bottom:40px;
  background-image:url("../images/design/footer-logo.jpg");
  background-position:top right;
  background-repeat:no-repeat;

 line-height:125%;
 font-size:0.9em;
}

#TitelZeile {
  box-shadow:         0px 5px 10px 0px #aaa;
  box-shadow:         0px 5px 10px 0px rgba(0, 0, 0, 0.4);
  height:131px;
  position:absolute;
  top:100px;
  width:100%;
  min-width:1200px;
  overflow:hidden;

}
#TitelZeile>.TitelBGimg{
  height:131px;
  background-color:#030710;
  background-color:#060f2b;
  background-image:url('../images/design/titel.jpg');
  background-repeat:   no-repeat;
  background-position: center center;
}

#TitelZeile .TitelText{
  box-sizing: border-box;
  margin:auto;
  margin-top:-160px;
  width:1200px;
  height:120px;
  position:relative;
}

#TitelZeile .TitelText>DIV{ width:0px; height:120px; display: inline-block; vertical-align: middle;}
#TitelZeile .TitelText>SPAN{  display: inline-block; vertical-align: middle;
  padding-left:40px;
}
#TitelZeile .TitelText H1{
  display:inline;
  font-size:35px;
  line-height:100%;
  color:#fff;
  text-shadow: 2px 2px 4px #000,2px 2px 5px #000,2px 2px 6px #000,2px 2px 7px #000;
  font-weight:600;
  font-variant:small-caps;
  text-transform: none;
}



.mobilebutton{
  position:absolute;
  left:6px;
  top:3px;
  background-image:url('../images/design/mobile.png');
  background-repeat:   no-repeat;
  background-position: center center;
  width:69px;
  height:41px;
}
.mobilebutton a{display:block;width:100%; height:100%;}

.LanguageSelect{
  position:absolute;
  right:10px;
  top:5px;
  text-align:right;
  height:30px;
  overflow:hidden;
}
.LanguageSelect:hover{
  height:auto;
}
.LanguageSelect .COOKIECONSENT{line-height:1.1;transform:scale(0.8)}

.LanguageSelect IMG{max-height:30px;}
/**************************************************************/
#fl{position:absolute; left:10px; bottom:3px;  width:99px; height:24px; overflow:hidden;z-index:1;display:none;}
#fr{position:absolute; right:10px;bottom:3px;width:50px; height:18px; overflow:hidden;z-index:1;display:none;}

#top-link        { display:none; position:fixed; z-index:9999; right:5px; bottom:25px; }
#top-link IMG        { width:5em;height:5em;}


#FlyOutMenu{ /*border:1px solid #f00;*/ box-sizing: border-box; z-index: 10; top:299px;margin:auto; position:absolute;width:100%; min-width:1200px;}
#FlyOutMenu2{/*border:1px solid #0f0;*/ box-sizing: border-box; width:1200px; position:relative; ;margin:auto;}

.content-footer-menu {
  position:absolute;
  right:20px;
  bottom:30px;
  color:#ccc;
}

.content-footer-menu A,
.content-footer-menu A:visited,
.content-footer-menu A:active {color:#999;}

.content-footer-menu A:hover {color:#666;text-decoration:underline;}

.menuzweig{text-align:left;}

#fancybox-title-over{line-height:130%;}

/***********************************************************/
#search{ position:absolute;
  top:5px;right:70px; 
}

#search INPUT{ box-sizing: border-box;
		border:1px solid #aaa;
		/*background:#677;*/
		color:#000;
  border-radius:0;
		padding:5px;
		padding-left:10px;	
		padding-right:20px;
		width:150px;
		height:30px;
		font-size:90%;	
		opacity:0.8;
}
#search INPUT:hover{opacity:1;}
#search INPUT:focus{opacity:1;color:#000;}                                                                                                                                                                                                          
#search INPUT[type=submit]{background: #ffb242 url("../images/design/search-icon.png") no-repeat scroll center center; line-height:100%; box-sizing: border-box; border:none;/*border:1px solid; */
margin-left:-21px;padding:0;height:28px;width:21px;cursor:pointer;position:absolute;
margin-top:1px;
box-shadow:none; animation:none;
}

/***************************************/
.Suchtreffer{/*border:1px solid #f0f0f0;*/padding:5px;margin-bottom:10px }
.Suchtreffer .Titel {background-color:#f0f0f0; padding-left:10px;}
.Suchtreffer .Kurzbeschreibung {padding-left:10px;padding-top:5px;font-size:90%; line-height:1.3;min-height:1em}
.Suchtreffer .Titel .relevance{float:right;padding-right:5px; font-size:70%;color:#aaa;}

/***************************************/
																																						 
.search {text-align:center;}
.search INPUT {width:38%; margin-bottom:20px;}
.search FORM {display:inline;}