/** relevant fuer das mobile CSS: Keine zusaetzlichen CSS-Tags angeben, nur aus der Standard-CSS Bekannte ueberschreiben **/

a:link {color:#AD0404}
a:visited {color:#AD0404}

.nh{display:none}
/*.oh{display:block}*/
#columnleft .section	{display:none}
.TabbedPanels {margin:5px}
.TabbedPanelsTabGroup {display:none}
.TabbedPanelsContent img{ max-width:100% }

button{ background:#DDD; border:0; cursor:pointer; padding:10px 10px 5px 10px; overflow:visible; margin:1em 0 }
.actionbutton{ background:#b81b1b;color:#FFF}
button:hover { background:#000; color:#FFF }

body {font-family:Helvetica, "Trebuchet MS", Arial;margin:0}
em { font-style:normal; font-weight:bold }

.articlerow { border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:0; vertical-align:top;font-size:8pt }
.article1row {background:#eee}
.articlerow div {padding:2px}
.articleimage{max-width:0;visibility:collapse}
.articlenh{max-width:0;visibility:collapse}
.price{border-right:1px solid #ddd; text-align:right}
.oldprice {text-decoration: line-through;font-weight:normal !important}
.liefera{color:#6EB35D}
.lieferb{color:#EA8557}
.lieferc{color:#FE7360}

#footer { font-size:1em; padding:0 1em; display:block; border-top:5px solid #DDD }
#produktteaser{position:relative;display:block}
#produktbild {height:300px;background-repeat: no-repeat;background-position:center top; background-size:auto 150px}
#produktbildzurueck{position:absolute;left:0;height:50%;width:76px;background:url('/images/categories/bild_zurueck.png') no-repeat bottom;z-index:4}
#produktbildvor{position:absolute;right:0;height:50%;width:76px;background:url('/images/categories/bild_vor.png') no-repeat bottom;z-index:4}
#produktheadline {padding-top:135px}
#produktheadline * {color:#000}
#hider {transition:all 0.75s}
.hiderclose {position:relative;max-height:25em;overflow:hidden}
.hideropen {position:relative;max-height:500em;overflow:auto}
#hidertext {background:#AD0404; height:1.75em; font-size:1em }
#hidertext a {display:block; text-align:right;color:#FFF !important; text-decoration:none !important; padding: 0.25em; }
#inhalt {padding:0 .5em}
#videoclip {max-width:90%;height:auto}

.overviewbox { border-top:1px solid #DDD; margin:1%; padding:5px 2px }

#ajax { position:absolute; display:none; font-size:1.2em;line-height:1.7em;background:#FFF;padding:.5em;box-shadow:0 0 20px 0 rgba(0, 0, 0, 0.2);margin:.5em }
#ajax a { display:inline-block; width:100%}
#ajax a:hover {background:#EEE; text-decoration:none}
#uajax { position:absolute; display:none; margin:10px }

h1{font-weight:300;font-size:1.8em}
h2{font-size:1.4em}
.section {margin:1em 0 0 0}

input{ border:1px solid #CCC; padding:0.5em}
input.radio{border:0}
input.checkbox{border:0; margin-top:0.5em}
.haslabel {width:140px}
label{margin-top:1em;display:block}

.osicon{display:none}
.ssl_icon { position:fixed; bottom:0px; right:0px; margin:0px }
.leiste p{margin:0}
.leiste a{display:none; color:#FFF; text-decoration:none; padding:5px; background:#333}
.leiste form{margin:0;display:none; padding:5px; background:#333}
.logo {display:block;height:55px; width:100%; background:url('/images/logo_hand.png') no-repeat center center}

.wicon		{ background:url('../../images/icons/wicons_sprite.svg') no-repeat; padding-left:20px; min-height:20px; display:block; white-space:nowrap }
.liste		{ background-position:0px -600px }
.weiter		{ background-position:0px -314px }
.warenkorb	{ background-position:0px -262px }
.user		{ background-position:0px -236px }
.telefon	{ background-position:0px -210px }
.lupe		{ background-position:0px -184px }
.schloss	{ background-position:0px -158px }
.ok			{ background-position:0px -80px }
.brief		{ background-position:0px -2px }


.tile { position:relative;vertical-align:bottom;height:120px;padding:15px;margin:5px;display:inline-block;background-repeat:no-repeat;background-position:center;background-size:auto 160px !important;width:80%; text-decoration:none;overflow:hidden;font-size:x-small;transition:all 0.25s}
.tile h3 { display:block; position:absolute;left:0;top:0;right:0; padding:0.7em; color:#FFF;margin:0;font-weight:300;font-size:1.6em }
.tile .info {display:block;position:absolute;overflow:hidden;left:0;top:0;bottom:0;right:0;padding:0.7em;color:#333;margin:0;background:#E9E9E9}
.tile .info-img {display:block;position:absolute;overflow:hidden;left:50%;top:0;bottom:0;right:0;padding:0.7em;color:#333;margin:0;background:#E9E9E9}
.tile .info-img em {font-size:1.2em;text-transform:uppercase }

.listing {border-top:1px solid #EEE}
.listing * a {text-decoration:none}
.listing  h3{margin-bottom:0em;line-height:1.25em}
.listing_bild{display:none}
.listing_main{padding-left:1em; font-size:small}/*fuer tablet anpassen!*/
.listing_rechts{padding:0 0 1em 1em; font-size:small}

.nav1 a {color:#FFF; display:block; text-decoration:none; padding:0.5em; background:#333}
.nav1 a:hover {background:#666}
.nav2 a {color:#FFF; display:block; text-decoration:none; padding:0.5em 0.5em 0.5em 1em; background:#333}
.nav2 a:hover {background:#666}
.nav1 {padding:0 0 1em 0}
a.hier { background:#999 }

#ltoggle {margin:0;background:#333;display:block;width:100%}
#ltoggle a {padding:10px 10px 5px 10px; max-width:20%;background:#333;display:inline-block; text-decoration:none}
#kateg  {display:none}
#suchmaske { width:70% }