@charset "utf-8";
/* CSS Document */
html, body {
	color: #3C3C3C;
	background-color:#FAFAFA;
	background:#FAFAFA;}

a {
color: #3C3C3C;
}

#Buchungsformular a {
text-decoration:underline;
}

#leiprei2 a {
text-decoration:underline;
}

.contain-to-grid {
  background:#FAFAFA; }

.top-bar {
  /*background:transparent !important;/* #E3E3BD + #EAEACCalt*/
	background:transparent !important;
	box-shadow: 5px 2px 5px transparent;
}
.top-bar .name h1 a, .top-bar .name h2 a, .top-bar .name h3 a, .top-bar .name h4 a, .top-bar .name p a, .top-bar .name span a {
    color: black;
}
.top-bar .toggle-topbar.menu-icon a {
    color: black;
}

.top-bar-section ul li > button.secondary:hover, .top-bar-section ul li > button.secondary:focus {
      background: transparent;
	  background-color: transparent;
}

.top-bar-section .dropdown li.title h5 a, .top-bar-section .dropdown li.parent-link a {
    color: black;
}

.top-bar .toggle-topbar.menu-icon a span::after {
    box-shadow: 0 0 0 1px black, 0 7px 0 1px black, 0 14px 0 1px black;
}
.top-bar-section ul li > a {
    color: black;
	padding: 6px 0 6px 0.9375rem;
}

.top-bar-section li.active:not(.has-form) a:not(.button):hover {
	color: black;
}

.top-bar-section ul li:hover:not(.has-form) > a {
    color: black;
	}
.top-bar.expanded .title-area {
      background:transparent; }

  .top-bar-section ul li {
    background:transparent;
}

    .top-bar.expanded {
      background:transparent; }

    .top-bar-section li.hover > a:not(.button) {
      background-color:#FAFAFA;
      background:#FAFAFA;
      color: black; }
      
    .top-bar-section li:not(.has-form) a:not(.button) {
      background:transparent; }
      
      .top-bar-section li:not(.has-form) a:not(.button):hover {
        background-color: transparent;
        background:transparent; }
		
    .top-bar-section .right li .dropdown {
      right: auto;
      left: 50; }
      .top-bar-section .right li .dropdown li .dropdown {
        left: 100%; }
    .top-bar-section .left li .dropdown {
      left: auto;
      right: 0; }
      .top-bar-section .left li .dropdown li .dropdown {
        right: 100%; }
  .top-bar-section .dropdown {
    right: 100%;
 }

     .top-bar-section .dropdown li a {
        background:transparent; }

      .top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) {
        color: black;
        background:#FAFAFA; } /*#EAEACC*/
        
      .top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) {
        background:#FAFAFA; } /*#EAEACC*/
        
      .top-bar-section .dropdown li label {
        background:#FAFAFA; } /*#EAEACC*/

    .top-bar-section .has-form {
      background:#FAFAFA;
}

.top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) {
    color: grey;
	background-color: #FAFAFA;
	background: #FAFAFA;
	}

.top-bar-section .has-dropdown .active {
      background:#FAFAFA;
}

.top-bar-section > ul > .divider, .top-bar-section > ul > [role="separator"] {
    border-right: 0px solid #D4D39F;
}

  .no-js .top-bar-section ul li:hover > a {
    background-color:#FAFAFA;
    background:#FAFAFA;
}

.top-bar-section .tbsH{
 font-size: 1.125rem;/*1.0625=17px, 1.125=18px, 1.1875=19px, 1.25=20px*/
    line-height: 2.8125rem;
    margin: 0;
}

@media only screen and (min-width: 40.063em) {
  .top-bar {
    background:transparent;
}
.top-bar-section li:not(.has-form) a:not(.button) {
    padding: 0 0.2rem;
}
}

button, .button{
background-color: #6EA2D4;
}
button:hover, button:focus, .button:hover, .button:focus {
    background-color: #00BFFF; }

#wrapper {
	background-color:#FAFAFA;
	border:solid  #FAFAFA;
	border-width: 0px 3px 3px 3px;
	/*box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);*/
}
	
#header {
	border:solid  #C0C0C0;
	border-width: 0px 0px;
	background-color:#FAFAFA;
}

.headkontakt{
	/*width:33%;*/
	text-align:right;
	padding: 0.2rem 1rem 0rem 0rem;
}

.headkontakt a, .headkontakt a:visited, .headkontakt a:active {
	font-size: 1.1rem;
	color: #000000;
	/*padding:2rem 0rem 2rem 2rem;*/
}

.headtel a,.headtel a:visited, .headtel a:active {
	font-size: 1.1rem;
	color: #000000;
	}

.headtel{
	text-align:right;
}

.headtel .fi-telephone {
	font-size: 2rem;
}

#headerueberschriften h2, #headerueberschriften h3{
	font-size: 1rem;
	color: #000000;
	margin-top:-0.6rem;
}

#headerueberschriften h1{
	margin-top:-0.1rem;
}
#galleria{
	height:11rem; 
}

#galleriaT{
	height:8rem; 
}
#galleriaA{
	height:40rem; 
}

.termbuchnr{
	display:none;	
}

table tr th, table tr td {
    padding: 0.2rem 0.2rem;
}


@media only screen and (min-width: 29em) { /*480px Smartphone quer*/
#headlogo {
    width: 40%;
}
#headnavi {
    width: 60%;
}

	#galleria{
		height:20rem; 
	}
	#galleriaT{
		height:11.5rem; 
	}
.termbuchnr{
	display:inherit;	
}
table tr th, table tr td {
    padding: 0.3rem 0.3rem;
}

}

@media only screen and (min-width: 39em) { /*640px Smartphone quer*/
#headlogo {
    width: 40%;
}
#headnavi {
    width: 60%;
}
	#galleria{
		height:20rem; 
	}
	#galleriaT{
		height:16rem; 
	}

}

@media only screen and (min-width: 47em) { /*768px IPad hoch*/
	#galleria{
		height:24rem; 
	}
	#galleriaT{
		height:18rem; 
	}
table tr th, table tr td {
    padding: 0.5rem 0.5rem;
}

}

@media only screen and (min-width: 63em) {  /*1024px IPad quer*/
	#galleria{
		height:28rem; 
	}
	#galleriaT{
		height:23.5rem; 
	}
}


#MainContent {
	margin-top:0.1rem;
}

#hauptinhalt {
	border:solid  #FAFAFA;
	border-width: 0px 1px 0px 0px;
	}

.navitextL a, .navitextL a:visited, .navitextL a:active {
    color: #000000;
	display:block;
}

p {
  font-size: 0.9rem;
  line-height: 1.2;
  margin-bottom: 1rem;
}

/* Default header styles */
h1, h2, h3, h4, h5, h6 {
  color: #3C3C3C;
  margin-top: 0.2rem;
  margin-bottom: 0.5rem;
  line-height: 1.2; }
  h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
    font-size: 60%;
    color: #3C3C3C;
    line-height: 0; }

h1 {
  font-size: 1.3rem; }

h2 {
  font-size: 1.2rem; }

h3 {
  font-size: 1.1rem; }

h4 {
  font-size: 1rem; }

h5 {
  font-size: 1rem; }

h6 {
  font-size: 0.9rem; }

.tb {
	font-weight:600;
}
#hauptinhalt p a, #leiprei a, #mainrechts a{
    color: #cd071e;
    line-height: inherit;
    text-decoration: none;
	display:inline;
}

.kachelM a, .kachelM a:visited, .kachelM a:active{
    color: #000000;
    text-decoration: none;
	display:inline;
}


  a:hover, a:focus {
    color: black; }

.breadcrumbs {
    background-color: #FAFAFA;
	border:solid  #D4D39F;
	border-width: 0px  0px 1px 0px;
    display: block;
    list-style: outside none none;
    margin-left: 0;
    overflow: hidden;
    padding: 0.2rem 0.2rem;
}

ul.breadcrumbs {
    margin-bottom: 0.1rem;
}

#besonderes ul {
  font-size: 0.9rem;
  line-height: 1.2;
  margin-bottom: 1rem;
  margin-top: -0.5rem;
  padding-left: 0.5rem;
  list-style:outside url("../css/ok.gif") disc;
}

#reisetext h4, #leiprei h3 {
  margin-bottom: 0rem;
}

#leiprei ul {
  margin-bottom: 0.8rem;
}

#leiprei ul li{ margin-left:1.5rem;}

#einleitung p, #reisetext p, #reiseverlauf p, #reisetext, #Buchungsformular {
font-size: 0.9rem;
  -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto; 
	/*text-align: justify;*/
}

.accordion .accordion-navigation > a, .accordion dd > a {
    background: none repeat scroll 0 0 #6EA2D4;
	text-align:center;
	border-bottom:#EFEFEF 0.2rem solid;
}

.accordion .accordion-navigation > a:hover, .accordion dd > a:hover {
background:#00BFFF; 
}

.accordion .accordion-navigation.active > a, .accordion dd.active > a {
background: #6EA2D4; }

.accordion .accordion-navigation > .content.active, .accordion dd > .content.active {
    background: none repeat scroll 0 0 #FAFAFA;
	padding: 0.5rem 1.1rem;
}

#akkordion ul.accordion {
margin-left: 0rem;
}

ul.in, ul.notin, ul.erm {
    font-size: 0.9rem;
}

ul.in {
    line-height: 1.2rem;
    list-style: outside url("../css/ok.gif") disc;
}

ul.notin {
    line-height: 1.2rem;
    list-style: outside url("../css/not_in.gif") disc;
}

ul.erm {
    line-height: 1.2rem;
	list-style : url("../css/erm.gif");
}

#aehnlich p{
	margin-bottom: 0.1rem;
	}

.normKachel {
	width:100%;
	min-height:8rem;
	background-color:#FAFAFA;
	border:solid  #C0C0C0;
	border-width: 1px 1px;
	border-radius: 0.8rem;
	margin-top:0.5rem;
	padding:0.5rem;
}

.normKachel2 {
	width:100%;
	min-height:6.7rem;
	background-color:#FAFAFA;
	border-radius: 0.8rem;
	margin-top:0.5rem;
	padding:0.5rem;
}

.normKachel2 p{
margin-bottom: 0.3rem;
max-height:2rem;
overflow:hidden;
}

.normKachel3 {
	width:100%;
	min-height:3.6rem;
	background-color:#FAFAFA;
	border-radius: 0.8rem;
	margin-top:0.5rem;
	padding:0.5rem;
}

.normKachel3 p{
margin-bottom: 0.3rem;
max-height:2rem;
overflow:hidden;
}

.normKachel4 {
	width:100%;
	min-height:5.5rem;
	background-color:#FAFAFA;
	border-radius: 0.8rem;
	margin-top:0.5rem;
	padding:0.5rem 0.5rem 0.1rem 0.5rem;
}

.normKachel4 p{
margin-bottom: 0.3rem;
max-height:2rem;
overflow:hidden;
}


.umbruch p, .umbruch h4 {
  -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto;
	/*text-align: justify;*/
}

.umbruch p {
   color:#222222; 
}


.erde {
	background-image:url(../15css/welt350.png);
	background-repeat:repeat-x;
}

.erde img{
	margin-bottom:0.2rem;
}



.ampel {
	font-size:1.5rem;
}

.rot {
	color:red;
}

.gruen {
	color:green;
}

.gelb {
	color:yellow;
}

	.fix {
position: fixed;
width: 100%;
	top:0rem;
		z-index: 100;
	}

/*.mehrsp {
-webkit-column-count: 2;  Chrome, Safari, Opera */
/*-moz-column-count: 2;  Firefox */
/*column-count: 2;
-webkit-column-gap: 1.5rem;  Chrome, Safari, Opera */
/*-moz-column-gap:1.5rem; /* Firefox */
/*column-gap: 1.5rem;
}*/