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

body {
background-color: #e5ddc8;

}


/* Allgemeine Styles */ 

#wrapper {
  position:relative;
  width: 960px;
  height: 548px;
  border: 4px solid white;
  left: 50%;
  margin-left: -480px;
  top: 50%;
  margin-top: -275px;
}


#headline {
  position:relative;
  width: 960px;
  height: 60px;
  background-color: #8b8984;
  border-bottom: 4px solid white;
}

#content {
  position:relative;
  width: 960px;
  height: 450px;
  background-image: url('/_gfx/background/background.jpg');
}


#footer {
  position: relative;
  width: 946px;
  height: 16px;
  background-color: #32312d;
  border-top: 4px solid white;
  font-family: Arial;
  font-size: 12px;
  color: #cbc3b8;
  padding: 7px;
}

#footer a {
color:white;
text-decoration:none;

}

#footer a:hover {
text-decoration:underline;
}
/* Content Elemente */ 

#sarg {
position: absolute;
left: 420px;
top: 300px;
width: 80px;
height: 80px;

}




#gebeteLink {
height:122px;
left:173px;
position:absolute;
top:287px;
width:61px;
z-index:50;
cursor: pointer;
}

#gebeteHover {
position: absolute;
left:118px;
top:230px;
width: 172px;
height: 220px;
background-image: url('/_gfx/hovers/gebete.png');
display: none;
}


#kerzenLink {
cursor:pointer;
height:118px;
left:733px;
position:absolute;
top:310px;
width:175px;
z-index:50;
}

#kerzenHover {
background-image:url("/_gfx/hovers/kerzen.png");
height:203px;
left:670px;
position:absolute;
top:247px;
width:290px;
display: none;
}



#janssenLink {
cursor:pointer;
height:63px;
left:817px;
position:absolute;
top:244px;
width:67px;
z-index:50;
}

#janssenHover {
background-image:url("/_gfx/hovers/janssen.png");
height:165px;
left:768px;
position:absolute;
top:194px;
width:163px;
display:none;
}


#freinademetzLink {
cursor:pointer;
height:63px;
left:819px;
position:absolute;
top:161px;
width:67px;
z-index:50;
}

#freinademetzHover {
background-image:url("/_gfx/hovers/freinademetz.png");
height:167px;
left:769px;
position:absolute;
top:110px;
width:164px;
display:none;
}



#sargLink {
cursor:pointer;
height:75px;
left:407px;
position:absolute;
top:302px;
width:92px;
z-index:50;
}

#sargHover {
background-image:url("/_gfx/hovers/sarg.png");
height:192px;
left:348px;
position:absolute;
top:246px;
width:210px;
display:none;
}


#steylLink {
cursor:pointer;
height:59px;
left:62px;
position:absolute;
top:206px;
width:56px;
z-index:50;
}

#steylHover {
background-image:url("/_gfx/hovers/steyl.png");
height:158px;
left:13px;
position:absolute;
top:157px;
width:154px;
display:none;
}


#missionare {
position: absolute;
left:120px;
top: 160px;
width: 80px;
height: 80px;

}

#infobox {
position:absolute;
left: 300px;
top: 50px;
width: 350px;
padding:5px;
font-size: 11px;
font-family: Arial;
color:black;
background-color: #fff8ca;
border: 1px solid gray;
opacity: 0.8;

}

.infoKasten {
  font-size: 10px;
  font-family: Arial;
  color:black;
  background-color: #fff8ca;
  border: 1px solid gray;
  opacity: 0.8;
  padding:3px;
}

#sarginfo {

  position:absolute;
  left: 30px;
  top: 140px;

}

#steylinfo {
  position:absolute;
  left: 20px;
  top: 122px;
}

#gebeteinfo {
  position:absolute;
  left: 20px;
  top: 182px;
}

#freinademetzinfo {
  position:absolute;
  left: 32px;
  top: 125px;
}
#jansseninfo {
  position:absolute;
  left: 42px;
  top: 120px;
}
#kerzeninfo {
  position:absolute;
  left: 80px;
  top: 160px;
}

#logo {
position:relative;
float:left;
left: 5px;
top: 5px;
}

#logoheadline {
position:relative;
            
font-family: franklin_gothic_book_regular;
float:left;
color:white;
font-size: 35px;
padding-left: 20px;
padding-top:11px;
}

#player {

position:absolute;
right: 10px;
top: 5px;
background-image: url(/_gfx/player/on.png);
width: 20px;
height: 20px;
cursor: pointer;
}

#langSelector {
position:absolute;
right: 50px;
top: 5px;
font-size: 11px;
color: white;
font-family: Arial;
}