body, td {font-family: Arial, Sans Serif; font-size: 13px; background-color:#fff; margin:0; padding:0; text-align: center;}
#wrapper {text-align: left; position: relative; -webkit-text-size-adjust: 100%;}
table{}
td { vertical-align: top;  }
#footer{position:fixed; bottom:0;  width:100%; padding:5px 0; text-align:center; background-color:white; z-index:50; }
#footer a {color: #5c0712; text-decoration: none;}
#footer a:hover {color: red;}


/**
.navigation{ position:fixed;width:230px; overflow:scroll; height:100%}
*/

header{position:fixed; height:110px; top:0px; background-color: white; width:100%;  }

.headrow1{padding: 5px 3px 0 10px; text-align: center; }
.headrow1inner{font-weight: bold; font-size:16px; color:#5c0712; padding: 0 65px; line-height:16px;}
.logo2 {float:right; margin: 0 15px 0 15px width: 48px; height: 48px;float: right;}

#menusymbolLink{ padding: 0 5px 5px; text-decoration:none;   float:left; width:30px; height:30px;}
#menusymbolLink { background: url("img/menusprite.png") 2px 4px no-repeat;    display:block;  }
#menusymbolLink:hover{ background: url("img/menusprite.png") 2px -56px no-repeat;}

#slidesymbolLink{ padding: 0 5px 5px; text-decoration:none;   float:left; width:30px; height:30px;}
#slidesymbolLink { background: url("img/slidesprite.png") 2px 4px no-repeat;   display:block;   }
#slidesymbolLink:hover{ background: url("img/slidesprite.png") 2px -56px no-repeat; }


#closesymbolLink{  text-decoration:none; position: fixed; top:0; left:0px; width:50px; height:50px; background-color:white;}
#closesymbolLink { background: url("img/slidesprite2.png") 5px 0px no-repeat;  display:block;  -moz-border-radius: 3px; border-radius: 3px;}
#closesymbolLink:hover{ background: url("img/slidesprite2.png") 5px -60px no-repeat;}



.headrow2{padding: 0 0 0 10px;  color:#c3072d; font-size:18px; font-weight:bold;clear:both;}
.headrow3{padding: 0 8px 0 10px;  color:black; font-size:12px; clear:both; text-align:right;}


.headrow3 a{ color:#ab8a87; background-color:#f8f7e3; text-decoration:none; display:block; margin: 0 0 0 8px;  padding:2px 8px 1px 15px;;   float:right; -moz-border-radius: 3px; border-radius: 3px; box-shadow: 2px 2px 1px #aaa;}
.headrow3 a:hover{color:#fff; background-color:#c3072d;}
.headrow3 a:hover{background-color:#f8f4b5; color:#5c0712;}

a.sortcurrentdesc {background: url("img/sprite2.png") 2px 4px no-repeat; background-color:#f8f4b5; color:#5c0712;} 
a.sortcurrentasc {background: url("img/sprite3.png") 2px 4px no-repeat; background-color:#f8f4b5; color:#5c0712;} 



.main{margin:120px 5px 0 5px;}



.produktbox1{ padding:5px; background-color:#f8f4b5; border:white solid 1px; margin-bottom:2px; -moz-border-radius: 3px; border-radius: 3px; min-height:26px;}
.produktbox1.current2 {background-color:#f1dac6}

.weinname{color:#5c0712; font-weight:bold;}
.unterzeile1{ font-size: 12px; }
.unterzeile2{font-style: italic; font-size: 12px; }
.titelzeile, .titelzeile a{font-weight: bold; color:#5c0712; text-decoration:none; width:50%;}
.titelzeile a:hover{font-weight: bold; color:#b70e22; }
.green {background-color: #acd334; font-style: normal;}


h4, h4 a{display:inline; font-weight: bold; color:#5c0712; text-decoration:none; width:50%; padding:0; margin:0;}
h4 a:hover{font-weight: bold; color:#b70e22; }

.detaillink{}
.standnr{width:90px; float:right; }
.standnr a{display:block; color:#f8f4b5;text-decoration:none;  padding:5px; background-color:#5c0712;  text-align:right; -moz-border-radius: 3px; border-radius: 3px; box-shadow: 3px 3px 2px #aaa;}
.standnr a:hover{color:#fff; background-color:#c3072d; }




.close{ position:absolute; right:10px; top: 0px; color:black; font-size:48px; }
.close .ssm-toggle-nav{background-color:white; box-shadow: none; border:none;}
.close a:hover.ssm-toggle-nav{background-color:white; color:red;}


.sideheader{position:fixed; height:50px; top:0px; background-color: white; width:100%;  }
.headrow4{padding: 3px 0 0 ; text-align: center; }
.headrow4inner{font-weight: bold; font-size: 16px; color:#5c0712; padding: 0 65px; line-height:16px;}

.eintraege{float:left;;}

.navigation{margin-top:55px;}


.accordion div.searchrow a, .accordion div .search { display: block;font-size: 1.17em; color:#5c0712; border-bottom: 1px solid #5c0712; padding: 10px; padding-left: 32px; margin: 0; margin: 0 3px;  background-color: #fffdea;text-decoration:none; }
.accordion div a:hover {background-color:#f8f4b5;}
.accordion div a.current1, .search.current1{background-color:#bb0004; color:white}

.nichtaccordion div.searchrow a, .nichtaccordion div .search { display: block;font-size: 1.17em; color:#5c0712; border-bottom: 1px solid #5c0712; padding: 10px; padding-left: 16px; margin: 0; margin: 0 3px;  background-color: #fffdea;text-decoration:none; }
.nichtaccordion div a:hover {background-color:#f8f4b5;}
.nichtaccordion div a.current1, .search.current1{background-color:#bb0004; color:white}



.is-navOpen{ overflow: hidden;}

nav { height: 100%; width:100%; box-sizing:border-box; padding:0 15px; background-color: white; left: 0; top: 0; z-index: 2; position: fixed; overflow-y: auto; overflow-x: visible; transform: translate(-100%,0); -webkit-transform: translate(-100%,0); }

.ssm-overlay { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0,0,0,0.2); display: none; z-index: 1; }


h3 { margin: 0; background-color: rgb(126,13,13); background-image: linear-gradient(bottom, rgb(126,13,13) 14%, rgb(180,15,15) 57%);  -moz-border-radius: 3px; border-radius: 3px; 
background-image: -o-linear-gradient(bottom, rgb(126,13,13) 14%, rgb(180,15,15) 57%); background-image: -moz-linear-gradient(bottom, rgb(126,13,13) 14%, rgb(180,15,15) 57%); background-image: -webkit-linear-gradient(bottom, rgb(126,13,13) 14%, rgb(180,15,15) 57%); background-image: -ms-linear-gradient(bottom, rgb(126,13,13) 14%, rgb(180,15,15) 57%);}

.accordion h3 a { background: url("img/sprite.png") 15px 13px no-repeat; display: block; padding: 10px; padding-left: 32px; margin: 0 0 2px; color: #fff; text-decoration: none; font-weight: normal; border-bottom: 1px solid rgba(128, 10, 85, 0.5);}
.nichtaccordion h3 a { display: block; padding: 10px; padding-left: 32px; margin: 0 0 2px; color: #fff; text-decoration: none; font-weight: normal; border-bottom: 1px solid rgba(128, 10, 85, 0.5);}


h3:hover { background: rgb(232,18,18); }
h3.open  { background: rgb(232,18,18);margin: 0; }
h3.open a { background-position: 13px -25px; }

a.open { background: rgb(232,18,18) !important;}
a.opensub{ background-color: #f8f4b5 !important;}

h3+div { display: none;}


form {  width:100%;position:relative; }
input {position:relative; padding:8px 50px 8px 2px; background:#fff; border:2px solid #dbdbdb; width: 80%;  -moz-border-radius: 3px; border-radius: 3px; font-size:14px;}

.button {position:absolute; padding:8px 5px; top:0; right:-5px;  font-size:14px; border:2px solid #207cca; background-color:#207cca; color:#fafafa; width: 60px; }
.button:hover  { background-color:#fafafa;color:#207cca;}

 .desktoplogo{ width:100%; height:100%; display:none;}