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

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

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

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

#background{   
position:absolute;
background-position:center;
left:50%;
float:left;
width:2600px;
height:700px;
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;
}

a{
color:#333;
text-decoration:none;
}

a:hover{
color:#999;
}

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

#main-content .headline{
width:994px;
background:#000;
font-size:18px;
color:#FFF;
float:left;
padding:20px 0 20px 30px;
opacity:0.8;
}

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

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

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;
}