/* Allgemeines */
html,body{
  margin:0;
  padding:0;
}

body{
  font: 76% arial,sans-serif;
  text-align:center;
  background-image:url(mainbg.jpg);
  background-repeat:repeat-x;
  background-color:#FFFFFF;
  background-attachment: fixed;
}

div#zweiterbg{
  background-image:url(hg_haupt2.jpg);
  background-repeat:repeat-y;
  width:100%;
}

p{
  margin:0 10px 10px
}

/*
a{
  display:block;
  color: #981793;
  padding:10px
}
*/

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

div#header h1{
  height:80px;
  line-height:80px;
  margin:0;
  padding-left:300px;
  background: #b97100;
  color: #555555;
  background-image:url(katze_oben_links.gif);
  background-repeat:no-repeat;
}

div#container{
  text-align:left
}

div#content p{
  line-height:1.4
}

div#extra{
  background:#FF8539
}

div#footer{
  background: #b97100;
  color: #555555;
  clear:both;
  width:100%;
  text-align:center;
}

div#footer p{
  margin:0;
  padding:5px 10px;
}

div#container{
  width:955px;
  margin:0 auto;
  background-color:#FFFFFF;
  background-image:url(bgleft.gif);
  background-repeat:repeat-y;
}

div#content{
  float:right;
  width:735px;
  padding:10px;
}

div#content h1{
  background: #e9e9e9 url(headline.gif) top center no-repeat;
  background-color:#FFFFFF;
  color:#d79555;
  height:32px;
  line-height:32px;
  padding:0px;
  text-align:center;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:14px;
/*
  height:50px;
  line-height:50px;
  margin:0;
  color: #555555;
  display:block;
  background-image:url(headline.gif);
  background-repeat:no-repeat;
  padding:0px;
  */
}

div#navi{
  background:#b97100;
  float:left;
  margin:0;
  padding:0;
  width:200px;
  color:#0046B8;
}

ul#navigation{
  list-style-type:none;
  margin-left:0;
  padding-left:0;
}
ul#navigation li{
  padding-right:8px;
  padding-left: 8px;
  padding-bottom:5px;
}
ul#navigation li a{
  background-color:#F59700;
  padding:0.2em;
  display:block;
  text-decoration:none;
}

ul#navigation li a:hover{
  background-color:#FFB133;
}

/**
 * Modul WYSIWYGImage, Wysiwyg-Text mit Bild/Bildergalerie
 */
div.wysiwygimg {}
/* ----- Hack only for IE 7 ----- */
*+html div.wysiwygimg {overflow:hidden;}

.wysiwygimg .wysiwygimgclear {clear:both; display:block; font-size:1px; line-height:0px; margin:0; padding:0; position:relative;}

/* Text */
.wysiwygimg .wysiwygimgtext {}

/* Bild und Link */
.wysiwygimg img.wysiwygimg {border:0; margin:1px;}
.wysiwygimg img.wysiwygimg {border:solid 5px #f5f5f5; padding:1px;}
.wysiwygimg a.wysiwygimg img {border:0;padding:0px;vertical-align:top; margin:1px;}

.wysiwygimg a.wysiwygimg, .wysiwygimg a.wysiwygimg:link {border:solid 5px #f6f6f6; display:table; display:inline-block; line-height:0.0em;}
.wysiwygimg a.wysiwygimg:visited {}
.wysiwygimg a.wysiwygimg:hover {border:solid 5px #e4e4e4;}
.wysiwygimg a.wysiwygimg:focus {border:solid 5px #e4e4e4;}
.wysiwygimg a.wysiwygimg:active {border:solid 5px #e4e4e4;}

/* Bildunterschrift */
.wysiwygimg .wysiwygimgtitle {color:#666; font-size:0.8em; font-style:italic; margin:2px 0px;}

/* Wrapper-Classe um Bild und Bildunterschrift*/
.wysiwygimg .wysiwygimgwrap {}

/* Bild links im Text (Textumfluss) */
.wysiwygimg .wysiwygimgleft {float:left; margin:0 1.0em 0 0;}

/* Bild rechts im Text (Textumfluss) */
.wysiwygimg .wysiwygimgright {float: right; margin:0 0 0 1.0em;}

/* Bild oben links */
.wysiwygimg .wysiwygimgtopleft {float:left; margin-bottom:0.5em;}

/* Bild oben rechts */
.wysiwygimg .wysiwygimgtopright {float:right; margin-bottom:0.5em;}

/* Bild oben mittig */
.wysiwygimg .wysiwygimgtopcenter {margin-bottom:0.5em; text-align:center;}
.wysiwygimg .wysiwygimgtopcenter a.wysiwygimg {margin:0 auto;}

/* Bild unten links */
.wysiwygimg .wysiwygimgbottomleft {float:left; margin-top:0.5em;}

/* Bild unten rechts */
.wysiwygimg .wysiwygimgbottomright {float:right; margin-top:0.5em;}

/* Bild unten mittig */
.wysiwygimg .wysiwygimgbottomcenter {margin-top:0.5em; text-align:center;}
.wysiwygimg .wysiwygimgbottomcenter a.wysiwygimg {margin:0 auto;}
.wysiwygimg .wysiwygimgbottomcenter img.wysiwygimg {margin:0 auto;}

/* Für Bilder links/rechts vom Text  */
.wysiwygimg table {border-spacing: 0px; font-size:1.0em;}
.wysiwygimg td {vertical-align:top; font-size:1.0em;}

/* Bild links vom Text */
.wysiwygimg td.wysiwygimgleftcol {padding-right:1.0em;}

/* Bild rechts vom Text */
.wysiwygimg td.wysiwygimgrightcol {padding-left:1.0em;}