html, body, form, textarea, input, button, select, h1, h2, h3, h4, h5, h6, p, ol, ul, table, td, th {font-family: 'Roboto',Arial, Helvetica, sans-serif;margin:0;padding:0;}
body {font-size:14px;position:relative;text-align:left; overflow:hidden;}
html {overflow-y:scroll;} 
body.size1 {font-size:14px;}
body.size2 {font-size:15px;}
body.size3 {font-size:16px;}
body.size4 {font-size:17px;}
body.size5 {font-size:18px;}
#wrap { min-width:310px; }
#content { line-height:1.5em;padding-bottom:20px; }
.inner { padding:0 10px;max-width:960px;margin:0 auto; }
#handicap .wai {left:-1000px;position: absolute;top:-1000px;}
#handicap .wai:focus, #handicap .wai:active {left:35px;position:absolute;top:50px;white-space:nowrap;z-index: 6000; font-weight:bold;}
#logo { float:left;margin:0; }
#placeholder { position:relative; }
#placeholder img { width:100%;height:auto; }
#slogan { display:none;font-family:'Michroma';font-size:2.571em;position:absolute;bottom:10px;left:0;zoom:1; }
#e2s { display:none;float:right;margin-top:16px;margin-right:40px; }
#e2s p.e2s-title {}
#e2s p a:link, #e2s p a:visited, #e2s p a:focus, #e2s p a:hover, #e2s p a:active {background-position:center center;background-repeat:no-repeat;display:block;height:16px;text-indent:-10000px;width:16px;}
#e2s span {float:left;font-size:1.1em;line-height:1;margin:0 10px 0 0;}
#e2s div#e2s-color {float:left;padding:3px 5px 0 0;width:150px;}
.wasserwerk #e2s-wasserwerk, .black #e2s-black, .yellow #e2s-yellow, .white #e2s-white, .blue #e2s-blue { display:none; }
#e2s div#e2s-size {float:left;width:150px;padding:3px 0 0 5px;}
#e2s div#e2s-size span {text-align:left;}
#e2s ul {list-style:none;margin:0;padding:0;}
#e2s li {float:left;clear:none;}
#e2s li img {display:block;}
#e2s li a:link, #e2s li a:visited, #e2s li a:focus, #e2s li a:hover, #e2s li a:active {border:1px solid;float:left;margin:0 1px 1px 0;}
#e2s li#e2s-help a:link, #e2s li#e2s-help a:visited, #e2s li#e2s-help a:focus, #e2s li#e2s-help a:hover, #e2s li#e2s-help a:active  {background: url(e2s/icon_questionmark.gif) no-repeat center top;border:0 none;display:block;height:1.8em;padding:0 .5em;width:1.8em;}
#e2s a:focus { outline:1px dotted; }
#main .inner { padding-top:20px; }
#tropfen { display:none;left:50%;margin-left:-25px;position:absolute;top:-47px; }
#navanchor { background:url(gfx/btn-nav.png) 10px 15px  no-repeat #FFF;background-size:34px 22px;display:block;height:22px;padding:15px 10px;position:absolute;text-indent:-999em;top:0;right:0;width:34px;z-index:999; }
.navactive #side { display:block; }
#side { position:absolute;top:0; }
#nav { list-style:none;margin:0;text-transform:uppercase; }
#nav li a { display:block;padding:10px 0; }
#nav li em { display:none;visibility:hidden; }
#nav ul.subnav { list-style:none;margin:5px 0 10px 20px }
#nav ul.subnav li { margin-bottom:5px; }
#nav .subnav li a { text-transform:none; }
#searchform { margin:0; }
#searchform label { ;margin-bottom:6px; }
#searchword { margin-right:-36px;width:240px; }
#search input[type=image] { height:36px;padding:0;width:36px; }
#footer {  }
#mnav { margin:0; }
#mnav li { display:inline-block; }
#mnav li a { display:block;padding:10px; }
#mnav li a:hover, #mnav li a:focus, #mnav li a.active { text-decoration:underline; }
#mnav li:first-child a { padding-left:0; }
#mnav li em { display:none;visibility:hidden; }
.articletools { float:right;line-height:1;margin:0; }
#totop { background-position:0 0;background-repeat:no-repeat;bottom:50px;display:none;position:fixed;right:20px;text-indent:-999em;width:40px;height:40px; }
#btn-twtag { border:1px solid;margin-bottom:20px;padding:15px 15px 15px 20px;width:100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;background-repeat:no-repeat;background-position:top right; }
.twneu { float:right; }
h3.twassertag { font-size:1.357em;font-weight:bold;margin:0; }
.twdate, .twtrenn, .twmitmachen { display:block;margin:0 }
.twdate { font-size:1.357em;font-weight:300; }
.twtrenn { width:33%;border-bottom:1px solid;height:0px;margin:10px 0 0; }
.twmitmachen { font-size:1.571em; }
a:link, a:visited, a:focus, a:hover, a:active {color: #006BAA;outline:none;text-decoration: none;}
a:focus, a:hover, a:active {color:#DE5267;}
#content a:focus, #content a:hover {text-decoration:underline;}
a.nu:link, a.nu:visited, a.nu:focus, a.nu:hover, a.nu:active {text-decoration:none;}
a.nu:focus, a.nu:hover, a.nu:active {text-decoration: underline;}
a.spc:link, a.spc:visited, a.spc:focus, a.spc:hover, a.spc:active {color: #DE5267;}
a.spc:focus, a.spc:hover, a.spc:active {color: #006BAA;}
a.tarn:link, a.tarn:visited, a.tarn:focus, a.tarn:hover, a.tarn:active {text-decoration:none;}
h1, h2, h3, h4, h5, h6 {color: #006BAA;}
h1 {font-size: 2.17em;line-height:1;margin:1em 0 .33em;}
h2 {font-size: 2.17em;line-height:1.2;margin:1.2em 0 .4em;}
h3 {font-size: 1.50em;line-height:1.2;margin:0.89em 0 .44em;}
h4 {font-size: 1.33em;margin: .3em 0 .05em;}
h5 {font-size: 1.08em;margin:.3em 0 0;}
h6 {font-size: 1em;margin:.3em 0 0;}
p {line-height: 1.50em;margin: 0 0 1.50em}
#main > h1:first-child, #main > h2:first-child, #main > h3:first-child, #main > h4:first-child, #main > h5:first-child, #main > h6:first-child, #main > p:first-child {margin-top:0;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;}
#content > h1, #content > h2, #content > h3 {margin-top: 0;}
h3.icon01, h3.icon02, h3.icon03, h3.icon04, h3.icon05, h3.icon06, h3.icon07, h3.icon08, h3.icon09 { background-position:top center;background-repeat:no-repeat;text-align:center;padding-top:100px;font-weight:300;font-size:2em; }
h3.icon01 { margin-top:2em !important; }
h3.icon02 { padding-top:80px; }
h3.icon03 { padding-top:80px; }
h3.icon04 { padding-top:80px; }
h3.icon05 {  }
h3.icon06 { padding-top:70px; }
h3.icon07 { padding-top:80px; }
h3.icon08 { padding-top:90px; }
h3.icon09 { padding-top:80px; }
li {line-height: 1.50em;}
ol {margin:1.50em 0 1.50em 2.5em;}
ul, ul.tarn ul, ul.tarn ol {margin:1.50em 0 1.50em 1.67em;list-style:none;}
ul ul {list-style-type: disc;margin-top:0;}
ul.tarn {list-style:none;margin:0;padding:0;}
ul.tarn li li {border:0 none;float:none;margin:0;padding:0;}
ul.inline {list-style:none;margin:0;padding:0;}
ul.inline li {display:inline;}
#content ul { margin:1.5em 0; }
#content ul li {background: url(gfx/bg-list.png) no-repeat left 2px;padding:0 0 10px 20px;}
img {border:0;vertical-align:top;}
.fright img, img.fright {margin: 0 0 .3em .8em;}
.fleft img, img.fleft {margin: 0 .8em .3em 0;}
.imgfleft img { float:left !important; }
#content img {float:right;margin:0;}
#content .img_wide {border:0 none;float:none;margin: .75em 0;}
#content a:hover img {border-color:#DE5267;}
.v {height:0;left:-1000px;display:inline;overflow:hidden;position: absolute;top:-1000px;width:0;}
.ir  {text-indent: -1000em;outline:0;}
.none {display:none;visibility:hidden;}
.block {display:block;visibility:visible;}
.cfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.cfix {display: block;}
.ofix {overflow: hidden;}
.bb {border-bottom:1px solid;padding-bottom:1em;}
.bt {border-top:1px solid;padding-top:1em;}
.bn {border:0 none;}
.c 	{clear: both;}
.cl {clear:left;}
.cr {clear:right;}
.error {color:#f00;}
.error a:link, .error a:visited, .error a:focus, .error a:hover, .error a:active, .error h1, .error h2, .error h3, .error h4, .error h5, .error h6 {color:#f00;}
.fright {float:right;}
.fleft {float:left;}
.fnone {float:none;}
.fnorm {font-size:1em;}
.fsmall, small {font-size:.85em;}
.fbig, big {font-size:1.2em;}
.iblock {display:inline-block;}
.m0U {margin:0 !important;}
.mb {margin-bottom:1.8em;}
.ml {margin-left:1em;}
.mr {margin-right:1em;}
.mt {margin-top:1.23em;}
.mth {margin-top:0.615em;}
.mtd {margin-top:2.46em;}
.mt0 {margin-top:0;}
.mb0 {margin-bottom:0;}
.mbh {margin-bottom:0.615em;}
.nowrap {white-space:nowrap;}
.notop > *:first-child, #content > *:first-child {margin-top:0;}
.pad {padding:.5em 1em;}
.success {color:#009900;}
.success a:link, .success a:visited, .success a:focus, .success a:hover, .success a:active, .success h1, .success h2, .success h3, .success h4, .success h5, .success h6 {color:#009900;}
.tcenter {text-align:center;}
.tleft {text-align:left;}
.tright {text-align:right;}
.versal {text-transform:uppercase;}
.tlower {text-transform:lowercase;}
.wauto {width:auto;}
table {border:0 none;border-collapse:collapse;border-spacing:0;empty-cells:show;float:none;margin:1em 0;width:100%;}
caption{color:#006BAA;font-weight:bold;text-align:left;}
thead, tbody {border:0 none;}
tfoot{}
thead th {border-bottom: 1px solid #ccc;}
tr {border:0 none;}
th, td {border:0 none;border-bottom: 5px solid #fff;border-right: 5px solid #fff;font-size:1em;font-weight:bold;padding:.4em;text-align:left;}
thead td, th {font-size:1.1em;}
tbody tr td{background-color:#F0F0F0;}
tbody tr.even td{background-color:#F0F7FC;}
tbody tr.selected td{background-color:#3d80df;}
tbody tr.ruled td{background-color:#CDE4F5;}
.jqstb-scroll { height:auto !important;width:100% !important;margin:20px 0; }
head:first-child+body tr.ruled td{background-color:#CDE4F5;}
tbody tr td strong{color:#006BAA;font-weight:bold;}
body.module_freepage #content img, .module_quiz #content img {float:none;height:auto;margin:0;max-width:100%;} 
p.fpcenter, p.fpfull, p.fpright { text-align:center; }
p.fpfull img { width:100% !important;height:auto !important;max-width:690px; }
p.fpright img { float:none !important;margin:0 !important;height:auto !important; }
#content p.fpcenter img, #content p.fpfull img, #content p.fpright img { float:none;max-width:100%; }
div.article {list-style:none;margin:0;padding:0;}
div.article h2 {margin-top:0;}
div.article .date { font-style:italic;margin:0;}
div.article .articleitem:first-child h3 { margin-top:0; }
div.articleitem {margin-bottom:1em;}
div.articleitem p {margin-bottom:.6em;}
div.articleitem h2, div.articleitem h3 {margin-bottom:.2em;}
div.article > .articleitem:first-child {padding-top:10px;}
p.img {float:right;margin:0 0 0 10px;}
p.img img {vertical-align:top;margin:0 0 5px 0;}
p.more { margin:-8px 0 0; }
#content div.articleitem img {clear:left;float:left;margin:5px 10px 0 0;}
body.module_article #content img {clear:right;}
ul.img { margin:10px auto;width:100%; }
#content ul.img li { display:none;background-image:none;list-style:none;margin:0 auto;padding:0;width:100%;max-width:400px; }
#content ul.img li:first-child { display:block; }
#content ul.img li a { float:none;padding:0;margin:0 auto; }
#content ul.img li a img { float:none;width:100%;max-width:400px; }
#glossary {float:none;clear:both;height: 4em;min-height: 4em;position:relative;width:100%;}
ul.glossary {list-style:none;margin:0;padding:0; position:relative;width:100%;}
#content ul.glossary li {background:none;display:inline-block;padding:0;}
#content ul.glossary li a, #content ul.glossary li span {background:url(gfx/glossar-tropfen.png) center center no-repeat;color:#FFF;display:block;font-size:1.429em;margin:5px 5px 5px 0;padding:22px 0 0;text-align:center;width:31px;height:28px;}
#content ul.glossary li a:hover, #content ul.glossary li span {transform:scale(1.05);text-decoration:underline;}
#content div.articleitem_glossary {margin: 3em 0 2.5em 0;}
ul#tagcloud {list-style:none;margin:0;padding:0;}
ul#tagcloud li {float:left;list-style:none;line-height:1.8em;margin:0;padding:0;width:auto;}
ul#tagcloud li a {display:block;margin:0 .2em;white-space:nowrap;}
ul#tagcloud li a:hover, ul#tagcloud li a:focus {color:#DE5267;}
a:link.tagcloud1, a:visited.tagcloud1 {color:#006BAA;font-size:.9em;}
a:link.tagcloud2, a:visited.tagcloud2 {color:#00395B;font-size:1.2em;}
a:link.tagcloud3, a:visited.tagcloud3 {color:#005080;font-size:1.4em;}
a:link.tagcloud4, a:visited.tagcloud4 {color:#70BCE4;font-size:2em;}
a:link.tagcloud5, a:visited.tagcloud5 {color:#8ECAEA;font-size:2.2em;}
ul#tagcloud li em {display:none;visibility:hidden;}
ul.galleries {list-style:none;margin:1em 0 2em 0;padding:0; text-align:left; width:auto;}
ul.galleries {background-color:transparent;}
#content ul.galleries li {background-image:none;list-style:none;margin:0;padding:0;}
ul.galleries h2 {margin:0;}
ul.galleries .date {margin:0;}
#content ul.galleries ul.img {background:none;float:left;padding:0;margin:0;width:100%;}
#content ul.galleries ul.img li {border:0 none;display:block;float:left;padding:0;margin:0;width:25%;}
#content ul.galleries ul.img li a { margin:0 10px 10px 0; }
ul.galleries a:link, ul.galleries a:visited, ul.galleries a:focus, ul.galleries a:hover, ul.galleries a:active {background-image:none;display:block;margin:0 10px 10px 0;padding:0;}
#content ul.galleries a:focus img, #content ul.galleries a:hover img, #content ul.galleries a:active img {border-color:#DE5267;}
ul.gal-list {list-style:none;list-style-image:none;margin:0;padding:0;position:relative;}
ul.gal-list ul {float:none;clear:both;margin:0;padding:0;position:relative;}
#content ul.gal-list li {background-image:none;display:block;margin:0;padding:0;}
ul.gal-list li li {float:left;padding:0;margin:0;}
ul.gal-list li a:link, ul.gal-list li a:visited, ul.gal-list li a:focus, ul.gal-list li a:hover, ul.gal-list li a:active {background-image:none;margin:0 10px 10px 0;padding:0;position:relative;text-decoration:none;}
#content ul.gal-list li a:focus img, #content ul.gal-list li a:hover img, #content ul.gal-list li a:active img {border-color:#DE5267;}
#content ul.gal-list li li a img,
#content ul.gal-thumbs li a img {float:none;padding:0;margin:0;}
ul.gal-thumbs {list-style:none;list-style-image:none;margin:3em 0;padding:0;position:relative;}
#content ul.gal-thumbs li {float:left;padding:0;margin:0;}
#content ul.gal-thumbs li a:link, ul.gal-thumbs li a:visited {margin:0 10px 10px 0;padding:0;}
#content ul.gal-thumbs li a:focus img, #content ul.gal-thumbs li a:hover img, #content ul.gal-thumbs li a:active img {border-color:#DE5267;}
ul.gal-list li.view a {background-color:#53AEDF;border:1px solid #53AEDF;color:#fff;display:block;margin:0;padding:0;}
ul.gal-list li.view a:hover {background-color:#DE5267;border-color:#DE5267;}
ul.gal-list li.view a span {bottom:0;display:block;margin-left:.6em;position:absolute;}
.gal-img {text-align:center;}
.gal-img-descr {text-align:center;}
ul.search {list-style:none;margin:0;padding:0;}
#content ul.search li { background-image:none;list-style:none;margin:2.2em 0;padding:0;}
ul.search li a {font-weight:bold;margin:.2em 0;}
ul.search h4 {font-size:1.1em;font-weight:bold;margin:.2em 0;}
#googlemap {color:#222;border:1px solid #53AEDF;height:300px;margin:0 0 20px 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#googlemap div { float:none;margin:0;overflow:visible; }
.menubox select { width:100%;max-width:240px; }
.menubox button.searchbox { display:none;width:100%; }
.no-js .menubox button.searchbox { display:block;max-width:240px; }
#qform { float:none; }
#qform .error-msg {float:left;margin:10px 0;padding:5px 10px;width:316px;}
#qform ul {float:left;width:90%;overflow:visible;}
form#qform ul li {background-image:none;background-color:#F0F7FC;cursor:pointer;margin:10px 0;padding:5px 10px;width:100%;
-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;-ms-transition: all 0.25s ease-in-out;-o-transition: all 0.25s ease-in-out;transition: all 0.25s ease-in-out;
-webkit-transform-origin: center center;-moz-transform-origin: center center;-ms-transform-origin: center center;-o-transform-origin: center center;transform-origin: center center;
}
#qform ul li:hover {background-color:#D5E8F7;
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
-o-transform: scale(1.1);
transform:scale(1.1);
}
#qform ul li label {color:#000;}
#qform .radio {background-color:transparent; background-image:none;border:0 none;float:left;margin:.2em 5px 0 0;}
#qform div.radiotxt {float:left;margin-right:0;width:300px;}
#qform p.qimg {float:right;margin:10px 0;width:302px;}
#qform p.qimg img {border:1px solid #99CEEC;margin:0; vertical-align:bottom;}
#qform #qform-submit {clear:left;float:left;}
.shopitem { border-bottom:1px solid;margin:0 0 15px 0;padding:0 0 15px 0; }
.shopitem .priceblock { border:1px solid; }
.shopitem .priceblock select { width:100% !important; }
.shopitem .priceblock .price-select-left, .shopitem .priceblock .price-select-right { -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; display:inline-block;vertical-align:middle;padding:10px;width:100%; }
.shopitem .priceblock .pricetext, .shopitem .priceblock .price { display:inline-block;vertical-align:middle; }
.shopitem .priceblock .price { font-size:1.286em; }
.module_shop .jqstb-scroll, .module_shop .usertable { margin-top:0 !important; }
#handicap ol {font-size:1.2em;padding:.8em 1.25em 0;display:inline;font-size:1.1em;font-weight:bold;left:0;list-style-image:none;list-style-position:outside;list-style-type:none;margin:0;padding:8px 18px 9px;position:absolute;text-transform:uppercase;top:0;width:100%;}
#handicap h2 {margin:0 0 0;}
#handicap ol {background-repeat:no-repeat;background-position:0 0; list-style-position:inside;margin:.5em 0 0;padding:0;}
#handicap li {list-style:none;margin:.5em 0;}
#handicap a:link, #handicap a:visited, #handicap a:focus, #handicap a:hover, #handicap a:active {padding:.2em .3em;}
#handicap .wai {left:-1000px;position: absolute;top:-1000px;}
#handicap .wai:focus, #handicap .wai:active {background:#FFF;background:rgba(255,255,255,0.8);display:block;left:0;position:absolute;right:0;text-align:center;top:50px;white-space:nowrap;width:100%;z-index: 6000; font-weight:bold;}
#handicap li em { display:none;visibility:hidden; }
ul.downloads {list-style:none;margin:0 0 1.23em;padding:0;}
ul.downloads li {background:none !important;list-style-type:none;margin:.2em 0;padding-left:0 !important;}
.downloads a {background-image: url(icon/fragezeichen.png);}
.video-container { padding-bottom: 56.25%;padding-top:10px;position:relative;width:100%;margin-bottom:10px; }
.video-container iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.i, a.i:link, a.i:visited, a.i:focus, a.i:hover, a.i:active {background-repeat:no-repeat;background-position:left center;padding:.1em 0 .1em 20px;text-decoration:none;}
a.i:focus, a.i:hover, a.i:active {text-decoration:underline;}
a.idoc, a.irtf, a.itxt {background-image:url(icon/word.gif);padding-left:25px;}
a.izip, a.irar, a.isit {background-image:url(icon/zip.png);padding-left:25px;}
a.ijpg, a.ijpeg, a.igif, a.ieps, a.ipng {background-image:url(icon/image.png);padding-left:25px;}
a.ixls, a.icsv {background-image:url(icon/excel.gif);padding-left:25px;}
a.ipdf {background-image:url(icon/acrobat.gif);padding-left:25px;}
a.imp3, a.iwav {background-image:url(icon/audio.png);padding-left:25px;}
a.iwmv {background-image:url(icon/media-player.png);padding-left:25px;}
a.ivideo, a.imov {background-image:url(icon/quicktime.png);padding-left:25px;}
#content ul.browse {list-style:none;list-style-image:none;margin:1.6em 0;padding:0;}
#content ul.browse li {background-image:none;float:left;margin-bottom:.15em;margin-right:.15em;padding:0;list-style-image:none;list-style:none;}
ul.browse li.bprev, ul.browse li.bpages {margin-right:1em;}
ul.browse li a:link, ul.browse li a:visited, ul.browse li a:focus, ul.browse li a:hover, ul.browse li a:active {border:1px solid #B6DDF1;display:block;float:left;padding:3px 5px;text-decoration:none;}
ul.browse li a:focus, ul.browse li a:hover, ul.browse li a:active {border-color:#DE5267;}
ul.browse li ul {float:left;}
#content ul.browse li ul {margin:0;}
ul.browse li ul li strong {border:1px solid #B4B4B6;color:#6D6D71;display:block;float:left;padding:3px 5px;}
ul.browse li ul li span {color:#444;display:block;float:left;padding:3px 5px;}
ul.browse ul {list-style:none;list-style-image:none;margin:0;padding:0;}
ul.browse li em {display:none;visibility:hidden;}
ul#search-browse li a:link, ul#search-browse li a:visited, ul#search-browse li a:focus, ul#search-browse li a:hover, ul#search-browse li a:active, ul#search-browse li strong {border:1px solid #B6DDF1;display:block;float:left;font-size:1.2em;margin:0 .5em 10px;padding:3px 5px;text-align:center;text-decoration:none;width:20px;}
ul#search-browse li.bnext a, ul#search-browse li.bprev a { width:auto !important; }
ul#search-browse li a:focus, ul#search-browse li a:hover, ul#search-browse li a:active {border-color:#DE5267;}
#content .bages ul { margin:0; }
.error-msg {background:#fcc;border:2px solid #CC0000;font-weight:bold;margin:2em 0;padding:1em;width:auto;}
form {margin: 1.38em 0;padding:0;width:100%; float:left;}
fieldset {border:0 none;margin:0 0 1em;padding:0.5em 0;position:relative;text-align: left;}
fieldset.p0 {padding:0;}
legend {font-weight:bold;font-size:1.1em;padding:0;}
form ol, form ul {list-style-type:none;margin:0;overflow:hidden;padding:0;}
form ol li, form ul li {background-image:none;float:left;list-style-image:none;padding:2px 0;width:100%;}
form li ol, form li ul {float:left;padding:0;}
form ol li li, form ul li li {list-style-image:none;padding:1px 0;}
form ol div label, form ul div label {display:block;float:none;margin:0;width:auto;}
form .optgroup, form .optgroup li {width:auto;}
form .optgroup {float:none;}
form .optgroup li {margin-right:10px;}
form li.req {}
#content form .error-msg {border:1px solid;clear:both;margin:.69em 0;padding:.5em 1em;}
#content form .error-msg legend {border:1px solid;padding:.2em .5em;}
#content form .error-msg ul { list-style-type:square;margin-left:20px;overflow:visible;}
#content form .error-msg ul li { background:none;clear:both;float: none;list-style-image:none;padding:2px 0;width:auto;}
#content form .error-msg label {float:none;display:inline;margin:0;padding:0;width:auto;}
#content form li.error label { }
#content form li.error input, form li.error select, form li.error textarea {font-weight:normal;}
form small {display:block;font-size:0.85em;}
label, form ol div, form ul div {float:left;line-height:1.3;margin:5px 10px 0 0;vertical-align:top;}
.req label {font-weight:bold;}
form .checktxt, form .radiotxt, form .widetxt { margin-right:0;}
form .radiotxt.full, form .checktxt.full {width:90%;}
form fieldset .autotxt {width:auto;}
form label.req {display:block;float:none;font-weight:bold;margin:0 0 .69em;width:100%;}
input, select, textarea, button {border: 1px solid;float:left;font-size:1em;padding:8px 6px;font-family:'Roboto',arial,helvetica,clean,sans-serif;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
option {padding-left: 0.4em;} 
textarea {vertical-align:top;resize:none;}
input.button {text-align:center;}
input.button:focus {text-decoration:underline;}
input.img {border:0 none;padding:0;width: auto;}
input.noborder {background-color: transparent;border: 0 none;margin-bottom:.7em;margin-right:5px;padding:0;width:auto;}
input.checkbox, input.radio {background-color: transparent;border: 0 none;margin:7px 5px 0 0;padding:0;width:auto;}
label, input[type=checkbox], input[type=radio], input[type=submit], button {cursor:pointer;}
input[type='text'],input[type='password']{cursor:text;}
input[type='hidden']{display:none;}
input[disabled='disabled'] {background-color:#DADADD; cursor:auto;}
input[type="submit"]::-moz-focus-inner {border:0;} 
form .wauto {width:auto;}
form .full {width:98%;}
form .spacer {display:block;margin:.2em 5px 0 0;float:left; text-align:center;}
form .short {margin-right:10px;width:100px;}
form img.captcha {float:left;margin-right:.5em;}
form img { margin:-15px 0 0 20px; }
a.button:link, a.button:visited, a.button:focus, a.button:hover, a.button:active, button {border:2px solid;cursor:pointer;display:inline-block;font-size:1em;font-weight:bold;line-height:1.2;margin:0;padding:.3em 1em;text-align:center;text-decoration:none;
}
button {width:100%;overflow:visible;padding:10px 0; } 
button::-moz-focus-inner {border: none;}
button.auto, a.auto:link, a.auto:visited, a.auto:focus, a.auto:hover, a.auto:active {width:auto;}
button.fright, a.fright:link, a.fright:visited, a.fright:focus, a.fright:hover, a.fright:active {float:right;}
label, form ol div, form ul div {overflow:hidden;width:160px;}
form fieldset .right {margin-left:0;} 
input, select, textarea {width:100%;}
form .checktxt, form .radiotxt, form .widetxt {width:254px;}
form li ol, form li ul, select, input.button {width:99%;}
input.captcha {margin-top:10px;width:100px;}
select.ssmall { width:80px;margin-right:10px; }
form li.req {}
form .req li label {background-color:transparent;}
input, select, textarea {background-color: #fff;border-color:#076FAC;}
a.button:link, a.button:visited, a.button:focus, a.button:hover, a.button:active, button {background-color: transparent;text-transform:uppercase;transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;}
input.placeholder {color:#B3B3B3;}
input::-webkit-input-placeholder {color:#B3B3B3;}
input:-moz-placeholder {color:#B3B3B3s;}
input:focus, select:focus, textarea:focus { border-color:#004A75; }
form .error-msg, form .error-msg legend {background-color: #f2dede;border-color:#ebccd1;}
form .error-msg legend { color:#a94442;
-webkit-box-shadow: 0 0 5px #ebccd1;
-moz-box-shadow: 0 0 5px #ebccd1;
-o-box-shadow: 0 0 5px #ebccd1;
box-shadow: 0 0 5px #ebccd1;
}
form .error-msg {background-color: #f2dede;border-color:#ebccd1;color:#a94442;}
form .error-msg li, form .error-msg label { color:#a94442; }
form li.error label {color:#a94442;}
input[type=text]:focus:invalid,
input[type=email]:focus:invalid,
input[type=url]:focus:invalid,
input[type=date]:focus:invalid,
input[type=tel]:focus:invalid,
input[type=number]:focus:out-of-range,
form li.error input, form li.error select, form li.error textarea {border-color:#ebccd1;color:#a94442; }
@media screen and (min-width: 480px), print{
p.fpright { float:right !important;margin:0 0 10px 20px !important;width:30% }
.shopitem .priceblock .price-select-left, .shopitem .priceblock .price-select-right { width:50%; }
}
@media screen and (min-width: 720px), print{
#header { position:fixed;width:100%;box-shadow: 0 4px 4px -4px #333;z-index:999; }
#e2s { display:block; }
#slogan { display:block; }
#main .inner { padding-top:30px; }
#content ul.img { background:transparent;float:right;margin:0 0 10px 15px;width:200px; }
#content ul.img li { display:block;margin-bottom:10px; }
#content ul.img li a img { max-width:200px; }
form ol div label, form ul div label { width:160px; }
input, select, textarea, button { width:340px; }
.mleft { margin-left:170px; }
#qform ul { width:320px; }
p.fpcenter { padding:15px 0; }
}
@media screen and (min-width: 960px), print{
#navanchor, .moblink { display:none; }
.inner { padding:0 20px; }
#e2s { margin-right:0; }
#placeholder { height:260px; }
#content { margin-left:270px;min-height:600px; }
#main .inner { padding-top:40px;position:relative; }
#tropfen { display:block; }
#side { display:block;margin-top:40px;width:260px; }
#nav li { margin-bottom:18px; }
#nav li a { display:inline;padding:0; }
#content ul.galleries ul.img li {width:20%;}
p.fpright { width:300px; }
#btn-twtag { position:absolute;right:20px;width:300px; }
#btn-twtag + h1 { width:380px; }
p.fpright.homeimg1 { margin-top:80px !important; }
ul#search-browse li a:link, ul#search-browse li a:visited, ul#search-browse li a:focus, ul#search-browse li a:hover, ul#search-browse li a:active, ul#search-browse li strong { font-size:1em; }
}
@media screen and (max-width: 959px){
#side { bottom:0;overflow-y:scroll;padding:0 10px;right:-260px;top:0;width:240px; }
#search { position:absolute;top:5px; }
#nav { margin-top:86px; }
.csstransitions #wrap { -webkit-transition: -webkit-transform 1s;transition: transform 1s; }
.csstransforms3d .navactive #wrap { transform:translate3d(-260px, 0px, 0px);-webkit-transform:translate3d(-260px, 0px, 0px); }
#wrapoverlay { position:absolute;top:0;right:0;background:#000;background: rgba(0,0,0,0.5);content: '';z-index:99;width:0;height:0;display:none; }
.csstransitions #wrapoverlay { display:block;opacity:0;-webkit-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s; transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s; }
.navactive #wrapoverlay { width: 100%;height: 100%; }
.csstransitions .navactive #wrapoverlay { opacity:1; -webkit-transition: opacity 0.5s;transition: opacity 0.5s; }
.navactive #wrap { height:100%; }
body.navactive { height:100%; }
html { height:100%; }
}
@media (-webkit-min-device-pixel-ratio: 2) {
#totop { background-image:url(gfx/btn-up-x2.png) !important;background-size:40px 40px !important; }
}
body.module_microsite #headbottom {background-image: url(none);}
body.module_microsite #content {border: 0 none;}
body.module_microsite #content h2 {margin-bottom: .9em;}
#ms_hardfacts h2, #ms_hardfacts h3, #ms_description h2, #ms_description h3,
#ms_informations h2, #ms_informations h3 {margin-top: 0;}
#ms_hardfacts p {margin-bottom:0;}
body.module_microsite #nav li li {background-image: url(none);border:0 none;}
#ms_logo {clear: none;float:right; text-align:right; margin:0;width: 300px;}
body.module_microsite #content div#ms_logo img {border: none;margin: 0;}
#ms_teaser {font-weight:bold; margin: .75em 0;}
#ms_img1, #ms_img2 {float:left;width:100%;margin:1em 0;padding:0;overflow:visible;text-align:center;}
#ms_img1 img, #ms_img2 img {float:none;margin:0;padding:0;overflow:visible;width:100%;max-width:690px;height:auto;}
#ms_description { }
#ms_map { float:left; width:100%;margin: .2em 1.5em 1em 0;}
#ms_map img {float:none;margin: 0;width:100%;height:auto;}
#ms_hardfacts {float:left; width:100%; margin: 0 0 1em 0;}
#ms_informations {}
#ms_gallery {}
#ms_informations {}
#content #ms_informations ul li {background: url(none);list-style: url(gfx/list_style_image.gif) none inside;}
body.layout2 #ms_logo {margin: 0 0 3em 0;width: 240px;}
body.layout2 #ms_teaser {width:410px;}
body.layout2 #ms_img1, body.layout2 #ms_img2 {float:none;}
body.layout2 #ms_map {float:right; width:240px; margin: .2em 0 1em 1.5em;}
body.layout2 #ms_hardfacts {float:right;}
body.layout3 #ms_logo {margin: 0 0 3em 0;}
body.layout3 #ms_teaser {width:410px;}
body.layout3 #ms_img1, body.layout3 #ms_img2 {float:none;}
body.layout3 #ms_map {float:right; width:240px; margin: .2em 0 1em 1.5em;}
body.layout3 #ms_hardfacts {float:right;}
body.layout4 #ms_img1 {float:left;width:330px;}
body.layout4 #ms_img2 {float:right;width:330px;}
body.layout4 #ms_map {float:right; width:240px; margin: .2em 0 1em 1.5em;}
body.layout4 #ms_hardfacts {float:right;;}
@media screen and (min-width: 480px), print{
#ms_map { width:240px; }
}
@media screen and (min-width: 600px), print{
#ms_hardfacts { width:240px;margin: 0 1em 1em 0; }
body.layout2 #ms_hardfacts, body.layout3 #ms_hardfacts, body.layout4 #ms_hardfacts { margin: 0 0 1em 1em; }
}
@media screen and (min-width: 720px), print{
#ms_logo {margin: -56px 0 0 0;}
}
body.wasserwerk.colour2 {color:#242F37;}
body.wasserwerk.colour2 #side, body.wasserwerk.colour2 input, body.wasserwerk.colour2 textarea, body.wasserwerk.colour2 select, body.wasserwerk.colour2 label {color:#0DA68E;}
body.wasserwerk.colour2 input, body.wasserwerk.colour2 textarea, body.wasserwerk.colour2 select {border-color:#0DA68E;}
body.wasserwerk.colour2 #searchform label {color:#242F37;}
body.wasserwerk.colour2 a:link, body.wasserwerk.colour2 a:visited, body.wasserwerk.colour2 a:active {color:#666;}
body.wasserwerk.colour2 a:focus, body.wasserwerk.colour2 a:hover, body.wasserwerk.colour2 a:active {color:#225B53;}
body.wasserwerk.colour2 h1, body.wasserwerk.colour2 h2, body.wasserwerk.colour2 h3, body.wasserwerk.colour2 h4, body.wasserwerk.colour2 h5, body.wasserwerk.colour2 h6 {color:#0DA68E;}
body.wasserwerk.colour2 #nav a:link, body.wasserwerk.colour2 #nav a:visited, body.wasserwerk.colour2 #nav a:active {color:#0DA68E; }
body.wasserwerk.colour2 #nav li.active > a, body.wasserwerk.colour2 #nav a:hover {color:#666; }
body.wasserwerk.colour2 #metanav a:link, body.wasserwerk.colour2 #metanav a:visited, body.wasserwerk.colour2 #metanav a:focus {color:#FFF;}
body.wasserwerk.colour2 #metanav a:focus, body.wasserwerk.colour2 #metanav a:hover, body.wasserwerk.colour2 #metanav a:active {color:#FFF;}
body.wasserwerk.colour2 #footer { background-color:#0DA68E;}
body.wasserwerk.colour3 {color:#242F37;}
body.wasserwerk.colour3 #side, body.wasserwerk.colour3 input, body.wasserwerk.colour3 textarea, body.wasserwerk.colour3 select, body.wasserwerk.colour3 label {color:#555;}
body.wasserwerk.colour3 input, body.wasserwerk.colour3 textarea, body.wasserwerk.colour3 select {border-color:#555;}
body.wasserwerk.colour3 #searchform label {color:#242F37;}
body.wasserwerk.colour3 a:link, body.wasserwerk.colour3 a:visited, body.wasserwerk.colour3 a:active {color:#999;}
body.wasserwerk.colour3 a:focus, body.wasserwerk.colour3 a:hover, body.wasserwerk.colour3 a:active {color:#225B53;}
body.wasserwerk.colour3 h1, body.wasserwerk.colour3 h2, body.wasserwerk.colour3 h3, body.wasserwerk.colour3 h4, body.wasserwerk.colour3 h5, body.wasserwerk.colour3 h6 {color:#555;}
body.wasserwerk.colour3 #nav a:link, body.wasserwerk.colour3 #nav a:visited, body.wasserwerk.colour3 #nav a:active {color:#555; }
body.wasserwerk.colour3 #nav li.active > a, body.wasserwerk.colour3 #nav a:hover {color:#999; }
body.wasserwerk.colour3 #metanav a:link, body.wasserwerk.colour3 #metanav a:visited, body.wasserwerk.colour3 #metanav a:focus {color:#FFF;}
body.wasserwerk.colour3 #metanav a:focus, body.wasserwerk.colour3 #metanav a:hover, body.wasserwerk.colour3 #metanav a:active {color:#FFF;}
body.wasserwerk.colour3 #footer { background-color:#555;}
body.wasserwerk.colour4 {color:#242F37;}
body.wasserwerk.colour4 #side, body.wasserwerk.colour4 input, body.wasserwerk.colour4 textarea, body.wasserwerk.colour4 select, body.wasserwerk.colour4 label {color:#77A421;}
body.wasserwerk.colour4 input, body.wasserwerk.colour4 textarea, body.wasserwerk.colour4 select {border-color:#77A421;}
body.wasserwerk.colour4 #searchform label {color:#242F37;}
body.wasserwerk.colour4 a:link, body.wasserwerk.colour4 a:visited, body.wasserwerk.colour4 a:active {color:#aaa;}
body.wasserwerk.colour4 a:focus, body.wasserwerk.colour4 a:hover, body.wasserwerk.colour4 a:active {color:#225B53;}
body.wasserwerk.colour4 h1, body.wasserwerk.colour4 h2, body.wasserwerk.colour4 h3, body.wasserwerk.colour4 h4, body.wasserwerk.colour4 h5, body.wasserwerk.colour4 h6 {color:#77A421;}
body.wasserwerk.colour4 #nav a:link, body.wasserwerk.colour4 #nav a:visited, body.wasserwerk.colour4 #nav a:active {color:#77A421; }
body.wasserwerk.colour4 #nav li.active > a, body.wasserwerk.colour4 #nav a:hover {color:#aaa; }
body.wasserwerk.colour4 #metanav a:link, body.wasserwerk.colour4 #metanav a:visited, body.wasserwerk.colour4 #metanav a:focus {color:#FFF;}
body.wasserwerk.colour4 #metanav a:focus, body.wasserwerk.colour4 #metanav a:hover, body.wasserwerk.colour4 #metanav a:active {color:#FFF;}
body.wasserwerk.colour4 #footer { background-color:#77A421;}
body.wasserwerk.colour5 {color:#242F37;}
body.wasserwerk.colour5 #side, body.wasserwerk.colour5 input, body.wasserwerk.colour5 textarea, body.wasserwerk.colour5 select, body.wasserwerk.colour5 label {color:#9C639C;}
body.wasserwerk.colour5 input, body.wasserwerk.colour5 textarea, body.wasserwerk.colour5 select {border-color:#9C639C;}
body.wasserwerk.colour5 #searchform label {color:#242F37;}
body.wasserwerk.colour5 a:link, body.wasserwerk.colour5 a:visited, body.wasserwerk.colour5 a:active {color:#aaa;}
body.wasserwerk.colour5 a:focus, body.wasserwerk.colour5 a:hover, body.wasserwerk.colour5 a:active {color:#225B53;}
body.wasserwerk.colour5 h1, body.wasserwerk.colour5 h2, body.wasserwerk.colour5 h3, body.wasserwerk.colour5 h4, body.wasserwerk.colour5 h5, body.wasserwerk.colour5 h6 {color:#9C639C;}
body.wasserwerk.colour5 #nav a:link, body.wasserwerk.colour5 #nav a:visited, body.wasserwerk.colour5 #nav a:active {color:#9C639C; }
body.wasserwerk.colour5 #nav li.active > a, body.wasserwerk.colour5 #nav a:hover {color:#aaa; }
body.wasserwerk.colour5 #metanav a:link, body.wasserwerk.colour5 #metanav a:visited, body.wasserwerk.colour5 #metanav a:focus {color:#FFF;}
body.wasserwerk.colour5 #metanav a:focus, body.wasserwerk.colour5 #metanav a:hover, body.wasserwerk.colour5 #metanav a:active {color:#FFF;}
body.wasserwerk.colour5 #footer { background-color:#9C639C;}