@charset "utf-8";
/* CSS Document */

#wrapper{   
width:100%;
min-width:1024px;
background:#CCC; 
font-size-adjust:none;
overflow: hidden;
}

#header{
width:1024px;
height:1050px;
margin:0 auto;
position:relative;
}

.logo{
position:absolute;
width:100px;
height:100px;
top:500;
left:0;
z-index:10;
}

#background{
position:absolute;
background-position:center;
left:50%;
float:left;
width:2600px;
height:1050px;
margin-left:-1300px;
overflow:hidden;
z-index:1;
}

#header-top{
position:absolute;
left:130px;
width:894px;
height:80px;
background:#FFF;
font-size:12px;
margin:0 auto;
z-index:2;
}

ul#de{ 
position:absolute;
top:5px;
left:630px;
float:left;
list-style:none;
}

ul#en{
position:absolute;
top:5px;
left:665px;
float:left;
list-style:none;
}

ul#lage-anreise{
position:absolute;
top:5px;
left:720px;
float:left;
list-style:none;
}

ul#impressum{
position:absolute;
top:5px;
left:810px;
float:left;
list-style:none;
}

ul#site-notice{ 
position:absolute;
top:5px;
left:820px;
float:left;
list-style:none;
}

ul#de li,
ul#en li,
ul#lage-anreise li,
ul#impressum li,
ul#site-notice li{   
float:left;
}

ul#de li a,
ul#en li a,
ul#lage-anreise li a,
ul#impressum li a,
ul#site-notice li a{   
color:#999;
text-decoration:none;
transition: color .15s ease-in-out;
-o-transition: color .15s ease-in-out;
-ms-transition: color .15s ease-in-out;
-moz-transition: color .15s ease-in-out;
-webkit-transition: color .15s ease-in-out;
}

ul#de li a:hover,
ul#en li a:hover,
ul#lage-anreise li a:hover,
ul#impressum li a:hover,
ul#site-notice li a:hover{  
color:#333;
}

#main-content{
position:absolute;
top:620px;
width:1024px;
margin:0 auto;
z-index:3;
}

#main-content .column1{
width:520px;
float:left;
}

#main-content .headline{
width:520px;
background:#7d4659;
font-size:18px;
color:#FFF;
float:left;
padding:20px;
}

#main-content .content{
width:520px;
background:#FFF;
float:left;
padding:20px;
}

#main-content .column2{
width:340px;
background:#FFF;
float:left;
margin-left:124px;
padding:0 20px 20px 20px;
}

#main-content .column2-1{
width:150px;
float:left;
margin-top:20px;
}

#main-content .column2-2{
width:170px;
float:left;
margin-left:20px;
margin-top:20px;
}

#main-content .column2 a{
color:#7d4659;
text-decoration:none;
}

#main-content .column2 a:hover{
color:#4a192a;
}

#weather{	
position:absolute;
top:510px;
left:644px;
width:170px;
height:60px;
background:#4a192a;
float:left;
z-index:6;
border-bottom:solid 10px #7d4659;
}

#livecam{	
position:absolute;
top:510px;
left:854px;
width:170px;
height:60px;
background:#4a192a;
float:left;
z-index:6;
border-bottom:solid 10px #7d4659;
}

nav {
position:absolute;
top:80px;
left:130px;
width:894px;
margin:auto;
z-index:2;
}
nav ul {
padding: 0px;
margin: 0px;
}
nav ul:after {
clear: both;
content: " ";
display: block;
font-size: 0;
height: 0;
visibility: hidden;
}
nav ul,nav ul li{
background-color: #FFF;
}
nav ul li {
list-style: none;
float:left;
}
nav ul li a {
text-decoration: none;
display: block;
color: #333;
padding: 16px 21px 15px 21px;
}
nav ul li:hover > ul {
visibility: visible;
}
nav ul li ul{
display: inline;
visibility: hidden;
position: absolute;
padding:0px;
}
nav ul li ul li{
float: none;
}
nav ul li ul li a:hover{
color: #CCC;
}

nav ul {
padding: 0px;
margin: 0px;
}

nav ul li {
list-style: none;
float:left;
}
nav ul li a {
text-decoration: none;
display: block;
color: #666;
text-transform:uppercase;
font-weight:400;
padding: 16px 21px 15px 21px;
 
-webkit-transition: background 0.3s ease-out 0s;
-moz-transition: background 0.3s ease-out 0s;
-o-transition: background 0.3s ease-out 0s;
transition: background 0.3s ease-out 0s;
}
nav ul li.cat1:hover a, nav ul li.cat1:hover > ul li a  {
background-color: #4a192a;
}
nav ul li.cat2:hover a, nav ul li.cat2:hover > ul li a  {
background-color: #4a192a;
}
nav ul li.cat3:hover a, nav ul li.cat3:hover > ul li a {
background-color: #4a192a;
}
nav ul li.cat4:hover a, nav ul li.cat4:hover > ul li a {
background-color: #4a192a;
}
nav ul li.cat5:hover a, nav ul li.cat5:hover > ul li a {
background-color: #4a192a;
}
nav ul li.cat6:hover a, nav ul li.cat6:hover > ul li a {
background-color: #4a192a;
}
nav ul li:hover > a {
color: #FFF;
}
nav ul li ul li a {
color: #FFF;
}
nav ul li ul li a:hover{
color: #333;
background-color: #FAF9F5 !important;
}