* {margin:0; padding:0; }


body { font-family:gentium basic, georgia, times, serif; background-color:#3b4b4b; background-image: url("schneeflocken.png"); height: 100%; padding-bottom:50px;}

.clearright {clear: right;}

strong {color:#3b4b4b; font-weight: 900;}


div#zentriert { margin-left:auto; margin-right:auto; max-width:1000px; position:relative; min-height: 100%;} 
div#grau { height:420px; padding:0px; padding-top:5px; }



div#name {background-color:rgba(249,238,218,0.6); color:#3b4b4b; max-width:1000px; margin-top: 37px;}
div#name ul { width:50%; margin-top:35px; margin-left:50%; list-style-type:none; text-align:right; padding-top:10px; padding-bottom: 10px;}

div#name li.title { margin-right:50px;}
div#name li.tex { margin-top:10px; margin-right:50px; }

div#name p { font-size:90%; }

div#name h1 { font-size:100%; }
div#name h2 { font-size:200%; font-family: purisa, gentium, georgia, times, serif;}
div#name h3 {font-size:100%; }

div#name_shop {background-color:rgba(59,75,75,0.7); color:#f9eeda; max-width:1000px; margin-top: 37px;}
div#name_shop ul { width:50%; margin-top:35px; margin-left:50%; list-style-type:none; text-align:right; padding-top:10px; padding-bottom: 10px;}

div#name_shop li.title { margin-right:50px;  }
div#name_shop li.tex { margin-top:10px; margin-right:50px; }

div#name_shop p { font-size:90%; }

div#name_shop h1 { font-size:90%; }
div#name_shop h2 { font-size:180%; }
div#name_shop h3 {font-size:90%; }

div#grau img {float:left; margin-top:35px; }

div#navigation img { position:absolute; top:20px; left:50px; z-index:10;}



div#inline1 {position: fixed; bottom: 0; right:0; background-color:rgba(59,75,75,0.7); width:100%; z-index: 1100;}

div.flex-container {display: flex; flex-direction:row; flex-wrap: wrap; max-width:1000px; margin-left: auto; margin-right: auto; padding-top: 5px; padding-bottom: 5px; }
p.flex {  margin:5px; vertical-align:top; padding:0; font-size: 90%; text-align: center; flex:auto;  background-color:#b15c40;  }
p.flex2 {  margin:5px; vertical-align:top; padding:0; font-size: 90%; text-align: center; flex:auto;  background-color:#7f9342;  }

div#inline1 .flex-container a.braun:link { text-decoration:none; display:block; text-align:center; padding:2px 5px 2px 5px; color:#f9eeda; background-color:#b15c40;}
div#inline1 .flex-container a.braun:visited { text-decoration:none; display:block; text-align:center; padding:2px 5px 2px 5px; color:#f9eeda; background-color:#b15c40;}
div#inline1 .flex-container a.braun:focus { text-decoration:none; display:block; text-align:center; padding:2px 5px 2px 5px; color:#b15c40;background-color:#f9eeda;}
div#inline1 .flex-container a.braun:hover { text-decoration:none; display:block; text-align:center; padding:2px 5px 2px 5px; color:#b15c40; background-color:#f9eeda;}
div#inline1 .flex-container a.gruen:link { text-decoration:none; display:block; text-align:center; padding:2px 5px 2px 5px; color:#f9eeda; background-color:#7f9342;}
div#inline1 .flex-container a.gruen:visited { text-decoration:none; display:block; text-align:center; padding:2px 5px 2px 5px; color:#f9eeda; background-color:#7f9342; }
div#inline1 .flex-container a.gruen:focus { text-decoration:none; display:block; text-align:center; padding:2px 5px 2px 5px; color:#7f9342; background-color:#f9eeda;}
div#inline1 .flex-container a.gruen:hover { text-decoration:none; display:block; text-align:center; padding:2px 5px 2px 5px; color:#7f9342; background-color:#f9eeda;}

div#inline2 {position: fixed; top: 0; right:0; background-color:rgba(59,75,75,0.7); width:100%; z-index: 1100; height: 42px;}

div#inline2 .flex-container a.braun:link { text-decoration:none; display:block; text-align:center; padding:2px 5px 2px 5px; color:#f9eeda; background-color:#b15c40;}
div#inline2 .flex-container a.braun:visited { text-decoration:none; display:block; text-align:center; padding:2px 5px 2px 5px; color:#f9eeda; background-color:#b15c40;}
div#inline2 .flex-container a.braun:focus { text-decoration:none; display:block; text-align:center; padding:2px 5px 2px 5px; color:#b15c40;background-color:#f9eeda;}
div#inline2 .flex-container a.braun:hover { text-decoration:none; display:block; text-align:center; padding:2px 5px 2px 5px; color:#b15c40; background-color:#f9eeda;}
div#inline2 .flex-container a.gruen:link { text-decoration:none; display:block; text-align:center; padding:2px 5px 2px 5px; color:#f9eeda; background-color:#7f9342;}
div#inline2 .flex-container a.gruen:visited { text-decoration:none; display:block; text-align:center; padding:2px 5px 2px 5px; color:#f9eeda; background-color:#7f9342; }
div#inline2 .flex-container a.gruen:focus { text-decoration:none; display:block; text-align:center; padding:2px 5px 2px 5px; color:#7f9342; background-color:#f9eeda;}
div#inline2 .flex-container a.gruen:hover { text-decoration:none; display:block; text-align:center; padding:2px 5px 2px 5px; color:#7f9342; background-color:#f9eeda;}

div#inline3 {position: fixed; top: 0; right:0; background-color:rgba(59,75,75,0.7); width:100%; z-index: 1100; height: 42px;}

div#inline3 .flex-container a.blau:link { text-decoration:none; display:block; text-align:center; padding:2px 5px 2px 5px; color:#f9eeda; background-color:#b15c40;}
div#inline3 .flex-container a.blau:visited { text-decoration:none; display:block; text-align:center; padding:2px 5px 2px 5px; color:#f9eeda; background-color:#b15c40;}
div#inline3 .flex-container a.blau:focus { text-decoration:none; display:block; text-align:center; padding:2px 5px 2px 5px; color:#b15c40;background-color:#f9eeda;}
div#inline3 .flex-container a.blau:hover { text-decoration:none; display:block; text-align:center; padding:2px 5px 2px 5px; color:#b15c40; background-color:#f9eeda;}
div#inline3 .flex-container a.gruen:link { text-decoration:none; display:block; text-align:center; padding:2px 5px 2px 5px; color:#f9eeda; background-color:#7f9342;}
div#inline3 .flex-container a.gruen:visited { text-decoration:none; display:block; text-align:center; padding:2px 5px 2px 5px; color:#f9eeda; background-color:#7f9342; }
div#inline3 .flex-container a.gruen:focus { text-decoration:none; display:block; text-align:center; padding:2px 5px 2px 5px; color:#7f9342; background-color:#f9eeda;}
div#inline3 .flex-container a.gruen:hover { text-decoration:none; display:block; text-align:center; padding:2px 5px 2px 5px; color:#7f9342; background-color:#f9eeda;}


div#hauptteil { clear:left; margin-left:0px; margin-top:5px; }


div#navigation { margin-top:10px; }
div#navigation li.unsichtbar {display: none;}

div#navigation ul {list-style-type:none; font-size:90%; }
div#navigation ul.left {float:left; }

div#navigation li { width:180px; margin-bottom:5px; padding:0; }
div#navigation li.shoplink {margin-top: 20px; margin-bottom:5px; }
div#navigation li.shoplink_aktuell {margin-top: 20px; margin-bottom:5px; }
div#navigation li.shoplink_aktuell a {color:#f9eeda; background-color:#3b4b4b; }


div#navigation li.keys { border:none; margin-top:40px; }

div#navigation a:link { text-decoration:none; display:block; text-align:center; padding-top:2px; padding-bottom:2px; }

div#navigation a:visited { text-decoration:none; display:block; text-align:center; padding-top:2px; padding-bottom:2px; }

div#navigation a:focus { text-decoration:none; display:block; text-align:center; padding-top:2px; padding-bottom:2px; }

div#navigation a:hover { text-decoration:none; display:block; text-align:center; padding-top:2px; padding-bottom:2px; }



div#navigation li.aktuell a { color:#f9eeda; background-color:#3b4b4b; text-decoration:none; text-align:center; padding-top:2px; padding-bottom:2px; }

div#navigation li.unter_aktuell a { color:#f9eeda; background-color:#3b4b4b; text-decoration:none; text-align:center; padding-top:2px; padding-bottom:2px; }


div#navigation li.ohne_rahmen { border:none; margin-bottom:0; }

div#navigation ul.untermenue {margin-left:20px; font-size: 90%; }
div#navigation li.untermenue {display: inline-block; width: 120px;}

div#navigation li.unter {width: 180px;}
div#navigation li.unter_aktuell {width: 120px;}

div#navigation ul.unterunter {margin-left:40px; }



div#inhalt { width:50%; float:right; margin-top:20px; }


div#inhalt h1 { font-size:120%;}

div#inhalt h2 { font-size:100%; margin-top:10px;}

div#inhalt h3 { font-size:90%; margin-top:15px; }



div#inhalt p { color:#000000; margin:15px 0; font-size: 100%; font-style: italic;}
div#inhalt p.abstand { margin-bottom:80px; }
div#inhalt p.einstieg { color:#014524; font-style:italic; font-size:100%; font-family:helvetica, arial, sans-serif; }
div#inhalt p.abst_oben { margin-top:50px; }

div#inhalt a:link { font-weight:bold; text-decoration:underline; }
div#inhalt a:visited {  font-weight:bold; text-decoration:underline; }
div#inhalt a:hover {  font-weight:bold; text-decoration:underline; }
div#inhalt a:focus {  font-weight:bold; text-decoration:underline; }




div#inhalt img.formel { margin-top:20px; }
div#inhalt .links { float:left; }
div#inhalt .rechts { float:left; margin-left:50px; margin-bottom:30px; }


div#inhalt .clear { clear:left; }

.clearleft {clear: left;}

div#inhalt .w3 { margin-top:50px; }



div#inhalt .letzter { float:right; margin-bottom:100px; }
div#inhalt .letzter a:link { color:#7f9342; font-weight:normal; text-decoration:underline; }
div#inhalt .letzter a:visited { color:#7f9342; font-weight:normal; text-decoration:underline; }
div#inhalt .letzter a:hover { color:#b15c40; font-weight:normal; text-decoration:underline; }
div#inhalt .letzter a:focus { color:#b15c40; font-weight:normal; text-decoration:underline; }



div#texte { width:100%; margin-top:0px; clear:left; min-height: 100%;}

div#texte h1 { font-size:140%; margin-left:100px; padding-top:20px;color:#3b4b4b; margin-top:50px; font-family: purisa, gentium, georgia, times, serif;}
div#texte h2 { font-size:120%; margin-left:100px; margin-top:30px;color:#3b4b4b;}
div#texte h3 { font-size:100%; margin-left:100px; margin-top:15px; margin-bottom:20px; color:#3b4b4b;}
div#texte h4 { font-size:90%; margin-left:100px; margin-top:10px;color:#3b4b4b; margin-bottom: 0; }
div#texte p { color:#000000; margin:20px 100px 20px 100px; font-size: 95%;}
div#texte p.table { color:#000000; margin:10px 30px 10px 30px; font-size: 90%;}
div#texte img.right {float:right; margin: 20px 20px 20px 20px; }
div#texte img.right2 {float:right; margin: 20px 45px 20px 20px; }
div#texte img.right3 {float:right; margin: 15px 50px 15px 100px; }
div#texte img.right_b {float:right; margin:20px; }
div#texte img.portrait {float:right; margin-right:0px;}
div#texte img.left {float:left; margin:20px; margin-left: 100px; margin-top: 10px;}
div#texte p.klein {font-size: 95%; font-style: italic; color:#3b4b4b; margin-bottom: 10px; margin-top: 10px;}
div#texte span.klein {font-size: 95%; font-style: italic; color:#3b4b4b; margin-bottom: 10px; margin-top: 10px;}
div#texte p.leseprobe {margin-top: 10px; margin-bottom: 10px;}
div#texte p.leseprobe_absatz1 {margin-top: 20px; margin-bottom: 10px;}
div#texte p.leseprobe_unten {margin-top: 20px; margin-bottom: 40px;}
div#texte p.leseprobe_schmal {margin-top: 10px; margin-bottom: 10px; width: 40%; margin-left: 200px; margin-bottom: 20px; margin-top: 20px;}
div#texte p.cover {font-size: 90%; margin-top: 45px;}
div#texte img.kartentitel {float:left; margin:20px; margin-left: 100px; margin-top: 30px;}
div#texte p.zurueck {float:right; display:block; background-color:#7f9342;  border-radius: 7px; padding:8px 12px 8px 12px; font-size: 90%;}

div#texte p.clearright2 {margin:0px; padding:0px; height:6px;}

div#texte p.braun {color:#b15c40; font-size:90%; }

div#texte video.right {float:right; margin:20px; }

div#texte dl {float:right; margin:20px;}
div#texte dd {float:right; width:400px; font-style:italic; font-size:95%;  }
div#texte dd.blog {float:right; width:400px; font-style:italic; font-size:95%;  color:#b15c40; }
div#texte dd.b_800 {float:right; width:800px; font-style:italic; font-size:95%; color:#b15c40; }
div#texte dt {font-size: 90%;}
div#texte dd.schmal {float:right; width:300px; font-style:italic; font-size:95%;  }
div#texte dd.buch {float:right; width:250px; font-style:italic; font-size:95%;  }

div#texte dl.nonefloat {float:none; margin-left: 100px; width: 420px;}
div#texte dd.nonefloat {float:none; width:400px;  font-size:90%;  margin-bottom:10px; padding: 0px 10px 10px 10px; }
div#texte dd.nonefloat2 {float:none; width:400px; font-style:normal; font-size:90%; margin-bottom:20px;  }
div#texte dt.nonefloat {float:none; width:400px; font-size:90%;   padding: 10px; }
div#texte dl.nonefloat3 {float:none; margin-left: 100px; border-top: 0px solid #3b4b4b; border-left: 0px solid #3b4b4b; width: 420px; }

div#texte dl.video {float:none; margin-left: 100px; border-top: 0px solid #3b4b4b; border-left: 0px solid #3b4b4b; width: 420px;}

div#texte dl.table {margin-left: 10px;}
div#texte dd.table {width: 200px; font-size: 90%; margin-top: 5px;}
div#texte dd.table2 {width: 250px; font-size: 90%; margin-top: 5px; font-style: normal;}

div.mobil {display:none; }

table.pc {table-layout:fixed; width:1000px; margin-bottom: 0px; margin-left: auto; margin-right: auto; border-collapse:collapse; text-align:center; font-size:90%; margin-top: 0px; text-align:center;border-bottom: double 0px #b15c40;}

div#texte h3.pc1 {font-size:100%; margin-left:0px; margin-top:5px; margin-bottom:15px; color:#3b4b4b;}
div#texte h2.pc1 {font-size:120%; margin-left:0px; margin-top:5px; margin-bottom:15px; color:#3b4b4b;}
div#texte h3.pc5 {font-size:100%; margin-left:0px; margin-top:5px; margin-bottom:15px; color:#f8f4ee;}
div#texte h2.pc5 {font-size:120%; margin-left:0px; margin-top:5px; margin-bottom:15px; color:#f8f4ee;}
div#texte h1.pc1 {font-size:200%; margin-left:0px; margin-top:5px; margin-bottom:15px; color:#3b4b4b;}
tr.pc1 {height: 200px; border: solid 0px #3b4b4b;}
td.pc1 {padding:20px; vertical-align: middle; border: solid 1px #b15c40;}
td.pc6 {padding:20px; vertical-align: middle; border: solid 1px #3b4b4b;}
td.pc3 {padding:0px; vertical-align: middle; border: solid 1px #3b4b4b;}
td.pc2 {padding:0px; vertical-align: middle; border: solid 0px #3b4b4b; background-color: #f9eeda;}
td.pc4 {padding:20px; vertical-align: middle; border: solid 1px #b15c40; background-color: #b15c40;}
td.pc5 {padding:20px; vertical-align: middle; border: solid 1px #3b4b4b; background-color: #3b4b4b; color: #f8f4ee;}
div#texte img.pc1 {margin:0px; padding:0px; width: 190px; height:200px; }
div#texte img.pc2 {margin:0px; padding:0px; width: 190px; height:auto; }


dl.uebermich {float: right; padding-left: 40px; padding-right: 40px;padding-bottom: 20px;}

div#texte ul {margin-left: 100px; list-style: none; font-size: 90%;}

div#texte ul.versand {margin-left: 100px; list-style: none; font-size: 95%; max-width: 800px;}
div#texte ul.versand2 {margin-left: 50px; list-style: disc; font-size: 95%; margin-bottom: 20px;}

div#texte ul.list1 {margin-left: 120px; margin-top:20px; list-style: circle; font-size: 90%;}

div#texte ol.daten { list-style-type:lower-latin; margin-left: 120px; color: black; width: 80%; font-size:90%; margin-bottom:30px; }
div#texte ul.daten { list-style-type: disc; margin-left: 120px; width: 80%;}

.rechts {text-align:right; margin:50px;}

td.block {text-align:justify; font-size: 90%;}
td.buch { font-size: 90%;}

div.flex-con1 {display: flex; flex-direction:row; flex-wrap: wrap; max-width:1000px; margin-left: auto; margin-right: auto; padding-top: 5px; padding-bottom: 5px; padding-left: 80px; padding-right: 75px;}
div#texte dl.flex_kartenliste {  margin:5px; vertical-align:top; padding:10px; font-size: 90%; text-align: center; flex:auto;  background-color:#f8f4ee;  max-width: 250px; margin-left: auto; margin-right: auto; border: solid 1px #b15c40;}
div#texte dd.flex_kartlis {width: 240px; font-size: 90%; margin-top: 5px; font-style: normal; float: none; text-align: center; margin-left: auto; margin-right: auto; }

div#texte strong.kartenlis {font-size: 110%; display: block;}
div#texte dl.flex_kartenliste2 {  margin:5px; vertical-align:top; padding:10px; font-size: 90%; text-align: center; flex:auto;  background-color:#f8f4ee;  max-width: 200px; margin-left: auto; margin-right: auto; border: solid 1px #b15c40;}
div#texte dd.flex_kartlis2 {width: 200px; font-size: 90%; margin-top: 5px; font-style: normal; float: none; text-align: center; margin-left: auto; margin-right: auto; }



div#sage {padding-top: 0px; padding-bottom: 10px;}
div#sage p {margin-left: 50px;}
div#sage h2 {margin-left: 50px;}
div#sage h3 {margin-left: 50px;}

div#ort {  padding-top: 0px; padding-bottom: 10px;}
div#ort p {margin-left: 50px;}
div#ort h2 {margin-left: 50px;}
div#ort h3 {margin-left: 50px;}

div#wulflam {  padding-top: 0px; padding-bottom: 10px;}
div#wulflam p {margin-left: 50px;}
div#wulflam h2 {margin-left: 50px;}
div#wulflam h3 {margin-left: 50px;}

div#leseprobe { padding-top: 0px; padding-bottom: 10px;}
div#leseprobe p {margin-left: 50px;}
div#leseprobe h2 {margin-left: 50px;}
div#leseprobe h3 {margin-left: 50px;}

div#karte { padding-bottom: 50px;}


div#ende {  margin-top:30px; color:#000000; font-style:italic; font-size: 95%;padding-bottom:50px;}
div#ende {border-top:solid 1px #3b4b4b;}
div#ende p {margin-top:20px; padding-bottom:20px; text-align:center; font-style:italic;  }

div#inhalt p.hinweis strong { color:#014524; }
td {vertical-align:top;  text-align:center; padding-bottom:10px; border:0px solid; background-color: #f8f4ee;}
table {margin-left:80px; width:80%; margin-top:10px; font-size: 100%; border-collapse: separate;border-spacing: 10px 10px;}
table.termine {margin-left:80px; width:80%; margin-top:5px; font-size: 90%; border-collapse: separate; border-spacing: 5px 5px;  }
td.termine {vertical-align: middle; text-align: center; padding: 5px;}
th.termine {vertical-align: middle; text-align: center; padding: 5px; color: #b15c40; font-weight: bold; border-bottom-color: #b15c40; border-bottom-width:1px; border-bottom-style: solid;}

div.neues {background-color: #f8f4ee; border-top: double 3px #b15c40;  margin-top:10px; padding-bottom: 0px; margin-bottom: 0px;}
div#texte p.neues { margin-left:50px; margin-top:40px;}
div#texte h2.neues {margin-top: 20px; margin-left:50px;}
div.neues2 {max-width:900px; background-color: #f8f4ee; border: solid 1px #b15c40;  margin-top:10px; margin-bottom: 10px; margin-left:50px; padding-bottom: 0px; margin-bottom: 0px;}

div.flex-con2 {display: flex; flex-direction:row; flex-wrap: wrap; max-width:1000px; margin-left: auto; margin-right: auto; padding-top: 5px; padding-bottom: 5px; padding-left: 100px; padding-right: 75px;}

div#texte dd.detail {width: 240px; font-size: 100%; margin-top: 5px; font-style: italic;  }

summary {color: #b15c40; background-color:#f9eeda; padding:10px; font-size: 90%; text-align: left; text-decoration: underline; cursor: pointer; width: 500px; margin-left: 100px; border: solid 0px #b15c40; height:auto; }
summary.klappentext {margin-left: 320px;}

details[open] {vertical-align:top;  font-size: 90%; background-color:#f8f4ee;  margin-top:50px; margin-left: auto; margin-right: auto; max-width: 900px; margin-bottom:10px; padding-bottom:10px; border: solid 1px #b15c40;}

details[open] summary {border: 0px; height:auto; width: auto; background-color: #f8f4ee;}

summary.aktuell {color: #b15c40; background-color:#f8f4ee; margin-bottom: 10px; margin-top:10px; font-size: 90%; padding:8px; text-decoration: underline; cursor: pointer; width: 200px; height:300px; margin-left: 0; border: solid 1px #b15c40; list-style: none; flex:auto; text-align: center; margin-right: 20px; }
summary.shop {color: #b15c40; background-color:#f8f4ee; margin-bottom: 10px; margin-top:10px; font-size: 90%; padding:8px; text-decoration: underline; cursor: pointer; width: 200px; height:200px; margin-left: 0; border: solid 1px #b15c40; list-style: none; flex:auto; text-align: center; margin-right: 20px; }
summary:focus {outline: none; }
summary:hover {color:#7f9342;}
img.summary {margin-bottom: 10px; margin-top: 5px; display: block; margin-left: auto; margin-right: auto;}

details.aktuell[open] {vertical-align:top;  font-size: 90%; background-color:#f8f4ee;  margin-left: 0px; margin-right: auto; max-width: 800px; margin-bottom:10px; padding-bottom:10px; border: solid 1px #b15c40;}
details.buchshop[open] {clear:left; vertical-align:top;  font-size: 90%; background-color:#f8f4ee;  margin-left: 0px; margin-right: auto; max-width: 800px; margin-bottom:10px; padding-bottom:10px; border: 0px;}
details.buchshop2[open] {clear:none; vertical-align:top;  font-size: 90%; background-color:#f8f4ee;  margin-left: 0px; margin-right: auto; max-width: 800px; margin-bottom:10px; padding-bottom:10px; border: 0px;}

details.aktuell[open] summary {border: 0px; height:auto; width: auto;}
details.aktuell[open] img.summary {display: none;}

audio.hoerprobe {margin-left: 80px;}






div#cover { width:250px; float:left; margin-top:35px; }
div#klappe { margin-left:300px; margin-top:50px; }

p.handy {display: none;}


hr {width: 70%; height: 3px; margin: 0 auto; border:none; color: #f9eeda; background-image: linear-gradient(to right, transparent, #3b4b4b 15%, transparent 50%, #3b4b4b 85%, transparent); }

div.linie {height:50px; background-image: url(Logo_4.png); background-repeat: no-repeat; background-size: 50px auto; background-position: center top; padding-top: 24px;}

p.stern {text-align: center;}

.zentriert {display: flex; justify-content: center; align-items: center; margin-top: 20px;}



dialog {
    position: absolute;
    display: block;
	background-color: rgba(59, 75, 75, 0.8);
	color:#3b4b4b;
	font-size: 90%;
	border: 0px ;
	
	z-index: 1002;
	
	height: 100%; width:100%;
}

#dialog-gelb {background-color: #f9eeda; max-width: 800px; margin-left:auto; margin-right: auto; padding:20px; margin-top:20px;}

dialog[open="close"] {
    display: none;
}



dialog #close-dialog {
	margin-top:10px;
	padding: 3px;
	cursor: pointer;
	background-color: #3b4b4b;
	color: #f9eeda;
	font-weight: bold;
	font-size: 100%;
	border: 0px;
}

dialog #close-dialog-oben {
	margin-top:10px;
	padding: 3px;
	cursor: pointer;
	background-color: #3b4b4b;
	color: #f9eeda;
	font-weight: bold;
	font-size: 100%;
	border: 0px;
}

p.dialog {margin-top: 10px;}

div#dialog-gelb a:link { color:#7f9342; font-weight:bold; text-decoration:underline; }
div#dialog-gelb a:visited { color:#3b4b4b; font-weight:bold; text-decoration:underline; }
div#dialog-gelb a:hover { color:#b15c40; font-weight:bold; text-decoration:underline; }
div#dialog-gelb a:focus { color:#b15c40; font-weight:bold; text-decoration:underline; }



div#texte h2.shop { font-size:100%; margin-left:100px; margin-top:30px; margin-bottom:20px; color:#3b4b4b;}
div#texte h3.shop { margin-bottom:20px; color:#3b4b4b;}
div#texte img.left-shop {float:left; margin:20px; margin-left: 100px; margin-top: 0px;}
div#texte p.cover-shop {margin-left:320px; margin-bottom:5px; font-size: 95%; font-weight: bold; }
div#texte p.klein-shop {margin:0px; margin-left:320px; font-size: 95%; margin-right:100px;}
div#texte p.klein-shop-abstand {margin:0px; margin-left:320px; font-size: 95%; margin-right:100px; margin-bottom: 20px;}
div#texte p.anmerkung {font-size: 90%; margin-top:30px; }
div#texte p.label {margin-left:320px; font-size: 95%; margin-bottom:30px;}
div#texte p.label2 {font-size: 95%; margin-bottom:30px;}
div#texte hr.shop {width:80%; height:1px; margin: 0 auto; margin-bottom:20px; color:#3b4b4b; background-color: #3b4b4b;}
div#texte label {width:300px;}
div#texte label.aufgabenstellung {font-style: italic;}
div#texte p.gesamtpreis {font-size: 90%;}
div#texte p.aufgabe {font-style: italic;}

div#texte input.text {position: absolute; left:350px; width: 300px;}
div#texte input.anzahl {width:40px; position: absolute; right: 120px;}
div#texte input.aufgabe {position:relative;}

div#texte dl.shop {float:none; margin-left: 100px;margin-bottom: 20px;}
div#texte dd.shop {float:none; font-size:90%; font-style: normal; margin-bottom: 10px; }
div#texte dt.shop {clear:left; float:left; font-size: 100%; font-style: italic;width: 200px;}
div#texte dt.shop2 {float:left; font-size: 90%; font-style: normal; margin-bottom: 10px;}
div#texte dt.shop3 {float:left; font-size: 90%; font-style: normal; margin-bottom: 10px;}
div#texte dl.versandgebuehr {float:none; margin-left: 100px; }

div#texte table.shop {margin-left: 100px; width:500px; margin-top: 20px; border-collapse: collapse;}
div#texte td.shop { text-align: left; font-size: 90%; width: 100px; padding-bottom: 2px; padding-top: 2px;}
div#texte td.shop1 { text-align: left; font-size: 90%; width: 300px;  padding-bottom: 2px; padding-top: 2px;}

div#texte ul.shop {margin-bottom: 50px;}
div#texte li.shop {font-size: 90%; margin-bottom: 10px;}

div#gruen {width: 80%; border: solid 1px #3b4b4b; margin-left: 100px; margin-bottom: 30px;background-color:#f8f4ee;}
div#gruen :empty {display: none;}

div#texte label.newsletter {width:500px; color:#b15c40; font-size: 90%;}

div#texte button {background:#3b4b4b; color: #f9eeda; padding:5px; }

div#texte form.newsletter {border: 1px solid #3b4b4b; width: 80%; margin-top: 20px; margin-left:auto; margin-right:auto; position:relative; background-color:#f8f4ee; padding-top:30px; padding-bottom: 30px;}





div .css-slider { overflow-x: hidden; width: 600px; margin-left:100px; margin-top:20px; }

 
.einzelne_fotos { width: 1000%; 
list-style: none;
    position: relative;
    left: 0;
    margin-bottom: 20px;
    margin-top: 20px;
    padding: 0;
    -webkit-transition: left .8s ease-in-out;
    -moz-transition: left .8s ease-in-out;
    -o-transition: left .8s ease-in-out;
    transition: left .8s ease-in-out;}

.einzelne_fotos, .einzelne_fotos figure, .einzelne_fotos {  margin: 0;}
 
.einzelne_fotos > li { float: left; width: 10%; position: relative;}
 
/* Clearfix für die Liste */
.einzelne_fotos:after {  content: ".";
    display: block;
    height: .1px;
    clear: both;
    visibility: hidden;
    font-size: 0;
    overflow: hidden;}
    
 

#slide00:checked ~ .einzelne_fotos {left: 0;}
#slide01:checked ~ .einzelne_fotos {left: -100%;}
#slide02:checked ~ .einzelne_fotos {left: -200%;}
#slide03:checked ~ .einzelne_fotos {left: -300%;}
#slide04:checked ~ .einzelne_fotos {left: -400%;}
#slide05:checked ~ .einzelne_fotos {left: -500%;}
#slide06:checked ~ .einzelne_fotos {left: -600%;}
#slide07:checked ~ .einzelne_fotos {left: -700%;}
#slide08:checked ~ .einzelne_fotos {left: -800%;}
#slide09:checked ~ .einzelne_fotos {left: -900%;}

/* Bilder responsive */
.einzelne_fotos img { width: 100%;  height: auto; margin-left: -100px;}
.einzelne_fotos figcaption { width: 100%;  height: auto; margin-left: -100px; color:#3b4b4b; margin-top:10px;}
 
div#slider p.slides { margin-left: 0px;margin-bottom: 5px; font-size: 100%; color: #3b4b4b; font-weight: bold;} 
div#texte p.slides { margin-left: 0px;margin-bottom: 5px; font-size: 100%; color: #3b4b4b; font-weight: bold;}
.css-slider input { margin-bottom: 20px; }
 
 .sliderControls { text-align: center; }
 .sliderControls li { display: inline-block; }
 
/* Controls auf einheitliche Maße bringen und die Ecken abrunden */
div#slider label {margin-top:10px; width: 25px; height:25px; margin-right: 10px; display:block; font-weight: bold; line-height: 25px;
    text-align: center; border-radius: 50%;
     cursor: pointer;
    background: #7f9342; color: #3b4b4b; margin-bottom: 30px;}

div#slider ul.sliderControls {margin-left: 0;}

div#slider  label:hover { background: #f9eeda;}



div#slider #slide00:checked ~ .sliderControls label[for="slide00"] { background: #f9eeda;}
div#slider #slide01:checked ~ .sliderControls label[for="slide01"] { background: #f9eeda;}
div#slider #slide02:checked ~ .sliderControls label[for="slide02"] { background: #f9eeda;}
div#slider #slide03:checked ~ .sliderControls label[for="slide03"] { background: #f9eeda;}
div#slider #slide04:checked ~ .sliderControls label[for="slide04"] { background: #f9eeda;}
div#slider #slide05:checked ~ .sliderControls label[for="slide05"] { background: #f9eeda;}
div#slider #slide06:checked ~ .sliderControls label[for="slide06"] { background: #f9eeda;}
div#slider #slide07:checked ~ .sliderControls label[for="slide07"] { background: #f9eeda;}
div#slider #slide08:checked ~ .sliderControls label[for="slide08"] { background: #f9eeda;}
div#slider #slide09:checked ~ .sliderControls label[for="slide09"] { background: #f9eeda;}


/* inputs aus dem Blickfeld schieben */
.css-slider input {position: absolute; left: -99999px;}

div#texte figure.texte {margin-top: 20px;}




hr.programm {margin-top: 0px; width:100%; height:20px; margin-left: auto; margin-right:auto; margin-bottom:20px; color:#3b4b4b; background-color: #3b4b4b;}



div .css-programm { overflow-x: hidden; width: 800px; height: 500px; margin-left:100px; margin-top:50px; padding-bottom: 10px; padding-top: 10px; }

 
.einzelne_seiten { width: 3200%; 
list-style: none;
    position: relative;
    left: 0;
    margin-bottom: 20px;
    margin-top: 20px;
    padding: 0;
    -webkit-transition: left .8s ease-in-out;
    -moz-transition: left .8s ease-in-out;
    -o-transition: left .8s ease-in-out;
    transition: left .8s ease-in-out;}

.einzelne_seiten, .einzelne_seiten figure, .einzelne_seiten {  margin: 0;}
 
.einzelne_seiten > li { float: left; width: 3.125%; position: relative;}
 

/* Clearfix für die Liste */
.einzelne_seiten:after {  content: ".";
    display: block;
    height: .1px;
    clear: both;
    visibility: hidden;
    font-size: 0;
    overflow: hidden;}
 

#programm001:checked ~ .einzelne_seiten {left: 0;}
#programm002:checked ~ .einzelne_seiten {left: -100%;}
#programm003:checked ~ .einzelne_seiten {left: -200%;}
#programm004:checked ~ .einzelne_seiten {left: -300%;}
#programm005:checked ~ .einzelne_seiten {left: -400%;}
#programm006:checked ~ .einzelne_seiten {left: -500%;}
#programm007:checked ~ .einzelne_seiten {left: -600%;}
#programm008:checked ~ .einzelne_seiten {left: -700%;}
#programm009:checked ~ .einzelne_seiten {left: -800%;}
#programm010:checked ~ .einzelne_seiten {left: -900%;}
#programm011:checked ~ .einzelne_seiten {left: -1000%;}
#programm012:checked ~ .einzelne_seiten {left: -1100%;}
#programm013:checked ~ .einzelne_seiten {left: -1200%;}
#programm014:checked ~ .einzelne_seiten {left: -1300%;}
#programm015:checked ~ .einzelne_seiten {left: -1400%;}
#programm016:checked ~ .einzelne_seiten {left: -1500%;}
#programm017:checked ~ .einzelne_seiten {left: -1600%;}
#programm018:checked ~ .einzelne_seiten {left: -1700%;}
#programm019:checked ~ .einzelne_seiten {left: -1800%;}
#programm020:checked ~ .einzelne_seiten {left: -1900%;}
#programm021:checked ~ .einzelne_seiten {left: -2000%;}
#programm022:checked ~ .einzelne_seiten {left: -2100%;}
#programm023:checked ~ .einzelne_seiten {left: -2200%;}
#programm024:checked ~ .einzelne_seiten {left: -2300%;}
#programm025:checked ~ .einzelne_seiten {left: -2400%;}
#programm026:checked ~ .einzelne_seiten {left: -2500%;}
#programm027:checked ~ .einzelne_seiten {left: -2600%;}
#programm028:checked ~ .einzelne_seiten {left: -2700%;}
#programm029:checked ~ .einzelne_seiten {left: -2800%;}
#programm030:checked ~ .einzelne_seiten {left: -2900%;}
#programm031:checked ~ .einzelne_seiten {left: -3000%;}
#programm032:checked ~ .einzelne_seiten {left: -3100%;}

/* Bilder responsive */
.einzelne_seiten img { width: 100%;  margin-left: 0px; border: solid 1px #3b3b4b;}


div#programm p.slides { margin-left: 0px;margin-bottom: 5px; font-size: 100%; color: #3b4b4b; font-weight: bold;} 

.css-programm input { margin-bottom: 10px; }
 
 .sliderControls { text-align: center; }
 .sliderControls li { display: inline-block; }
 
/* Controls auf einheitliche Maße bringen und die Ecken abrunden */
div#programm label {margin-top:1px; width: 25px; height:25px; margin-right: 5px; display:block; font-weight: bold; line-height: 25px;
    text-align: center; border-radius: 50%;
     cursor: pointer;
    background: #3b4b4b; color: #f9eeda; margin-bottom: 30px;}

div#programm ul.sliderControls {margin-left: 0; }

div#programm ul.sliderControls > li {height:35px; }

div#programm  label:hover { background: #f9eeda; color:#b15c40;}



div#programm #programm001:checked ~ .sliderControls label[for="programm001"] { background: #f9eeda; color:#3b4b4b;}
div#programm #programm002:checked ~ .sliderControls label[for="programm002"] { background: #f9eeda; color:#3b4b4b;}
div#programm #programm003:checked ~ .sliderControls label[for="programm003"] { background: #f9eeda; color:#3b4b4b;}
div#programm #programm004:checked ~ .sliderControls label[for="programm004"] { background: #f9eeda; color:#3b4b4b;}
div#programm #programm005:checked ~ .sliderControls label[for="programm005"] { background: #f9eeda; color:#3b4b4b;}
div#programm #programm006:checked ~ .sliderControls label[for="programm006"] { background: #f9eeda; color:#3b4b4b;}
div#programm #programm007:checked ~ .sliderControls label[for="programm007"] { background: #f9eeda; color:#3b4b4b;}
div#programm #programm008:checked ~ .sliderControls label[for="programm008"] { background: #f9eeda; color:#3b4b4b;}
div#programm #programm009:checked ~ .sliderControls label[for="programm009"] { background: #f9eeda; color:#3b4b4b;}
div#programm #programm010:checked ~ .sliderControls label[for="programm010"] { background: #f9eeda; color:#3b4b4b;}
div#programm #programm011:checked ~ .sliderControls label[for="programm011"] { background: #f9eeda; color:#3b4b4b;}
div#programm #programm012:checked ~ .sliderControls label[for="programm012"] { background: #f9eeda; color:#3b4b4b;}
div#programm #programm013:checked ~ .sliderControls label[for="programm013"] { background: #f9eeda; color:#3b4b4b;}
div#programm #programm014:checked ~ .sliderControls label[for="programm014"] { background: #f9eeda; color:#3b4b4b;}
div#programm #programm015:checked ~ .sliderControls label[for="programm015"] { background: #f9eeda; color:#3b4b4b;}
div#programm #programm016:checked ~ .sliderControls label[for="programm016"] { background: #f9eeda; color:#3b4b4b;}
div#programm #programm017:checked ~ .sliderControls label[for="programm017"] { background: #f9eeda; color:#3b4b4b;}
div#programm #programm018:checked ~ .sliderControls label[for="programm018"] { background: #f9eeda; color:#3b4b4b;}
div#programm #programm019:checked ~ .sliderControls label[for="programm019"] { background: #f9eeda; color:#3b4b4b;}
div#programm #programm020:checked ~ .sliderControls label[for="programm020"] { background: #f9eeda; color:#3b4b4b;}
div#programm #programm021:checked ~ .sliderControls label[for="programm021"] { background: #f9eeda; color:#3b4b4b;}
div#programm #programm022:checked ~ .sliderControls label[for="programm022"] { background: #f9eeda; color:#3b4b4b;}
div#programm #programm023:checked ~ .sliderControls label[for="programm023"] { background: #f9eeda; color:#3b4b4b;}
div#programm #programm024:checked ~ .sliderControls label[for="programm024"] { background: #f9eeda; color:#3b4b4b;}
div#programm #programm025:checked ~ .sliderControls label[for="programm025"] { background: #f9eeda; color:#3b4b4b;}
div#programm #programm026:checked ~ .sliderControls label[for="programm026"] { background: #f9eeda; color:#3b4b4b;}
div#programm #programm027:checked ~ .sliderControls label[for="programm027"] { background: #f9eeda; color:#3b4b4b;}
div#programm #programm028:checked ~ .sliderControls label[for="programm028"] { background: #f9eeda; color:#3b4b4b;}
div#programm #programm029:checked ~ .sliderControls label[for="programm029"] { background: #f9eeda; color:#3b4b4b;}
div#programm #programm030:checked ~ .sliderControls label[for="programm030"] { background: #f9eeda; color:#3b4b4b;}
div#programm #programm031:checked ~ .sliderControls label[for="programm031"] { background: #f9eeda; color:#3b4b4b;}
div#programm #programm032:checked ~ .sliderControls label[for="programm032"] { background: #f9eeda; color:#3b4b4b;}



/* inputs aus dem Blickfeld schieben */
.css-programm input {position: absolute; left: -99999px;}