/* Rahmenangaben ________________________________________________________________ */

body {
  background: #eee;
  font: normal .8em/1.6em "Trebuchet MS", Verdana, sans-serif;
  color: #404040;
  margin: 0;
  padding: 1em 0 3em;
}

#header {
  background: url('../img/zyb_header.gif') top center no-repeat;
  width: 550px;
  height: 130px;
  margin: 0 auto;
  padding: 0;
}

#header h1 {
  margin: 0;
  padding: 0;
  font: bold 2em/1.6em "Trebuchet MS", Verdana, sans-serif;
  letter-spacing: .5px;
  /* Formatierung des alt-Textes, falls keine Grafik angezeigt wird */
}

#nav {
  background: url('../img/zyb_content.gif') top center repeat-y;
  width: 506px;
  margin: 0 auto;
  padding: 0 40px 1em;
}

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

#nav li {
  display: inline;
  background: none;
  margin: 0 .5em 0 0;
  padding: 0;
}

#nav li a {
  padding: 0 0 0 12px;
  font-weight: bold;
  background: url('../img/zyb_li.gif') 0 .5em no-repeat;
}

#nav li a:hover, #nav li a:focus, #nav li .active {
  background: url('../img/zyb_lion.gif') 0 .5em no-repeat;
}

#content {
  background: url('../img/zyb_content.gif') top center repeat-y;  
  width: 506px;
  margin: 0 auto;
  padding: 5px 40px 0;
}

.top {
  text-align: right;
  font-size: 85%;
  clear: both;
}

hr.divider {
  visibility: hidden;
  margin: 0;
  padding: 0;
  clear: both;
}

/* Links ________________________________________________________________________ */

a:link, a:active, a:visited {
  color: #690;
  text-decoration: underline;
}

a:hover, a:focus {
  color: #9c3;
  text-decoration: underline;
}

#footer a:link,
#footer a:active,
#footer a:visited {
  color: #aaa;
  font-weight: normal;
}

#footer:hover p a:link,
#footer:hover p a:active,
#footer:hover p a:visited {
  color: #690;
}

#footer:hover p a:hover {
  color: #9c3;
}

/* a.ext:before {
  content: '? ';
} */

/* Inhaltsbereich _______________________________________________________________ */

h2, h3 {
  font: bold 1.2em/1.6em "Trebuchet MS", Verdana, sans-serif;
  letter-spacing: .5px;
}

h2 {
  background: url('../img/zyb_h2.gif') left center no-repeat;
  height: 32px;  /* margin: 0 0 0 -40px; */
  margin: 0 0 0 -40px;
  padding: 0;
  line-height: 30px;
  color: #690;
}

h3 {
  border-bottom: 1px solid #ddd;
}

p.abs {
  margin-top: -1.2em;
  font-size: 85%;
  line-height: 1.3em;
} /* nach h3 */

p.summary {
  margin: .5em 2.5em;
}

h4, h5 {
  font: bold 1em/1.6em "Trebuchet MS", Verdana, sans-serif;
  margin: 1em 0 0;
  padding: 0;
}
h5 {
  font-weight: normal;
  font-style: italic;
}

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

.pic {
  text-align: center;
}
.pic img {
  border-width: 1px;
  border-style: solid;
  border-color: #ccc #909090 #909090 #ccc;
}

a img { border: 1px solid #690; }
a:hover img { border: 1px solid #9c3; }

.art-date {
  color: #aaa;
  font-size: 85%;
  text-align: right;
  margin-top: 0;
}

ul {
  margin: .5em 0;
  padding: 0;
}
li {
  list-style-type: none;
  background: url('../img/zyb_li.gif') 0 .6em no-repeat;
  padding: 0 0 0 1.25em;
  margin: .5em 0;
}
li:hover {
  background: url('../img/zyb_lion.gif') 0 .6em no-repeat;
}

ul.inhalt {
  margin: .5em 2.5em;
}
ul.inhalt li {
  margin: 0;
}
ul.inhalt a {
  display: block;
}

ul.cols {
  border-top: 1px solid #ddd;
}
ul.cols li {
  float: left;
  width: 18em;
  margin: .25em 0 0;
  padding-bottom: .25em;
  border-bottom: 1px solid #ddd;
}
ul.cols + p {
  clear: both;
  padding-top: .5em;
}

cite {
  font-weight: normal;
  font-style: italic;
}

q:before, q:after {
  content: '';
}

address {
  margin: .5em 2.5em;
  font-style: normal;
  line-height: 1.3em;
}

code {
  font: normal .9em/1.6em "Courier New", monospace;
  color: #000;
  background: #F1F6E8;
  padding: 0 2px;
}
.code code { background: none; }
a code {
  background: none;
  padding: 0;
}

kbd {
  font-family: "Courier New", monospace;
  background: #eee;
  padding: 0 5px;
  border-width: 2px;
  border-style: solid;
  border-color: #ccc #909090 #909090 #ccc;
  font-size: 85%;
  color: #000;
  /* -moz-border-radius: 5px; */
}

*[lang] {
  font-style: italic;
}

.right { text-align: right; }
.center { text-align: center; }
.small { font-size: 85%; }
.em { color: #930; }
b, i, strong, em { color: #303030; }

acronym[title], abbr[title] {
  border-bottom: 1px dotted #999;
}

var {
  font: normal .9em/1.6em "Courier New", monospace;
  color: #690;
}
.code var {
  font: normal 1em/1em "Courier New", monospace;
}

/* Container ____________________________________________________________________ */

.important {
  border-top: 1px solid #C7DAA2;
  border-bottom: 3px double #C7DAA2;
  background: #f7faf3 url('../img/zyb_important.gif') 1.25em .75em no-repeat;
  margin: 1em 2.5em;
  padding: 0 .5em 0 3em;
}
.important h4, .code h4, .code h5 {
  margin: .5em 0;
}

.code {
  border-top: 1px solid #C7DAA2;
  border-bottom: 3px double #C7DAA2;
  background: #f7faf3;
  margin: 1em 0;
  padding: 0 12px; 
}
.code ol {
  margin: .5em 0;
  padding: 0 0 0 32px;
  font: normal 1em/1em "Courier New", Courier, monospace;
  color: #000;
}
.code ol li {
  margin: 0;
  padding: 0 0 0 5px;
  border-left: 1px solid #C7DAA2;
  text-align: left;
  background: none;
  list-style-type: decimal-leading-zero;
}
.code ol .tab1 { padding-left: 3ex; }
.code ol .tab2 { padding-left: 6ex; }
.code ol .tab3 { padding-left: 9ex; }
.code ol .tab4 { padding-left: 12ex;
}
.code ol .changed,
.code ol .changed code { color: #930; }
.code .comment { color: #999; }

.box {
  background: url('../img/zyb_boxbg.gif') top center repeat-y;
  width: 142px;
  padding: 0;
  font-size: 85%;
  line-height: 1.3em;
}
.box h5 {
  text-align: center;
  margin: 0 0 .5em;
  padding: .5em 0 0;
  letter-spacing: 1px;
  font-weight: bold;
  font-style: normal;
}
.box ul, .box p {
  margin: .5em 0;
  padding: 0 10px;
}
.box li {
  margin: .5em 0;
  background: url('../img/zyb_li.gif') 0 .4em no-repeat;
}
.box li:hover {
  background: url('../img/zyb_lion.gif') 0 .4em no-repeat;
}
.box-clear {
  display: block;
  height: 10px;
  line-height: 10px;
  margin: 0;
  padding: 0;
}
.r {
  float: right;
  margin: 0 -40px 0 .5em;
  /* Achtung: Inline-Styles in index.php legen 20px für IE6 fest! */
}
.r h5 { background: url('../img/zyb_boxrtop.gif') top center no-repeat; }
.r .box-clear{ background: url('../img/zyb_boxrbot.gif') bottom center no-repeat; }
.l {
  float: left;
  margin: 0 .5em 0 -40px;
  /* Achtung: Inline-Styles in index.php legen 20px für IE6 fest! */
}
.l h5 { background: url('../img/zyb_boxltop.gif') top center no-repeat; }
.l .box-clear{ background: url('../img/zyb_boxlbot.gif') bottom center no-repeat; }

blockquote {
  color: #808080;
  margin: 1em 2.5em;
  padding: 0;
}

/* Footer _______________________________________________________________________ */

#footer {
  background: url('../img/zyb_footer.gif') bottom center repeat-y;  
  width: 506px;
  height: 3em;
  margin: -1px auto 0;
  padding: 0 40px;
  font-size: 85%;
}

#footer-text { margin-top: -3.75em; }
#footer-left { float: left; }
#footer-right { float: right; }

#footer-logo {
  border-top: 1px solid #ddd;
  text-align: center;
  margin-top: -5em;
}
#footer-logo img {
  background: #fff;
  margin: -1.5em 0 0;
  padding: 0 .75em 0 1.25em;
}
#footer:hover #logo-mini { display: none; }
#footer-logo #logo-mini-on { display: none; }
#footer:hover #logo-mini-on { display: inline; }

#footer p {
  color: #aaa;
  line-height: 3em;
  text-align: center;
  margin: 0;
}
#footer:hover p { color: #404040; }