body {
  background-color: #e1ddd9;
  font-size: 12px;
  color:#564b47;
  padding:20px;
  margin:0px;
  text-align: center;
  background: #cccccc url(bg_grad.jpg) fixed;
}

#inhalt {
  text-align: left;
  vertical-align: middle;
  margin: 0px auto;
  padding: 0px;
  width: 800px;
  max-height: 600px;
  height: auto;
  height: 600px;
  background: url(seitenhintergrund.gif) no-repeat;
}

#title {
  position: relative;
  top: 20;
  left: 0px;
  text-align: left;
}

#menu1 {
  position: relative;
  top: 18px;
  left: 100px;
  width: 100px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  padding-left: 15px;
}

#menu1  a:link, #menu1 a:visited{
	color: #564b47;
	text-decoration: none;
}

#menu2 {
  position: relative;
  top: 2px;
  left: 210px;
  width: 100px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  padding-left: 15px;
}

#menu2 a:link, #menu2 a:visited{
	color: #564b47;
	text-decoration: none;
}

#menu3 {
  position: relative;
  top: -14px;
  left: 340px;
  width: 100px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  padding-left: 15px;
}

#menu3 a:link, #menu3 a:visited{
	color: #564b47;
	text-decoration: none;
}



#box1 {
  position: relative;
  top: 20px;
  left: 110px;
  width: 400px;
  height: 250px;
  overflow: auto;
  background: url(box1.gif) fixed;
  border:3;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  text-align: left;
  padding-left: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  border: #999999 solid 1px;
  scrollbar-face-color:#8799A3;
  scrollbar-shadow-color:#BECDD6;
  scrollbar-highlight-color:#BECDD6;
  scrollbar-3dlight-color:#8799A3;
  scrollbar-darkshadow-color:#5F5F5F;
  scrollbar-track-color:#BECDD6;
  scrollbar-arrow-color:#000000;
}

#box1  a:link, #box1 a:visited{
	color: #564b47;
	text-decoration: none;
}

#box1 a:hover {
  text-decoration:underline;
}

#box2 {
  position: relative;
  background: url(boxref.gif) fixed;
  top: -252px;
  left: 550px;
  width: 200px;
  height: 250px;
  overflow: auto;
  background-color: #eeeeee;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  text-align: left;
  padding-left: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  image-border: 1px solid #8F8F8F;

}


#boxref {
  position: relative;
    background: url(boxref.gif) no-repeat;
  top: -252px;
  left: 550px;
  width: 200px;
  height: 260px;
  overflow: auto;
  background-color: #eeeeee;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  text-align: left;
  padding-left: 10px;
  padding-top: 10px;
  padding-right: 10px;
  image-border: 1px solid #8F8F8F;
}

#boxvorschaubild {
  position: relative;
  top: 20px;
  left: 110px;
  width: 650px;
  height: 335px;

  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  text-align: left;
}

#boxref  a:link, #box1 a:visited{
	color: #564b47;
	text-decoration: none;
         }

#button1 {
  position: relative;
  top: -240px;
  left: 550px;
  width: 260px;
  height: 35px;
}

.rand01 {border-color: #808080;} /* grauer Rahmen für Bilder */

#boxbild {
  position: relative;
  top: -252px;
  left: 550px;
  width: 200px;
  height: 250px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  text-align: left;
  style=border-color:blue;
  border: #9F9F9F solid 0px;
}

#box3 {
  position: relative;
  top: -252px;
  left: 550px;
  width: 200px;
  height: auto;
  overflow: auto;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  text-align: left;
  padding-left: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  border: #999999 solid 1px;
}

#menu4 {
  position: relative;
  top: -178px;
  left: 410px;
  width: 100px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  padding-left: 15px;
}

#menu4  a:link, #menu4 a:visited{
	color: #564b47;
	text-decoration: none;
}

#menu5 {
  position: relative;
  top: -194px;
  left: 530px;
  width: 100px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  padding-left: 15px;
}

#menu5 a:link, #menu5 a:visited{
	color: #564b47;
	text-decoration: none;
}

#menu6 {
  position: relative;
  top: -210px;
  left: 650px;
  width: 100px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  padding-left: 15px;
}

#menu6 a:link, #menu6 a:visited{
	color: #564b47;
	text-decoration: none;
}


#menu6ref {
  position: relative;
  top: -245px;
  left: 650px;
  width: 100px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  padding-left: 15px;
}

#menu6ref a:link, #menu6ref a:visited{
	color: #564b47;
	text-decoration: none;
}



#menu4ref {
  position: relative;
  top: -213px;
  left: 410px;
  width: 100px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  padding-left: 15px;
}

#menu4ref  a:link, #menu4ref a:visited{
	color: #564b47;
	text-decoration: none;
}


#menu5ref {
  position: relative;
  top: -229px;
  left: 530px;
  width: 100px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  padding-left: 15px;
}

#menu5ref a:link, #menu5ref a:visited{
	color: #564b47;
	text-decoration: none;
}



#menu4vorschau {
  position: relative;
  top: 32px;
  left: 410px;
  width: 100px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  padding-left: 15px;
}

#menu4vorschau  a:link, #menu4vorschau a:visited{
	color: #564b47;
	text-decoration: none;
}

#menu5vorschau {
  position: relative;
  top: 16px;
  left: 530px;
  width: 100px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  padding-left: 15px;
}

#menu5vorschau a:link, #menu5vorschau a:visited{
	color: #564b47;
	text-decoration: none;
}

#menu6vorschau {
  position: relative;
  top: 0px;
  left: 650px;
  width: 100px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  padding-left: 15px;
}

#menu6vorschau a:link, #menu6vorschau a:visited{
	color: #564b47;
	text-decoration: none;
}



#menu4part {
  position: relative;
  top: -175px;
  left: 410px;
  width: 100px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  padding-left: 15px;
}

#menu4part  a:link, #menu4part a:visited{
	color: #564b47;
	text-decoration: none;
}

#menu5part {
  position: relative;
  top: -191px;
  left: 530px;
  width: 100px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  padding-left: 15px;
}

#menu5part a:link, #menu5part a:visited{
	color: #564b47;
	text-decoration: none;
}

#menu6part {
  position: relative;
  top: -207px;
  left: 650px;
  width: 100px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  padding-left: 15px;
}

#menu6part a:link, #menu6part a:visited{
	color: #564b47;
	text-decoration: none;
}



#bigbox {
  position: relative;
  top: 20px;
  left: 110px;
  width: 650px;
  height: 250px;
  overflow: auto;
  background: url("bigbox.jpg") fixed;
  border:3;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  text-align: left;
  padding-left: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  border: #999999 solid 1px;
  scrollbar-face-color:#8799A3;
  scrollbar-shadow-color:#BECDD6;
  scrollbar-highlight-color:#BECDD6;
  scrollbar-3dlight-color:#8799A3;
  scrollbar-darkshadow-color:#5F5F5F;
  scrollbar-track-color:#BECDD6;
  scrollbar-arrow-color:#000000;
}

#bigbox  a:link, #bigbox a:visited{
	color: #564b47;
	text-decoration: none;
}

#bigbox a:hover {
  text-decoration:underline;
}

#bigboxbutton {
  position: relative;
  top: 30px;
  left: 553px;
  width: 260px;
  height: 35px;
}

#bigboxmenu4 {
  position: relative;
  top: 58px;
  left: 410px;
  width: 100px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  padding-left: 15px;
}

#bigboxmenu4  a:link, #bigboxmenu4 a:visited{
	color: #564b47;
	text-decoration: none;
}

#bigboxmenu5 {
  position: relative;
  top: 42px;
  left: 530px;
  width: 100px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  padding-left: 15px;
}

#bigboxmenu5 a:link, #bigboxmenu5 a:visited{
	color: #564b47;
	text-decoration: none;
}

#bigboxmenu6 {
  position: relative;
  top: 26px;
  left: 650px;
  width: 100px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  padding-left: 15px;
}

#bigboxmenu6 a:link, #bigboxmenu6 a:visited{
	color: #564b47;
	text-decoration: none;
}

