@font-face { 
font-family: 'walkway'; 
src: url('https://cartouchenoir.de/walkway.ttf') 
format('truetype'); 
}

@font-face { 
font-family: 'BeautyOrdinary'; 
src: url('https://cartouchenoir.de/BeautyOrdinary.ttf') 
format('truetype'); 
}

@font-face { 
font-family: 'Sunshine'; 
src: url('https://cartouchenoir.de/Sunshine.ttf') 
format('truetype'); 
}

@font-face {
font-family: 'Distant_Stroke';      
src: url('https://cartouchenoir.de/Distant_Stroke.otf')
format('opentype');
}

@font-face {
font-family: 'SansForgetica';      
src: url('https://cartouchenoir.de/SansForgetica-Regular.otf')
format('opentype');
}

@font-face {
font-family: 'Belinda';      
src: url('https://cartouchenoir.de/Belinda.otf')
format('opentype');
} 

@font-face {
font-family: 'Flotta';      
src: url('https://cartouchenoir.de/Flotta.otf')
format('opentype');
} 




body {
background:#000;
text-align:center;
color:#eee;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.3em;
background-image:url(../back3.jpg);  
background-repeat:repeat; 
background-position: top center;
background-attachment:fixed;
/* Mozilla ignores the following */
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);
-moz-opacity: 0.40;
}


.siteLogo {
clip-path: rect(100px, 20px, 30px, 40px);
}



.cn {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 2em;

}

td, div {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.3em;
}
#wrap {
/* background-color:#282828; */
width:805px;
/* border:1px solid #999; */
text-align:center;
margin: auto;
/* opacity: 0.8; */
}

#oben
{
position:absolute;top:15px;left:20px;
width:50px;
height:50px;
z-index:1;
}

#fixiert {
position:absolute;top:15px;left:20px;
}

html>body #fixiert {  /* nur fuer moderne Browser! */
    position: fixed;
}

#fixiert img {
    float: right;
}

#wrap-gal {
/* background-color:#282828; */
margin:0px;
}

.story {
    display: none;
    font-size: 14px;
}
 
a:hover ~ .story {
    display: block;
  /*  background-color: RED;*/
    height: 400px;
    width: 800px;
}

#bass_board {
/* Mozilla ignores the following */
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);
-moz-opacity: 0.40;
background:url(images/bass-board.jpg);
width:750px;
margin-left: auto ;
margin-right: auto ;
}

#black {
background-color:#222;
margin-left: auto ;
margin-right: auto ;
width:750px;
}

a {color:#bbb; text-decoration:none;}
a:link {color:#bbb; text-decoration:none;}
a:hover {text-decoration:underline;}