@charset "iso-8859-1";
* {margin: 0; padding: 0;}
body {background-color: #fff; font-family: helvetica, arial, verdana, sans-serif; font-size: small;}
h1 {font-size: 120%; padding: 20px 0px 8px 0px; color: #1E90FF;}
h2 {font-size: 120%; padding: 0px 0px 0px 0px;}
h3, h4 {font-size: 110%; padding: 15px 0px 5px 0px;}
p.end { background-color: #778899; clear: both; border-top: 1px solid #fff; color: #fff; padding: 6px 15px;}
a { color: #333; text-decoration: none;}
ul { list-style-type: none;}

#gesamt {width:850px; margin: 0 auto; background-color: #FFF;}

#head {background-color: #FFF; width: 850px; height: 85px;}
#head a{font-weight: bold;}

#main {margin-left: 205px; background-color: #FFF;}

#box {margin-right: 205px; padding: 0px 0px 15px 12px; width: 400px; background-color: #FFF; color: #444;}
#box h2{padding: 16px 0px 4px 0px;}
#box h3{padding: 12px 0px 0px 0px;}
#box p{padding: 8px 20px 4px 0px; text-align: justify;}
#box a {font-weight: bold;}
#box img {padding: 12px 0px 0px 0px; border:none;}
#box img a{border:none;}
#box .up {padding: 15px 0px 0px 0px;}

#blubber {margin-right: 205px; padding: 0px 0px 15px 12px; width: 400px; background-color: #FFF; color: #444;}
#blubber h2{padding: 16px 0px 4px 0px;}
#blubber h3{padding: 12px 0px 0px 0px;}
#blubber p{padding: 8px 20px 4px 0px; text-align: justify;}
#blubber a {font-weight: bold;}
#blubber img {padding: 15px 0px 15px 0px; border-top: 6px solid #C0C0C0; border-bottom: 6px solid #C0C0C0;}
#blubber .max {padding: 4px 20px 20px 0px;}

#content {margin-right: 210px; width: 387px; height: 580px; background-color: #FFF; padding: 0px 15px 15px 15px; border: 6px solid #FF8C00; color: #444;}
#content h2 {padding: 12px 0px 6px 0px;}
#content img {padding: 15px 0px 5px 80px; border-right: 1px solid #fff; color: #444;}
#content a {font-size: 100%; font-weight: bold; color: #1E90FF;font-family:arial;}

#depot {margin-right: 210px; width: 387px; height: 580px; background-color: #FFF; padding: 0px 15px 15px 15px; border: 6px solid #1E90FF; color: #444;}
#depot h2 {padding: 12px 0px 6px 0px;}
#depot img{padding: 15px 0px 5px 80px; border-right: 1px solid #fff; color: #444;}
#depot a{font-size: 100%; font-weight: bold; color: #1E90FF; font-family:arial;}

#rightbar {float: right; padding: 4px 5px 5px 5px; width: 220px; background-color: #F9F9F9; border: 1px solid #FFF;}
#rightbar h2 {padding: 12px 0px 8px 12px; background-color: #FFA500; color: #FFF; border-bottom: 6px solid #ccc;}
#rightbar h3 {padding: 22px 0px 0px 12px; background-color: #DCDCDC; color: #808080; border-bottom: 6px solid #ccc;}
#rightbar p {padding: 0px 0px 0px 5px;}

#rightbar ul {padding: 12px 0px 0px 25px; list-style-type: square; font-weight: bold; color: #F4A460; font-size:12px; font-family:arial;}
#rightbar ul li{color: #C0C0C0;}
#rightbar ul li a{color: #C0C0C0;}
#rightbar ul li a:hover{color: #000;}
#rightbar .vol {padding: 8px 0px 2px 5px; color: #808080;}
#rightbar .vom {padding: 4px 0px 12px 5px; color: #008000;}
#rightbar .bigred {font-weight: bold; color: #32CD32;}
#rightbar .abf {font-weight: bold; padding: 18px 0px 18px 18px; color: #C0C0C0; font-size: 340%;}
#rightbar .wet {font-weight: bold; padding: 18px 0px 18px 22px; color: #C0C0C0; font-size: 360%;}
#rightbar .set {padding: 22px 0px 2px 5px; font-size: 110%; font-weight: bold; background-color: #DCDCDC; border-bottom: 6px solid #ccc; color: #FFF;}

#thc .sep {color: #D3D3D3;}
#thc .sep a{color: #A9A9A9;}
#thc .sep a:hover{color: #696969;}

#tabak {margin-bottom: 12px; color: #FF8C00;}

#nav {position: absolute; width: 200px; top: 85px;}
#nav h2 {padding: 12px 0px 8px 12px; background-color: #FFA500; color: #FFF; border-top: 6px solid #F5F5F5; border-bottom: 6px solid #ccc;}
#nav ul li {border-top: 1px solid #fff; border-bottom: 1px solid #aaa; text-transform: uppercase;  color: #FF33CC; font-size:12px; font-family:Arial;}
#nav ul li a {display: block; width: 165px; background-color: #F5F5F5; line-height: 320%; padding-left: 15px; border-left: 20px solid #F5F5F5;}
#nav ul li a.hover {background-color: #F5F5F5; border-left: none; border-right: 20px solid #F5F5F5; padding-left: 35px; width: 145px;}
#nav ul li a:hover {background-color: #FFF; color: #FF8C00;border-left: none; border-right: 20px solid #FFF; padding-left: 35px; width: 145px;}
#nav img {padding: 22px 0px 0px 0px; border: none;}

#webnav {position: absolute; top: 0; margin-left: 634px;}
#webnav ul {margin-right: 3px;}
#webnav ul li {float: left; padding-right: 3px; padding-left: 12px; border-right: 1px solid #DCDCDC; padding-top: 16px;}
#webnav ul li a{color: #FF8C00;}

#foot {clear: both; text-align: center; background-color: #fff; padding: 25px 0px; color: #999;}

#shops {padding: 18px 0px 12px 18px;list-style-type: square; font-weight:bold; color: #808080; font-size:12px; font-family:arial;}
#shops a{color: #C0C0C0;}
#shops a:hover{color: #FF8C00;}

#shibacco {padding: 12px 0px 12px 18px; list-style-type: square; font-weight:bold; color: #778899; font-size:12px; font-family:arial;}
#shibacco a{color: #D3D3D3;}
#shibacco a:hover{color: #C0C0C0;}
#shibacco .mix {color: #778899;}
#shibacco .mix:hover {color: #778899;}

#bestellen {padding: 20px 0px 8px 12px; font-weight: bold; color: #000000; font-size:16px; font-family:arial;}
#bestellen a{color: #000;}
#bestellen a:hover{color: #808080;}

#shirt {padding: 12px 0px 18px 18px; list-style-type: square; font-weight:bold; color: #FF33CC; font-size:12px; font-family:arial;}
#shirt a{color: #000080;}
#shirt a:hover{color: #1E90FF;}

#blubberhaus {float: left; list-style-type: none; margin-top: 50px; width: 220px;}
#blubberhaus .shisha {float: left; padding: 20px 10px 0px 6px; width: 100px; list-style-type: none; border: none;}
#blubberhaus .nps {float: left; padding: 20px 0px 5px 60px; width: 100px; list-style-type: none; border: none;}
#blubberhaus .com  {float: left; padding: 20px 10px 2px 6px; width: 100px; list-style-type: none; border: none;}
#blubberhaus .style  {float: left; padding: 20px 0px 2px 0px; width: 100px; list-style-type: none; border: none;}

#she {float: left; list-style-type: none; margin-top: 0px; width: 220px;}
#she .shisha {float: left; padding: 20px 10px 0px 6px; width: 100px; list-style-type: none; border: none;}
#she .nps {float: left; padding: 20px 0px 5px 60px; width: 100px; list-style-type: none; border: none;}
#she .com  {float: left; padding: 20px 10px 0px 6px; width: 100px; list-style-type: none; border: none;}
#she .style  {float: left; padding: 20px 0px 0px 0px; width: 100px; list-style-type: none; border: none;}

#sun {position:relative; left: 32px; top: 340px; width: 120px;}
#sun img a{border: none;}

#caidal{margin: 16px 0px 2px 8px;}
#caidal img {border:none;}
#caidal img a{border:none;}

.fltpic {float: right; padding: 1px; border: 1px solid #444; background-color: #fff; margin-left: 15px; margin-bottom: 15px;}
.newspic {margin-top: 15px;}
.elements {float: left; padding: 15px 5px 5px 0px;width: 180px; height: 30px;border: 1px solid #FFF;font-weight: bold; color: #32CD32;font-family:arial;}
.tobacco {float: left; padding: 15px 5px 5px 5px;width: 180px; height: 30px;border: 1px solid #FFF;font-weight: bold; color: #1E90FF;font-family:arial;}
.nox {padding-bottom: 5px; text-align: justify}
.max {padding: 10px 0px 8px 0px;}
.met {padding: 0px 5px 5px 25px;font-size: 980%; font-weight: bold; color: #FF0000;font-family:arial;}
.bet {padding: 0px 0px 10px 0px;font-size: 100%; font-weight: normal; color: #3CB371;font-family:arial;}
.cet {padding: 0px 0px 10px 0px;font-size: 100%; font-weight: normal; color: #00008B;font-family:arial;}
.net {font-size: 580%;font-weight:bold;color: #00FF66;font-family:arial;}
.gray {color: #808080;}
.green {color: #008000;}
.blue {color: #00008B;}
.big {font-weight:bold;}