@font-face {
	font-family: 'supergr';
	src: url('_fonts/supergr.eot'); /* IE9 Compat Modes */
	src: url('_fonts/supergr.eot?iefix') format('eot'), /* IE6-IE8 */
	     url('_fonts/supergr.woff') format('woff'), /* Modern Browsers */
	     url('_fonts/supergr.ttf')  format('truetype'), /* Safari, Android, iOS */
	     url('_fonts/supergr.svg#font') format('svg'); /* Legacy iOS */
	}
@font-face {
font-family: 'supergm';
src: url('_fonts/supergm.eot'); /* IE9 Compat Modes */
src: url('_fonts/supergm.eot?iefix') format('eot'), /* IE6-IE8 */
     url('_fonts/supergm.woff') format('woff'), /* Modern Browsers */
     url('_fonts/supergm.ttf')  format('truetype'), /* Safari, Android, iOS */
     url('_fonts/supergm.svg#font') format('svg'); /* Legacy iOS */
 }
@font-face {
	font-family: 'supergb';
	src: url('_fonts/supergb.eot'); /* IE9 Compat Modes */
	src: url('_fonts/supergb.eot?iefix') format('eot'), /* IE6-IE8 */
	     url('_fonts/supergb.woff') format('woff'), /* Modern Browsers */
	     url('_fonts/supergb.ttf')  format('truetype'), /* Safari, Android, iOS */
	     url('_fonts/supergb.svg#font') format('svg'); /* Legacy iOS */
	}
html, body
{
margin:0;
padding:0;
background-color: #f8f6f3;
font-size:16px;
}
#content{
    position:relative;
    margin:0 auto;
    padding:0;
    /*background-color: #dddddd;  */
}
#menu-wrap{
    position:absolute;
    bottom:0px;
    left:2px;
    /*background-color: #b5b5b5;  */
    height:auto; 
    font-size:1.3em;
}
#gallery-wrap{
    position:absolute;
    bottom:0px;
    right:0px;
    height:100%;
    z-index:1;
    /*background-color: #989898; */
}
#preloader{
    position:absolute;
    top:50%;
    left:50%;
    margin: -12px 0 0 -12px;
    z-index:1;
}
#gallery-wrap > img{
    position:relative;
    width:auto;
    z-index:2;
}
#left-over{
    position:absolute;
    width:50%;
    height:100%;
    top:0px;
    left:0px;
    z-index:3;
    background-color: #f8f6f3;
}

#right-over{
    position:absolute;
    width:50%;
    height:100%;
    top:0px;
    right:0px;
    z-index:3;
    background-color: #f8f6f3;
}
#gallery-wrap > p{
    font-family: supergr;
    font-size: 1em;
}

#menu-head{
    font-family: supergr,sans-serif;
    color: #373737;
    margin:0 0 8px;
    line-height: 1em;
}
#menu-head > span:hover{
    cursor:pointer;
}
.entry-wrap{
    padding: 3px 0 2px;
}
.sub-menu-wrap{
    margin:0;
    padding:0;
}
.sub-menu{
    font-family: supergb,sans-serif;
    color: #373737;
    margin:0;
    padding:0;
}
.sub-menu > span{
    margin:0;
    padding:0;
    line-height: 1.1em;
}
.sub-menu > span:hover{
    color: #7b7b7b;
    cursor:pointer;
}
.sub-menu-entry{
    font-family: supergr,sans-serif;
    color: #373737;
    margin:0;
    padding:0;
}
.sub-menu-entry > span{
    margin:0;
    padding:0;
    line-height: 1.1em;
}
.sub-menu-entry > span:hover{
    color: #7b7b7b;
    cursor:pointer;
}
.loadfont{
    font-family: supergm;
    color: #f8f6f3;
    font-size:1px;
    
}
.cursor-left{
    cursor:url(_images/pfeil_links.ico),url(_images/pfeil_links.cur), url(_images/pfeil_links.gif),w-resize;     
}
.cursor-right{
    cursor:url(_images/pfeil_rechts.ico),url(_images/pfeil_rechts.cur), url(_images/pfeil_rechts.gif),e-resize;    
}
.cursor-stop{
    cursor:url('_images/setende.ico'),url('_images/setende.cur'), url('_images/setende.gif'), default;     
}
#contact, #newsletter{
    position:absolute;
    z-index:4;
    top:45%;
    left:30%;
    color: #373737;
    font-size:1.3em;
}
#newsletter input[type="text"]{
    border:none;
    border-bottom: 1px solid #373737;
    background-color: transparent;
    outline:none;
    font-family: 'supergm';
    color: #373737;
    margin-left:5px;
    width:140px
}
#newsletter .checkbox{
    width:11px;
    height:11px;
    border:1px solid #373737;
    float:left;
    margin: 2px 5px 0px 1px
}
.checked{
    background-color: #373737;
}
.checklabel{
    float:left;
}
#n_sub,#n_unsub{
    cursor:pointer;
}
.clear{
    clear:both;
}
#submit{
    cursor:pointer;
}
.checkgroup{
    margin-top: 20px;
}
div.med{
    margin-bottom: 0px;
}
div.submit-wrap{
    margin-top:20px;
}
.reg{
    font-family: supergr;
    margin:0;
    padding:0;
    font-size:0.7em;
    
}
.bold{
    font-family: supergb;
    margin:0 0 5px;
    padding:0px;
}
.med{
    font-family: supergm;
    margin:0 0 20px;
    padding:0;
}
.med > a{
    text-decoration: none;
    color: #373737;
}
.med > a:hover{
    text-decoration: none;
    color: #7b7b7b;   
}
.light{
    color: #7b7b7b;
}