@import "/html/groupfont.css";

* {font-family: Groupfont, "Comic Sans MS", Tahoma, Helvetica, Arial, sans-serif;}
body {font-family: Groupfont, "Comic Sans MS", Tahoma, Helvetica, Arial, sans-serif;
background-color: transparent;
}

a.style1:link {color:#707070;text-decoration: none;font-weight: bold;padding-right: 15px;}
a.style1:visited {color:#707070;text-decoration: none;}
a.style1:active {color:#707070;text-decoration: none;}
a.stylezip:link {color:#000000;text-decoration: underline;font-weight: bold;}
a.stylezip:visited {color:#FFFFFF;text-decoration: none;}
a.stylezip:active {color:#FFFFFF;text-decoration: none;}
a.stylezip:hover {color:#FFFFFF;text-decoration: none;}

 a.styleclose:link {
 display:inline-block;
 background-image:url(/assets/images/menu_110_22_whut.gif);
 width:110px; height:22px;
  border-style:none;
  font-family: Groupfont,"Comic Sans MS" , Chicago, Sans-serif ;
	font-size: 14px;
  font-weight: bold;
  text-align: center;
  vertical-align:middle;
  color: #000000;
	cursor: pointer;
	text-decoration: none;
  background-color: transparent;
}

a.styleclose:hover {
background-image:url(/assets/images/menu_110_22_shut.gif);
color:#ffffff;
font-style: italic;
}
a.styleslide:link {
  display: inline-block;
  background-image:url(//button_normal.jpg);
  width:126px; height:31px;
  border-style:none;
  font-family: Groupfont,"Comic Sans MS" , Chicago, Sans-serif ;
	font-size: 15px;
  font-weight: normal;
  text-align: center;
  color: #C0C0C0;
	cursor: pointer;
	text-decoration: none;
  background-color: transparent;
}

a.styleslide:hover {
background-image:url(//button_auswahl.jpg);
color:#CC9933;
 font-style: italic;
 }
a.styleback:link {color:#000000;text-decoration: none;}
a.styleback:visited {color:#000000;text-decoration: none;}
a.styleback:active {color:#000000;text-decoration: none;}
a.styleback:hover {color:#000000;text-decoration: none;}
a.linkopacity img {border-radius: 10px;border:0em ridge #FFFFFF; margin-right:3px;}
a.linkopacity:hover img {border-radius: 10px;border:0em ridge #AAAAAA;;margin-right:3px;}



#GB_overlay {
    background-color: #000;
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    z-index: 100;
}

#GB_window {
    left: 0;
    top: 0;
    font-size: 1px;
    position: absolute;
    overflow: visible;
    z-index: 150;
}

#GB_window .content {
    width: auto;
    margin: 0;
    padding: 0;
}

#GB_frame {
    border: 0;
    margin: 0;
    padding: 0;
    overflow: auto;
    white-space: nowrap;
}

.GB_Gallery {
    margin: 0 22px 0 22px;
}

.GB_Gallery .content {
    border-radius: 20px;
    background-color: transparent;
    border: 2px solid #ffffff;
}

.GB_header {
    top: 2;
    left: 0;
    margin: 0;
    z-index: 500;
    position: absolute;
    background-color: #000000;
}

.GB_header .inner {
    background-color: transparent;
    font-family:Groupfont, Arial, Verdana, sans-serif;
    padding: 2px 2px 2px 2px;
}

.GB_header table {
    margin: 0;
    width: 98%;
    border-collapse: collapse;
}

.GB_header .caption {
    text-align: right;
    padding-right:10px;
    color: #fff;
    white-space: nowrap;
    font-size: 20px;
}

.GB_header .close {
    text-align: center;
}

.GB_header .close img {
    z-index: 500;
    cursor: pointer;
}

.GB_header .middle {
    white-space: nowrap;
    text-align: center;
}

.GB_navStatus {
    display: inline-block;
    width:73px; height:23px;
    text-align: center;
    color: #fff;
    }


#GB_middle {
    color: #eee;
}

#GB_middle img {
    cursor: default;
    vertical-align: middle;
}

#GB_middle .pointer {
    cursor: pointer;
}

.GB_Window .content {
    background-color: transparent;
    border: 3px solid #ccc;
    border-top: none;
}

.GB_Window .header {
    border-bottom: 1px solid #aaa;
    border-top: 1px solid #999;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    margin: 0;

    height: 22px;
    font-size: 12px;
    padding: 3px 0;
    color: #333;
}

.GB_Window .caption {
    font-size: 12px;
    text-align: left;
    font-weight: bold;
    white-space: nowrap;
    padding-right: 20px;
}

.GB_Window .close { text-align: right; }
.GB_Window .close span { 
    font-size: 12px;
    cursor: pointer; 
}
.GB_Window .close img {
    cursor: pointer;
    padding: 0 3px 0 0;
}

.GB_Window .on { border-bottom: 1px solid #333; }
.GB_Window .click { border-bottom: 1px solid red; }

#header_container {
    position:fixed;
    top:0; left:0; right:0;
    margin:0;
    height:4.8em;
    z-index:3;
}

#header {
    position:absolute;
    top:0; left:0; right:0; bottom:0;
    height:100%;
    z-index:3;
    margin:0;
    padding:0.2em;
}

#content_container {
    position:fixed;
    top:4.8em; left:0; right:0; bottom:1em;
    margin:0em;
    z-index:3;
}

  
#content {
    width:100%;
    min-height:100%;
    margin:0;
    padding-top:0em;
    padding-bottom:0em;
    
    z-index:3;
}

#footer_container {

    position:fixed;
    bottom:0; left:0; right:0;
    margin:0;
    height:1em;
    z-index:3;
}

#footer {

    position:absolute;
    top:0; left:0; right:0; bottom:0;
     z-index:3;
}

/* Nur f r den MSIE */

* html, * html body {
    overflow:hidden;
    bottom:0;
    height:100%;
}

* html #footer_container {
    position:absolute;
    bottom:0;
    width:100%;
}

* html #content {
    position:relative;
    height:100%;
    width:100%;  
    padding-bottom:6em;
    overflow:auto;
}

.img-wrap{
overflow:hidden;
position:relative;
}
.img-links{
background-image: url("prev.png");
background-repeat:no-repeat;
bottom:0;
opacity:0;
filter: alpha(opacity = 0);
position:absolute;
width:0%;
height: 100%;
left: -25%;
z-index:1000;
}
.img-back{
background-image: url("back.png");
background-repeat:no-repeat;
background-position: 50% 2%;
bottom:0;
opacity:0;
filter: alpha(opacity = 0);
position:absolute;
width:0%;
height: 100%;
z-index:900;
}
.img-rechts{
background-image: url("next.png");
background-repeat:no-repeat;
bottom:0;
opacity:0;
filter: alpha(opacity = 0);
position:absolute;
width:60%;
height: 100%;
text-align:right;
right: -25%;
z-index:1000;
}

.img-links:hover, .img-back:hover, .img-rechts:hover{
opacity:0.85;
filter: alpha(opacity = 100);
transition:opacity 0.25s;
-moz-transition:opacity 0.25s;
-webkit-transition:opacity 0.25s;
cursor:pointer;
}