@charset "utf-8";

body {margin: 0; padding: 0; background: #28313A url(images/img01.jpg) repeat-x left top; text-align: justify; font-size: 12px; color: #5C5C5C; font-family: arial;}

h1, h2 {margin: 0; font-weight: normal; text-transform: uppercase; color: #000000; font-family: arial;}
h3 {margin: 0; font-weight: bold; text-transform: uppercase; color: #000000; font-size: 16px; font-family: arial;}

h1{letter-spacing: -1px; font-size: 24px;}
h2{font-size: 24px;}

a{color: #808080;}
a:hover, a:active {text-decoration: none; color: #006400;}
a:visited {color: #696969;}

img {border: none;}
img.left {float: left; margin-right: 15px;}
img.right {float: right; margin-left: 15px;}

form {margin: 0;padding: 0;}
fieldset {margin: 0;padding: 0;border: none;}
legend {display: none;}
input, textarea, select {font-family: Arial; font-size: 13px; color: #F5DEB3;}

#main{margin: 0; padding: 0; height: 1900px;}
#wrapper{margin: 0; padding: 0;}

#header {margin: 0 auto; width: 880px; height: 60px; border: 10px #FFF solid;}

#menu {float: left; width: 880px; height: 58px; background: url(images/img02.jpg) repeat-x left top;}
#menu ul {margin: 0; padding: 23px 0 0 20px; list-style: none; line-height: normal;}
#menu li {float: left; text-align: center;}
#menu a {display: block; padding: 0 50px; background: url(images/img03.jpg) no-repeat right 50%; text-decoration: none; text-transform: uppercase; color: #FFF; font-size: 11px;}
#menu a:hover {color: #CCCCCC;}
#menu .current_page_item a {color: #FFF;}

#logo {margin: 0 auto; width: 880px; height: 130px;} 
#logo h1, h2 {float: left; margin: 0; padding: 50px 0 0 0px; line-height: normal;}
#logo h1 {font-weight: bold; font-family: arial; font-size: 40px;}
#logo h2 {float: left; padding: 65px 0 0 48px; font: 18px georgia, serif; color: #28313A;}
#logo p a {text-decoration: none;color: #28313A;}
#logo p a:hover {text-decoration: underline;}
#logo img {padding: 20px 0px 0px 40px;}

#page {margin: 0 auto; width: 880px; height: 1632px; background: #F5F5F5; border: 10px #C0C0C0 solid;}

#content {float: left; width: 620px; border-right: 1px dashed #DCDCDC;}
#content h1 {padding: 12px 0px 0px 0px; width: 520px; font-size: 24px; font-family: arial;}
#content .entry {padding: 0px 0px 8px 0px; font-size: 12px; font-family: arial;}

#onyx {float: left; background: url(images/nargilem-tabakkopf.jpg) no-repeat; background-position: 424px 120px; border: 3px solid #FF0000;}
#onyx h3{padding: 12px 10px 0px 10px; font-size: 16px; font-family: arial;}
#onyx p{padding: 0px 10px 0px 10px; color: #808080; font-size: 12px; font-family: arial;}
#onyx .neu{font-weight: bold; padding: 0px 0px 0px 10px; width: 330px; color: #C0C0C0; font-size: 16px; font-family: arial;}
#onyx .gold{padding: 20px 10px 6px 10px; color: #808080; font-size: 12px; font-family: arial;}

.post {float: left; margin-bottom: 10px; padding: 0px 20px; } 
.post h1 {padding: 0px 0 0 0px; width: 520px; color: #28313A; font-size: 24px;}
.post h2 {padding: 0px 0px 12px 0px; width: 520px; color: #28313A; font-size: 22px;}
.post .title {margin-bottom: 2px; padding-bottom: 5px;}
.post .meta {padding: 5px 15px 24px 0px; font-size: 10px;}
.post .meta p {margin: 0; padding-top: 15px; line-height: normal; color: #28313A;}
.post .meta .byline {float: left;}
.post .meta .links {float: right;}
.post .meta .more {padding: 0 20px 0 18px;}
.post .meta .comments {padding-left: 22px;}
.post .meta b {display: none;}
 
#boxie {float: left; padding: 0px 0px 0px 18px;}
#boxie .news-shisha {list-style-type: none; padding: 15px 0px 0px 22px; height: 60px;}
#boxie .news-shisha li {padding: 0px 0px 0px 0px; width: 200px; height: 55px; font-size: 12px; font-family: arial;}

#s {width: 172px; height: 18px; margin-bottom: 2px; padding: 2px 0px 0px 4px; background: #F5FFFA; color: #00008B; border: 1px solid #33CC33;}
#x {width: 100px; height: 24px; padding: 0px 0px 0px 0px; background: #00008B; color: #FFF; border: 1px solid #00008B;}

#sidebox {float: left; width: 225px; height: 1496px; border: 1px solid #C0C0C0;}
#sidebox h2{padding: 12px 0px 0px 12px; width: 215px; height: 16px; font-size: 12px; font-family: arial;}
#sidebox ul{float: left; list-style-type: none; padding: 2px 0px 0px 18px; font-size: 12px; font-family: arial;}
#sidebox li {margin: 0; padding: 2px 0px 0px 0px; color: #CCCCCC;}
#sidebox img {margin: 0; padding: 20px 0px 0px 0px;}
#sidebox .sidekick {margin-left: 48px; border-bottom: 35px solid #F5F5F5;}
#sidebox .getrennt {padding: 22px 0px 0px 12px; width: 215px; height: 16px; font-size: 12px; font-family: arial;}

.box1 {padding: 10px;}
.box2 {color: #BABABA;}
.box2 h2 {margin-bottom: 5px; color: #FFF; font-size: 16px;}
.box2 ul {margin: 0; padding: 0; list-style: none;}
.box2 a:link, .box2 a:hover, .box2 a:active, .box2 a:visited {color: #EDEDED;}

#footer{ margin: 0 auto; width: 880px; height: 160px; background: #F8F8FF; border: 10px #FF8C00 solid;}

#foot {text-align: center;}
#foot h3{padding: 12px 0px 0px 0px; font-weight: normal; color: #A9A9A9; font-size: 12px;}
#foot p{padding: 0px 12px 0px 12px; width: 840px; color: #A9A9A9; font-size: 12px;}
#foot p a{color: #A9A9A9; font-size: 12px; text-decoration: none;}
#foot p a:hover{color: #A9A9A9; font-size: 12px; text-decoration: underline;}

.forever {font-weight: bold; color: #696969; font-size: 12px;}