* { margin: 0px; padding: 0px; }
:focus { outline: 0px; }
html { height: 100%; }
body { height: 100%; width: 100%; text-align: center; background-color: #ffffff; background-image: url(../img/DSH_horizont_neu.png); background-position: -300px -40px; background-repeat: repeat-x; }
body { font-family: Verdana, Geneva, sans-serif; font-size: 11px; color: #000; line-height: 15px; }
a { color: #000000; text-decoration: underline; cursor: pointer; }
a:hover { color: #DCB02E; text-decoration: underline; }
a img { border: 0 none; }
h2, h3, h1 { font-family: Georgia, "Times New Roman", Times, serif; }
h1 { font-size: 18px; color: #4B184E; font-weight: normal; }
h2 { font-size: 29px; color: #523f02; font-weight: normal; }
h3 { background-image: url(../img/bullet.png); background-repeat: no-repeat; background-position: 0px 4px; padding-left: 30px; font-size: 14px; color: #000000; font-weight: bold; }
h4 { font-size: 14px; color: #1559A7; font-weight: normal; }
h5 { color: #FFF; background-color: #666; padding: 5px; font-size: 14px; display: inline-block; width: auto; margin-bottom: 10px; font-weight: normal; }
h6 { font-size: 14px; color: #ff7f00; font-weight: bold; }
blockquote { }
p { }

.infods h3 { background:transparent; padding-left: 0; font-size: 14px; color: #000000; font-weight: bold; margin:15px 0 10px 0; }
/****************************************************/
/******************* listen  ************************/
/****************************************************/
ul, ol { margin: 0px; padding: 0px; }
li { list-style-type: none; }
ul.liste li { background-image: url(../img/bg_li.png); background-repeat: no-repeat; background-position: 10px 5px; padding-left: 30px; margin-bottom: 20px; }
/****************************************************/
/************** gemeinsame styles  ******************/
/****************************************************/
#container, #content { position: relative; }
#sidebar, #logo, #impr, #karte, #partner1, #partner2, #partner3, #partner4, #partner5, #partner6, #partner7, #partner8, #partner9, #partner10, #bild_li, #navi { position: absolute; }
/****************************************************/
/****************** container  **********************/
/****************************************************/

#container { margin: 0px 0px 0px 63px; padding: 0px; text-align: left; width: 100%; max-width: 924px; z-index: 1; min-height: 598px; }
#logo { top: 26px; left: 28px; }
/****************************************************/
/******************   header   **********************/
/****************************************************/


/****************************************************/
/*****************   sidebar   **********************/
/****************************************************/
#sidebar { top: 0px; right: 0px; width: 270px; height: 598px; background-image: url(../img/bg_navi.png); padding: 0px; font-family: Georgia, "Times New Roman", Times, serif; }
/****************************************************/
/******************    navi    **********************/
/****************************************************/
#navi { top: 197px; left: 18px; width: 235px; }
#navi ul.nav { }
#navi ul.nav li { line-height: 24px; }
#navi ul.nav li a { font-size: 14px; background-position: 0 23px; font-family: Georgia, "Times New Roman", Times, serif; }
#navi ul.nav li a, #navi a, #impr a { color: #4B184E; text-decoration: none; height: 24px; display: block; background-image: url(../img/bg_bt.png); background-repeat: no-repeat; padding-left: 10px; }
#navi ul.nav li a:hover, #navi a:hover { color: #DCB02E; background-position: 0 -1px; }
#navi ul.nav li a._in { color: #DCB02E; }
#navi ul.nav ul.subnav li a { padding-left: 60px; font-family: Georgia, "Times New Roman", Times, serif; }
#navi ul.nav ul.subnav li a:hover, #navi ul.nav ul.subnav li a._in { color: #DCB02E; text-decoration: none; display: block; background-image: url(../img/bg_bt.png); background-repeat: no-repeat; background-position: 0 -1px; }
#navi ul.nav ul.subnav li { background-image: url(../img/bg_li.png); background-repeat: no-repeat; background-position: 50px 10px; }
#navi ul.nav ul.subnav li:hover, #navi ul.nav ul.subnav li._in { background-image: url(../img/bg_li_over.png); background-repeat: no-repeat; background-position: 50px 10px; }
.mobinav ul.nav li { line-height: 24px; }
.mobinav ul.nav li a { font-size: 14px; background-position: 0 23px; font-family: Georgia, "Times New Roman", Times, serif; }
.mobinav ul.nav li a, .mobinav a, #impr a { color: #4B184E; text-decoration: none; height: 24px; display: block; background-image: url(../img/bg_bt.png); background-repeat: no-repeat; padding-left: 10px; }
.mobinav ul.nav li a:hover, .mobinav a:hover { color: #DCB02E; background-position: 0 -1px; }
.mobinav ul.nav li a._in { color: #DCB02E; }
.mobinav ul.nav ul.subnav li a { padding-left: 60px; font-family: Georgia, "Times New Roman", Times, serif; }
.mobinav ul.nav ul.subnav li a:hover, .mobinav ul.nav ul.subnav li a._in { color: #DCB02E; text-decoration: none; display: block; background-image: url(../img/bg_bt.png); background-repeat: no-repeat; background-position: 0 -1px; }
.mobinav ul.nav ul.subnav li { background-image: url(../img/bg_li.png); background-repeat: no-repeat; background-position: 50px 10px; }
.mobinav ul.nav ul.subnav li:hover, .mobinav ul.nav ul.subnav li._in { background-image: url(../img/bg_li_over.png); background-repeat: no-repeat; background-position: 50px 10px; }
.mobilenavi { display: none; }
#impr { top: 630px; left: 18px; width: 235px; line-height: 23px;border-top: 1px solid #DCB02E; }
#impr a { font-size: 10px; color: #4B184E; text-decoration: none; height: 24px; display: inline;  padding-left: 10px; background:transparent; padding-right:5px; }
#impr a.dsebt {padding-left:5px;}
#impr a:hover, #impr a._in { color: #DCB02E; background-position: 0 0px; }
#impr a.gr { background-image: none; }
/****************************************************/
/*****************   content   **********************/
/****************************************************/
#deutsch, #english, #langzh { position: absolute; top: 0px; z-index: 250; }
#deutsch { left: 2px; }
#english { left: 59px; }
#langzh { left: 116px; }
#content { padding: 205px 0 0 32px; margin-right: 286px; }
#content_folge { padding: 200px 0 0 236px; margin-right: 286px; }
#karte { left: 32px; top: 250px; }
#partner1, #partner2, #partner3, #partner4, #partner5, #partner6, #partner7, #partner8, #partner9, #partner10, #partner11 { width: 138px; height: 138px; background-image: url(../img/bg_partnerkreis.png); z-index: 100; text-align: center; font-family: Verdana, Geneva, sans-serif; color: #000; position: absolute; left: 160px; top: 329px; visibility: hidden; }
#partner1 { left: 119px; top: 312px; }
#partner2 { left: 102px; top: 334px; }
#partner3 { left: 257px; top: 269px; }
#partner4 { left: 245px; top: 285px; }
#partner5 { left: 365px; top: 352px; }
#partner6 { left: 121px; top: 385px; }
#partner7 { left: 136px; top: 326px; }
#partner8 { left: 275px; top: 332px; }
#partner9 { left: 100px; top: 326px; }
#partner10 { left: 40px; top: 320px; }
#partner11 { left: 92px; top: 319px; }
#partner1 p, #partner2 p, #partner3 p, #partner4 p, #partner5 p, #partner6 p, #partner7 p, #partner8 p, #partner9 p, #partner10 p, #partner11 p { padding-bottom: 8px; line-height: 14px; font-size: 11px; }
#bild_li { top: 202px; left: 0px; }
#produktbilder { top: 192px; left: 0px; width: 160px; height: 355px; position: absolute; text-align: center; }
#produktbilder img { margin: 10px 0 4px 0; }
#content2 { margin-bottom: 20px; }
.cont2 { float: left; width: 200px; }
#legende { position: absolute; left: 32px; top: 600px; white-space: nowrap; background-image: url(../img/bg_li.png); background-position: 0px 3px; padding-left: 10px; height: 11px; font-size: 11px; color: #4B184E; background-repeat: no-repeat; }

.footer { display:none;}
/****************************************************/
/*****************   classes   **********************/
/****************************************************/
.fltlft { float: left; padding-right: 20px; padding-bottom: 80px; }
.clear { clear: both; }
.u20 { margin-bottom: 20px; }
p.gr { padding-left: 10px; color: #4B184E; font-size: 10px; }
.text_small { font-size: 10px; }

@media only screen and (device-width: 768px) {
/*#sidebar { background-color: rgba(255, 255, 255, 0.5);filter: alpha(opacity=50); background-image:none;}*/
#sidebar { background-color: #fff; background-repeat: no-repeat; }
body { height: 100%; width: 100%; text-align: center; background-color: #FFF; /*background-image:url(../img/DSH_horizont_neu.jpg);*/ background-repeat: repeat-x; }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
#sidebar { background-color: #fff; background-repeat: no-repeat; }
body { height: 100%; width: 100%; text-align: center; background-color: #FFF; /*background-image:url(../img/DSH_horizont_neu.jpg);*/ background-repeat: repeat-x; }
}

@media (max-width:899px) {
#sidebar { position: absolute; top: 0px; right: 0px; width: 270px; height: auto; background-image: none; float: right; }
#logo { top: 30px; left: auto; right: 30px; }
#deutsch { left: 32px; }
#english { left: 89px; }
#langzh { left: 146px; }
#container { margin-left: 0; /*padding: 0 30px;*/ box-sizing: border-box }
#navi, #impr { display: none; }
.mobilenavi { padding-top: 50px; padding-left: 30px; box-sizing: border-box; background: #fff; display: block }
.mobinav { padding-top: 20px; display: none; z-index: 99999, }
.mobinav.opener { display: block; }
#menuToggle { display: block; position: relative; top: auto; left: auto; z-index: 1; -webkit-user-select: none; user-select: none; }
#menuToggle span { display: block; width: 33px; height: 4px; margin-bottom: 5px; position: relative; background: #4B184E; border-radius: 3px; z-index: 1; }
#content { margin-right: 0;  padding: 132px 30px 0 32px;}
#karte, #karteMap { position:relative; max-width: 100%; height: auto;margin-top:20px;
    left: auto;
    top: auto;
}
#content_folge { padding: 20px 30px 0 236px; margin-right: 0; margin-top:180px; position:relative; min-height: 400px;}
#bild_li, #produktbilder { top:0;}
#content_folge.runter { margin-top:0;   }
#produktbilder { padding-left: 30px; }
.footer { padding: 20px 30px; display:block; width:100%; }
}

@media (max-width:639px) {
#produktbilder, #bild_li { top: auto; left: 0px; width: auto; height: auto; position: relative; text-align: center; }
#content_folge { padding-left: 30px; }
h1 { line-height: 1; }
#logo { max-width: 180px; height: auto; top: 10px; }
	.cont2 {
    float: none;
    width: 100%;
}#produktbilder { padding-left: 0; }
}