/*gilt für Schrift allgemein*/
body {background-color: #F9F6E7; color: #EFE7C9; font-size: small; font-family: arial, sans-serif; }



/*Ist der gesamte Inhaltscontainer*/	
#inhalt {
	width: 900px; height: 600px; 
	border: 0px; padding: 25px; 
	margin-left: auto; margin-right: auto;
	margin-top: 0px; margin-bottom: 0px;
	border: 0px; }

/*gilt für alle Links im Text oder Bild im Inhaltsbereich*/
a:link {font-size: 100%;  color: #DBBF88; padding-left: 1px; padding-right: 3px; }
a:visited {font-size: 100%; color: #DBBF88; }
a:hover {font-size: 100%; color: #F56E00; }
a img {border: 0px; }

/*gilt für alle Überschriften und Kleinstbuchstaben im Text*/
h1 {font-size: 110%; font-weight: bold;       }
h2 {font-size: 100%; font-weight: bold;       }
h3 {font-size: 80%; font-weight: normal; }

/*Oberste Linie für Sprachauswahl*/
p#sprache {text-align: right; color: #EFE7C9; visibility: hidden;  }

/*Titelleiste mit Bildern pro Abteilung anders*/
p#titelleiste {text-align: right; padding-left: 10px; padding-right: 10px;}


/*Hauptnavigation*/
p#navigation {font-size: 120%; font-weight: bold; text-align: left; word-spacing: 5px; margin-left: 135px;}

/*Unternavigation - linke Spalte*/
#menue {width: 110px; padding: 5px; margin: 2px; float: left; font-size: 110%; font-weight: bold; }
#menue a {font-size: 90%; margin-left: 0px; text-decoration: none}
/*rechte Spalte Bilder*/
#bilder {width: 371px; padding: 10px; float: right; text-align: center;  }
#bilder ul {text-align: left;}
#bilder h1 {text-align: left;}
#bilder img {border: 1px solid white; }

/*mittlere Spalte - hauptsächlich Texte*/
#hauptinhalt {margin-left: 130px; padding: 5px;}

/*Fusszeile*/
p#fuss {position: absolute; top: 600px; width: 895px; font-size: 100%; font-family: arial; font-weight: bold; text-align: right; margin-right: 2px;clear: both; word-spacing: 5px;  }

/*Tabellen*/
table {text-align: left; font-size: 11px; }
table img {border: 1px solid white; }

/*Bildergalerie für neun Bilder zB bei film*/
.gallerycontainer { position: relative; padding: 5px; height: 200px;}
.thumbnail img{
border: 1px solid white;
margin: 0px 5px 5px 0;
}
.thumbnail:hover{
background-color: transparent;
}
.thumbnail:hover img{
border: 1px solid blue;
}
.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #DBBF88;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}
.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}
.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
position: fixed;
top: 200px;
left: 100px; /*position where enlarged image should offset horizontally */
z-index: 50;
}
