/*
@import url("http://shared.fettrechner.de/positions.css");
@import url("http://shared.fettrechner.de/colors.css");
@import url("http://shared.fettrechner.de/common.css");
*/

/* ----------- Festlegung der Positionen der einzelnen Bereiche --------- */
html,body {
 padding:0;
 margin:0;
 border:0;
 height:100%
 }

#kopfzeile {
 position:relative;
 top:0;
 left:0;
 padding:5px;
 text-align:right;
 margin-right:20px;
 }

#container {
 position:relative;
 top:0;
 left:0;
 }

#breadcrumb {
 position:relative;
 padding-left:190px;
 right:0;
 top:0;
 }

#content {
 margin-left:190px;
 margin-right:190px;
 padding:10px;
 height:100%
 }

#navigation {
 position:absolute;
 top:20px;
 left:10px;
 padding:10px;
 width:150px;
 height:500px
 }

#ad {
 position:absolute;
 right:20px;
 top:0;
 width:160px;
 display:none
 }

#banner {
 margin-top:50px;
 }

/* -------------------- Ende Festlegung der Positionen ---------------- */

body {
 background: url(/bilder/bg.jpg) fixed #eee;
 color:#111;
 font-family:Arial,Helvetica,sans-serif;
 font-size:95%
 }

h1, h2, h3, p, ul, form {
 margin:0;
 padding:0
 }

#kopfzeile {
 border-right:1px solid silver;
 border-bottom:1px solid silver;
 background:#eee url(/bilder/bgkopf.jpg) right no-repeat;
 height:50px
 }

#kopfzeile img {
 margin-right:180px
 }

#kopfzeile form {
 margin:0
 }

#content {
 background:white;
 border:1px solid silver
 }

#content p,
#content ul,
#content table {
 line-height:1.6em;
 margin-bottom:1.1em;
 color:#111
 }

#content ul {
 margin-left:40px;
 list-style-type:square
 }

#content h1 {
 color:#333;
 font-size:1.4em;
 margin-bottom:0.5em
 }

#content h2 {
 color:#333;
 font-size:1.2em;
 margin-bottom:0.5em;
 }

#ad h3 {
 color:#DC3C95
 }

code {
 font-family:monotype;
 font-size:1.2em;
 border:1px solid silver;
 padding:5px;
 line-height:2em
 }

#navigation {
 background:url(/bilder/bgnavigation.jpg) no-repeat;
 border:1px dotted silver;
 }

#navigation ul {
 background:white;
 list-style-type:none;
 border:1px solid silver;
 border-bottom:none;
 margin-top:10px
 }

#navigation li {
 border-bottom:1px solid silver;
 line-height:2em;
 }

#navigation li a {
  display:block;
  padding:0 10px;
  text-decoration:none
  }

#navigation a:link { color: blue }
#navigation a:visited { color:purple }
#navigation a:hover { background: #eee}
#navigation a:active { color:red }

#navigation .subnav {
  border:none;
  border-left:10px solid #963
  }

#navigation .subnav li {
  border-bottom:white
  }

/* -- */

#ad ul {
 list-style-type:none;
 border:1px solid silver;
 border-bottom:none;
 margin-top:10px;
 background:white
 }

#ad li {
 border-bottom:1px solid silver;
 line-height:2em;
 }

#ad li a
 {
  display:block;
  padding:0 10px;
  text-decoration:none
  }

#ad a:link { color: blue }
#ad a:visited { color:purple }
#ad a:hover { background: #eee}
#ad a:active { color:red }

#breadcrumb p {
  font-size:0.85em;
  margin:0;
  color:black;
  padding:5px 10px
  }

#ad p {
  padding:10px
  }