@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 #DCDCDC;}

#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;}

#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;}

#teta {float:right; margin-bottom:5px; width:186px; height:255px; background-image: url(orange-cleaner.jpg); border: 1px solid #C0C0C0;}
#teta h2{font-weight:bold; padding: 12px 0px 4px 8px; color: #000080; font-size:12px; font-family:Arial;}
#teta h3{font-weight:bold; padding: 12px 0px 2px 8px; color: #006400; font-size:12px; font-family:Arial;}
#teta p{padding: 4px 4px 2px 8px; color: #000000; font-size:12px; font-family:Arial;}
#teta ul{list-style-type:none; padding: 4px 0px 2px 12px;}
#teta ul li{padding: 2px 0px 0px 0px; font-weight:bold; color: #000080; font-size:12px; font-family:Arial;}
#teta .webline {font-weight:bold; padding: 38px 0px 0px 12px;font-size:15px; font-family:Arial;}
#teta .webline a{color: #FF8C00;}
#teta .webline a:hover{color: #0000FF;}

#weta {float:right; margin-bottom:5px; width:186px; height:255px; background-image: url(tabak-zubehoer.jpg); border: 1px solid #C0C0C0;}


#meda {float:right; padding: 12px 0px 0px 12px; width:174px; height:82px; 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 ul{list-style-type:none; padding: 0px 0px 0px 0px;}
#meda ul li{padding: 0px 0px 0px 0px; font-weight:bold; color: #808080; font-size:12px; font-family:Arial;}

#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 150px; 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: #C0C0C0;}

#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;}