body {background: #fff; margin:0; padding:0; overflow:none; }

/*
font-family: 'Cinzel Decorative', cursive;
font-family: 'Roboto Condensed', sans-serif;
*/
 
h1 { color:#fff; font-family:'Cinzel Decorative', cursive; font-size:80px; font-weight:400;  text-shadow:0 0 5px #000;}
h2 { color:#fff; font-family:'Roboto Condensed', sans-serif; font-size:50px; font-weight:300; text-shadow:0 0 5px #000; }
h3 { color:#fff; font-family:'Roboto Condensed', sans-serif; font-size:20px; font-weight:300;  text-shadow:0 0 5px #000;}
h4 { color:#fff; font-family:'Cinzel Decorative', cursive; font-size:30px; font-weight:400; text-shadow:0 0 5px #000;}

#norm { color:#fff; font-family:'Roboto Condensed', sans-serif; font-size:20px; font-weight:300; text-align:left;  line-height: 20px; text-shadow:0 0 5px #000;}
#bold { color:#fff; font-family:'Roboto Condensed', sans-serif; font-size:20px; font-weight:400; text-align:left;  line-height: 20px; text-shadow:0 0 5px #000;}


#low { color:#000; font-family: 'Roboto Condensed', sans-serif; font-size:11px;}
#high {  color:#000; font-family:'Roboto Condensed', sans-serif; font-size:16px;}
#little { color:#fff; font-family: 'Roboto Condensed', sans-serif; font-style:italic; font-weight:300; font-size:11px;}

#main { width:100%; height:100%;  position:absolute; }
#content {width:800px; height:200px; top:50%; left:50%; margin-left:-400px; margin-top:-100px; position:absolute; }
#site { width:800px; text-align:center; position:relative; }
#logo { width:800px; height:600px; top:50%; left:50%; margin-left:-400px; margin-top:-300px; position:absolute;}
#schlagwort { width:500px; }



a { text-decoration: none; color: #000; }
#navi {width:100%; height:65px; top:0; background:URL(../images/black_30pro.png); border-top:5px solid #FFF; position:fixed; z-index:9999;}
#btn {width:70px; height:60px; float:left;}
li img {width:60px; margin-bottom:5px; }


#footer { background:#FFF; width: 96%; margin: 0; height: auto; bottom: 0; position: fixed; text-align: right; z-index: 9999; padding:5px 2% ;}



/*****NAVIGATION*****/
#head_nav {font-family:'Roboto Condensed', sans-serif; font-size:25px;  font-weight:300; display:block; padding:16px 5px; text-transform:uppercase; text-decoration:none;}
.nav, .nav ul {padding:0; margin:0; list-style:none;}
.nav {position:relative;  left:40px; width:auto;}
.nav ul {top:65px; }
.nav ul {position:absolute;  left:0; height:60; overflow:hidden;}
.nav li {float:left; position:relative;   }
.nav li a {font-family:'Roboto Condensed', sans-serif; font-size:20px; font-weight:300; display:block; padding:0 10px; color: #fff; text-decoration:none; 
-webkit-transition: 0.6s;
-moz-transition: 0.6s;
-o-transition: 0.6s;
transition: 0.6s;
}

.nav li:hover ul li a { line-height:40px;}
.nav ul li a:hover {background:#fff; color:#000;}

.nav li:hover > a { background:#FFF; color:#000;}

.nav li:hover ul.sub1 {width:200px; height:200px;}
.nav li:hover ul.sub2 {width:200px; height:200px;}
.nav li:hover ul.sub3 {width:200px; height:200px;}
.nav li:hover ul.sub4 {width:200px; height:200px;}
.nav li:hover ul.sub5 {width:200px; height:200px;}

.nav ul li {width:100%; opacity:0;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s; 
transition: 0.5s;
}
.nav li ul li.p1 {
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
}
.nav li ul li.p2 {
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
}
.nav li ul li.p3 {
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
}
.nav li ul li.p4 {
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
}
.nav li ul li.p5 {
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
}
.nav li ul li.p6 {
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
}

.nav li:hover ul li {opacity:1;}

.nav li:hover ul li.p1 {
-webkit-transition-delay: 0.5s;
-moz-transition-delay: 0.5s;
-o-transition-delay: 0.5s;
transition-delay: 0.5s;
}
.nav li:hover ul li.p2 {
-webkit-transition-delay: 0.6s;
-moz-transition-delay: 0.6s;
-o-transition-delay: 0.6s;
transition-delay: 0.6s;
}
.nav li:hover ul li.p3 {
-webkit-transition-delay: 0.7s;
-moz-transition-delay: 0.7s;
-o-transition-delay: 0.7s;
transition-delay: 0.7s;
}
.nav li:hover ul li.p4 {
-webkit-transition-delay: 0.8s;
-moz-transition-delay: 0.8s;
-o-transition-delay: 0.8s;
transition-delay: 0.8s;
}
.nav li:hover ul li.p5 {
-webkit-transition-delay: 0.9s;
-moz-transition-delay: 0.9s;
-o-transition-delay: 0.9s;
transition-delay: 0.9s;
}
.nav li:hover ul li.p6 {
-webkit-transition-delay: 1s;
-moz-transition-delay: 1s;
-o-transition-delay: 1s;
transition-delay: 1s;
}

.nav ul li a {background:URL(../images/black_30pro.png); color:#fff; line-height:1px;
-webkit-transition: 1.5s;
-moz-transition: 1.5s;
-o-transition: 1.5s;
transition: 1.5s;
}