i/* --------- */
/* Allgemein */
/* --------- */

html, body {
  font-family: Arial, Helvetica, sans-serif;
  font-weight:normal;
  font-size:12px; 
  background-color: #4C001B;
}

#btn_weiter {
  position: absolute; left: 406px; top: 343px;
}

#link_hp {
  position: absolute; left: 459px; top: 454px;
}

#boxindex1 {
  position: absolute; left: 28px; top: 110px;
}

#boxindex2 {
  position: absolute; left: 217px; top: 110px;
}

#boxindex3 {
  position: absolute; left: 406px; top: 110px;
}

#rahmen_index {
  border: solid 1px #FF00FF;
  width: 178px;
  wid\th: 158px;
  height: 105px;
  heig\ht: 85px;
  padding: 10px;
  margin-bottom: 12px;
}

#rahmen_index_weiss {
  border: solid 1px #FFFFFF;
  width: 178px;
  wid\th: 158px;
  height: 105px;
  heig\ht: 85px;
  padding: 10px;
  margin-bottom: 12px;
}

#rahmen_index_weiss p {
  color: #FF00FF;
  line-height: 1.6;
}

#rahmen_index_weiss a {
  color: #FF00FF;
  text-decoration: none;
  line-height: 1.6;
}

#rahmen_index p {
  color: #FF00FF;
  line-height: 1.6;
}

#rahmen_index a {
  color: #FF00FF;
  text-decoration: none;
  line-height: 1.6;
}

#main {
  position: absolute; left: 0px; top: -10px;
}

#head {
    height: 75px;
    padding:0;
}

#schriftzug {
  position: absolute; left: 28px; top: 35px;
  width: 368px;
  height: 21px;
  padding: 0px;
}

#kontakt {
  position: absolute; left: 597px; top: 35px;
  width: 85px;
  height: 27px;
}

#liste {
  position: absolute; left: 787px; top: 35px;
  width: 21px;
  height: 27px;
}

#box_index {
  position: absolute; left: 218px; top: 506px;
  width: 366px;
  height: 105px;
  padding: 0px;
  border: solid 1px #C19900;
}

#box_index p {
  padding: 10px 0 0 10px;
  line-height: 1.6;
}

#bildgrossindex {
  position: absolute; left: 597px; top: 110px;
  width: 176px;
  height: 343px;
  border: solid 1px #FF00FF;
}

#animation {
  position: absolute; left: 787px; top: 506px;
  width: 111px;
  height: 64px;
  border: solid 1px #FF00FF;
}

#rahmen {
  border: solid 1px #31CEFF;
  height: 105px;
  margin-bottom: 12px;
}

#bildgross {
  position: absolute; left: 28px; top: 110px;
  width: 556px;
  height: 343px;
  padding: 0px;
  border: solid 1px #31CEFF;
}

#navi {
  position: absolute; left: 28px; top: 110px;
  width: 556px;
  height: 343px;
  padding: 0px;
  border: solid 1px #31CEFF;
}

#bilderklein {
  position: absolute; left: 597px; top: 110px;
  width: 178px;
  height: 343px;
}

#text {
  position: absolute; left: 787px; top: 110px;
  overflow:auto;
  width: 207px;
  wid\th: 197px;
  height: 343px;
  heig\ht: 323px;
  border: solid 1px #31CEFF;
  padding: 10px;
}

#text_index {
  position: absolute; left: 787px; top: 110px;
  overflow:hidden;
  width: 207px;
  wid\th: 197px;
  height: 343px;
  heig\ht: 323px;
  border: solid 1px #31CEFF;
  padding: 10px;
}

#text_award {
  position: absolute; left: 597px; top: 110px;
  overflow:auto;
  width: 397px;
  wid\th: 387px;
  height: 343px;
  heig\ht: 323px;
  border: solid 1px #31CEFF;
  padding: 10px;
}

#text_award p {
  color: #31CEFF;
  line-height: 1.6;
}
#text_award li {
  color: #FFFFFF;
  line-height: 1.6;
}

#text_award a {
  color: #31CEFF;
  text-decoration: none;
  line-height: 1.6;
}

#text_kundenliste {
  position: absolute; left: 597px; top: 110px;
  overflow:auto;
  width: 397px;
  wid\th: 387px;
  height: 343px;
  heig\ht: 323px;
  border: solid 1px #FF00FF;
  padding: 10px;
}

#text_kundenliste p {
  line-height: 1.6;
  color: #FFFFFF;
}

#text_kundenliste a {
  line-height: 1.6;
  color: #ffffff;
  text-decoration: none;
}

#text p {
  color: #ffffff;
  line-height: 1.6;
}

#text a {
  color: #ffffff;
  text-decoration: none;
  line-height: 1.6;
}

#text_index p {
  color: #ffffff;
  line-height: 1.4;
}

#text_index a {
  color: #ffffff;
  text-decoration: none;
  line-height: 1.4;
}

#box_li {
  position: absolute; left: 28px; top: 506px;
  width: 176px;
  wid\th: 156px;
  height: 105px;
  heig\ht: 85px;
  padding: 10px;
  border: solid 1px #31CEFF;
}

#box_li p {
  color: #FF00FF;
}

#start {
  position: absolute; left: 225px; top: 506px;
  width: 176px;
  height: 105px;
  padding: 10px;
  background: url(../upload/bilder/layout/box_unten_re.jpg) no-repeat;
}

#box_index_text a {
  text-decoration: none;
}

#start a {
  text-decoration: none;
}

li {
list-style-image: url(../upload/bilder/layout/sternchen.gif)
}
p {
  line-height: 1.6;
}

img {
    border:0;
}

/* ###################################################### */
/* ####################### NAVIGATION ################### */
/* ###################################################### */

/* Level 1 */
#navigation ul {
    width:230px;
    margin:0;
    padding:0;
    /*background-color:#F2F2F2;*/
    background-color:transparent;
}
#navigation ul li {
    width:220px;
    margin:0;
    padding:0 0 0 10px;
    list-style-type:none;
}
#navigation ul li a {
    display:block;
    width:220px;
    height:19px;
    line-height:19px;
    margin:0;
    padding:0 0 0 10px;
    font-size:11px;
    color:#666;
    background-image:url(../images/navi_pfeil_zu.gif);
    background-repeat:no-repeat;
    background-position:210px 3px;
    border-bottom:1px solid #ccc;
    text-decoration:none;
}
#navigation ul li a:hover, #navigation ul li.active a {
    background-image:url(../images/navi_over.gif);
    background-repeat:no-repeat;
    background-position:0 0;
    color:#fff;
}

/* Level 2 */
#navigation ul.subNavigation {
    width:210px;
    margin:0;
    padding:0;
}
#navigation ul.subNavigation li a {
    background-image:url(../images/subnavi_pfeil_zu.gif);
    background-repeat:no-repeat;
    background-position:199px 8px;
    border-bottom:1px dotted #ccc;
    color:#666;
    width:210px;
}
#navigation ul.subNavigation li.active a {
    color:#fff;
}
#navigation ul.subNavigation li a:hover, #navigation ul.subNavigation li.active a {
    background-image:url(../images/subnavi_over.gif);
    background-repeat:no-repeat;
    background-position:0 0;
}

/* Level 3 */
#navigation ul.subSubNavigation {
    width:200px;
    margin:0;
    padding:0;
}
#navigation ul.subNavigation li ul.subSubNavigation li a {
    background-image:none;
    border-bottom:0;
    color:#666;
    width:200px;
}
#navigation ul.subNavigation li ul.subSubNavigation li a:hover, #navigation ul.subNavigation li ul.subSubNavigation li.active a {
    background-image:url(../images/subsubnavi_over.gif);
    background-repeat:no-repeat;
    background-position:0 0;
}