/************************ RESET ************************/
html * {
  padding: 0;
  margin: 0;
}
img {
  border: 0;
}

/************************ LAYOUT ***********************/
#innerWrap,
#headerWrap,
#contentWrap,
#footerWrap,
#logo,
#navMain,
#header,
#navMain .navi {
  float: left;
}
#headerWrap,
#contentWrap,
#footerWrap {
  width: 100%;
}
#siteWrap {
  width: 1150px;
  min-height: 1050px;
  margin: 0 auto;
}
#innerWrap {
  width: 800px;
  padding: 40px 175px;
}
#logo {
  width: 125px;
  height: 310px;
}
#navMain,
#header {
  width: 675px;
  height: 280px;
}
#navMain {
  height: 30px;
}

#content {
  padding: .5em;
}

#content .logoLeiste {
  width: 745px;
  padding: 1em 20px;
  float: left;
  text-align: center;
}
#content .logoLeiste .item {
  width: 24.95%;
  height: 75px;
  float: left;
  text-align: center;
  margin: 0 0 1em 0;
}

/* Linien */
#footerWrap {
  border-top: 1px solid #A98C61;
}

/* Menü */
#navMain .navi,
#footer .navi {
  width: 100%;
  list-style: none;
}
#navMain .navi li {
  float: left;
  text-align: center;
}
#navMain .navi a,
#navMain .navi .aktiv span {
  padding: 8px 1em;
  display: block;
}

#content .csc-menu {
  list-style: none;
  display: block;
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
}
#content .csc-menu li {
  display: inline;
  padding: 0 0 0 30px;
  background: url(../lib/pfeil.gif) no-repeat 20px center;
}
#content .csc-menu a {
  font-weight: bold;
  font-size: 1.1em;
}

/************************ FARBEN & HG-GRAFIK ***********/
/*
  Farben:
  #A98C61 -> Gold
  #b8a88a -> Gold, hell
  #85120B -> Rot
*/
body {
  background: #fff url(../lib/HG_body.jpg) repeat center top;
}
#siteWrap {
  background: url(../lib/HG_siteWrap.jpg) no-repeat center top;
}
#headerWrap {
  background-color: #A98C61;
}
#contentWrap,
#footerWrap {
  background-color: #fff;
}
#navMain .navi .aktiv {
  background-color: #b8a88a;
}

/************************ TEXTFORMATE ******************/

body {
  font: small/150% Arial, Helvetica, sans-serif;
  color: #000;
}
#content h1 {
  color: #85120B;
  font-weight: bold;
  font-size: 1.4em;
  line-height: 130%;
  margin: 1.5em 0 1em 0;
}
#content h2 {
  color: #A98C61;
  font-weight: bold;
  font-size: 1.2em;
  line-height: 130%;
  margin: 1.5em 0 1em 0;
}
#content h3 {
  font-weight: bold;
  font-size: 1.1em;
  line-height: 130%;
  margin: 1.5em 0 .5em 0;
}
#content h4 {
  font-weight: bold;
  font-size: 1em;
  margin: 1em 0 0 0;
}
#content p {
  margin: 0 0 1em 0;
}
#content ul {
  list-style: outside;
  padding:  0 0 0 1.5em;
  margin: 0 0 1em 0;
}
#content .csc-textpic-intext-left-nowrap,
#content h1,
#content h2,
#content h3,
#content h4,
#content p,
#content ul {
  margin-left: 20px;
}
#content a {
  color: #85120B;
  text-decoration: none;
}
#content a:hover {
  text-decoration: underline;
}

#navMain .navi a,
#navMain .navi .aktiv span {
  font-weight: bold;
  font-size: 14px;
  line-height: 1em;
  color: #fff;
  text-decoration: none;
}
#footer {
  text-align: center;
  padding: .5em;
}
#footer .navi li {
  display: inline;
}
#footer .navi a {
  color: #A98C61;
  font-size: 1.1em;
  text-decoration: none;
  padding: 0 .5em;
  font-weight: bold;
}
#navMain .navi a:hover,
#navMain .navi a:active, 
#footer .navi a:hover,
#footer .navi a:active {
  color: #85120B;
}

/************************ GALERIE ******************/

li {
   list-style-type: none;
   list-style-position: inside;
}