* {
  margin: 0;
  padding: 0;
}

BODY {
  font-size: 100%;
  font-family: Arial, Helvetica, sans-serif;
  color: #222222;
  margin: 0px auto;
  text-align: center;
  line-height: 140%;
  background-image: url(images/body.png);
  background-position: top;
  background-repeat: repeat-x;
  background-color: #B1ACB3;
}

.wrapper {
  width: 990px;
  margin: 0px auto;
  background: #EFEFEF;
  border-left: 1px solid #6B3589;
  border-right: 1px solid #6B3589;
}

.header {
  width: 990px;
  margin: 0px auto;
  padding: 0px 0px 0px 0px;
  height: 180px;
  text-align: left;
  background-color: #FFFFFF;
  border-top: 27px solid #6B3589;
}

.footer {
   font-size: 11px;
   color: #efefef;
  height: 30px;
  padding: 10px;
  background-color: #6B3589;
    letter-spacing: 1px     }

.footer a:link, .footer a:visited {
  color: #efefef;
  font-size: 11px;
  font-weight: normal;
}

.content {
  margin: 10px 0px 0px 225px;
  padding: 30px 30px 30px 30px;
  text-align: left;
  font-size: 80%;
  border-left: 1px solid #C5DF90
  }

.content ul {padding: 10px 0px 0px 20px}

.content li {
  padding-top: 5px;
  line-height: 140%;
  list-style: square
}

#kastenlinks {
  width: 180px;
  text-align: left;
  margin: 4px;
  padding: 0px;
  font-size: 11px;
  background-color: #eeeeee;
}


 .back {
  color: #401159;
  border: 0px solid #990000;
  text-align: right;
  font-size: 80%;
}

 .back a:link{
  color: #401159;
}

 .back a:hover{
  color: #A46AC4;
}



.breadcrumb {
  color: #BBDF73;
  padding: 5px 5px 10px 20px;
  height: 20px;
  font-size: 70%;
  text-align: left;
  background-color: #6B3589;
  letter-spacing: 1px
}

.breadcrumb a:link, .breadcrumb a:visited {
  color: #BBDF73;
  font-weight: normal;
  text-decoration: none;
}

.breadcrumb a:hover {
  color: #AAAAAA;
  font-weight: normal;
  text-decoration: none ;
}


.arrowlistmenu{
  width: 215px;
  float: left;
  text-align: left;
  margin: 10px 0px 0px 10px;
  font-size: 12px;
 }

 .headerbar {
  margin: 10px 0px 10px 10px;
  color: #401159;
  width: 150px;
  font-weight: bold;
  padding: 10px 0px 4px 0px;
  height: 20px;
  text-transform: uppercase;
  letter-spacing: 1px;
  border-bottom: 1px dotted #401159;

}

.arrowlistmenu ul {
   margin: 0px 0px 0px 20px;
  padding-left: 15px;
  list-style-image: url(images/bullet.gif);
  list-style-position: outside
}


.arrowlistmenu ul li  {
  color: #6B3589;


}

.arrowlistmenu ul li a:link {
  color: #6B3589;
  display: block;
  height: 20px;
  font-weight: bold;
  text-decoration: underline;

}

.arrowlistmenu ul li a:hover {
  color: #5A7C16;
  font-weight: bold;
  text-decoration: underline;
}

.arrowlistmenu ul li a:visited {
  color: #6B3589;

  font-weight: bold;
  text-decoration: underline;

}


/*****************************************/
/*  Schriften + Links                    */
/*****************************************/



H1, H2, H3  {
  font-family: Arial, Helvetica, sans-serif;
  color: #6B3589;
   }

H1 {
  font-size: 22px;
  font-weight: bold;
  padding: 0px 0px 10px 0px;
}

H2 {
  font-size: 18px;
  font-weight: bold;
  padding: 10px 0px 10px 0px;
}

H3 {
  font-size: 16px;
  font-weight: bold;
  padding: 10px 0px 10px 0px;
}

p {
  margin: 10px 0px 10px 0px;
}

b {  color: #333333}


A:link, A:visited, A:hover, A:active{
  font-weight: bold;
  color: #333333;
}

hr {
  font-size: 1px;
  height: 1px;
  color: #CCCCCC;
}

.smallgrey {
  FONT-SIZE: 10px;
  COLOR: #808080;
  text-decoration: none;
}

a.smallgrey:link {
  FONT-SIZE: 10px;
  COLOR: #808080;
  text-decoration: none;
}

a.smallgrey:active {
  FONT-SIZE: 10px;
  COLOR: #808080;
  text-decoration: none;
}

a.smallgrey:hover {
  FONT-SIZE: 10px;
  COLOR: #808080;
  text-decoration: none;
}

a.smallgrey:visited {
  FONT-SIZE: 10px;
  COLOR: #808080;
  text-decoration: none;
}



/*****************************************/
/*  Tabelle                              */
/*****************************************/

table {
  border-collapse: collapse;
  color: #333333;
  margin-left: 10px;
  font-size: 100%;
  }

.tabelle {
  border-collapse: collapse;
  border-top: 0px dotted #ADABA5;
  border-left: 0px dotted #ADABA5;
  border-right: 0px dotted #ADABA5;
  font-size: 100%;

}

.tabelle a:link {
  text-decoration: none;
  border-bottom: 0px dashed #bbbbbb;
  font-size: 100%;
}

.tabelle a:visited {

  text-decoration: none;
  border-bottom: 1px dashed #bbbbbb;
  font-size: 100%;
}

.tabelle th {
  border-bottom: dotted 0px #ADABA5;
}

.tabelle td {
  border-bottom: dotted 0px #ADABA5;
  padding: 10px;
}

/*****************************************/
/*  Bildergallerie                       */
/*****************************************/

.bilderrahmen {
  padding: 5px;
  border: 1px solid #DCD6C6;
}


.gallerycontainer{
  position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
  border: 1px solid white;
  margin: 0 5px 5px 0;
}

.thumbnail:hover{
  background-color: transparent;
}

.thumbnail:hover img{
  border: 1px solid blue;
}

.thumbnail span{/*CSS for enlarged image*/
  position: absolute;
  background-color: #FFFFCC;
  left: -1000px;
  visibility: hidden;
  color: black;
  text-decoration: none;
}

.thumbnail span img{/*CSS for enlarged image*/
  border-width: 0;
  padding: 2px;
}

.thumbnail:hover span{/*CSS for enlarged image*/
  visibility: visible;
  top: 0;
  left: 225px;/*position where enlarged image should offset horizontally */
  z-index: 50;
}