/* CSS Document

bgrd=#F8D05F
asbl=#0096ff
lvrd=#6e1d36
ltgy=#d8d9db
dkgy=#8f9baf
ltbk=#2a2a2a
bkbk=#000
whwh=#fff

*/


body {
font-family: Helvetica,Verdana,Arial,sans-serif;
font-size: 12px;
font-weight: normal;
text-decoration: none;
background-image: url("/img/tapete.png");
color: #222222;
line-height: 100.01%;
margin: 0px;
padding: 0px;
}

.update {
  position: absolute;
     top: 680px;
    left: 10px;  /* otherwise IE6 does misalign everything */
  height: 20px;
   width: 120px;
font-size: 12px;
  z-index:50;
}

.home {
  position: absolute;
    left: 0px;
     top: 180px;
  height: 150px;
   width: 120px;
  z-index:10;
  background: transparent;
  text-align: right;

  font-size:18px;
  line-height:30px;
  border: 0px solid #FF0000;
}


ul {
  margin:0;
  padding:0;
  list-style-type: none;
  list-style-position:inside;
}
li {
  margin:0px;
  padding:0px;
}
/* Feld unter dem Logo*/
.aslogo {
  position: absolute;
     top: 0px;
    left: 0px;
  height: 100px;
   width: 805px;
  border-bottom: 2px solid #0096ff;
  z-index: 20;
  color:#6e1d36;
  background:#F8D05F;
}
h3 {

  font-size: 16px;
  font-weight: bold;
  margin-top:10px;
  margin-bottom:5px;
  margin-left:10px;
  }
/* Logo- Bild */
.aslogo img {
  position: absolute;
   top:5px;
  left:5px;
  z-index: 21;
}
/* Feld unter dem Logo, damit text durchtaucht*/
.ratlogo {
  position: absolute;
     top: 7px;
    left: 570px;
  height: 80px;
   width: 244px;
  z-index: 21;
  color:#6e1d36;
  background:transparent;
  border:none;
}
.ratlogo img {
  position: absolute;
   top:7px;
  left:0px;
  z-index: 21;
  border:none;
}

.by { 
  position:absolute;
  top:70px;
  left:450px;
  background:transparent;
  font-size: 12px;
  font-weight: bold;
  z-index: 21;
}
  
 .maintxt {
  background: #d8d8db;  color: #000000;
  padding:0px 0px;

  position: absolute;
     top: 100px;
    left: 150px;
  height: 600px;
   width: 650px;
  z-index:1;
  border: 1px solid #8f9baf;
}
.maintxt h1 {

  font-size: 16px;
  font-weight: bold;
  margin-top:10px;
  margin-bottom:5px;
  margin-left:10px;
}
.maintxt h2 {
  font-size: 16px;
  font-weight: bold;
  margin-top:10px;
  margin-bottom:5px;
  margin-left:10px;
  }
.maintxt ul {
  margin-top:0;
  margin-bottom:0;
  margin-left:15px;
  padding:0;
  list-style-type: disc;
  list-style-position:outside;
}
.maintxt p {
  font-family: Helvetica,Verdana,Arial,sans-serif;
  font-size: 12px;
  font-weight:normal;
  margin-top:10px;
  margin-bottom:5px;
  margin-left:10px;
  margin-right:10px;
  text-align:justify;
}

.maintxt li {
  font-family: Helvetica,Verdana,Arial,sans-serif;
  font-size: 12px;
  font-weight:normal;
  margin-top:10px;
  margin-bottom:5px;
  margin-left:50px;
  margin-right:10px;
  text-align:justify;
}
.menu {
  position: absolute;
    left: 0px;
    top: 120px;
  height: 150px;
   width: 120px;
  z-index:10;
  background: transparent;
  text-align: right;

  font-size:18px;
  line-height:30px;
  border: 0px solid #FF0000;
}

.menu1 {
  position: absolute;
     top: 0px;
    left: 0px;  /* otherwise IE6 does misalign everything */
  height: 20px;
   width: 120px;
  z-index:11;
}
.menu2 {
  position: absolute;
     top: 20px;
    left: 0px;  /* otherwise IE6 does misalign everything */
  height: 30px;
   width: 120px;
  z-index:11;
}
.menu3 {
  position: absolute;
     top: 40px;
    left: 0px;  /* otherwise IE6 does misalign everything */
  height: 30px;
   width: 120px;
  z-index:11;
}
.menu4 {
  position: absolute;
     top: 60px;
    left: 0px;  /* otherwise IE6 does misalign everything */
  height: 30px;
   width: 120px;
  z-index:11;
}
.menu5 {
  position: absolute;
     top: 80px;
    left: 0px;  /* otherwise IE6 does misalign everything */
  height: 30px;
   width: 120px;
  z-index:11;
}
.menu6 {
  position: absolute;
     top: 100px;
    left: 0px;  /* otherwise IE6 does misalign everything */
  height: 30px;
   width: 120px;
  z-index:11;
}
.menu7 {
  position: absolute;
     top: 120px;
    left: 0px;  /* otherwise IE6 does misalign everything */
  height: 30px;
   width: 120px;
  z-index:11;
}
.menu8 {
  position: absolute;
     top: 140px;
    left: 0px;  /* otherwise IE6 does misalign everything */
  height: 30px;
   width: 120px;
  z-index:11;
}











/*** Menue Stil "l->v->h->a" ***/
.menu * a:link {
  text-decoration:none;
  color:#8f9baf; background:transparent;

  font-weight: bolder;
}
.menu * a:visited {
  text-decoration:none;
  color:#8f9baf; background:transparent;

  font-weight: bolder;
}
.menu * a:hover {
  text-decoration:none;
  color:#000000; background:#0096ff;

  font-weight: bolder;
}
.menu .selected a:link {
  text-decoration:none;
  color:#000000; background:transparent;

  font-weight: bolder;
}
.menu .selected a:visited {
  text-decoration:none;
  color:#000; background:transparent;

  font-weight: bolder;
}
.menu .selected a:hover {
  text-decoration:none;
  color:#000; background:#0096ff;

  font-weight: bolder;
}

/**************************/
/**Untermenue Rahmen***/
.submenu {
  position: absolute;
    left: 0px;
    top: 350px;
  height: 200px;
   width: 120px;
  z-index:10;
  background: transparent;

  text-align: right;

  font-size:18px;
  line-height:20px;
  border: 0px solid #FF0000;
}



.submenu1 {
  text-align:right;font-size:80%;

  position: absolute;
     top: 0px;
    left: 0px;
  height: 12px;
   width: 120px;
  z-index:11;
}
.submenu2 {
  text-align: right;font-size:80%;

  position: absolute;
     top: 20px;
    left: 0px;
  height: 12px;
   width: 120px;
  z-index:11;
}
.submenu3 {
  text-align: right;font-size:80%;

  position: absolute;
     top: 40px;
    left: 0px;
  height: 12px;
   width: 120px;
  z-index:11;
}
.submenu4 {
  text-align: right;font-size:80%;

  position: absolute;
  top: 60px;
  left: 0px;
  height: 12px;
  width: 120px;
  z-index:11;
}
.submenu5 {
  text-align: right;font-size:80%;

  position: absolute;
  top: 80px;
  left: 0px;
  height: 12px;
  width: 120px;
  z-index:11;
}
.submenu6 {
  text-align: right;font-size:80%;

  position: absolute;
  top: 100px;
  left: 0px;
  height: 12px;
  width: 120px;
  z-index:11;
}
.submenu7 {
  text-align: right;font-size:80%;

  position: absolute;
  top: 120px;
  left: 0px;
  height: 12px;
  width: 120px;
  z-index:11;
}

/*** links should be styled "l->v->h->a" ***/
.submenu * a:link {
  text-decoration:none;
  color:#8f9baf;
  background:transparent;

  font-weight: bolder;
}
.submenu * a:visited {
  text-decoration:none;
  color:#8f9baf; background:transparent;

  font-weight: bolder;
}
.submenu * a:hover {
  text-decoration:none;
  color:#000000; background:#0096ff;

  font-weight: bolder;
}
.submenu .selected a:link {
  text-decoration:none;
  color:#000000; background:transparent;

  font-weight: bolder;
}
.submenu .selected a:visited {
  text-decoration:none;
  color:#000; background:transparent;

  font-weight: bolder;
}
.submenu .selected a:hover {
  text-decoration:none;
  color:#000; background:#0096ff;

  font-weight: bolder;
}

/**************************/
.bilderliste {
  list-style-position:inside;
  position: absolute;
     top: 401px;
     left:150px;
  height: 303px;
   width: 650px;
  z-index: 1;
  background: #d8d8db;
  color: #fff;
}
/**************************/
.pic1 img {
  position: absolute;
     top: 0px;
    left: 0px;
  height: 100px;
   width: 100px;
  z-index:20;
  border:1px solid #8f9baf;
}
.pic2 img {
  position: absolute;
     top: 0px;
    left: 101px;
  height: 100px;
   width: 100px;
  z-index:20;
  border:1px solid #8f9baf;
}
.pic3 img {
  position: absolute;
     top: 0px;
    left: 202px;
  height: 100px;
   width: 100px;
  z-index:21;
  border:1px solid #8f9baf;
}
.pic4 img {
  position: absolute;
  left: 0px;
  top: 101px;
  height: 100px;
  width: 100px;
  z-index:21;
  border:1px solid #8f9baf;
}
.pic5 img {
  position: absolute;
  left: 101px;
  top: 101px;
  height: 100px;
  width: 100px;
  z-index:21;
  border:1px solid #8f9baf;
}
.pic6 img {
  position: absolute;
  left: 202px;
  top: 101px;
  height: 100px;
  width: 100px;
  z-index:21;
  border:1px solid #8f9baf;
}
.pic7 img {
  position: absolute;
  left: 0px;
  top: 202px;
  height: 100px;
  width: 100px;
  z-index:21;
  border:1px solid #8f9baf;
}
.pic8 img {
  position: absolute;
  left: 101px;
  top: 202px;
  height: 100px;
  width: 100px;
  z-index:21;
  border:1px solid #8f9baf;
}
.pic9 img {
  position: absolute;
  left: 202px;
  top: 202px;
  height: 100px;
  width: 100px;
  z-index:1;
  border:1px solid #8f9baf;
}

.triplew img {
  width:302px;
  z-index:22;
}
.tripleh img {
  height:302px;
  z-index:22;
}
.doublew img {
  width:201px;
  z-index:22;
}
.doubleh img {
  height:201px;
  z-index:22;
}

.picdef {
  list-style-position:inside;
  position: absolute;
     top: 401px;
     left:452px;
  height: 303px;
   width: 348px;
  z-index: 1;
  background: #d8d8db;  color: #fff;
}
 .picdef1 {
  color:#000;
  background:transparent;
  position: absolute;
     top: 0px;
    left: 0px;
  height: 100px;
   width: 348px;
  z-index:30;
  border: 1px solid #8f9baf;
}

 .picdef2 {
  color:#000; background:transparent;
  position: absolute;
     top: 101px;
    left: 0px;
  height: 100px;
   width: 348px;
  z-index:30;
  border: 1px solid #8f9baf;
}

 .picdef3 {
  color:#000; background:transparent;
  position: absolute;
     top: 202px;
    left: 0px;
  height: 100px;
   width: 348px;
  z-index:30;
  border: 1px solid #8f9baf;
}

.picdef h1 {
  margin-bottom:15px;
}
.picdef ul {
  margin-top:0;
  margin-bottom:0;
  margin-left:15px;
  padding:0;
  list-style-type: disc;
  list-style-position:outside;
}
.picdef p {
  font-family: Helvetica,Verdana,Arial,sans-serif;
  font-size: 12px;
  font-weight: lighter;
  margin-top:10px;
  margin-bottom:5px;
  margin-left:10px;
  margin-right:10px;
  text-align: justify;
}