@charset "iso-8859-1";

*, body ul{margin:0;}
a{text-decoration:none; color: #808080;}
h1{padding-top:5px; font-weight:normal; text-align:center; color: #C0C0C0; font-size:0.9em; font-family:Arial;}

#main {padding-top:4px;width:978px;margin: 0 auto;}

#alpha {border-bottom: 4px solid #EEE;}

#beta {float:left; width:785px; height:60px; background-image: url(beta-logo.jpg); background-repeat:repeat-x; border-bottom: 1px solid #FFA500;}
#beta h2{font-weight:normal; text-align:center; padding: 10px 0px 0px 150px; color: #000080; font-size:32px; font-family:Arial;}

#ceta {float:right; margin-top:5px; margin-bottom:5px; width:186px; border: 1px solid #C0C0C0;}
#ceta ul{list-style-type:none; padding: 15px 0px 20px 25px;}
#ceta ul li{padding: 2px 0px 0px 0px;}
#ceta ul li a{font-weight:bold; text-transform:uppercase; color: #808080; font-size:12px; font-family:Arial;}
#ceta ul li a:hover{color: #C0C0C0;}
#ceta ul .sun{font-weight:bold; text-transform:uppercase; color: #008000; font-size:12px; font-family:Arial;}
#ceta ul .sun:hover{color: #000080;}
#ceta ul .euro{font-weight:bold; text-transform:uppercase; color: #C0C0C0; font-size:12px; font-family:Arial;}
#ceta .colorset li a{color: #000080;}

#deta{float:left; margin: 5px 5px 0px 0px; width:205px; height:424px; background-image: url(wasserpfeifen.jpg); background-repeat:repeat-x; border: 1px solid #FFFFFF;}
#deta ul{list-style-type:none;}

#deka {width:205px; height:260px; padding: 22px 0px 0px 0px;}
#deka li{font-weight:bold; padding: 2px 0px 4px 0px; border-bottom: 1px solid #808080;}
#deka li a{padding: 0px 0px 0px 25px; color: #FFFFFF; font-size:12px; font-family:Arial;}
#deka li a:hover {color: #FFA500;}

#mono {float:left; width:194px;}
#mono h2{padding: 0px 0px 10px 20px; color: #FFFFFF; font-family:Arial;}

#moxxo {padding: 0px 0px 10px 20px; width:190px; height:255px; font-family:Arial;}
#moxxo li a{font-weight:bold; color: #FFFFFF; font-size:12px; font-family:Arial;}
#moxxo li a:hover {color: #000080;}

#max {position:relative; left:15px; top:-25px; width:190px; height:255px; font-family:Arial;}
#max h3{font-weight:bold; padding: 0px 0px 10px 0px; color: #FFFFFF; font-size:12px; font-family:Arial;}
#max p{color: #FFFFFF; padding: 0px 0px 10px 0px; font-size:12px; font-family:Arial;}
#max p a{color: #FFFFFF; font-size:12px; font-family:Arial;}
#max p a:hover{color: #FFFFFF; font-family:Arial;}

#mox {padding: 0px 0px 10px 0px; width:190px; height:255px; font-family:Arial;}
#mox li a{font-weight:bold; color: #FFFFFF; font-size:12px; font-family:Arial;}
#mox li a:hover {color: #000080;}

#content {float:left; padding: 0px 20px 0px 20px; margin-top:5px; border: solid 1px #FFFFFF; width:530px; height:424px; text-align:justify; color: #000080; font-family:Arial;}
#content h2{font-weight:normal; padding: 12px 0px 12px 0px; color: #000080; font-size:18px; font-family:Arial;}
#content h2 a{color: #000080;}
#content h3{font-weight:normal; padding: 12px 0px 12px 0px; color: #000080; font-size:18px; font-family:Arial;}
#content p{padding: 2px 0px 2px 0px; font-weight:normal; font-size:12px; font-family:Arial;}
#content p a{color: #000080;}
#content ul{list-style-type:none; padding: 0px 0px 0px 0px; font-size:12px; font-family:Arial;}
#content ul li{padding: 2px 0px 0px 2px;}
#content ul li a{color: #000080; font-size:12px; font-family:Arial;}
#content img{float:right; padding: 0px 0px 0px 10px;}
#content .eco{font-weight:bold; color: #228B22; font-size:12px; font-family:Arial;}
#content .collection {padding: 12px 0px 10px 0px;}
#content .collection li{list-style-type:none; font-weight:bold; color: #FFA500; font-size:12px; font-family:Arial;}
#content .steel {margin-bottom:8px; color: #008000;}
#content .taback {margin-top:8px; color: #008000;}
#content .online {font-weight:bold; padding: 0px 0px 0px 5px; color: #FFA500; font-size:16px; font-family:Arial;}
#content .online:hover {color: #008000;}
#content .bild {float:left; padding: 10px 0px 0px 5px;}
#content .pink {color: #800080;}
#content .pink:hover{color: #008000;}
.tobacco{margin-top: 4px; margin-right: 4px; margin-bottom: 4px; color: #808080;}
.tobak{font-weight:bold; margin-top: 16px; margin-bottom: 25px; color: #008000;}

#inhalt {float:left; padding: 10px 5px 30px 25px; border:solid 1px #FFFFFF; width:520px;}
#inhalt h2{font-weight:normal; padding-bottom:13px; color: #00008B; font-size:18px; font-family:Arial;}
#inhalt p{padding-bottom:4px; font-weight:normal; font-size:12px; font-family:Arial;}
#inhalt a{color: #4169E1;}

#meta {float:right; margin-bottom:5px; width:186px; height:255px; background-image: url(nargilem-shop.jpg); border: 1px solid #C0C0C0;}
#meta p{padding: 12px 0px 0px 12px; color: #FFA500; font-family:Arial;}
#meta a{color: #808080;}

#teta {float:right; margin-bottom:5px; width:186px; height:255px; border: 1px solid #C0C0C0;}
#teta h3{font-weight:bold; padding: 12px 0px 2px 8px; color: #006400; font-size:12px; font-family:Arial;}
#teta ul{list-style-type:none; padding: 0px 0px 0px 25px;}
#teta ul li{padding: 2px 0px 0px 0px; font-weight:bold; color: #808080; font-size:12px; font-family:Arial;}

#meto {float:right; width: 186px; background-image: url(images/tobacco.jpg); background-repeat: no-repeat;}
#meto img{margin-top:249px; border: none;}
#meto .tabak{position: relative; left:8px; right:0px; top:72px; font-weight:bold; text-transform:uppercase; color: #FFF; font-size:8px; font-family:Arial;}

#mya {float:right; width:186px; height:338px; background-image: url(deluxe.jpg); background-repeat:repeat-y;}
#mya h3{font-weight:bold; padding: 4px 0px 2px 5px; color: #008000; font-size:12px; font-family:Arial;}
#mya p{font-weight:normal; padding: 4px 0px 4px 5px; color: #000000; font-size:12px; font-family:Arial;}
#mya p a{font-weight:bold; color: #FF0000; font-size:16px; font-family:Arial;}

#meda {float:right; padding: 15px 0px 10px 12px; width:174px; height:72px; border: 1px solid #C0C0C0;}
#meda p{font-weight:bold; text-transform:uppercase; color: #FFA500; font-size:12px; font-family:Arial;}
#meda a{color: #000080;}
#meda a:hover{color: #808080;}
#meda .dark{color: #000080;}

#boden {float:left; width:976px; height:22px; border: 1px solid #C0C0C0; background-color: #C0C0C0; margin-top:4px; margin-bottom:4px;}
#boden h2{color: #FFFFFF; background-color: #C0C0C0;}
#boden h2 a{float:left; padding: 4px 90px 10px 120px; font-weight:bold; display:inline; height:16px; font-size:12px; color: #FFFFFF; font-family:Arial;}
#boden h2 a:hover{color: #000080;}

#leiste {float:left; width:976px; height:22px; border: 1px solid #C0C0C0; background-color: #C0C0C0; margin-top:4px; margin-bottom:4px;}
#leiste h3{color: #FFFFFF; background-color: #C0C0C0;}
#leiste h3 a{float:left; padding: 4px 80px 10px 140px; font-weight:bold; display:inline; height:16px; font-size:12px; color: #FFFFFF; font-family:Arial;}
#leiste h3 a:hover{color: #000080;}

#flor {float:left; height:188px; border: 4px solid #C0C0C0; margin-bottom:4px;}

.window {float: left; width:322px; height:184px;}
.window h2{font-weight:normal; text-align:center; font-size:12px; color: #000080; font-family:Arial;}
.window h4{padding: 8px 8px 0px 12px; font-weight:bold; text-align:justify; color: #000080; font-size:12px; font-family:Arial;}
.window p{padding: 8px 8px 0px 12px; font-weight:bold; text-align:justify; color: #808080; font-size:12px; font-family:Arial;}
.window ul{list-style-type:none; padding: 15px 0px 0px 18px; font-weight:bold; font-size:12px; font-family:Arial;}
.window ul li{padding: 2px 0px 0px 0px; font-size:12px; font-family:Arial;}

.show {float:left; border-left: 1px solid #C0C0C0; width:324px; height:184px;}
.show h2{font-weight:normal; text-align:center; font-size:12px; color: #000080; font-family:Arial;}
.show h4{padding: 8px 8px 0px 12px; font-weight:bold; color: #000080; font-size:12px; font-family:Arial;}
.show p{padding: 8px 8px 0px 12px; font-weight:bold; color: #808080; font-size:12px; text-align:justify; font-family:Arial;}
.show p a{color: #000080;}

.case {float:left; border-left: 1px solid #C0C0C0; width:322px; height:184px;}
.case h2{font-weight:normal; text-align:center; font-size:12px; color: #C0C0C0; font-family:Arial;}
.case h4{padding: 8px 8px 0px 12px; font-weight:bold; color: #000080; font-size:12px; font-family:Arial;}
.case p{padding: 8px 8px 0px 8px; font-weight:bold; text-align:justify; color: #C0C0C0; font-size:12px; font-family:Arial;}
.case p a{color: #000080;}

.win {float: left; width:322px; height:184px; background-image: url(nps-v2.jpg);}
.win h2{font-weight:normal; text-align:center; font-size:12px; color: #000080; font-family:Arial;}
.win p{padding: 8px 8px 0px 12px; font-weight:bold; text-align:justify; color: #000080; font-size:12px; font-family:Arial;}
.win ul{list-style-type:none; padding: 15px 0px 0px 18px; font-weight:bold; font-size:12px; font-family:Arial;}
.win ul li{padding: 2px 0px 0px 0px; font-size:12px; font-family:Arial;}

.shop {float:left; border-left: 1px solid #C0C0C0; width:324px; height:184px; background-image: url(nps-glas.jpg);}
.shop h2{font-weight:normal; text-align:center; font-size:12px; color: #C0C0C0; font-family:Arial;}
.shop p{padding: 8px 8px 0px 12px; font-weight:bold; color: #000080; font-size:12px; text-align:left; text-align:justify; font-family:Arial;}
.shop p a{color: #000080;}

.cat {float:left; border-left: 1px solid #C0C0C0; width:322px; height:184px; background-image: url(nps-620.jpg);}
.cat h2{font-weight:normal; text-align:center; font-size:12px; color: #C0C0C0; font-family:Arial;}
.cat p{padding: 8px 8px 0px 8px; font-weight:bold; text-align:left; color: #000080; font-size:12px; font-family:Arial;}
.cat p a{color: #000080;}

.sho {float:left; border-left: 1px solid #C0C0C0; width:324px; height:184px;}
.sho p{padding: 8px 8px 0px 12px; font-weight:bold; color: #000080; font-size:12px; font-family:Arial; background-image: url(images/heba.jpg);}
.sho p a{color: #4169E1;}

.base {float:left; border-left: 1px solid #C0C0C0; width:322px; height:184px;}
.base p{padding: 8px 8px 0px 12px; font-weight:bold; color: #000080; font-size:12px; font-family:Arial; background-image: url(images/bubbly.jpg);}
.base p a{color: #000080;}

#blende {float:left; width:976px; height:18px; padding-bottom:8px; background-color: #000080; border: 1px solid #000080;}
#blende p{padding: 5px 0px 0px 0px; text-align:center; color: #F8F8FF;}

#eta {float:left; padding: 0px 0px 0px 0px; text-align:center; width:978px; height:120px; background-color: #000080; color: #C0C0C0; border-bottom: 50px solid #FFFFFF;}
#eta p{padding: 10px 0px 0px 0px;}
#eta address{padding: 0px 0px 0px 0px; color: #C0C0C0;}
#eta address a{color: #C0C0C0;}
#eta a{color: #FFA500;}

#mete p{text-align:center;}
#mete a{font-weight:normal; text-align: center; font-size:12px; color: #000000; font-family:Arial;}
#mete a:hover{color:blue;}
.blue {color: #6495ED;}

#box{float:left; position:relative; left: 0px; top: -12px; background-image: url(images/450-saule.jpg); width: 798px; height: 300px; }
#box .premium {position:absolute; left: 22px; top: 32px; width: 150px; height: 50px; font-size:12px; color: #4169E1; font-family:arial;}
#box .stahl {position:absolute; left: 272px; top: 8px; height: 50px; font-size:12px; color: #4169E1; font-family:arial;}
#box .glas {position:absolute; left: 572px; top: 8px; height: 50px; font-size:12px; color: #0000CD; font-family:arial;}
#box .kopf {position:absolute; left: 442px; top: 148px; width: 170px; height: 50px; font-size:12px; color: #4169E1; font-family:arial;}
#box .size {position:absolute; left: 646px; top: 274px; width: 170px; height: 50px; font-size:12px; color: #00008B; font-family:arial;}
#box .shop {position:absolute; left: 472px; top: 250px; width: 170px; height: 50px; font-size:12px; color: #4169E1; font-family:arial;}
#box .shop a{color: #000000;}
#box .shop a:hover{color: #008000;text-decoration: underline;}

#sempt {float:left; position:relative; left:0px; top:258px; width:170px; height:184px;}
#sempt h2{padding: 0px 0px 2px 10px; width:170px; font-weight:bold; color: #000080; font-size:12px; font-family:Arial;}
#sempt ul{padding: 0px 0px 0px 0px; font-weight: normal;color: #808080; font-size: 12px; font-family:Arial;}
#sempt ul li a{color: #000000;}
#sempt ul li a:hover{color: #0000FF;}

#door {float:left;}

.info{padding: 16px 0px 0px 0px;}

#deta .nps a{color: #C0C0C0;}