body
 {
   position:absolute;
   background-color: #EBEBEB;
        background-image: url(../images/background.png);
        background-repeat: no-repeat;
        background-position: 10px 10px;
        background-attachment: fixed;
      }
html, body{
  top:0; left:0; right:0;
  min-height:100%;
  margin:0;
  padding:0;
                }
#container {
   margin: 0 auto;
        width:100%;
        height:100%;
}
/* Nun für den scheiss MSIE */
* html, * html body
{
        overflow:hidden;
        bottom:0;
        height:100%;
}
#header_container
{
        position:relative;
        top:0; left:0; right:0;
        text-align:center;
        margin: 5px 7px 1px 10px;
        padding: 0;
        height:90px;
        z-index:2;
                  display: block;
}
/* Nun für den scheiss MSIE */
* html #header_container
{
        position:absolute;
        width:100%;
        padding-right:0px;
        height: 100px;
}
.topleft {
        position: absolute;
        margin: 0px auto auto 0px;
        padding: 0px 0px 0px 0px;
        float: left;
        top: 0px;
        left: 0px;
        min-width: 0%;
        max-width: 0%;
        z-index:5;
       }
.topright {
        position: relative;
        top: 0px;
        right: 0px;
        margin: 0;
        padding: 0%;
                  float: left;
        }
.topright span{
        width: 600px;
        height: 120px;
        display: block;
        position: absolute;
        top:25px;
        left:30px;
        background: url(../images/titulotest.png) no-repeat;
}


#picsmnav{
      width: 150px;
      margin: 0px 0px 0px 0px;
      padding: 25px 0px 0px 10px;
}
.content
{
        margin:0px auto;
        padding-top:10px;
        padding-bottom:10px;
        z-index:2;
        max-width: 1080px;

}
/* Nun für den scheiss MSIE */
* html .content
{
        position:absolute;
        height:90%;
        width: 80%;
        overflow: auto;
        margin: 10px auto;
        z-index: 1;

}

*+html .content  { /*IE7 only*/
        position:relative;
        height:100%;/* alles anzeigbar */
        overflow: hidden;/* scrollbar innen wegmachen */
        margin:0 auto;
        padding: 5px 20px 0px 15px;/* innenabstand */
        z-index: 1;

        right: 2%;/* aussenbegrenzung */
        left:2%;


        /*border: thin solid #ff6347;*/
        }
                  /*navi top */
ul#navigation
                                {
                                  width:                      950px;
                                  height:                      168px;
                                  margin:                      150px auto auto auto;
                                  padding:                     5px;
                                  list-style: none inside;
                                  text-align: center;

                                }
ul#navigation li
                                {
                                  margin: auto;
                                  padding:0;
                                  text-align: center;
                                  float:left;
                                  display: inline;
                                }
ul#navigation li a
                        {
                        display: inline-block;
                        height:  168px;
                        width:          225px;
                        padding-top: 4px;
                        margin:0 7px 0 auto;
                        background: transparent;
                        text-decoration: none;
                        color:                      #eaeaea;

                                }
ul#navigation li a:hover
                                {
                                  background-color:           #666666;
                                  text-decoration: none;
                                }
                                /* navi Bottom*/
ul#navibottom
                                {
                                  width:                      950px;
                                  height:                      208px;
                                  margin: 0 auto;
                                  padding:                     5px;
                                  list-style: none inside;
                                }
ul#navibottom li
                                {
                                  margin: auto;
                                  padding:0;
                                  text-align: center;
                                  float:left;
                                  display: inline;
                                }
ul#navibottom li a
                        {
                        display: block;
                        height:  208px;
                        width:          300px;
                        padding-top: 4px;
                        margin:0 7px 0 7px;
                        background: transparent;
                        text-decoration: none;
                        color:                      #eaeaea;

                                }
ul#navibottom li a:hover
                                {
                                  background-color:           #666666;
                                  text-decoration: none;
                                }
.bottomspace{
      margin: 25px auto;
     text-align: center;
          vertical-align: middle;
}
#footer_container{
        position:fixed;
        bottom:0; left:0; right:0;
        text-align:center;
        margin:0;
        height:85px;
        z-index:2;
}
* html #footer_container{
        position:absolute;
        max-width:1280px;
        padding-right:0px;
        height: 100px;
}
#footer{
        position:absolute;
        top:0;
        left:2%;
        right:2%;
        bottom:0;
        z-index:3;
}
/* Nun für den scheiss MSIE */
* html #footer
{
        height:100%;
        position: absolute;
        margin: auto;
        text-align: center;
        z-index: 2;
}
* html #rightside {
       position: absolute;
       width:92px;
       margin: 0px 0px auto auto;
       padding: 0%;
       float: right;
       z-index: 4;
       }

#rightside {
        position: fixed;
        top: 88px;
        right: 0%;
        margin: 0%;
        padding: 0%;
        float: right;
        z-index: 2;
        }
h1 {
        color: #6F6161;
             font-size: 1.5em;
             font-family: "Palatino Linotype", Georgia, serif;
        margin-top: 0.5em;
                  margin-bottom:0.9em;
                  margin-left: 20px;
                  border-left: 1.2em solid #666666;
                  border-bottom: 0.1em solid #666666;
                  padding-left:0.5em;
                  padding-bottom:0.1em;
        }
h2{
                 color: #6F6161;
                 font-size: 1.3em;
                 font-family: "Palatino Linotype", Georgia, serif;
                 padding-top: 0px;
}
.white {
        padding-top:20px;
        font-size: 1.3em;
        font-family: "Palatino Linotype", Georgia, serif;
        font-weight: 400;
                  text-decoration:none;
                  vertical-align: middle;
        color:#6F6161;
        }
.white a {
        color: #fdf5e6;
                  text-decoration:none;
                  padding-right: 15px;
                  padding-left: 15px;
                  border: 1px solid white;

        }
.white a:hover, active {
        color: #6f6161;
                  text-decoration:none;
                  padding-right: 15px;
                  padding-left: 15px;
                  border: 2px solid #6f6161;

        }


.fleft {
      margin: 0px 10px 0 5px;
      float:left;
      vertical-align: bottom;
}
.frightlnk {
     display:inline-block;
          float:right;
     padding-right:20px;
          right:20px;
          position: relative;
          text-align:right;
          border-left: 0.1em solid white;
     border-top:0.1em solid white;
     border-bottom: 0.2em solid #666666;
     border-right: 0.2em solid #666666;
     padding: 1px;

          }
.fright {
     margin: 0px 10px 0 5px;
     vertical-align: bottom;
          float:right;
}
.fmiddle {
      margin: 0px 10px 0 10px;
}
.textfleft {
      margin: 0px 0px 0px 0px;
      float:left;
      vertical-align: middle;
}
.textcenter{
        text-align: center;
        font-weight: 400;
        color:#6F6161;
        font-size: larger;
        line-height: 50%;
}
.textsmallcenter{
        text-align: center;
        font-weight: 200;
        color:#666666;
        font-size: 1.3em;
		  width:30%;
		  margin-right:40%;
		  float:right;
		  }
.imgwhite{
                border-left: none;
                border-top:none;
                border-bottom: 3px solid #666666;
                border-right: 3px solid #666666;
                padding: 1px;
                background: white;
}
.firstlet{

        font-size: xx-large;
        color: #600000;
}

/* troundbox transparent*/
.dialog {
 width:99%;
 margin: 30px auto;
 min-width:10em;
 max-width:1500px; /* I only cut the left background images out to 800px. You could do much larger, etc. */
 float:right;

}
.dialog .hd .c,
.dialog .ft .c {
 font-size:1px; /* ensure minimum height */
 height:11px;
}
.dialog .ft .c {
 height:14px;
}
.dialog .hd {
 background:transparent url(../img/roundbox/ol.png) no-repeat 0px 0px;
 margin-right:14px; /* space for right corner */
}
.dialog .hd .c {
 background:transparent url(../img/roundbox/or.png) no-repeat right 0px;
 margin-right:-14px; /* pull right corner back over "empty" space (from above margin) */
}
.dialog .bd {
 background:transparent url(../img/roundbox/ml.png) repeat-y 0px 0px;
 margin-right:6px;
}
.dialog .bd .c {
 background:transparent url(../img/roundbox/mr.png) repeat-y right 0px;
 margin-right:-6px;
}
.dialog .bd .c .s {
 margin:0px 8px 0px 4px;
 background:transparent url(../img/roundbox/ms.jpg) repeat-x 0px 0px;
 padding: 0.2em 1em 1em 1em;
}
.dialog .ft {
 background:transparent url(../img/roundbox/ul.png) no-repeat 0px 0px;
 margin-right:14px;
}
.dialog .ft .c {
 background:transparent url(../img/roundbox/ur.png) no-repeat right 0px;
 margin-right:-14px;
}
/* gallery */
a, a:visited, a:hover {color:#000;}

#gallery
{position:relative;
 width:600px;
 height:720px;
 background:transparent;
 border:none;
 margin:10px auto;
 font-family:verdana, arial, sans-serif;
 font-size:12px;}
* html #gallery{
position:inherit;
 width:100%;
 height:100%;
 right:10px;
 left:50px;
 background:transparent;
 border:none;
 margin-top:10px;
 margin-right:30px;
 font-family:verdana, arial, sans-serif;
 font-size:12px;
 overflow: hidden;
 }

#gallery a.pics {float:left; margin:7px 21px; display:inline; color:#000; text-decoration:none; border:1px solid #000; width:75px; height:75px; cursor:default;}
#gallery a.pics img.thumb {display:block; border:0;}

#gallery a.pics span {
 display:none;
 border:0;
 width:580px;
 height:520px;
 background:#ebebeb;
 border-top:0.1em solid #fff;
 border-left:0.1em solid #fff;
 border-right:0.2em solid #666666;
 border-bottom:0.2em solid #666666;
 padding-bottom: 15px;
 text-align:center;
 }
#gallery a.pics span img {
margin:10px auto;
 border-top:0.1em solid #666666;
 border-left:0.1em solid #666666;
 border-right:0.2em solid #666666;
 border-bottom:0.2em solid #666666;
}

#gallery a.pics:hover {white-space:normal; border:1px solid #fff;}
#gallery a.pics:hover span {
display:block;
position:absolute;
left:9px;
top:192px;
z-index:10;
height:520px;
}

#gallery a.pics:active {border:1px solid #fc0;}
#gallery a.pics:active span {
display:block;
position:absolute;
left:9px;
top:192px;
z-index:5;
height:520px;
}

#gallery a.pics:focus {border:1px solid #fc0; outline:0;}
#gallery a.pics:focus span {display:block; position:absolute; left:9px; top:192px; z-index:5; outline:0;}

#gallery span.info {clear:left;
 display:block;
 text-align:center;
 line-height:20px;
 margin:0;
 padding:120px 0 0 0;
 width:600px;
 text-align:center;
 color:#6f6161;
 z-index:1;}
#gallery span.info a {color:#000;}
#gallery span.info a:hover {text-decoration:none;}
#gallery span.center {clear:left;
 display:block;
 text-align:center;
 line-height:20px;
 margin:auto;
 padding:0 0 0 0;
 width:600px;
 text-align:center;
 color:#6f6161;
 z-index:1;}
