html {
  height: 100%;
}
#header {
  background: url('../res/head750.jpg') repeat-x;
  position: relative;
  top: 0px;
  left: 0px;
  height: 100px;
  min-width: 950px;
}
#zags_head {
  background: url('../res/zags.png') no-repeat;
  position: absolute;
  top: 17px;
  left: 255px;
  height: 60px;
  width: 230px;
  }
#home_head, #produkte_head, #galerie_head, #zeichen_head, #ueber_uns_head, #kontakt_head, #bags_head, #symbols_head, #events_head, #links_head {
  position: absolute;
  top: 54px;
  left: 480px;
  height: 35px;
  width: 300px;
}
#home_head {
  background: url('../res/home.png') no-repeat;
}
#produkte_head {
  background: url('../res/produkte.png') no-repeat;
}
#galerie_head {
  background: url('../res/galerie.png') no-repeat;
}
#zeichen_head {
  background: url('../res/zeichen.png') no-repeat;
}
#ueber_uns_head {
  background: url('../res/ueber_uns.png') no-repeat;
}
#kontakt_head {
  background: url('../res/kontakt.png') no-repeat;
}
#bags_head {
  background: url('../res/bags.png') no-repeat;
}
#symbols_head {
  background: url('../res/symbols.png') no-repeat;
}
#events_head {
  background: url('../res/events.png') no-repeat;
}
#links_head {
  background: url('../res/links.png') no-repeat;
}
#csswitch {
  position: absolute;
  top: 0px;
  left: 904px;
  height: 100px;
}
.css1, .css2, .css3, .css4, .css1link, .css2link, .css3link, .css4link {
  width: 16px;
  height: 16px;
}
.css1 {
  position: absolute;
  top: 10px;
  background: url('../res/alyamini.png') no-repeat;
}
.css2 {
  position: absolute;
  top: 30px;
  background: url('../res/graumini.png') no-repeat;
}
.css3 {
  position: absolute;
  top: 50px;
  background: url('../res/reispapiermini.png') no-repeat;
}
.css4 {
  position: absolute;
  top: 70px;
  background: url('../res/schwarzmini.png') no-repeat;
}
.css1link {
  position: absolute;
  top: 10px;
}
.css2link {
  position: absolute;
  top: 30px;
}
.css3link {
  position: absolute;
  top: 50px;
}
.css4link {
  position: absolute;
  top: 70px;
}
.cssbildli {
  position: relative;
  top; 0px;
  left: 0px;
  width: 10px;
  height: 10px;
}
#supercontainer {
  background: url('../res/gurt.png') repeat-y 50px;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  min-height: 100%;
  z-index: 2;
}
#obercontainer {
  width: 678px;
  margin-left: 245px;
  margin-top: 120px;
  height: 100%;
}
.container {
  background: url('../res/transparent.png') repeat;
  border: thin solid #FFFFFF;
  margin-bottom: 20px;
}
#gurt {
  float: left;
  margin-left: 50px;
  width: 180px;
  margin-bottom: 0px;
}
#gurtlogo {
  background: url('../res/gurtlogo.jpg') no-repeat;
  width: 134px;
  height: 63px;
  position: relative;
  top: 8px;
  left: 8px;
  text-align: center;
  padding-top: 10px;
}
#trigramm1, #trigramm2, #trigramm3 {
  position: absolute;
  left: 42px;
  height: 10px;
  width: 50px;
  }
#trigramm1 {
  top: 11px;
}
#trigramm2 {
  top: 31px;
}
#trigramm3 {
  top: 51px;
}
#gurtmenu_aktiv, #gurtuntermenu_aktiv {
  position: relative;
  top: 22px;
  left: -20px;
  width: 168px;
  height: 58px;
  background: url('../res/schnalle.png');
  padding-top: 38px;
  padding-left: 27px;
  margin-bottom: 8px;
}
#gurtuntermenu_aktiv {
  width: 148px;
  padding-left: 47px;
}
.gurtmenu, .gurtuntermenu, .newsletterabo, .newsletterform, .newslettersenden {
  position: relative;
  top: 20px;
  left: 8px;
  font-size: 12px;
  margin-bottom: 10px;
  color: #ffffff;
  z-index: 2;
}
.gurtuntermenu {
  left: 28px;
}
.newsletterabo, .newsletterform, .newslettersenden {
  font-size: 10px;
  margin-left: -13px;
  margin-bottom: 13px;
  margin-top: -10px;
}
.animelink {
  width: 92%;
  text-align: left;
  margin-top: 92px;
  margin-left: -5px;
  font-size: 9px;
  color: #ffffff;
}
.email {
  width: 134px;
  border: none;
}
#drache {
  position: absolute;
  top: 420px;
  left: 63px;
  z-index: 1;
}
.content {
  margin: 10px;
}
.raster {
  padding-right: 0px;
  padding-bottom: 0px;
}
a {
  text-decoration: none;
  color: #ffffff;
  cursor: pointer;
}
h1 {
  font-size: 18px;
  font-weight: bold;
}
p, li {
  font-size: 12px;
  text-align: justify;
}
.zentriert {
  text-align: center;
  width: 100%;
}
img {
  border: none;
}
.rechts {
  float: right;
  padding-left: 10px;
}
.idee {
  width: 450px;
}
tr {
  font-size: 12px;
  text-align: justify;
  vertical-align: top;
}
.lagerinventar {
  border: thin solid #000000;
}
.link {
  color: #ff0000;
  font-weight: bold;
}
.link_black {
  color: #000000;
  font-weight: bold;
}
.pfeil {
  font-size: 36px;
  color: #ff0000;
  font-weight: bold;
}
.schattiert, .schattiert_l, .order_schattiert {
  height: 86px;
  width: 86px;
  background: url('../res/schatten.png') no-repeat;
}
.schattiert_down, .order_schattiert_down {
  padding-top: 1px;
  padding-left: 1px;
  height: 85px;
  width: 85px;
  background: url('../res/schatten_tief.png') no-repeat;
}
.schattiert_kalligraphie {
  margin-left: 120px;
  height: 406px;
  width: 406px;
  background: url('../grafiken/schatten_400.png') no-repeat;
}
.schattiert_galerie, .schattiert_l_galerie {
  float: left;
  margin-right: 5px;
  margin-bottom: 5px;
  height: 86px;
  width: 86px;
  background: url('../res/schatten.png') no-repeat;
}
.schattiert_down_galerie {
  float: left;
  margin-right: 5px;
  margin-bottom: 5px;
  padding-top: 1px;
  padding-left: 1px;
  height: 85px;
  width: 85px;
  background: url('../res/schatten_tief.png') no-repeat;
}
.galeriefoto {
  text-align: center;
  vertical-align: middle;
}
.order_container {
  float: left;
  margin-right: 5px;
  width: 116px;
  font-size: 12px;
}
.order_schattiert, .order_schattiert_down {
  margin-top: 2px;
  margin-bottom: 2px;
}