/* ____________________ Copyright (c) 2001-06 Tyll Zybura. Alle Rechte vorbehalten. */
/* ____________________ http://www.wolkenturm.de, windfeder@wolkenturm.de           */

/* ____________________ Seitenstruktur */

body {
  background: #e7f8fe url(../img/bgmain.jpg) repeat fixed top left;
  font: normal 80%/140% "Trebuchet MS", Verdana, Arial, Times, sans-serif;
  color: #006;
  margin: 0;
}

div#wrap {
  width: 785px;
  margin: 0 auto;
  padding: 0;
}

div#main {
  float: right;
  width: 580px;
  padding: 0;
}

div#head {
  width: 580px;
  float: right;
  height: 120px;
  margin: 10px 0 0;
  padding: 0;
  text-align: center;
  background: url(../img/mainbg_o.gif) no-repeat top center;
}

div#head h1 {
  margin: 31px 0 0;
  padding: 0;
}

div#content {
  margin: 0;
  padding: 10px 15px 5px;
  background: #c6e7fd url(../img/bgcontent.jpg) repeat-y top center;
}

div#footer {
  margin: 0;
  height: 73px;
  padding: 47px 30px 0;
  background: url(../img/mainbg_u.gif) no-repeat top center;
}

#foot-r li {
  text-align: right;
}

/* ____________________ Navigation */

#main-nav {
  width: 190px;
  float: left;
  margin-top: 10px;
  padding: 45px 0 0;
  background: url(../img/navbg_ol.gif) top center no-repeat;
  position: fixed;
}

#main-nav ul {
  list-style: none;
  padding: 0;
  margin: 0;
  background: #C6E7FD url(../img/navbg_m.jpg) top center repeat-y;
}

#main-nav ul li, #main-nav ul li.nav-o {
  margin: 0;
  padding: 0;
}

#main-nav ul li ul, #main-nav ul li.nav-o ul {
  margin: 0 0 5px;
  padding: 0 0 15px;
  background: url(../img/main_balken.gif) bottom center no-repeat;
  border: none;
}

#main-nav ul li.nav-u ul {
  margin: 0;
  padding: 0;
  background: none;
}

#main-nav ul li ul li {
  padding: 1px 5px;
  margin: 0;
}

#main-nav li.nav-u {
  background: url(../img/navbg_u.gif) bottom center no-repeat;
  padding-bottom: 10px;
}

#main-nav ul li.nav-o {
  padding-top: 5px;
}

#main-nav h5 {
  display: inline;
  font: bold 90%/100% "Trebuchet MS", Verdana, Arial, Times, sans-serif;
  letter-spacing: 0;
  margin: 0 3px 0 0;
  padding: .25em 0;
  text-align: left;
  border: none;
}

#main #sub-nav {
  margin: 0;
  padding: 0;
}

#main #sub-nav ul {
  margin: 0;
  padding: 5px 0;
  float: left;
  width: 550px;
  list-style: none;
  background: #e7f8fe url(../img/bgquote.jpg) repeat-y top center;
  border-top: 1px solid #7CB5E7;
  border-bottom: 1px solid #7CB5E7;
}

#main #sub-nav li {
  float: left;
  width: 245px;
  margin: 0;
  padding: 0;
  line-height: 1.5em;
  text-align: left;
  background: none;
}

#main #sub-nav li.col1 {
  padding-left: 30px;
}

#main #sub-nav li.col2 {
  padding-right: 30px;
}

#main-nav h5, #sub-nav h5 {
  display: none;
}

#skip-nav {
  display: none;
}

/* ____________________ Container, Boxen, Blockquotes */

.l {
  float: left;
  margin: 0 10px 0 0;
  text-align: left;
}

.r {
  float: right;
  margin: 0 0 0 10px;
  text-align: left;
}

#main .box {
  width: 143px;
  margin-top: -2.25em;
  padding: 3px 5px;
  border: 1px solid #7CB5E7;
  -moz-border-radius: 10px;
  background: #C6E7FD url(../img/bgbox.jpg) repeat top left;
}

#main .txt {
  margin-top: 0;
}

#main .box h5 {
  font-size: 100%;
  margin-bottom: .5em;
  text-align: center;
  border: none;
}

#main .box ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

#main .box li {
  background: none;
  margin: 0;
  padding: 0;
  text-align: left;
}

#main .box .box-trenner {
  margin-top: .25em;
  padding-top: .25em;
  border-top: 1px solid #7CB5E7; 
}

#main .box img {
  border: 1px solid #7CB5E7;
}

#main .pic {
  display: block;
  text-align: center;
  background: none;
  padding: 0;
}

#main .pic img {
  border: 1px solid #7CB5E7;
  display: block;
  margin: 0 auto;
}

#main a.pic:hover img {
  border: 1px solid #006;
}

#main blockquote, #main .blockbox, #main .code {
  margin: 1em 0;
  padding: 0 30px;
  background: #e7f8fe url(../img/bgquote.jpg) repeat-y top center;
  border-top: 1px solid #7CB5E7;
  border-bottom: 1px solid #7CB5E7;
}

#main blockquote h4, #main .blockbox h4, #main .code h4 {
  margin: .5em 0;
}

#main blockquote h4.icon, #main .blockbox h4.icon, #main .code h4.icon {
  margin: .5em 0 .5em 35px;
}

#main .blockbox h4.icon, #main #b0 h4 {
  padding-right: 155px;
}
/* #main #b0 h4 sind ausschließlich Überschriften im Etherischen Geflüster,
dort hat der erste Blogeintrag die ID #b0 statt #b1, wie im Teestübchen, etc. */

#main blockquote h5, #main .blockbox h5, #main .code h5 {
  border-bottom: 1px solid #7CB5E7;
}

#main blockquote ol {
  list-style-type: decimal;
  margin-left: 35px;
}

/* #main .blockbox p {
  text-align: left; 
}
keine Ahnung, warum das hier stand */

#main blockquote .box, #main .blockbox .box, #main .code .box {
  background: #e7f8fe url(../img/bgmain.jpg) repeat top left;
}

#main .statsbox {
  color: #7CB5E7;
  margin-top: -2.15em;
  text-align: right;
}

#main .statsbox:hover {
  color: #006;
}

#main .combox {
  margin-left: 35px;
}


/* ____________________ Linkformate */

a:link, a:visited {
  color: #06c;
  text-decoration: none;
  background: url(../img/bga.gif) no-repeat 0 4px;
  padding-left: 13px;
}

a.nav-active:link, a.nav-active:visited {
  color: #006;
  text-decoration: underline;
  background: url(../img/bga.gif) no-repeat 0 -105px;
}

a:hover, a.nav-active:hover, a:focus, a.nav-active:focus {
  color: #006;
  text-decoration: none;
  background: url(../img/bga.gif) no-repeat 0 -50px;
}

a.no-icon:link, a.no-icon:visited, a.no-icon:hover {
  background: none;
  padding: 0;
}

p.beitrag-footer a:link, p.beitrag-footer a:visited,
p.statsbox a:link, p.statsbox a:visited {
  color: #7CB5E7;
}

p.beitrag-footer:hover a:link, p.beitrag-footer:hover a:visited,
p.statsbox:hover a:link, p.statsbox:hover a:visited {
  color: #06c;
}

p.beitrag-footer:hover a:hover, p.beitrag-footer:hover a:focus,
p.statsbox:hover a:hover, p.statsbox:hover a:focus {
  color: #006;
  text-decoration: underline;
}

/* ____________________ Überschriften */

h2, h3, h4 {
  font: normal 80%/165% "Trebuchet MS", Verdana, Arial, Times, sans-serif;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #7CB5E7;
}

h2 {
  font-size: 160%;
  margin-bottom: .5em;
  padding-top: .5em;
  text-align: center;
  letter-spacing: .5px;
}

h3 {
  font-size: 130%;
  letter-spacing: .5px;
  margin: 1em 0 .5em;
}

h4 {
  font-size: 100%;
  font-weight: bold;
  margin: 1.5em 0 .5em;
  text-align: left;
}

h4.icon {
  margin-left: 35px;
  padding-right: 155px;
}

h4.icon img {
  float: left;
  margin-left: -32px;
}

h4 a:link, h4 a:visited, h4 a:hover, h4 a:focus {
  font-weight: bold;
}

h5 {
  font: bold 100%/165% "Trebuchet MS", Verdana, Arial, Times, sans-serif;
  margin: 0;
  padding: 0;
}

h6 {
  font: bold 100%/150% "Trebuchet MS", Verdana, Arial, Times, sans-serif;
  margin: 0;
  padding: 0;
}

blockquote h5 {
  margin-top: 2em;
} /* für Zwischen-Überschriften in Blog-/Foren-Einträgen */

blockquote blockquote h5 {
  margin-top: 0;
} /* für Block-Überschriften: */

.mi h5, .mi h6 {
  color: #006;
  margin-top: 0;
}

blockquote h6 {
  margin-top: 2em;
  border: none;
} /* h6 wird ausschließlich in Blog-/Foren-Einträgen verwendet */

/* ____________________ Listenformate */

#main ul, #main dl, #main ol {
  margin: 0;
  padding: 0;
	/* text-align: justify; */
	text-align: left;
	list-style-type: none;
}

#main ol {
  list-style-type: decimal;
  margin-left: 55px;
}

#main li, dt, dd {
  background: url(../img/main_rosette.gif) no-repeat 5px 4px;
  padding: 0 0 0 35px;
  margin: .5em 0;
}

#main ul.verzeichnis {
  margin: 0 35px 2em;
  padding: 0;
}

#footer ul {
  margin: 0;
  padding: 0;
}

#main ul.verzeichnis li, #main ol li, #footer ul li {
  background: none;
  text-indent: 0;
  margin: 3px 0;
  padding: 0;
}

dt {
  text-align: left;
}

dd {
  background: none;
}

/* ____________________ Textformate */

p {
  /* text-align: justify; */
  text-align: left;
  margin: .5em 0;
}

.summary {
  margin: 1em 35px;
  padding-bottom: 1.5em;
  font-style: italic;
  background: url(../img/main_balken.gif) no-repeat bottom center;
}

.indent {
  margin: .5em 35px;
}

blockquote .indent {
  margin-left: 35px;
  margin-right: 0;
}

.MI {
  border-left: 5px solid #006;
  padding-left: 5px;
}

q {
  font-style: italic;
}

q:before, q:after {
  content: '';
  /* nötig für Fx */
}

cite {
  font-style: normal;
  text-align: left;
}

abbr, acronym {
  cursor: help;
  text-decoration: underline;
  border: none;
}

kbd {
  font-family: "Courier New", monospace;
  font-size: 85%;
  padding: 0 5px;
  border: 2px solid;
  border-color: #7cb5e7 #006 #006 #7cb5e7;
  -moz-border-radius: 5px;
  color: #006;
  background: #c6e7fd;
}

address {
  margin: 1em 35px;
}

.bold {
  font-weight: bold;
}

.italic {
  font-style: italic;
}

* .center {
	text-align: center;
}

#main #content .right, #main #content .top {
  text-align: right;
}

#main #content .left {
	text-align: left;
}

.small {
	font-size: 85%;
}

.green {
  color: green;
}

.red, .new {
  color: #f30;
}

.gestern {
  color: #FF7f00;
}

.hidden {
  display: none;
}

br.clear, hr.clear {
  clear: both;
  visibility: hidden;
  display: block;
  line-height: 1px;
}

img {
  border: none;
}

/* ____________________ Tabellen im Inventarium und im Geflüster */

table#inv-table, table#blog-table {
  width: 100%;
}

#inv-table td, #blog-table td {
  padding: 1px 0;
  vertical-align: top;
}

#inv-table .inv-size, #inv-table .inv-pages, #inv-table .inv-count, #inv-table .inv-date {
  text-align: right;
  padding-left: 10px;
}

#inv-table .inv-size {
  border: none;
  width: 50px;
}

#inv-table .inv-pages {
	width: 65px;
}

#blog-table .blog-nr {
  width: 28px;
  padding-right: 7px;
}

#blog-table .blog-date {
  padding-left: 5px;
}

#blog-table th {
  text-align: left;
}

#blog-table .blog-h5 {
  padding: .5em 0 0 35px;
}

#blog-table .blog-coms, #blog-table .blog-autor {
  padding-right: 5px;
  padding-left: 5px;
}

#blog-table .blog-autor {
  width: 17ex;
}

#blog-table .blog-nr, #blog-table .blog-coms {
  text-align: center;
}

/* ____________________ Teestübchen / Kommentare / Gästebuch */

#main blockquote blockquote {
  margin: 0 0 .75em 35px;
  padding: 0;
  font-style: italic;
  background: none;
  border: none;
  border-bottom: solid 1px #7CB5E7;
}

div.mi {
  margin: .5em 0 .75em 35px;
  padding: 0;
  font-style: italic;
  color: #e7f8fe;
  border-bottom: solid 1px #7CB5E7;
}

div.comment {
  margin: 2em 0 0 0;
  padding: 0;
  font-style: italic;
}

div.img {
  margin: .75em 0;
}

div.img p {
  text-align: center;
}

div.img p.caption {
  text-align: center;
  font-size: 85%;
}

div.img img {
  border: solid 1px #7CB5E7;
}

p.beitrag-footer {
  color: #7CB5E7;
  border-top: 1px solid #7CB5E7;
  padding-top: .5em;
  margin-top: 1em;
}

p.beitrag-footer:hover {
  color: #006;
}

#main blockquote hr, #main hr {
  visibility: hidden;
  padding: .75em 0;
}

.tee-icon {
  margin: 0 .25em -.4em;
}

/* ____________________ Eingabe-Formulare (gb, tee, com) */
 
form.eingabe {
  width: 480px;
  margin: 1.5em auto;
  padding: 0;
}

.eingabe fieldset {
  border: none;
  margin: 0 0 2em;
  padding: 0;
}

.eingabe p {
  text-align: left;
}

.eingabe label {
  display: block;  
}

label.pflicht {
  font-weight: bold;
}

.eingabe input, .eingabe textarea, .thread .button, .thread .mergeid, .thread .splittitle {
  width: 470px;
  margin: 0;
  padding: 2px 5px;
  background: #e7f8fe url(../img/bgmain.jpg) repeat top left;
  border: none;
  border-top: 1px solid #7CB5E7;
  border-bottom: 1px solid #7CB5E7;
  font: normal 100%/140% "Trebuchet MS", Verdana, Arial, Times, sans-serif;
  color: #006;
}

.eingabe input {
  width: 265px;
}

.thread .mergeid {
  width: 50px;
}
.thread .splittitle {
  width: 200px;
}

.eingabe .button, .thread .button {
  border: 1px solid #7CB5E7;
  color: #06c;
  width: 150px;
  padding: 1px 5px;
}

.button:hover, .button:focus {
  color: #006;
  border: 1px solid #006;
  cursor: url;
}

#userprefs {
  width: 100%;
}

#userprefs label {
  font-weight: bold;
  width: 15%;
  float: left;
  margin-top: .25em;
}

#userprefs .box label {
  font-weight: normal;
  float: none;
  width: auto;
  margin: 0;
  padding: 0;
  display: inline;
}

#userprefs input.radio {
  width: 1em;
  margin: 2px 0 -2px;
  background: none;
  border: none;
}

#userprefs #fs-entry {
  width: 2em;
  padding: 0 2px;
}

#userprefs #ff-entry {
  width: 5em;
  padding: 0 2px;
}

#userprefs #bg-entry {
  width: 98%;
  padding: 0 2px;
}

#userprefs p {
  text-align: left;
}

#userprefs textarea {
  font-family: Courier, monospace;
  margin: 0 auto;
  display: block;
}

/* ____________________ Zitate-Sammlung, Blog-Einträge! */

.zitzusatz {
  display: block;
  margin-top: .5em;
  text-align: left;
}

.zitnav p {
  text-align: center;
  margin: 1em 0;
}

.zitnav a:link, .zitnav a:visited, .zitnav span {
  background: #e7f8fe url(../img/bgmain.jpg) repeat top left;
  margin: 0 2.5px;
  padding: 1px 10px;
  border-top: 1px solid #7CB5E7;
  border-bottom: 1px solid #7CB5E7;
}

.zitnav a:hover, .zitnav a:focus {
  border-top: 1px solid #006;
  border-bottom: 1px solid #006;
}

/* ____________________ Galerie */

.gallery {
  width: 550px;
  margin: 0 auto;
  padding: 0;
}

#main .gallery ul {
  margin: 0 1px;
  padding: 0;
  clear: both;
}

#main .gallery ul li {
  list-style-type: none;
  background: #e7f8fe url(../img/bgmain.jpg) repeat top left;
  margin: .5em 11px;
  padding: 1em 10px .5em;
  float: left;
  width: 140px;
  text-align: center;
  border-top: 1px solid #7CB5E7;
  border-bottom: 1px solid #7CB5E7;
  /*
  border: 1px solid #7cb5e7;
  -moz-border-radius: 10px;
  background: none;
  */
}

#main .gallery .pic img {
  margin-bottom: .5em;
}

/* ____________________ Werkbank */

code {
  font: normal 100%/100% "Courier New", Courier, monospace;
  text-align: left;
}

var {
  font: normal;
  font-style: italic;
  color: #00b;
  padding: 0 2px;
}

code var {
  font: normal 100%/100% "Trebuchet MS", Verdana, Arial, Times, sans-serif;
  font-style: italic;
}

#main .code ol {
  margin: .5em 0;
  padding: 0 0 0 32px;
  font-family: "Courier New", Courier, monospace;
  list-style-type: decimal-leading-zero;
}

#main .code ol li {
  margin: 0;
  padding-left: 5px;
  border-left: 1px solid #7CB5E7;
  text-align: left;
}

#main .code ol .tab1 {
  padding-left: 3ex;
}

#main .code ol .tab2 {
  padding-left: 6ex;
}

#main .code ol .tab3 {
  padding-left: 9ex;
}

#main .code ol .tab4 {
  padding-left: 12ex;
}

#main .code ol .changed, #main .code ol .changed code {
  font-weight: bold;
  color: #00c;
}

/* weitere in wkb.css! */

/* ____________________ Abenteuer-Archiv */

td.abt-table {
  text-align: center;
  border-bottom: 1px solid #7CB5E7;
}