/* CSS Document */

/* Allgemein */
body, div, p, td, span, a, img, ul, ul li, h1, h2 {
  padding:0px;
  margin:0px;
  border-width:0px;
  font-family:arial,sans-serif;
  font-size:11px;
  color:#000000;
  text-decoration:none;
}
body {
  background-color:#cccccc;
}

ul { list-style-type:none; }
td { vertical-align:top; }
a.extern {
  background:url('../img/popup.gif') no-repeat right center;
  padding-right:14px;
}
a.extern:hover,
a.hov:hover { color:#85c4c5; }


#bodyWrapper {
  position:absolute;
  top:0px; left:50%;
}
#bodyContainer {
  position:absolute;
  top:0px; left:-385px;
  width:770px;
}

#headLogo {
  position:absolute;
  top:18px; right:0px;
}
#headLogoPrint {
  position:absolute;
  top:18px; right:0px;
  display:none;
}

#contentBG {
  position:absolute;
  top:70px; left:0px;
  width:770px;
  overflow:hidden;
  background-color:#ffffff;
  padding-top:17px;
  padding-bottom:55px ;
}
#content {
  width:100%;
  padding:0px 30px 0px 30px;
}

#naviLevel1,
#naviLevel2 {
  width:100%;
  height:20px;
  background-color:#ffffff;
  overflow:hidden;
}
#naviLevel1 * {
  color:#000000;
}
#naviLevel2 * {
  color:#000000;
  font-size:11px;
}
#naviLevel1 ul,
#naviLevel2 ul {
  list-style-type:none;
}
#naviLevel1 li {
  float:left;
  padding-right:16px;
}
#naviLevel2 li {
  float:left;
}

.nSep {
  padding-left:8px;
  padding-right:10px;
}
#naviLevel1 * a:hover,
#naviLevel2 * a:hover {
  color:#85c4c5; 
}
#naviLevel3 {
  height:10px;
  background-color:#ffffff;
  width:100%;
}

.wrapperColumn {
  width:230px;
  height:370px;
  overflow:hidden;
  float:left;
}
.wrapperColumnTwo {
  width:470px;
  height:370px;
  overflow:hidden;
  float:left;
}
.wrapperColumnThree {
  width:710px;
  height:370px;
  overflow:hidden;
  float:left;
}
.columnSpacer {
  width:10px;
  height:350px;
  overflow:hidden;
  float:left;
}

.column,
.columnYellow {
  width:230px;
  height:350px;
  overflow:hidden;
}
.columnYellow { background-color:#faf2df; }

.columnTwo,
.columnTwoYellow,
.columnTwoBlue,
.columnTwoLila {
  width:470px;
  height:350px;
  overflow:hidden;

}
.columnTwoYellow { background-color:#faf2df; }
.columnTwoBlue   { background-color:#edf7f6; }
.columnTwoLila   { background-color:#efe5e2; }

.columnThree,
.columnThreeLila {
  width:710px;
  height:350px;
  overflow:hidden;
}
.columnThreeLila { background-color:#efe5e2; }

.columnTop {
  height:120px;
  width:240px;
  overflow:hidden;
}
.columnMiddle {
  height:120px;
  width:240px;
  overflow:hidden;
}
.columnBottom {
  height:110px;
  width:240px;
  overflow:hidden;
}
.columnTopMiddle {
  height:240px;
  overflow:hidden;
}
.columnMiddleBottom {
  height:230px;
  overflow:hidden;
}
.columnNewsMiddleBottom {
  height:210px;
  overflow:hidden;
}
.columnJumplist {
  height:20px;
  width:240px;
  overflow:hidden;
}

/* Jumplist */
.jumplistBlockPrev {
  float:left;
  width:25px;
  height:11px;
  padding-top:9px;
  text-align:left;
  overflow:hidden;
}
.jumplistBlockList,
.jumplistBlockListHalf {
  float:left;
  width:180px;
  height:15px;
  padding-top:6px;
  text-align:center;
  overflow:hidden;
}
.jumplistBlockListHalf {
  width:auto;
}
.jumplistBlockList a,
.jumplistBlockListHalf a {
  padding:0px 2px 0px 2px;
}
.jumplistBlockList a strong,
.jumplistBlockListHalf a strong {
  color:#85c4c5;
}

.jumplistBlockNext {
  float:left;
  width:25px;
  height:11px;
  padding-top:9px;
  text-align:right;
  overflow:hidden;
}

#hp {
  list-style-type:none;
  width:470px;
  overflow:hidden;
  align:left;
}
#hp li {
  float:left;
  width:120px;
  height:120px;
  overflow:hidden;
}

.textBox {
  padding:25px 10px 10px 10px;
}
.textBox,
.textBox * {
  color:#000000;
  font-size:12px;
}
.textBox h1,
.textBox * h1 {
  font-size:12px;
  font-weight:bold;
  padding-bottom:2px;
}

.textBox ul {
  list-style-type:disc;
  padding-left:16px;
}
.textBox p {
}
.textBox p p {
  margin-top:16px;
}
.textBox a {
  background:url('');
  font-style:italic;
}
.textBox a:hover {
  color:#85c4c5;
}

/* Liste der Referenzen */
#referenzen {
  list-style-type:none;
}
#referenzen li {
  padding-bottom:8px;
}
#referenzen li * {
  font-size:12px;
}
#referenzen li a,
#referenzen li a:hover {
}

.slogan {
  font-weight:bold;
  color:#85c4c5;
}

/* News */
.newsitem { }
.newsitem h2,
.newsitem h2 * {
  font-size:12px;
  font-weight:bold;
  padding-top:2px;
}
.newsDate { }
.newsBody { padding-top:2px; }
.newsMore { padding-top:2px; }
.newsMore * {
  font-style:italic;
}
a.newsLink,
a.newsLink:hover {
  background:url('');
  font-style:italic;
}
a.newsLink:hover {
  color:#eebe50;
}
.blueBG { background-color:#f5f9fa; }
.yellowBG { background-color:#fff6e4; }
.orangeBG { background-color:#faf2df; }

/* Farben */
.blue  { color:#85c4c5; }
.lightblue { color:#f5f9fa; }
.brown { color:#72422b; }
.darkbrown { color:#532e1b; }
.lightbrown { color:#977c71; }
.yellow { color:#eebe50; }
.lightyellow { color:#fff6e4; }

/* HP-Bilder */
.cAddr * {
  color:#ffffff;
  font-size:11px;
  line-height:130%;
}
.cAddr div {
  padding:5px 0px 5px 5px;
}
.cBox, .cAddr { 
  width:110px;
  height:110px;
  overflow:hidden;
}
.homeButton {
  width:110px;
  width:110px;
}

.address, .address * {
  font-size:12px;
}