/* HTML Elements */

body {
  color: #ffffff;
  background-color: #ffffff;
  background-image: url(images/bgcolor_site.gif);  
  font-family: verdana, arial, sans-serif;
}

/* LINKS */

a.nav1,

a.nav1:link {
 color: #ffffff;
 text-decoration: none;
 font-size:0.8em;
}

a.nav1:active {}

a.nav1:hover {
  color:#6666ff;
}

a.nav1:visited {}

a.nav2,

a.nav2:link {
 color: #ffffff;
 text-decoration: none;
 font-size:0.8em;
}

a.nav2:active {}

a.nav2:hover {
  color:#ff0000;
}

a.nav2:visited {}

a.nav2b,

a.nav2b:link {
 color: #ff0000;
 text-decoration: none;
 font-size:1.0em;
}

a.nav2b:active {}

a.nav2b:hover {
  color:#ffffff;
  font-size:1.0em;
}

a.nav2b:visited {
}

a.nav3,

a.nav3:link {
 color: #ffffff;
 text-decoration: none;
 font-size:0.8em;
}

a.nav3:active {}

a.nav3:hover {
  color:#33ff33;
}

a.nav3:visited {}

a.nav4,

a.nav4:link {
 color: #ffffff;
 text-decoration: none;
 font-size:0.8em;
}

a.nav4:active {}

a.nav4:hover {
  color:#ffff00;
}

a.nav4:visited {}

a.nav6,

a.nav6:link {
 color: #ff7500;
 text-decoration: none;
 font-size:1.2em;
}

a.nav6:active {}

a.nav6:hover {
  color:#ffffff;
}

a.nav6:visited {}

a.info,

a.info:link {
 color: #6666ff;
 text-decoration: none;
 /*font-size:0.8em;*/
}

a.info:active {}

a.info:hover {
  color:#ffffff;
}

a.info:visited {}

a.inter,

a.inter:link {
 color: #ff0000;
 text-decoration: none;
 /*font-size:0.8em;*/
}

a.inter:active {}

a.inter:hover {
  color:#ffffff;
}

a.inter:visited {}

a.imp,

a.imp:link {
 color: #33ff33;
 text-decoration: none;
 /*font-size:0.8em;*/
}

a.imp:active {}

a.imp:hover {
  color:#ffffff;
}

a.imp:visited {}

a.adv,

a.adv:link {
 color: #ff6600;
 text-decoration: none;
 font-size:0.8em;
}

a.adv:active {}

a.adv:hover {
  color:#ffffff;
}

a.adv:visited {}

a.adv2,

a.adv2:link {
 color: #ffffff;
 text-decoration: none;
 font-size:0.8em;
}

a.adv2:active {}

a.adv2:hover {
  color:#ff6600;
}

a.adv2:visited {}

#ueber a {
  color: #6666ff;
  text-decoration: none;
}

#ueber a:hover {
   color: #ffffff;
   text-decoration: underline;
}

/* Struktur div Container */

div#body {
  width: 100%;
  height: 100%;
}

div#main {
  background-image: url(images/main_bg.jpg);
  width: 960px;
  height: 640px;
  margin-right:auto;
  margin-left:0;
  /*border-left: 1px dotted #ff0000;
  border-top: 1px dotted #ff0000;*/
}

div#logo {
  height: 170px;
  width: 170px;
  position: absolute; top: 20px; left: 20px;
  padding: 0px;
}

div#logo:hover{
  background-image: url(images/nav_bg_logo.png);
}

div#nav1i {
  background-image: url(images/nav_bg.png);
  height: 150px;
  width: 170px;
  position: absolute; top: 200px; left: 210px;
  padding-top: 20px;
  text-align:center;
  line-height:1.4em;
}

div#nav1i:hover{
  background-image: url(images/nav_bg1.png);
}

div#nav2i {
  background-image: url(images/nav_bg.png);
  height: 150px;
  width: 170px;
  position: absolute; top: 285px; left: 410px;
  padding-top: 20px;
  text-align:center;
  line-height:1.4em;
}

div#nav2i:hover{
  background-image: url(images/nav_bg2.png);
}

div#nav3i {
  background-image: url(images/nav_bg.png);
  height: 150px;
  width: 170px;
  position: absolute; top: 370px; left: 610px;
  padding-top: 20px;
  text-align:center;
  line-height:1.4em;
}

div#nav3i:hover{
  background-image: url(images/nav_bg3.png);
}

div#nav4i {
  background-image: url(images/nav_bg.png);
  height: 150px;
  width: 170px;
  position: absolute; top: 455px; left: 810px;
  padding-top: 20px;
  text-align:center;
  line-height:1.4em;
}

div#nav4i:hover{
  background-image: url(images/nav_bg4.png);
}

div#nav5i {
  /*background-image: url(images/nav_bg_big.png);*/
  height: 250px;
  width: 150px;
  position: absolute; top: 60px; left: 810px;
  padding: 20px;
  text-align:center;
  line-height:1.4em;
}

div#nav6i {
  background-image: url(images/nav_bg_190.png);
  height: 150px;
  width: 130px;
  position: absolute; top: 480px; left: 20px;
  padding: 20px;
  text-align:center;
  line-height:5px;
}

div#nav7i {
  background-image: url(images/nav_bg_110.png);
  height: 70px;
  width: 130px;
  position: absolute; top: 560px; left: 610px;
  padding: 20px;
  text-align:center;
  line-height:5px;
}

div#nav1 {
  background-image: url(images/nav_bg.png);
  height: 150px;
  width: 170px;
  position: absolute; top: 20px; left: 210px;
  padding-top: 20px;
  text-align:center;
  line-height:1.4em;
}

div#nav1:hover{
  background-image: url(images/nav_bg1.png);
}

div#nav2 {
  background-image: url(images/nav_bg.png);
  height: 150px;
  width: 170px;
  position: absolute; top: 210px; left: 20px;
  padding-top: 20px;
  text-align:center;
  line-height:1.4em;
}

div#nav2:hover{
  background-image: url(images/nav_bg2.png);
}

div#nav3 {
  background-image: url(images/nav_bg.png);
  height: 150px;
  width: 170px;
  position: absolute; top: 400px; left: 20px;
  padding-top: 20px;
  text-align:center;
  line-height:1.4em;
}

div#nav3:hover{
  background-image: url(images/nav_bg3.png);
}

div#nav4 {
  background-image: url(images/nav_bg.png);
  height: 150px;
  width: 170px;
  position: absolute; top: 20px; left: 400px;
  padding-top: 20px;
  text-align:center;
  line-height:1.4em;
}

div#nav4:hover{
  background-image: url(images/nav_bg4.png);
}

div#nav5 {
  /*background-image: url(images/nav_bg_big.png);*/
  height: 250px;
  width: 150px;
  position: absolute; top: 20px; left: 780px;
  padding: 20px;
  text-align:center;
  line-height:1.4em;
}

div#nav6 {
  background-image: url(images/nav_bg.png);
  height: 130px;
  width: 130px;
  position: absolute; top: 20px; left: 590px;
  padding: 20px;
  text-align:center;
  font-size: 0.7em;
  line-height: 1.2em;
}

div#nav7 {
  background-image: url(images/nav_bg_110.png);
  height: 70px;
  width: 130px;
  position: absolute; top: 590px; left: 20px;
  padding: 20px;
  text-align:center;
  line-height:5px;
}

div#indeximg2 {
  background-image: url(images/index_bg.png);
  height: 190px;
  width: 370px;
  position: absolute; top: 480px; left: 210px;
}

div#content {
  width: 500px;
  position: absolute; top: 250px; left: 230px;
  padding: 10px;
  text-align: left;

}

div#welcome {
  background-image: url(images/welcome_bg.png);
  width: 330px;
  height: 165px;
  position: absolute; top: 60px; left: 415px;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 15px;
  padding-bottom: 10px;
  font-size: 0.8em;
}

div#adv {
  width: 500px;
  position: absolute; top: 250px; left: 230px;
  padding: 10px;
  text-align: left;
  line-height:7px;

}

div#gal {
  width: 700px;
  position: absolute; top: 250px; left: 230px;
  padding: 10px;
  text-align: left;
  line-height:7px;

}

div#ueber {
  width: 750px;
  position: absolute; top: 250px; left: 230px;
  padding: 10px;
  text-align: left;
  font-size: 12px;
}

div#update {
   position: absolute; top: 685px; left: 20px;
   font-size: 10px;
   width: 130px;
   padding: 20px;
   text-align: center;
}

div#shop {
  width: 680px;
  height: 1600px;
  position: absolute; top: 250px; left: 230px;
  
  
}

/* Struktur Tabellen */

table.ueber{
   text-align: center;
   width: 500px;

}

table.ueber1{
   text-align: center;
   width: 750px;

}

/* Schriften */

div#content {
  font-size: 12px;
}

p.index {
  font-size: 1.2em;
  text-align: justify;
  color: #ccccff;
}

p.content {
  text-align: justify;
  color: #ffffff;
  line-height:1.3em;
  font-size: 12px;
  width: 500px;
}

p.left{
   padding-left: 9px;
}