@import url('reset.css');

/* General Codrops Demo Style */


body{	
	background-color: #ccc;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	
    background-attachment: fixed;
	font-family: Open Sans, Verdana, Arial, sans-serif;
	font-size:11px;

}

a{
	text-decoration:none;
}
a:hover{
	color:#fff;
}


table{
width: 100%;
bottom: 0px; 
font-family: 'Trebuchet MS', 'Myriad Pro', Arial, sans-serif;
text-transform:uppercase;
font-size:11px;
color:#999;
}
td {
  padding: 5px;
  text-valign: top;
  width: 100%;
}
td.right { 
            text-align: right; 
        }  
td.right a{ 
            text-align: right; 
        } 
.right { 
    text-align: right; 
} 

table a{
	color:#999;	
}
table a:hover{
	color:#fff;	
}


table#programm    { 
color: #333; 
font-size: 11px; 
font-family: Verdana, Arial, Helvetica, Geneva, Swiss, sans-serif; 
font-style: normal; 
text-transform: none;
text-align: left;
line-height: 14px; 
background-color: #c9c; 
width: 100% }

table#programm td { 
 margin: 0; 
 padding: 4px; 
 width: 50px; 
 vertical-align: top; 
 border: solid 1px #fff; 
 valign: "top" 
 }
table#programm2    { 
color: #333; 
font-size: 11px; 
font-family: Verdana, Arial, Helvetica, Geneva, Swiss, sans-serif; 
font-style: normal; 
text-transform: none;
text-align: left;
line-height: 14px; 
background-color: #99cc99; 
width: 100% }

table#programm2 td { 
 margin: 0; 
 padding: 4px; 
 width: 50px; 
 vertical-align: top; 
 border: solid 1px #fff; 
 valign: "top" 
 }
 
 table#sitemap    { 
color: #fff; 
font-size: 11px; 
font-family: Verdana, Arial, Helvetica, Geneva, Swiss, sans-serif; 
font-style: normal; 
text-transform: none;
text-align: left;
line-height: 14px; 
background-color: #c9c; 
width: 70% }

table#sitemap td { 
 margin: 0; 
 padding: 4px; 
 width: 50px; 
 vertical-align: top; 
 border: solid 1px #fff; 
 valign: "top" 
 }
 table#sitemap th { 
 text-align: center;
 margin: 0; 
 padding: 4px; 
 width: 50px; 
 vertical-align: top; 
 border: solid 1px #fff; 
 valign: "top" 
 }
 table#sitemap a{
	color:#fff;	
}
table#sitemap a:hover{
	color:#666;	
}

.spacer{
padding:0px;
}

.clr{
	clear:both;
}

h1{	
	margin:3px;
	font-size:24px;
	letter-spacing:1px;
	text-align:left;
	float:left;
	color:#fff;
	font-family:Open Sans, Verdana, Arial, sans-serif;
	text-shadow:0px 0px 0px #bbb;
	padding-bottom:0px;
	padding-top:7px;
	padding-left:25px;
	line-height:40px;	

}


h1 a{
	font-size:11px;	
	letter-spacing:2px;
	font-family: 'Trebuchet MS', 'Myriad Pro', Arial, sans-serif;
	color:#333;
	line-height:14px;
	padding-top:10px;
	text-shadow:none;
	text-transform:uppercase;
}

h1 a[aria-current="page"]{
	color:#3399cc;
}


.language {	
	height: 30px;
  	display: flex;
  	align: right;
	margin:3px;
	font-size:24px;
	letter-spacing:1px;
	text-align:right;
	color:#fff;
	font-family:Open Sans, Verdana, Arial, sans-serif;
	text-shadow:0px 0px 0px #bbb;
	padding-bottom:0px;
	padding-top:7px;
	padding-left:25px;	
	line-height:40px;	
float:right;

}
.language a{	
	font-size:11px;	
	letter-spacing:2px;
	text-align:right;
	font-family: 'Trebuchet MS', 'Myriad Pro', Arial, sans-serif;
	color:#333;
	line-height:14px;
	padding-top:10px;
	text-shadow:none;
	text-transform:uppercase;	
}
.language a[aria-current="page"]{
	color:#3399cc;
}
p:after {
	content: "";
	display: block;
	clear: both;
}

h2{	
	margin:1px;
	font-size:24px;
	letter-spacing:1px;
	text-align:center;
	color:#fff;
	font-family:Open Sans, Verdana, Arial, sans-serif;
	text-shadow:1px 1px 0px #bbb;
	padding-bottom:0px;
	padding-top:3px;
	padding-left:25px;
	line-height:30px;
	
}
h2 a{	
	font-size:10px;	
	letter-spacing:2px;
	font-family: 'Trebuchet MS', 'Myriad Pro', Arial, sans-serif;
	color:#333;
	line-height:14px;
	padding-top:10px;
	text-shadow:none;
	text-transform:uppercase;
	}

* {
  box-sizing: border-box;
}

.tripadvisor{	
	clear: left;
	margin: 0 auto;
	width: 17em;
}

.button {
  border: none;
  color: #fff;
  padding: 16px 32px;
  text-align:center;
  position:relative;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  text-transform:uppercase;
  transition-duration: 0.4s;
  cursor: pointer;
  background-color: #339966; 
opacity: 0.8;
  color: #fff; 
  width: 200px;
   text-align: center;
}
.button a {
  color: #fff;   
}
.button:hover {
  background-color: #99cc00;
  color: #fff;
  opacity: 1.0;
transition-duration: 0.9s;
  cursor: pointer;
}

/* Create two equal columns that floats next to each other */
.column {
  float: left;
  width: 50%;
  padding: 0px 15px 0px 15px;  
	line-height: 24px;
}
  .column img {
  max-width: 100%;
  height: auto;
 padding-top: 10px; 
 
 } 

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

.textcontent{	
  margin: auto;
  width: 63%;
  padding: 10px 10px 10px 10px;
 text-align: left;		
}


@media screen and (max-width: 920px) 
{   
	.umbruch::after {
        content: '\A';
        white-space: pre;    
    }
    
h1 {	
	margin:5px;
	font-size:24px;
	letter-spacing:1px;
	text-align:left;
	color:#fff;
	font-family:Open Sans, Verdana, Arial, sans-serif;
	text-shadow:0px 0px 0px #bbb;
	padding-bottom:0px;
	padding-top:10px;
	padding-left:25px;
	line-height:30px;	
	}
h1 a{
	font-size:10px;	
	letter-spacing:1px;
	font-family: 'Trebuchet MS', 'Myriad Pro', Arial, sans-serif;
	color:#333;
	line-height:12px;
	padding-top:10px;
	text-shadow:none;
	text-transform:uppercase;
	}

  .column  {
    width: 100%;
  }

}

 
 @media screen and (max-width: 620px) 
{

.umbruch::after {
        content: '\A';
        white-space: pre;    
    }

.language {	
	float: none;
	margin:0px;
}
    
h1 {	
	margin:2px;
	font-size:24px;
	letter-spacing:1px;
	text-align:left;
	color:#fff;
	font-family:Open Sans, Verdana, Arial, sans-serif;
	text-shadow:1px 1px 1px #bbb;
	padding-bottom:0px;
	padding-top:10px;
	padding-left:10px;
	line-height:25px;	
	}
h1 a{
	font-size:10px;	
	letter-spacing:0px;
	font-family: 'Trebuchet MS', 'Myriad Pro', Arial, sans-serif;
	color:#333;
	line-height:11px;
	padding-top:10px;
	text-shadow:none;
	text-transform:uppercase;
	}
	/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
  .column  {
    width: 100%;
  }
.textcontent{
	margin: auto;
  width: 100%;
  padding: 10px 10px 10px 10px;
 text-align: left;

}
.spacer{
padding:50px;
}
}


.content{
	margin:0px 0px 0px 0px;	
	
}