/* Allgemein
----------------------------------------------------------*/
body { background-color: #f5f5f5; margin: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; text-align: justify; background-image: url(../bilder/head.jpg); background-repeat: repeat-x; }

/* Überschriften  
----------------------------------------------------------*/
h1 { font-size: 20px; padding: 0px; margin: 0px 0px 0px 0px; color: #990000; font-weight: normal; font-style: italic; text-align: center; }
h2 { font-size: 14px; padding: 0px; margin: 0px 0px 10px 0px; color: #101016; font-weight: bold; text-align: center; }
h3 { font-size: 14px; padding: 0px; margin: 0px 0px 10px 0px; color: #101016; font-weight: bold; text-align: center; }
h4 { font-size: 16px; padding: 0px; margin: 40px 0px 10px 0px; color: white; font-weight: normal; font-style: italic; text-align: center; }
h5 { font-size: 12px; padding: 0px; margin: 8px 0px 0px 0px; color: white; font-weight: normal; font-style: italic; text-align: center; }
h6 { font-size: 12px; padding: 0px; margin: 0px 0px 10px 0px; color: #666666; font-weight: bold; }

.lefttext h3 { font-size: 14px; padding: 0px; margin: 0px 0px 10px 0px; color: #101016; font-weight: bold; text-align: left; }
.righttext h3 { font-size: 14px; padding: 0px; margin: 0px 0px 10px 0px; color: #101016; font-weight: bold; text-align: left; }
.speisetext h3 { font-size: 14px; padding: 0px; margin: 0px 0px 10px 0px; color: #990000; font-weight: bold; text-align: left; }
.speisetext h4 { font-size: 14px; padding: 0px; margin: 0px 0px 10px 0px; color: #101016; font-weight: bold; text-align: left; }
.speisetext h5 { font-size: 14px; padding: 0px; margin: -10px 0px 10px 0px; color: #990000; font-weight: bold; text-align: right; }
/* Menü 
----------------------------------------------------------*/
#menu-top { float: left; margin: 0px 0px 20px 10px; padding: 0px; height: 100px; width: 900px; overflow: hidden; }
#menu { float: left; margin: 0px 0px 0px 50px; padding: 0px; height: 100%; width: auto; }
#menu ul { float: left; margin: 0px; padding: 0px; }
#menu li { float: left; display: block; width: auto; height: 70px; padding: 0px 10px 0px 10px; }
#menu li.active, li.active:hover { background-color: #990000 !important; }

#menu li:hover { background-color: #000000; cursor: pointer; }
#menu a { color: #990000; font-weight: bold; font-size: 12px; text-decoration: none; letter-spacing: 0px; font-style: italic; width: auto; height: 30px; display: block; padding: 40px 0px 0px 0px; }
#menu a:hover { color: white; }
#menu li.active a { color: white; }

/* Bereich 1  
----------------------------------------------------------*/

#mastert { width: 60px; height: auto; margin: 0px; font-size: 10px; font-style: italic; text-align: right; position: absolute; right: 20px; }
#level1 { width: 980px; height: auto; margin: auto; overflow: auto; position: relative; }
#name { font-size: 24px; text-decoration: none; font-style: italic; font-weight: normal; color: white; margin: 20px 0px 0px 0px; float: left; padding: 0px; }
#namek { font-size: 14px; text-decoration: none; font-style: italic; font-weight: normal; color: white; margin: 0px 0px 0px 0px; float: left; padding: 0px; }
#name p { margin: 0px; padding: 0px; }
#header { width: 960px; height: 230px; margin: auto; background-image: url(../bilder/banner1.png); background-repeat: no-repeat; margin-bottom: 10px; }

#redmid { width: 980px; height: 310px; margin: auto; background-image: url(../bilder/redmid.jpg); background-repeat: no-repeat; margin-bottom: 0px; overflow: hidden; }

.circle { width: 240px; height: 245px; margin: 0px; padding: 10px 0px 0px 0px; float: left; }
#circlehead { margin: 0px 20px 0px 20px; padding: 20px 0px 5px 0px; border-bottom: 1px dotted #cccccc; }
#ctextback { width: 960px; height: auto; margin: auto; background-color: white; overflow: hidden; }
.circletext { width: 200px; height: auto; margin: 0px 20px 0px 20px; padding: 0px; float: left; border-bottom: 1px dotted #cccccc; }

.lefttext { width: 200px; height: auto; margin: 20px 0px 0px 20px; padding: 0px; float: left; }

.lefttext ul { float: left; margin: 0px; padding: 0px; }
.lefttext li { float: left; display: block; width: 200px; height: 16px; padding: 8px 5px 5px 5px; margin: 0px 0px 5px 0px; background-color: #f5f5f5; cursor: pointer; }
.lefttext li.active, li.active:hover { color: white; background-color: #990000 !important; }
.lefttext li.active a { color: white; font-weight: normal; }
.lefttext li:hover { background-color: #101016; }
.lefttext li:hover a { color: white; }
.lefttext li a { color: #101016; font-weight: bold; font-size: 12px; text-decoration: none; font-style: italic; font-weight: normal; width: 200px; height: 16px; display: block; }
.lefttext li a:hover { color: white; font-weight: normal; }

.righttext { width: 679px; height: auto; margin: 20px 20px 20px 20px; padding: 0px 0px 0px 20px; float: left; border-left: 1px dotted #cccccc; }
.speisetext { width: 679px; height: auto; margin: 20px 20px 20px 20px; padding: 0px 0px 0px 10px; float: left; border-left: 1px dotted #cccccc; }
.speisetext .zeile { margin-bottom: 10px; border-bottom: 1px dotted #cccccc; }
.speisetext .zeile:last-child { border-bottom: 0px dotted #cccccc; }
.speisetext:last-child { margin-bottom: 0px; }

.speisetext a {  color: #990000; text-decoration: none; letter-spacing: 0px; cursor: pointer; font-weight: bold; }
.speisetext a:hover {  color: #101016; text-decoration: none; letter-spacing: 0px; cursor: pointer; }

#button { width: auto; height: auto; margin: 0px; }
.wrapper-btn { width: 240px; float: left; height: auto; margin: 0px; }
.btn { width: 100px; height: 30px; padding: 0px; float: left; margin: 10px 70px 10px 70px; background-image: url(../bilder/buttonr.png); background-repeat: no-repeat; text-align: center; padding: 8px 0px 0px 0px; }
a.btn { color: white; font-weight: bold; font-size: 10px; text-decoration: none; font-style: italic; font-weight: normal; }
a.btn:hover { color: white; font-weight: normal; background-image: url(../bilder/buttonb.png); background-repeat: no-repeat; }


#shadow { width: 960px; height: 10px; margin: auto; background-image: url(../bilder/shadow.png); background-repeat: no-repeat; margin-bottom: 0px; padding: 0px; }

#head2 { width: 100%; height: 180px; margin: auto; padding: 0px; background-image: url(../bilder/head2.jpg); background-repeat: repeat-x; margin-top: 0px; }

#openwrap { width: 980px; height: auto; margin: auto; overflow: hidden; margin-top: 10px; }

.open { width: 120px; height: 70px; margin: 10px 10px 0px 10px; padding: 0px 0px 0px 0px; float: left; background-image: url(../bilder/opening.png); background-repeat: repeat-x; }
.opentext { width: 120px; height: auto; margin: 0px; padding: 10px 0px 0px 0px; float: left; text-align: center; font-style: italic; font-weight: bold; font-size: 10px; color: white; }
.opentext2 { width: 120px; height: auto; margin: 0px; padding: 8px 0px 0px 0px; float: left; text-align: center; font-style: italic; font-weight: normal; font-size: 11px; color: #101016; }
#more { width: 100%; height: auto; margin: auto; background-color: #101016; overflow: hidden; font-size: 10px; font-style: italic; }

#moretext { width: 980px; height: auto; margin: auto; }

.speakg { width: 370px; height: 40px; margin: 30px 0px 0px 20px; padding: 0px 0px 0px 0px; float: left; background-image: url(../bilder/speakg.png); background-repeat: no-repeat; }
.speakgt { width: 350px; height: auto; margin: 10px 0px 0px 20px; padding: 0px 10px 0px 10px; float: left; }
.speakk { width: 160px; height: 40px; margin: 30px 0px 0px 30px; padding: 0px 0px 0px 0px; float: left; background-image: url(../bilder/speakk.png); background-repeat: no-repeat; }
.speakkt { width: 140px; height: auto; margin: 10px 0px 0px 30px; padding: 0px 10px 0px 10px; float: left; }
#more a { font-size: 11px; color: #666666; text-decoration: none; letter-spacing: 0px; cursor: pointer; }
#more a:hover { color: white; }

#rechtliches { width: 100%; height: 100px; margin: auto; background-color: black; overflow: hidden; font-size: 10px; border-top: 1px dotted #222222; color: #333333; }
#rechtlichescont { width: 980px; height: auto; margin: auto; }
#footer { margin: 0px; padding: 0px; text-align: center; overflow: hidden; }
#footer ul { float: left; margin: 0px; padding: 0px; margin-top: 10px; }
#footer li { float: left; margin: 0px; padding: 6px; display: block; font-size: 11px; }
#footer a { text-decoration: none; letter-spacing: 0px; }
#footer a:hover { color: #666666; text-decoration: underline; }
#footer a.active { color: white; }

a { font-size: 10px; color: #333333; text-decoration: none; letter-spacing: 0px; cursor: pointer; }


/* Absätze  
----------------------------------------------------------*/
p { margin: 0px; padding: 0px; margin-bottom: 10px; }


/* FOOTER und SITE MAP 
----------------------------------------------------------*/

/* Schriften
----------------------------------------------------------*/

/* Form
----------------------------------------------------------*/

/* Divers
----------------------------------------------------------*/
acronym { border-bottom: 1px dotted #33AB10; cursor: help; }
abbr { border-bottom: 1px dotted #33AB10; cursor: help; }
blockquote { color: #33AB10; margin: 0px 0px 0px 0px; padding: 20px 30px 20px 30px; background-color: #F3FCEA; font-style: italic; }

.clear { clear: both; }

.social img:hover { cursor: pointer; }


/* Pretty Photo Gallery
----------------------------------------------------------*/
.clearfix:after { /* FF, IE8, O, S, etc. */ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#ph-gallery ul { margin: 0px 10px 10px 0px !important; padding: 0px !important; }
#ph-gallery ul li { list-style-type: none; float: left; margin: 0px 10px 10px 0px !important; padding: 0px !important; }