*{
  padding:0px;
  margin:0px;
}

body,html{
  height:100%;
  margin:0;
  padding:0;
}


#bodyimg{
  position:fixed;
  top:240px;
  right:4.2839%;
  width:475px;
  height:514px;
  background-image:url(images/schnecke2.png);
  background-repeat:no-repeat;
  z-index:-1;
}


#main{
  position:relative;
  margin:0px auto 0px;
  margin-top: -18px;
  padding:0;
  width:100%;
  max-width:936px;
  background-color:rgba(255,255,255,1);
  background-image:url(images/bg1.jpg);
  height:auto !important;
  /*height:100%;*/
  min-height:90%;
  z-index:1;
}


#topimage{
  position:relative;
  top:0px;
  left:0px;
  width:100%;
  height:161px;
}

#toplogo{
  background-image:url(images/logo.png);
  position:absolute;
  top:40px;
  left:40px;
  height:72px;
  width:174px;
  cursor:pointer;
}


#toptext{
  position:absolute;
  left:250px;
  top:40px;
  text-align:left;
  font-family:Arial,Helvetica;
  color:#6e6e6e;
  font-size:85%;
  letter-spacing:0.1em;
}

#langselect{
  /*display:none;*/
  position:absolute;
  left:18px;
  width:25.320512820513%;
  top:135px;
  height:20px;
  text-align:left;
  padding-right:20px;
  box-sizing:padding-box;
  font-family:Arial;
  font-size:11px;
}

a.langselect{
  text-decoration:none;
  color:#565656;
}

#hmenu{
  position:absolute;
  /*bottom:0px;*/
  top:133px;
  left:25.320512820513%;
}

#main_wrapper{
  background-color:#ffffff;
  height:auto !important;
  display:flex;
  flex-direction: row;
}

#leftcol{
  width:25.320512820513%;
  background-color:#ffffff;
  min-height:300px;
}

#rightcol{
  width:74.679487179487%;
  background-color:#ffffff;
  min-height:300px;
}

#footline{
  width:100%;
  max-width:936px;
  margin:0px auto 0px;
  /*background-image:url(../site/images/foot.jpg);*/
  background-color:#5e767c;
  height:27px;
  color:white;
  font-size:13px;
  padding:4px 20px;
  box-sizing:padding-box;
}






body{
  /*font-family:agenda-light-extracondensed,arial,helvetica;*/
  font-family:Source Sans Pro,corporate-rounded,arial,helvetica;
  font-size:14px;
  font-weight:normal;
  color:#000000;
  background-color:#dddddd;
  background-image:url(images/nautilus_bg.png);
  background-repeat:repeat-x;
  padding:0px;
  margin:0px;
}

p{
  margin: 1em 0px;
}

h1{
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 8px;
  margin-bottom: 8px;
}

/**************************************************************************

  Horizontal Menu

**************************************************************************/

ul.hmenu{
  list-style-type: none;
  width: 100%;
  margin: 0px auto 1px;

}

li.hmenuitem{
  float:left;
}

a.hmenuitem{
  padding-right: 14px;
  padding-left: 14px;
  padding-bottom: 6px;
  padding-top: 6px;
  display: block;
  line-height: 22px;
  text-decoration: none;
  font-family:Trebuchet,arial,helvetica;
  font-size: 13px;
  color:#ffffff;*/
  background-color:#3c3c3c;
  margin-top:-7px;
  margin-bottom:0px;
}

a.hmenuactiveitem{
  padding-right: 14px;
  padding-left: 14px;
  display: block;
  line-height: 22px;
  text-decoration: none;
  font-family:Trebuchet,arial,helvetica;
  font-size: 13px;
  color:#ffffff;
  /*background-color:#a1a6aa;*/
  margin-bottom:0px;
}

a.hmenuitem:hover{
  background-color:#a1a6aa;
}


/*******************************************************************

  VMenu

*******************************************************************/


#vmenu{
  width:100%;

  padding-top:30px;
  font-family:Trebuchet,arial,helvetica;
}

#vmenutitle{
  padding-left:15px;

  font-weight:700;
  font-family:Source Sans Pro,corporate-rounded,arial,helvetica;
  color:#4d4c4c;
  font-size:18px;
}

table.vmenu{
 width:97%;
 margin-top:17px;
 margin-left:3px;
 margin-right:3px;
 border-right-style:solid;
 border-right-width:2px;
 border-right-color:#5e767c;
}

a.vmenu{
  text-decoration:none;
  color:#4d4c4c;
  font-size:13px;
}

td.vsubmenu{
  padding-top:5px;
  padding-bottom:5px;
}

td.vsubmenuactive{
  padding-top:5px;
  padding-bottom:5px;

  background-color:#a1a6aa;
}







/****************************************************************************

  Workspace (where articles are displayed)

****************************************************************************/

#content{
  width:100%;
}

#inner_content{
  padding:15px 15px;
  padding-top: 52px;
}

div.awrapper{
  width:646px;
  max-width:646px;
  margin-top:0px;
}



/****************************************************************************

  Image galleries

****************************************************************************/

table.gallery{
  /*width:89.572192513%;*/
  width:100%;
  border-spacing: 0px;
  border-width:0px;
  border-collapse: separate;
  /*margin: 0 auto 0;*/
  margin-left:0px;
}

td.gallery{
  width:23.880597015%;
  width:154px;
  padding-right:10px;
  padding-bottom:10px;
  text-align:center;
  vertical-align:center;
}

td.gallerylast {
  padding-right:0px;
  padding-bottom:10px;
  width:154px;
  text-align:center;
  vertical-align:center;
}

/*************************************************************************

Slideshow


*************************************************************************/

#slide-images{
        position:relative;
        display:block;
        margin:0px;
        padding:0px;
        width:936px;
        height:161px;
        overflow:hidden;
}

#slide-images li{
        position:absolute;
        display:block;
        list-style-type:none;
        margin:0px;
        padding:0px;
        background-color:#FFFFFF;
	overflow:hidden;
}

#slide-images li img{
        display:block;
        background-color:#FFFFFF;
	overflow:hidden;
}



/****************************************************************************

  Mediaqueries

****************************************************************************/


@media only screen and (max-width: 900px) {
  a.vmenu{
    font-size:13px;
  }

  a.hmenuitem{
    font-size:13px;
  }

  a.hmenuactiveitem{
    font-size:13px;
  }

  body{
    font-size: 14px;
  }

  table.gallery{
    border-spacing:7px;
  }


}

@media only screen and (max-width: 780px) {
  a.vmenu{
    font-size:11px;
  }
  a.hmenuitem{
    font-size:11px;
  }

  a.hmenuactiveitem{
    font-size:11px;
  }

  body{
    font-size: 12px;
  }

  table.gallery{
    border-spacing:5px;
  }

}

@media only screen and (max-width: 680px) {
  a.vmenu{
    font-size:9px;
  }
  a.hmenuitem{
    font-size:9px;
  }

  a.hmenuactiveitem{
    font-size:9px;
  }

  body{
    font-size: 10px;
  }

  table.gallery{
    border-spacing:3px;
  }

}

@media only screen and (max-width: 500px) {
  a.vmenu{
    font-size:7px;
  }
  a.hmenuitem{
    font-size:7px;
  }

  a.hmenuactiveitem{
    font-size:7px;
  }

  body{
    font-size: 8px;
  }

  table.gallery{
    border-spacing:3px;
  }

}