* { margin: 0; padding: 0; }

body { font-family: arial, verdana, sans-serif; font-size: small; margin-bottom: 25px; }

ul { list-style-type: none; }

ul.bot, div.bot { width: 970px; margin: 0 auto; text-align: center; margin-top: 15px; font-size: 11px; }
p.deep { width: 750px; }

ul.bot li { display: inline; color: #bababa; }
ul img { vertical-align: middle; }

ul.bot li a, div.deep { color: #a0a0a0; }
div.deep a { color: #a0a0a0; text-decoration: underline; }
div.deep a:hover { color: #4a4a4a; }

a { text-decoration: none; }
a img { border: none; }

h1 { font-size: 11px; color: #565656; width: 175px; text-align: center; background-color: #EBEBEB; line-height: 25px; height: 25px; 
background-image: url(img/header-shadow.jpg); background-repeat: repeat-x; border-bottom: 1px solid #bababa; }
h2 { font-size: 18px; margin-top: 1px; border-bottom: 1px solid #ccc; color: #444; }

img.angebot { float: left; margin: -5px 25px 145px 3px; }

p.part { background-image: url(img/trennlinie.jpg); background-repeat: no-repeat; background-position: bottom; padding-top: 12px; padding-bottom: 12px; text-align: center; }


#gesamt { width: 970px; margin: 0 auto; margin-top: 25px; border: 1px solid #BABABA; background-image: url(img/bg.gif); background-repeat: repeat-y; font-size: 11px; }

#kopf { background-image: url(img/shop-header.jpg); background-repeat: no-repeat; height: 110px; border-bottom: 1px solid #BABABA; }

#kopf img { padding-top: 3px; padding-left: 10px; }

#main { border-top: 1px solid #fff; background-image: url(img/shadow.jpg); background-repeat: repeat-x; }

#main .descr { margin-left: 250px; border-left: 1px solid #bababa; padding-left: 5px; padding-right: 15px; }


#hauptinhalt { margin-left: 170px; padding-left: 25px; }

#hauptinhalt p { padding-top: 15px; margin-bottom: 5px; }

#hauptinhalt .list { margin-bottom: 25px; line-height: 20px; padding-left: 12px; }

#hauptinhalt div.container1 { float: left; width: 500px; background-color: #fff; background-image: url(img/verlauf.jpg); background-repeat: repeat-x; 
background-position: 0px 25px; margin-bottom: 15px; border-top: 1px solid #ccc; }

#hauptinhalt div.container1 h2 { background-color: #ebebeb; padding: 6px 2px 6px 10px; }

#hauptinhalt div.container1 p { border-top: 1px solid #fff; padding: 10px; margin-bottom: 0px; }
#hauptinhalt div.container1 ul.list { margin-bottom: 0px; padding-bottom: 35px; font-weight: bold; }
#hauptinhalt div.container1 p.bdrno { border: none; }



#hauptinhalt div.container2 { width: 243px; float: left; margin-left: 11px; background-color: #fff; background-image: url(img/verlauf.jpg); background-repeat: repeat-x; 
background-position: 0px 25px; margin-bottom: 15px; border-top: 1px solid #ccc; }

#hauptinhalt div.container2 h2 { background-color: #ebebeb; padding: 6px 2px 6px 10px; }

#hauptinhalt div.container2 p { border-top: 1px solid #fff; margin: 0px 0px 0px 0px; padding: 10px 10px 10px 100px; }

#hauptinhalt div.container2sub { border-top: 1px solid #ccc; background-image: url(img/verlauf.jpg); background-repeat: repeat-x; 
background-position: 0px 25px;  }

#hauptinhalt a { color: #585858; font-weight: bold; }
#hauptinhalt a:hover { color: #f60; }
#hauptinhalt div.container1 a:hover, #hauptinhalt div.container2 a:hover { color: #000; }


#breadcrumb { position: absolute; top: 150px; margin-left: 200px; }
#breadcrumb a { color: #333; text-decoration: underline; padding: 0px 5px; }


#navi { position: absolute; top: 75px; margin-left: 268px; width: 450px; font-weight: bold; font-size: 13px; }

#navi ul li { display: inline; padding-right: 0px; line-height: 30px; }

#navi ul li a { color: #fff; padding: 4px 7px 7px 7px; margin-right: 1px; margin-left: 1px; }

#navi ul li a:hover { background-color: #000; border-top: 1px solid #848484; }


#rightbox { position: absolute; top: 159px; margin-left: 706px; width: 222px; font-size: 12px; text-align: left; color: #444; }

#rightbox h2 { font-size: 15px; border: none; color: #444; }

#rightbox p { padding-top: 5px; color: #444; }

#rightbox p.link { padding-top: 150px; font-weight: bold; text-align: right; }
#rightbox a { color: #444; }
#rightbox a:hover { text-decoration: underline; }

#boxrow { position: absolute; top: 340px; margin-left: 197px; width: 246px; height: 113px; 
background-image: url(img/online-shop.jpg); background-repeat: no-repeat; padding: 10px; }

#boxrow2 { position: absolute; top: 340px; margin-left: 451px; width: 246px; height: 113px; 
background-image: url(img/shisha-anleitung.jpg); background-repeat: no-repeat; padding: 10px; }

#boxrow3 { position: absolute; top: 340px; margin-left: 705px; width: 246px; height: 113px; 
background-image: url(img/kontakt.jpg); background-repeat: no-repeat; padding: 10px; }

#boxrow p, #boxrow2 p, #boxrow3 p { padding-top: 5px; padding-right: 100px; }

#boxrow p.link, #boxrow2 p.link, #boxrow3 p.link { padding-top: 20px; font-weight: bold; }

#boxrow h2, #boxrow2 h2, #boxrow3 h2 { font-size: 18px; border: none; }

p.link a { color: #333; }

p.link a:hover { color: #f60; }


#sidenavi { position: absolute; top: 165px; width: 175px; background-color: #F5F5F5; font-size: 11px; }

#sidenavi ul { background-color: #fff; }

#sidenavi ul li a { display: block; line-height: 22px; height: 22px; border-bottom: 1px solid #bababa; margin-bottom: 1px; background-color: #EBEBEB; color: #444; }

#sidenavi ul li a:hover { background-color: #D8D8D8; }

#sidenavi ul li a img { float: left; padding-right: 10px; }

#sidenavi ul li a.full { padding-left: 15px; }

#sidenavi ul li a:hover.full { background-color: #ebebeb; color: #000; }



#sidenavi .box { padding-top: 15px; }

#sidenavi .box h3 { padding-left: 10px; color: #EF8702; margin-bottom: 5px; font-size: 12px; }

#sidenavi .box p { color: #767676; text-align: left; padding: 0px 0px 0px 13px; font-weight: bold; }
#sidenavi .box p.part { padding-bottom: 25px; }

#sidenavi .box p a { color: #767676; }

#sidenavi .box p a:hover { text-decoration: underline; }


#naviheader { position: absolute; top: 9px; }

#naviheader li  { border-right: 1px solid #bababa; }

#naviheader ul li { display: inline; padding-left: 4px; padding-right: 4px; }

#naviheader ul li.first { margin: 0px; padding-left: 0px; }

#naviheader a { color: #444; font-weight: bold; }


#productnavi { position: absolute; top: 26px; margin-left: 727px; width: 243px; background-color: #acbc07; font-size: 12px; font-weight: bold; }

#productnavi ul li { display: inline; border-right: 1px solid #fff; padding-right: 5px; margin-left: 5px; }

#productnavi ul li.noborder, #naviheader ul li.last { border: none; }

#productnavi a { color: #fff; }


#navix { position: absolute; top: 102px; margin-left: 10px;  }

#navix ul li { display: inline; background-image: url(img/vert-trennlinie.jpg); background-repeat: no-repeat; background-position: 33px 12px; padding-right: 20px; padding-top: 20px; padding-bottom: 20px; }

#navix img { vertical-align: middle; }


#search { position: absolute; top: 104px; margin-left: 100px; }

#search input { vertical-align: bottom; padding-left: 2px; color: #767676; }

#hotline { font-size: 11px; width: 180px; color: #767676; margin-left: 795px; position: absolute; top: 112px; }


#foot { border-top: 1px solid #bababa; background-color: #F5F5F5; background-image: url(img/footer_bg.jpg); background-repeat: repeat-x; background-position: 0px 11px;
line-height: 25px; height: 25px; text-align: left; padding-left: 15px; color: #a5a5a5; }

#foot span { padding-left: 480px; font-weight: bold; }



.clear { clear: both; }

.floatr { float: right; }

.floatl { float: left; }

.fix { margin: 10px; }
.imgfix { margin: 1px 0px 0px 15px; }
.pos { margin-top: 35px; }

.closer { margin-top: -120px; }

.empty { margin-top: 530px; }

.empty2 { margin-top: 730px; }

.img { display: block; }
.zen { text-align: center; color: #8a8a8a; }
.bfr { padding-top: 10px; }
.zen img { margin-bottom: 25px; }
.contend { padding-bottom: 430px; margin-bottom: 25px; }
.contend2 { padding-bottom: 690px; margin-bottom: 25px; }
.ri { text-align: right; padding-right: 15px; }