@charset "UTF-8";

/* 
00. Container

01. Header
02. Main
03. Footer 

*/

/* ----------------------- 00. CONTAINER ----------------------- */ 
body {
	font-weight: normal;
	font-size: 17px;
	line-height: 24px;
	background-color: #ececec;  
	color: #555555;
	margin: 0;
	padding: 0;
	position: relative;
	font-family: 'Open Sans', Arial, sans-serif;
	font-weight: 400;
}

#container {
	min-width: 1200px;
	max-width: 2400px;
	margin: 0px auto;
	overflow: hidden;
	background-color: #ececec;  
}

.cnt {
	width: 1180px;
	margin: 0px auto;
	padding: 60px 0 30px 0;
}

.wrapper {
   position: relative;
   top: 78px;
}

/* ----------------------- 01. Header ----------------------- */ 
#box_header {
	position: relative;	
}

#header {
	background-color: #555555;
	border-bottom: 4px solid #90af13;
	z-index: 200;
	height: 80px;
	width: 100%;
	position: fixed;
}


#header .cnt { padding: 0; }

/*#sujet img { max-width: 100%; }*/
#sujet {
	position: relative;
	top: 80px;
    height: 500px;
    overflow: hidden;
    /* background-size: cover;
    background-position: top center;
   background-image: url(../images/sujets/header_1.jpg);*/
}

#sujet ul li {
	height: 500px;
	width: 100%;
	display: block;
	background-size: cover;
    background-position: top center; 
}

#lang {
	
	position: absolute;
	top: 0;
	right: 0;
	
	font-family: 'Oswald', Arial, sans-serif;
    font-weight: 400;
    font-size: 15px;
}

#lang ul {
	padding: 6px;
	background: #90af13;
	border-radius: 0 0 5px 5px;
	float: left;
}

#lang ul.book {
	margin-right: 10px;
	text-transform: uppercase;
}

#lang ul li {
	float: left;
	padding: 0 7px;
	background: none;
	line-height: 1;
	border-right: 1px solid rgba(255,255,255,0.4);
}

#lang ul li a {
	color: #FFFFFF;
	opacity: 0.6;
}


#lang ul li.active a, #lang ul li a:hover {
	opacity: 1;
}

#lang ul li:last-child {
	border: 0;
}

#main_nav { 
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 17px;
	font-family: 'Oswald', Arial, sans-serif;
	font-weight: 400;
	float: right;
}

#main_nav ul {
	padding: 47px 0 0 0;
	margin: 0;
}

#main_nav ul li {
	float: left;
	padding: 0 18px;
	background: none;
}

#main_nav ul li:last-child {
	padding-right: 0;
}

#main_nav ul li a  {
	color: #FFFFFF;
	text-transform: uppercase;
}

#main_nav ul li.active a, #main_nav ul li a:hover {
	color: #90af13;
}

/* Logo */ 
#logo {
	position: absolute;
	top: 16px;
	z-index: 100;
	background: url(../images/all/am_dachstein.png) no-repeat left 100px top 19px;
}

h1 {
	background: url(../images/all/logo_wiesberghaus_am_dachstein.svg) no-repeat top left;
	text-indent: -9999%;
	height: 180px;
	width: 270px;
	margin: 0;
}

html:lang(en) #logo { background-image: url(../images/all/near_dachstein.png); }
html:lang(cz) #logo { background-image: url(../images/all/pod_dachsteinem.png); }

html:lang(en) h1 { background-image: url(../images/all/logo_wiesberghaus_near_dachstein-en.svg);  }
html:lang(cz) h1 { background-image: url(../images/all/logo_wiesberghaus_pod_dachstein-cz.svg); }


h1 a {
  	display: block;
	width: 100%;
    height: 100%;
}

.scroll #logo {
	background: none !important;
}

.scroll h1 {
	/*background-image: url(../images/all/logo_wiesberghaus_am_dachstein_scroll.svg);
	background-size: auto 62px;*/
	height: 45px;
	width: 110px;
}

/* ----------------------- 02. Main ----------------------- */ 
#box_main {
	position: relative;
	/*min-height: 1000px;
	background: red;*/
}

/*#col0 { border: 1px solid red;}*/
#col1_container {
	padding-top: 0;
	margin-top: -115px;
	position: relative;
}

#col1 {
	/*background: red;*/
	width: 380px;
	/*min-height: 1000px; */
	/*float: right;
	margin-right: 10px;*/
	position: absolute;
	right: 0;
	z-index: 100;
	/*top: 435px;*/
	overflow: hidden;
}

html:lang(cz) #col1 { margin-top: 122px; }

#col0_left {
	min-height: 1300px;
}

#col0 .cnt_left {
	width: 800px;
	padding-right: 80px;
}

/* Content */
#galerie .wrapper, #gallery .wrapper { 
	background-color: #555555; 
}

#galerie .cnt, #gallery .cnt {
	padding: 20px 0;
}

.slides  {
	overflow: hidden;
}

.slides img {
	max-height: 330px; 
} 

.slides li {
	position: relative;
}

.slides li a span {
	background: url(../images/all/icon_plus.svg) no-repeat top left; 
	position: absolute;
	right: 0;
	height: 40px;
	width: 40px;
	z-index: 50;
}

.slides li .copyright {
	position: absolute;
	bottom: 0;
	z-index: 50;
	font-size: 10px;
	color: #FFFFFF;
	text-indent: 10px;
	line-height: 20px;
	width: 100%; 
	background: rgba(85,85,85,0.3);
}

#wissenswertes .wrapper, #things-to-know .wrapper, #dobre-vedet .wrapper,
#anfrage-buchung .wrapper, #inquiry-booking .wrapper, #poptavka-rezervace .wrapper {
	background-color: #cfcfcf; 
}

#service .wrapper, #infos .wrapper, #sluzby .wrapper {
	background-color: #ececec; 
}

#wiesberghaus {
	margin-top: -20px;
}

#dachstein .wrapper{
	background: url(../images/all/dachstein.jpg) no-repeat right top;
	background-size: cover;
	background-size: auto 100%;
}

#dachstein .cnt { 
	padding-top: 0; 
	padding-bottom: 0;
}

#dachstein .cnt_left {
	background-color: #ececec;
	padding-top: 60px;
	padding-bottom: 30px;
}

.banner {
	border: 7px solid #FFFFFF;
	position: relative;
	margin-top: 30px;
	z-index: 50;
	background-color: #ececec;  
	overflow: hidden; 
}

/*.banner_border {
	border: 7px solid #FFFFFF;
    height: 222px;
    width: 100%;
    position: absolute;
    z-index: 100;
    overflow: hidden;
}*/


.banner .img_caption {
	position: absolute;
	bottom: 15px;
	left: 15px;
	background: url(../images/all/banner.svg) no-repeat center right;
	padding-right: 27px;
}

.banner .img_caption p, .banner .img_caption p strong, .banner .img_caption p b  {
	font-family: 'Oswald', Arial, sans-serif !important;
    font-weight: 700 !important;
    color: #FFFFFF;
    text-transform: uppercase;
    padding: 0;
    font-size: 32px;
    line-height: 40px;
    vertical-align: text-top;
    vertical-align: top;
}    

.banner a {
	display: block;
}

.banner a img {
	/*transition: all .3s ease-in-out;*/
}

.banner a:hover img {
	 opacity: 0.75; 
}

.banner .img_caption p strong, .banner .img_caption p b  {
	color: #90af13;
}

#news {
	background: url(../images/all/news.jpg) no-repeat bottom left;
	margin-top: 30px;
}

#news p.nonews {
	padding: 20px;
    font-weight: bold;
} 

/*html:lang(cz) #news {display: none;}*/

#news h2 {
	font-size: 24px;
	line-height: 30px;
	padding: 10px;
	background: url(../images/all/news.svg) repeat top left;
}

#col1 .news_list_container { margin-top: 15px; padding-bottom: 15px; }

#col1 .news_list {
	padding: 20px;
}

#col0 .news_list {
	padding: 0 0 60px 0;
}

.news_list h3 {
	margin-bottom:15px;
}

.news_list h3, .news_list h3 a {
    color: #555555;
    line-height: 33px;
    font-size: 28px;
}

.news_list h3 a:hover {
	color: #000000;
}


.news_list p {
	font-size: 15px;
	line-height: 18px;
	padding-bottom: 20px;
}

#col1 .news_list .more, #col1 .news_single .back {
	display: block;
}

/*.news_list .more, .news_single .back {
	display: inline-block;
	font-size: 15px;
	line-height: 15px;
	color: #90af13;
	text-transform: uppercase;
}*/

.news_list .more a, .news_single .back a, a.button {
	color: #90af13;
	background-color: #555555; 
	display: block;
	padding: 5px 30px 5px 8px;	display: inline-block;
	font-size: 15px;
	line-height: 15px;
	color: #90af13;
	text-transform: uppercase;
}

.news_list .more a:hover, .news_single .back a:hover, a.button:hover {
	color: #FFFFFF !important;
	background-color: #90af13; 
}

.news-single-img {
	margin-top: 0;
	margin-bottom: 30px;
}

.news-single-img img {
	padding-top: 10px;
}

/* ----------------------- 03. Footer ----------------------- */ 

#box_footer {
	background-color: #555555;
	padding: 20px 0 100px 0;
	color: #FFFFFF;
}

#box_footer #kontakt, #box_footer #contact { 
	width: 400px; 
	margin-right: 80px; 
	float: left;
}

#box_footer #kontakt strong, #box_footer #kontakt b,
#box_footer #contact strong, #box_footer #contact b  { 
	color: #90af13;
	font-weight: 400;
}

#box_footer #kontakt h2,
#box_footer #contact h2 { 
	padding-bottom: 25px; 
}

#box_footer p a { 
	color: #FFFFFF; 
	text-decoration: underline;
}

#box_footer p { 
	padding-bottom: 25px; 
}

#footer_nav { 
	float: left;
}

#footer_nav_col0 {
	float: left;
	width: 400px; 
	width: 305px;
	margin-right: 80px; 
}

#footer_nav_col1 {
	float: right;
	width: 210px; 
	width: 305px;
}

#footer_nav ul li, #footer_nav ul li a {
	font-size: 34px;
	line-height: 39px;
	vertical-align: text-top;
	vertical-align: top;
 	font-family: 'Oswald', Arial, sans-serif;
	font-weight: 700;
	color: #90af13;
	text-transform: uppercase;
	padding: 0 0 6px 0;
}

#footer_nav ul li ul {
	padding: 25px 0 40px;
}

#footer_nav ul li ul li, #footer_nav ul li ul li a {
	font-size: 17px;
	line-height: 17px;
	color: #e3e3e3;  
	font-family: 'Open Sans', Arial, sans-serif;
	font-weight: 400;
	text-transform: none;
	padding-bottom: 6px;
}

#footer_nav ul li a:hover, #footer_nav ul li.active a {
	color: #FFFFFF !important;
}

#naturfreunde {
	margin-to: 10px;
	width: 264px;
	height: 160px;
	text-indent: -9999%;
	background: url(../images/all/logo_naturfreunde.png) no-repeat top left;
	background-size: auto 50%;
}

/*____________________ Generelle Formatierungen _______________________________________________*/

/* Überschriften */
h2, h3 {
	margin: 0;
	padding: 0;
	font-weight: normal;
}

h2, h3 {
	font-size: 34px;
	line-height: 42px;
	vertical-align: text-top;
	vertical-align: top;
 	font-family: 'Oswald', Arial, sans-serif;
	font-weight: 700;
	color: #90af13;
	text-transform: uppercase;
}

h2 a {
	color: #90af13;
}

h3, h3 a {
 	color: #555555;
 	margin-bottom: 30px;
}

h4 {
  font-weight: 700 !important;
  font-family: 'Oswald', Arial, sans-serif;
  text-transform: uppercase; 
  margin-bottom: 30px;
  margin-top: 20px;
  font-size: 20px;
}

a, a:hover, a:visited, a:active, a:focus, .ui-widget-content a { 
  outline: none;
  text-decoration: none;
  color: #90af13;
  transition: all .3s ease-in-out;
}

a:hover { 
  color: #90af13;
}

p {
  margin: 0;
  padding: 0 0 30px 0;
}

sup,sub{font-size:0.7em;height:0;line-height:1;vertical-align:baseline;_vertical-align:bottom;position:relative}
sup{bottom:1ex}
sub{top:.5ex}

b, strong, .important_text {
  font-weight: 700 !important;
}


/* Liste */
ul {
  list-style: none;
  margin: 0;
  padding: 0 15px 25px 0;
}

ol {
  margin-top: 0;
  margin-bottom: 20px;
}

ol li {
  padding-bottom: 20px;
  padding-left: 0;
}

ol.footnote {
	counter-reset: li;
	list-style-type:none;
	position: relative;
    padding: 0 0 20px 20px;
}

ol.footnote li {
    padding: 0 0 10px 0;
    line-height: 18px;
    font-size: 14px;
}

ol.footnote > li:before {
   content: counter(li) ") ";
   counter-increment: li;
   position: absolute;
   left: 0;
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   padding: 0;
   margin: 0;
   color: #000000;
}

ul li {
  background: url(../images/all/li.svg) no-repeat left 8px;
  background-size: 7px 7px;
  padding-left: 20px; 
  padding-bottom: 0px;
}

ul li ul, ol li ol{
}

ul li ul li, ul li ul {
  padding-bottom: 0;
  margin-bottom: 0;
  font-size: 20px;
  line-height: 24px;
}

ul li p, ol li p {
  padding-bottom: 0;
}

table {
	margin-bottom: 30px;
	border-collapse: collapse;
	empty-cells: show;
    width: 100%;
}

table td, table th {
	padding-left: 40px;
	padding-bottom: 2px;
	text-align: left;
	vertical-align: top;
}

table tr td:first-child, table tr th:first-child {
	padding-left: 0;
}

/* Chronik */

table.contenttable-1 th, table.contenttable-1 td {
	padding: 10px !important;
	border-bottom: 1px solid #ececec; 
	font-size: 15px; 
	line-height: 18px;
}

table.contenttable-1 th {
	background-color: #cfcfcf;
	white-space: nowrap;
	font-weight: normal;
	font-family: 'Oswald', Arial, sans-serif !important;

}

table.contenttable-1 td {
	
}

table.contenttable-1 .tr-0 th, 
table.contenttable-1 .tr-0 td {
	
}

/*____________________ Generelle Klassen ________________________________________*/


.row { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; clear: both; padding-top: 5px; margin-right: 0; margin-left: 0;}
.row * { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.row_padding { padding-top: 15px; }
.col-2 { width: 2%; }
.col-3 { width: 3%; }
.col-4 { width: 4%; }
.col-5 { width: 5%; }
.col-10 { width: 10%; }
.col-20 { width: 20%; }
.col-25 { width: 25%; }
.col-30 { width: 30%; }
.col-33 { width: 30%; }
.col-40 { width: 40%; }
.col-50 { width: 50%; }
.col-60 { width: 60%; }
.col-70 { width: 70%; }
.col-80 { width: 80%; }
.col-90 { width: 90%; }
.col-95 { width: 95%; }
.col-96 { width: 96%; }
.col-97 { width: 97%; }
.col-98 { width: 98%; }
.col-100 { width: 100%; }
.left { float: left;}
.right { float: right;}

.csc-frame-rulerAfter, .csc-frame-frame2, .csc-frame-indent {
  border-bottom: 2px solid #E5E5E5;
  padding-bottom: 25px !important;
  margin-bottom: 25px !important;
}

.noBorder {
  background: none;
  border: 0;
  margin-top: 0;
  padding-top: 0;
}

.topborder {
  padding-top: 10px;
}

.small_width {
  width: 50px;
}

.float_left {
  float: left;
}

.float_right {
  float: right;
}

p.source, p.source a {
  line-height: 18px !important;
  font-size: 14px !important;
}

p.list_headline {
  padding-bottom: 15px;
  font-weight: 700 !important;
}

/*p.subheadline {
  font-size: 15px;
  line-height: 20px;
  margin-bottom: 5px;
  color: #666666;
}

p.spliter {
  border-bottom: 1px solid #999999;
  padding-bottom: 0;
}

*/

.csc-textpic-caption {
	background-color: #555555;
	color: #FFFFFF;
	font-size: 15px;
	line-height: 17px;
	padding: 5px 10px 7px 10px;
}

/********************* TABS *****************************/

.ui-widget-content {
	border: 0;
	background: 0;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
	border-radius: 0;
}

.ui-tabs .ui-tabs-nav {
	padding: 0;
}

.ui-tabs .ui-tabs-panel {
	padding: 0;
}

.ui-widget, .ui-widget-content {
	font-size: 17px;
	line-height: 24px;
	color: #555555;
	font-family: 'Open Sans', Arial, sans-serif;
	font-weight: 400; 
}

.ui-widget-header {
	border: 0;
	background: 0;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	border: 0;
}

#tabs {
	/*margin-top: -100px;*/
	z-index: 50;
}

#tabs_nav {
	margin-bottom: 30px;padding-bottom: 30px;
}

ul#tabs_nav li {
	background: url(/fileadmin/template/images/all/essen_trinken.svg) no-repeat top left; 
	width: 127px;
	height: 170px;
	text-indent: -999999%;
	margin-left: 15px;
	background-size: 254px 170px;
}

ul#tabs_nav li.tab-uebernachten { background-image: url(/fileadmin/template/images/all/uebernachten.svg); }
ul#tabs_nav li.tab-preise-zeiten { background-image: url(/fileadmin/template/images/all/preise_zeiten.svg); }
ul#tabs_nav li.tab-kurse { background-image: url(/fileadmin/template/images/all/kurse_seminare.svg); }
ul#tabs_nav li.tab-geschichte { background-image: url(/fileadmin/template/images/all/geschichte.svg); }

ul#tabs_nav li.ui-state-inactive { background-position: top right;}

html:lang(en) ul#tabs_nav li { background-image: url(/fileadmin/template/images/all/essen_trinken_en.svg); }
html:lang(en) ul#tabs_nav li.tab-uebernachten { background-image: url(/fileadmin/template/images/all/uebernachten_en.svg);} 
html:lang(en) ul#tabs_nav li.tab-preise-zeiten { background-image: url(/fileadmin/template/images/all/preise_zeiten_en.svg); }
html:lang(en) ul#tabs_nav li.tab-kurse { background-image: url(/fileadmin/template/images/all/kurse_seminare_en.svg); }
html:lang(en) ul#tabs_nav li.tab-geschichte { background-image: url(/fileadmin/template/images/all/geschichte_en.svg); }

html:lang(cz) ul#tabs_nav li { background-image: url(/fileadmin/template/images/all/essen_trinken_cz.svg); }
html:lang(cz) ul#tabs_nav li.tab-uebernachten { background-image: url(/fileadmin/template/images/all/uebernachten_cz.svg);} 
html:lang(cz) ul#tabs_nav li.tab-preise-zeiten { background-image: url(/fileadmin/template/images/all/preise_zeiten_cz.svg); }
html:lang(cz) ul#tabs_nav li.tab-kurse { background-image: url(/fileadmin/template/images/all/kurse_seminare_cz.svg); }
html:lang(cz) ul#tabs_nav li.tab-geschichte { background-image: url(/fileadmin/template/images/all/geschichte_cz.svg); }



ul#tabs_nav li:first-child {
	margin-left: 0;
}

ul#tabs_nav li a {
	width: 100%;
	height: 100%;
}

#tabs h2 {
	 margin-bottom: 30px;
}

#tab-uebernachten h2 {
	color: #0078aa;
}

#tab-preise-zeiten h2 {
	color: #37b25d;
}

#tab-kurse h2 {
	color: #ef7540;
}

#tab-geschichte h2 {
	color: #f3c003;
}
/*
.ui-state-inactive {
	opacity: 0.8;
}
*/

/********************* FORMS *****************************/
.formhandler_form {
	padding-bottom: 60px; }

.formhandler_form input, .formhandler_form textarea, .formhandler_form input, .formhandler_form select {
	width: 100%;
	border: 1px solid #cfcfcf;
	border-radius: 0 !important;
	background-color: #FFFFFF;
	-webkit-appearance: none;
	padding: 0 3px;
}

.formhandler_form label {
	font-weight: normal;
}


.formhandler_form input.button {
	color: #90af13;
	background-color: #555555; 
	display: block;
	padding: 5px 30px 5px 8px;	display: inline-block;
	font-size: 15px;
	line-height: 15px;
	color: #90af13;
	text-transform: uppercase;
}

.formhandler_form input.button:hover {
	color: #FFFFFF !important;
	background-color: #90af13; 
}


.ui-datepicker.ui-widget-content {
	border: 1px solid #aaaaaa;
	background: #FFFFFF;
}

.ui-datepicker .ui-widget-header {
	border: 1px solid #aaaaaa;
    background: #cccccc;
}

.ui-datepicker .ui-state-default, .ui-datepicker .ui-widget-content .ui-state-default, .ui-datepicker .ui-widget-header .ui-state-default {
	border: 1px solid #aaaaaa;
}







/********************* ACCORDION *****************************/

.tx-jfmulticontent-pi1 {
	margin-bottom: 20px;
}

.ui-accordion .ui-accordion-header {
	color: #90af13;
	display: block;
	padding: 12px 10px;
	font-size: 15px;
	line-height: 15px;
	color: #90af13;
	text-transform: uppercase;
    background: #555555 url(../images/all/icon_plus.svg) no-repeat center right;
    border-radius: 0;
	transition: background-color .3s ease-in-out;
	height: 40px;
	overflow: hidden;
}

/*.ui-accordion .ui-accordion-header.ui-state-hover,*/
.ui-accordion .ui-accordion-header.ui-accordion-header-active {
	background: #90af13 url(../images/all/icon_minus.svg) no-repeat center right;   
}

.ui-accordion .ui-accordion-header.ui-state-hover {
	background-color: #90af13;   
}


#col0 .ui-accordion .ui-accordion-header.ui-accordion-header-active a,
#col0 .ui-accordion .ui-accordion-header.ui-state-hover a  {
	color: #FFFFFF !important;
	transition: none !important;
}
/*
.tx-jfmulticontent-pi1 p {
    font-size: 23px;
  line-height: 27px;
  color: #6f6f6f;  
}

#col0_content .ui-accordion-header a {
    color: #000000 !important;
}
*/
.tx-jfmulticontent-pi1 .ui-accordion .ui-accordion-content {
  padding: 0 0 20px 0;
}
/*
.tx-jfmulticontent-pi1 .ui-widget {
  font-family: 'HelveticaNeueW01-Thin', "Helvetica Neue", Helvetica, Arial, sans-serif; 
}
*/

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
  display: none;
}

/* adminPanel */
#container .typo3-feedit-element {outline:1px solid #90af13 !important;outline-offset:0px !important;margin-bottom:5px;float:none}
.typo3-adminPanel input{width:auto}
.typo3-editPanel {background: #90af13 !important; font-family: Arial, sans-serif; font-size: 15px; line-height: 22px; color: #000000; text-transform: uppercase; font-weight: normal; }



/**************************************************/
/*
 @media (max-width:1200px){
  .background, #container { 
  	max-width: 1200px;
  }
  
   #box_footer { 
   	width: 1200px; 
  	max-width: 1200px;
  }*/

}