/*Template #2 für HelleWeck*/
/* Basis
---------------------------------------------*/
*, html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
}
a img, :link img, :visited img {
  border: 0;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
ol, ul {
  list-style: none;
}
q:before, q:after,
blockquote:before, blockquote:after {
  content: "";
}
html {
  height: 100.1%;
}
body {
  font-family: "Trebuchet MS", Verdana, sans-serif;
}
a {
  color: #000;
}
h3 { /*Fuer den Hinweis nach versenden der Vormerkung*/
  padding-left: 15px;
  font-size: 120%;
  color: #ACB315;
}
/* Einladen der verschiedenen Hintergründe nach Registerkarten
-----------------------------------------------------------------------------*/
#null {
  background: url(../images/hintergrund0.jpg) repeat-y;
}
#eins {
  background: url(../images/hintergrund1.jpg) repeat-y;
}
#eins h1 {
  color: #036;
}
#zwei {
  background: url(../images/hintergrund2.jpg) repeat-y;
}
#zwei h1 {
  color: #0F9CD0;
}
#drei {
  background: url(../images/hintergrund3.jpg) repeat-y;
}
#drei h1 {
  color: #FFD324;
}
#vier {
  background: url(../images/hintergrund4.jpg) repeat-y;
}
#vier h1 {
  color: #F60;
}
#fuenf {
  background: url(../images/hintergrund5.jpg) repeat-y;
}
#fuenf h1 {
  color: #892613;
}
#rahmen {
  width: 100%;
}
#kopf {
  height: 110px;
  background: #FFF;
}
#logo {
  position: absolute;
  top: 10px;
  left: 128px;
}
#kopfMenue {
  background: transparent;
  color: #000;
  height: 30px;
  width: 990px;
  font-size: 80%;
  padding-top: 15px;
}
#kopfMenue ul {
  list-style: none;
  padding: 0;
  margin: 0;
  white-space: nowrap;
  float: right;
}
#kopfMenue ul a:link, #kopfMenue ul a:visited {
  text-decoration: none;
  color: #ACB315;
  background: transparent;
  font-weight: 600;
}
#kopfMenue ul a:hover, #kopfMenue ul a:active {
  text-decoration: none;
  color: #ACB315;
  background: transparent;
  text-decoration: underline;
  font-weight: 600;
}
#kopfMenue ul .active a:link, #kopfMenue ul .active a:visited {
  color: #ACB315;
  text-decoration: underline;
}
#kopfMenue ul .last {
  background: transparent url(../images/pipe_klar.gif) no-repeat right;
}
#kopfMenue li {
  display: inline;
  padding-right: 5px;
  > padding-left: 7px;
  * padding-left: 7px;
  background: transparent url(../images/pipe_schwarz.gif) no-repeat right;
}
#hauptMenue {
  height: 30px;
  background: #FFF;
  color: #000;
}
#registerkarten {
  margin-left: 168px;
  background: url(../images/register.jpg) no-repeat;
  height: 30px;
  font-size: 14px !important;
}
#registerkarten ul {
  list-style: none;
  padding: 0;
  margin: 0;
  white-space: nowrap;
}
#registerkarten li, #registerkarten li a {
  float: left;
  padding: 0;
  width: 157px;
  line-height: 30px;
  text-align: center;
  color: #FFF;
  text-decoration: none;
}
#registerkarten li.aktiv a, #registerkarten li a:hover {
  line-height: 30px;
}
#inhalt {
  height: auto;
  width: 100%;
}
#linkeSpalte {
  position: absolute;
  float: left;
  left: 0;
  width: 130px;
  background: transparent url(../images/figur.gif) no-repeat;
  height: 233px;
}
#hauptSpalte {
  position: absolute;
  background: url(../images/hand.gif) no-repeat 0 185px;
  left: 130px;
  padding: 40px;
}
#text {
  text-align: left;
  width: 480px;
  color: #FFF;
}
#fuss {
  position: absolute;
  bottom: 0;
  padding-left: 147px;
  font-size: 80%;
  line-height: 30px;
  width: 100%;
  background: #FFF;
}
h1 {
  font-size: 150%;
  margin-bottom: 15px;
}
p {
  font-size: 95%;
  line-height: 135%;
}
#rechteSpalte {
  position: absolute;
  left: 550px;
  width: 290px;
}

/* Formatierungen fuer die News-Kaesten auf der Startseite (Tabelle)
-----------------------------------------------------------------------------*/
#text table {
  font-size: 90%;
  padding: 5px;
}
#text table p {
  padding: 0 15px;
  font-size: 110%;
}
#text table h2 a {
  font-size: 140%;
  font-weight: 600;
  padding: 0 15px 5px 15px;
  color: #ACB315;
  text-decoration: none;
}
#text table h2 a:hover {
  text-decoration: underline;
}
#text table img {
  border: 1px #FFF solid;
  margin-bottom: 5px;
}
#text .tab {
  margin-left: 10px;
  padding: 5px;
  color: #000;
}
#text .tabOben {
  background: url(../images/tabOben.gif) no-repeat;
  height: 15px;
}
#text .tabMitte {
  background: url(../images/tabMitte.gif) repeat-y;
  width:380px;
}
#text .tabUnten {
  background: url(../images/tabUnten.gif) no-repeat;
  height: 20px;
}

/* Formatierungen fuer den Text-/Artikelhintergrund
-----------------------------------------------------------------------------*/
#text .kasten {
  margin-left: 10px;
  color: #000;
}
#text .kastenOben {
  background: url(../images/kastenOben.gif) no-repeat;
  * background: url(../images/kastenOben.gif) no-repeat 0 2px;
  height: 10px;
  width: 485px;
}
#text .kastenMitte {
  background: #fff;
  width:485px;
  color: #000;
}
#text .kastenUnten {
  background: url(../images/kastenUnten.gif) no-repeat;
  height: 20px;
  width: 485px;
}
#text .kasten p {
  padding: 0 15px 10px 15px;
  font-size: 90%;
}
#text .kasten h1 {
  font-size: 120%;
  padding: 5px 15px 5px 15px;
}
#text .kasten h2 {
  padding: 0 15px 10px 15px;
  font-size: 0.9em;
  font-weight: 600;
  line-height: 1.45em;
}
#text strong {
  font-weight: 600;
}
#text-fotos {
  float: left;
  padding: 24px;
  width: 790px;
}
a.link {
  color: #000;
  font-size: 0.9em;
  text-decoration: underline;
  padding-left: 22px;
  background: url(../images/link_stern1.gif) no-repeat left;
}
.img_links250 {
  float: left;
  padding: 2px;
  border: 1px #CCC solid;
  margin: 0 10px 10px 15px;
  width: 250px;
  font-size: 0.7em;
  color: #666;
}
.img_rechts250 {
  float: right;
  padding: 2px;
  border: 1px #CCC solid;
  margin: 0 15px 10px 10px;
  width: 250px;
  font-size: 0.7em;
  color: #666;
}
.img_links200 {
  float: left;
  padding: 2px;
  border: 1px #CCC solid;
  margin: 0 10px 10px 15px;
  width: 200px;
  font-size: 0.7em;
  color: #666;
}
.img_rechts200 {
  float: right;
  padding: 2px;
  border: 1px #CCC solid;
  margin: 0 15px 10px 10px;
  width: 200px;
  font-size: 0.7em;
  color: #666;
}
.img_links150 {
  float: left;
  padding: 2px;
  border: 1px #CCC solid;
  margin: 0 10px 10px 15px;
  width: 150px;
  font-size: 0.7em;
  color: #666;
}
.img_rechts150 {
  float: right;
  padding: 2px;
  border: 1px #CCC solid;
  margin: 0 15px 10px 10px;
  width: 150px;
  font-size: 0.7em;
  color: #666;
}
.caption {
  font-size: 0.6em;
}
/*Sonstiges
-----------------------------------------------------------------------------*/
.clear {
  clear: both;
}
.error, .errors {
  color: #900;
  background: transparent;
  padding-left:15px;
  font-size: 90%;
}
/*Formular
-----------------------------------------------------------------------------*/
input, textarea {
  border: 1px #ACB315 solid;
  margin-left: 0;
}
.submit {
  font-size: 0.8em;
  margin-left: 15px;
}

/* Ditto Snippet
------------------------------------------------------------------------------*/
.ditto {
  margin: 0;
}
.ditto-datum {
  padding-left: 15px;
}
.ditto-datum .tag {
  font: 1.8em Georgia, serif;
  color: #ACB315;
  background: transparent;
}
.ditto-datum .monat {
  font: 1.1em Verdana, non-serif;
  color: #0F9CD0;
  background: transparent;
}
.ditto-datum .jahr {
  font-size: 90%;
}
.ditto-eintrag {
  padding: 0;
}
.ditto-eintrag h2 a {
  font-size: 110%;
  color: #666;
  background: transparent;
  text-decoration: none;
  font-weight: normal;
}
.ditto-eintrag h2 a:hover {
  font-size: 110%;
  margin: 0 0 0.8em 0;
  color: #666;
  background: transparent;
  text-decoration: underline;
  font-weight: normal;
}
.ditto-eintrag strong {
  font-size: 120%;
  line-height: 1.6em;
}
.ditto-eintrag p {
  font-size: 90%;
  line-height: 1.2em;
}
#ditto-nav {
  padding: 20px 0 10px 0;
  font-size: 90%;
  text-align: center;
}
.ditto_off {
  border: 1px #CCC solid;
  padding: 3px;
  color: #CCC;
  background: transparent;
}
.ditto_currentpage {
  border: 1px #FFF solid;
  padding: 1px 5px;
  margin: 2px;
  color: #FFF;
  background: #119DD2;
}
.ditto_page {
  border: 1px #119DD2 solid;
  padding: 1px 5px;
  margin: 2px;
  color: #119DD2;
  background: #FFF;
}
.ditto-tags {
  font-size: 80%;
  padding-left: 20px;
  background: url(../images/tag.gif) no-repeat left center;
}
.ditto a:link, .ditto a:visited {
  background: url(../images/leer.gif) no-repeat left;
  padding: 1px 5px;
  text-decoration: none;
  color: #0F9CD0;
}
.ditto a:hover, .ditto a:active {
  background: url(../images/leer.gif) no-repeat left;
  padding: 1px 5px;
}
.artikeldatum {
  color: #F70;
  background: transparent;
}
dt {
  font-weight: 600;
  margin-top: 10px;
  font-size: 1.0em;
  padding: 0 15px 0 15px;
}
dd {
  font-size: 0.8em;
  padding: 0 15px 10px 15px;
}

/* Gemäldetabelle
-----------------------------------------------------------------------------*/
#gemaelde table, td, tr {
  border: 0;
  margin: 0;
  padding: 0;
  font-size: 90%;
  color: #000;
}

/* Gemälde
-----------------------------------------------------------------------------*/
#gemaelde .bild {
  float: left;
  height: 100px;
  padding-left: 8px;
}
#gemaelde .text {
  float: right; width: 110px;
  text-align: left;
  padding-right: 5px;
}
#gemaelde .bt {
  margin: 0; padding: 5px;
}
#gemaelde .bt_kopf {
  background: url(../images/gemaelde_kopf.gif) no-repeat;
  padding: 4px;
}
#gemaelde .bt_mitte {
  background: url(../images/gemaelde_mitte.gif);
  width: 230px;
  height: 100px;
}
#gemaelde .bt_fuss {
  background: url(../images/gemaelde_fuss.gif) no-repeat;
  height: 8px;
  width: 230px;
}
#gemaelde .bild img {
  border: 1px #FFF solid;
}

/* sonstiges
-----------------------------------------------------------------------------*/
.slider {
  font-size: 90%;
  color: #333;
  padding: 0 0 0 25px;
  background: transparent url(../images/ein-aus.gif) no-repeat left center;
  text-decoration: underline;
  cursor: pointer;
}
.unsichtbar {
  position: absolute;
  left: -3000px;
  top: -2000px;
  width: 0px;
  height: 0px;
}

.ul {
  padding: 0 15px 10px 30px;
  font-size: 0.85em;
  list-style: outside;
  list-style-image: url(../strich.gif);
}
.ul li {
  padding: 0 0 10px 0;
}