/* 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-color :#F8D05F;
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;
}