.nav {position:relative;display:block;font-family:"Helvetica",Arial,sans-serif;font-size:14px;font-weight:100}
.nav ul {list-style:none;padding:0;text-align:left;position:relative;margin-top:0}
.nav ul li {float:left;*display:inline;zoom:1;position:relative}
.nav ul li span.arrow {display:block; /* "display:none" to hide arrows for the non-mobile nav */position:absolute;top:32px;color:#ffffff;width:20px;left:50%;margin-left:-10px;text-align:center;font-size:7px;z-index:5;cursor:pointer}
.nav ul li a {display:block;color:#ffffff;padding:15px 20px;background:#50AD51B3;border-bottom:1px solid #535353;text-decoration:none}
.nav ul li ul {list-style:none;padding:0;display:none;position:absolute;left:0;width:160px}
.nav ul li ul li {width:160px}
.nav ul li ul li a {background:#7DBE7DB3;border-bottom:1px solid #606060;display:block;padding:15px}
.nav ul li ul li a:hover {background:#606060}
.nav ul li:hover a {background:#535353}
.nav ul li:hover a:hover {background:#535353}
.nav ul li:hover ul {display:block}
.nav ul li:hover ul a {background:#535353}
.nav ul li:hover ul a:hover {background:#606060}
.nav .nav-bars {display:none;position:absolute;top:0;right:0;color:#464646;font-size:24px;cursor:pointer}
.nav .nav-bars i {color:#50ad51;font-weight:bold;padding-right:10px}
.nav .nav-bars {position:fixed;top:10px;z-index:1000}
.nav.mobile {width:100%;padding-top:30px}
.nav.mobile ul {display:none}
.nav.mobile ul li {width:100%;float:none}
.nav.mobile ul li span.arrow {display:block;top:6px;font-size:16px;margin:0;right:2px;left:auto;padding:10px}
.nav.mobile ul li span.arrow:hover {color:#aaa}
.nav.mobile ul li span.arrow.arrow-rotate {-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}
.nav.mobile ul li a {padding:15px;font-size: 16px;font-weight: bold}
.nav.mobile ul li ul {position:static;width:100%}
.nav.mobile ul li ul li {width:100%}
.nav.mobile ul li:hover a {background:#464646;border-bottom:1px solid #606060}
.nav.mobile ul li:hover a:hover {background:#535353}
.nav.mobile ul li:hover ul {display:none}
.nav.mobile ul li:hover ul a {background:#535353}
.nav.mobile ul li:hover ul a:hover {background:#606060}
.nav.mobile .nav-bars {display:block}
#breadcrumb {display:none}
@media all and (min-width:769px) {.nav, .rix {display:none}}

@media all and (max-width:768px) {
#navigation {display:none}
#website,.footer {width:98%;padding-top:10px}
#main {float:none;width:100%;margin-top:0}
.book {margin-top:5px}
#news {display:none}
.rix {width:98%;font-weight:bold;float:right;text-align:left;font-size:18px;display:block;height:30px;margin:0px auto}
.rix {width:100%;height:34px;margin:-5px auto;padding-top:11px;background-color:#fff;position:fixed;z-index:1000;padding-left:15px;border-bottom:1px solid #000}
.rix a {display:block;width:220px;text-decoration:none;color: #464646;background:url(/wappen.gif) no-repeat left top;height:25px;padding-left:20px}
#main-block h1 {margin-top:0px}

#header,#header_01,#header_06,#header_07,#header_08,#header_09 {display:block;margin:0 auto;padding:10px 0;min-height:60px;background-image:none;width:100%}
#logo a {display:none;height:0;width:0;text-indent:0}
#google {margin:0 auto;display:block;min-height:60px;width:100%;text-align:center}
#breadcrumb {left:10px}
#website {border:none}
}

img {max-width:100%;height:auto}