@charset "utf-8";
body  {
	font: 95% Verdana, Arial, Helvetica, sans-serif;
	background: #a6774b url(../images/background.jpg) repeat;
	margin: 0; 
	padding: 0;
	text-align: center; 
	color: #eae3d5;
	font-weight: bold;
}

.default #container { 
	width: 100%;
	margin-left: auto;
	margin-right: auto;
} 

	
.default #mainContent { 
 	margin: 0 0 0 0; /*Der erste Wert für den Abstand oben, der Zweite rechts, der Dritte unten und der Vierte links*/	
} 

.default a {
	text-decoration: none;
	color: #d4c8af;
}

.clearfloat { 
	clear:both;
   height:0;
   font-size: 1px;
   line-height: 0px;
}


.default #menue {
	width: 250px;
	height: 30px;
	margin-left: 30px;
	display: block;
	cursor: pointer;
	border: solid 0px;
	margin-top: 160px;
	position: fixed;
}

.default #menue img {
	margin-left: 15px;
	border: solid 0px;
	width: 250px;
}


.default #menue0 {
	width: 250px;
	height: 30px;
	background: url(../images/menue-startseite.png) no-repeat;
	display: block;
	cursor: pointer;
	border: solid 0px;
	position: absolute;
}

.default #menue0 a {	
	width: 250px;		
	height: 30px;
	margin-left: -30px;
}

.default #menue0 a:hover {
	width: 250px;
	height: 30px;
	margin-left: 0px;
	background: url(../images/menue-startseite-hover.png) no-repeat;
	position: absolute;
	border: solid 0px;
	margin-left: 0px;
}

.default #menue1 {
	width: 250px;
	height: 30px;
	background: url(../images/menue-hauptpersonen-filuh.png) no-repeat;
	display: block;
	cursor: pointer;
	border: solid 0px;
	position: absolute;
}

.default #menue1 a {	
	width: 250px;		
	height: 30px;
	margin-left: -30px;
}

.default #menue1 a:hover {
	width: 250px;
	height: 30px;
	margin-left: 0px;
	background: url(../images/menue-hauptpersonen-filuh-hover.png) no-repeat;
	position: absolute;
	border: solid 0px;
	margin-left: 0px;
}


.default #menue2 {
	width: 264px;
	height: 30px;
	background: url(../images/menue-sammeln.png) no-repeat;
	display: block;
	cursor: pointer;
	border: solid 0px;
	position: absolute;
}

.default #menue2 a {	
	width: 264px;		
	height: 30px;
	margin-left: -30px;
}

.default #menue2 a:hover {
	width: 264px;
	height: 30px;
	margin-left: 0px;
	background: url(../images/menue-sammeln-hover.png) no-repeat;
	position: absolute;
	border: solid 0px;
	margin-left: 0px;
}



.default #menue3 {
	width: 250px;
	height: 30px;
	background: url(../images/menue-leseprobe.png) no-repeat;
	display: block;
	cursor: pointer;
	border: solid 0px;
	position: absolute;
}

.default #menue3 a {	
	width: 250px;		
	height: 30px;
	margin-left: -30px;
}

.default #menue3 a:hover {
	width: 250px;
	height: 30px;
	margin-left: 0px;
	background: url(../images/menue-leseprobe-hover.png) no-repeat;
	position: absolute;
	border: solid 0px;
	margin-left: 0px;
}



.default #menue4 {
	width: 250px;
	height: 30px;
	background: url(../images/menue-leseprobe2.png) no-repeat;
	display: block;
	cursor: pointer;
	border: solid 0px;
	position: absolute;
}

.default #menue4 a {	
	width: 250px;		
	height: 30px;
	margin-left: -30px;
}

.default #menue4 a:hover {
	width: 250px;
	height: 30px;
	margin-left: 0px;
	background: url(../images/menue-leseprobe-hover2.png) no-repeat;
	position: absolute;
	border: solid 0px;
	margin-left: 0px;
}


.default #menue5 {
	width: 250px;
	height: 30px;
	background: url(../images/menue-kontakt.png) no-repeat;
	display: block;
	cursor: pointer;
	border: solid 0px;
	position: absolute;
}

.default #menue5 a {	
	width: 250px;		
	height: 30px;
	margin-left: -30px;
}

.default #menue5 a:hover {
	width: 250px;
	height: 30px;
	margin-left: 0px;
	background: url(../images/menue-kontakt-hover.png) no-repeat;
	position: absolute;
	border: solid 0px;
	margin-left: 0px;
}



.default #menue6 {
	width: 250px;
	height: 30px;
	background: url(../images/menue-impressum.png) no-repeat;
	display: block;
	cursor: pointer;
	border: solid 0px;
	position: absolute;
}

.default #menue6 a {	
	width: 250px;		
	height: 30px;
	margin-left: -30px;
}

.default #menue6 a:hover {
	width: 250px;
	height: 30px;
	margin-left: 0px;
	background: url(../images/menue-impressum-hover.png) no-repeat;
	position: absolute;
	border: solid 0px;
	margin-left: 0px;
}


.default #menue7 {
	width: 250px;
	height: 30px;
	background: url(../images/menue-meinungen.png) no-repeat;
	display: block;
	cursor: pointer;
	border: solid 0px;
	position: absolute;
}

.default #menue7 a {	
	width: 250px;		
	height: 30px;
	margin-left: -30px;
}

.default #menue7 a:hover {
	width: 250px;
	height: 30px;
	margin-left: 0px;
	background: url(../images/menue-meinungen-hover.png) no-repeat;
	position: absolute;
	border: solid 0px;
	margin-left: 0px;
}


.default #menue8 {
	width: 250px;
	height: 30px;
	background: url(../images/menue-onlineshop.png) no-repeat;
	display: block;
	cursor: pointer;
	border: solid 0px;
	position: absolute;
}

.default #menue8 a {	
	width: 250px;		
	height: 30px;
	margin-left: -30px;
}

.default #menue8 a:hover {
	width: 250px;
	height: 30px;
	margin-left: 0px;
	background: url(../images/menue-onlineshop-hover.png) no-repeat;
	position: absolute;
	border: solid 0px;
	margin-left: 0px;
}

.default #menue9 {
	width: 250px;
	height: 30px;
	background: url(../images/menue-bombelmann.png) no-repeat;
	display: block;
	cursor: pointer;
	border: solid 0px;
	position: absolute;
}

.default #menue9 a {	
	width: 250px;		
	height: 30px;
	margin-left: -30px;
}

.default #menue9 a:hover {
	width: 250px;
	height: 30px;
	margin-left: 0px;
	background: url(../images/menue-bombelmann-hover.png) no-repeat;
	position: absolute;
	border: solid 0px;
	margin-left: 0px;
}


.default #menue10 {
	width: 250px;
	height: 30px;
	background: url(../images/menue-musik.png) no-repeat;
	display: block;
	cursor: pointer;
	border: solid 0px;
	position: absolute;
}

.default #menue10 a {	
	width: 250px;		
	height: 30px;
	margin-left: -30px;
}

.default #menue10 a:hover {
	width: 250px;
	height: 30px;
	margin-left: 0px;
	background: url(../images/menue-musik-hover.png) no-repeat;
	position: absolute;
	border: solid 0px;
	margin-left: 0px;
}


.default #menue11 {
	width: 250px;
	height: 30px;
	background: url(../images/menue-datenschutz.png) no-repeat;
	display: block;
	cursor: pointer;
	border: solid 0px;
	position: absolute;
}

.default #menue11 a {	
	width: 250px;		
	height: 30px;
	margin-left: -30px;
}

.default #menue11 a:hover {
	width: 250px;
	height: 30px;
	margin-left: 0px;
	background: url(../images/menue-datenschutz-hover.png) no-repeat;
	position: absolute;
	border: solid 0px;
	margin-left: 0px;
}


.default #menue12 {
	width: 250px;
	height: 30px;
	background: url(../images/menue-holzwurm.png) no-repeat;
	display: block;
	cursor: pointer;
	border: solid 0px;
	position: absolute;
}
.default #menue12 a {	
	width: 250px;		
	height: 30px;
	margin-left: -30px;
}

.default #menue12 a:hover {
	width: 250px;
	height: 30px;
	margin-left: 0px;
	background: url(../images/menue-holzwurm-hover.png) no-repeat;
	position: absolute;
	border: solid 0px;
	margin-left: 0px;
}






.text {
	width: 415px;
	height: 152px;
	margin: 0 auto;
  background: url(../images/text.png) no-repeat; 
}

.text-unten {
	width: 415px;
	height: 76px;
	margin: 0 auto;
  background: url(../images/text-unten.png) no-repeat; 
}


.filuh {
	width: 408px;
	height: 400px;
	position: relative;
	margin: 0 auto;
  background: url(../images/filuh.png) no-repeat; 
}

.filuh a {
	width: 408px;
	height: 400px;
	position: absolute;
	margin: 0 auto;
}


.corner-left {
	width: 149px;
	height: 150px;
	position: fixed;
	left: 0;
  background: url(../images/taube-oben-links.png) no-repeat; 
  float: left;
}

.corner-left a {
	width: 149px;
	height: 150px;
	position: fixed;
	float: left;
}

.corner-left a:hover {
	width: 149px;
	height: 150px;
	position: fixed;
	left: 0;
  background: url(../images/taube-oben-links-hover.png) no-repeat; 
  float: left;
}



.corner-right {
	width: 149px;
	height: 150px;
	position: fixed;
	right: 0;
  background: url(../images/taube-oben-rechts.png) no-repeat; 
  float: right;
}

.corner-right a {
	width: 149px;
	height: 150px;
		position: fixed;
	right: 0;
}

.corner-right a:hover {
	width: 149px;
	height: 150px;
	position: fixed;
	right: 0;
  background: url(../images/taube-oben-rechts-hover.png) no-repeat; 
  float: right;
}

.corner-left-bottom {
	width: 149px;
	height: 150px;
	margin: 0;
	position:fixed;
	 bottom:0px;	
	 left: 0;
  background: url(../images/taube-unten-links.png) no-repeat; 
  float: left;
}

.corner-left-bottom a:hover {
	width: 149px;
	height: 150px;
	margin: 0;
	position:fixed;
  bottom:0px;	
  left: 0;
  background: url(../images/) no-repeat; 
  float: left;
}

.corner-left-bottom a {
	width: 149px;
	height: 150px;
	margin: 0;
	position:fixed;
  bottom:0px;	
  left: 0;
  float: left;
}



.corner-right-bottom {
	width: 149px;
	height: 150px;
position: fixed; 
right: 0; 
bottom: 0; 
display: block;
  background: url(../images/taube-unten-rechts.png) no-repeat; 

}

.corner-right-bottom a {
	width: 149px;
	height: 150px;
	position: fixed; 
	right: 0; 
	bottom: 0; 
	display: block;
}


.corner-right-bottom a:hover {
	width: 149px;
	height: 150px;
	position: fixed; 
	right: 0; 
	bottom: 0; 
	background: url(../images/) no-repeat;
	display: block;
}





.thumbnail{
	position: relative;
	z-index: 0;
	text-decoration: none;
	color: #000000;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #222222;
padding: 0px;
margin-top: 0px;
margin-left: -180px;
border: 3px solid #777777;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 1px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 10px;
left: -50px; /*position where enlarged image should offset horizontally */

}