body {
  padding:0px;
  margin:0px;
  background-color : #CC0033;
  text-align: center;
}
#play_image {
  bottom : 25%;
  width : 100%;
  text-align : center;
  position : absolute;
  z-index:0;
}
#skip {
  bottom : 10%;
  width : 100%;
  text-align : center;
  position : absolute;
  z-index:0;
}

#background {
  position:absolute;
  top:0px;
  left:0px;
  width:100%;
  height:107px;
  z-index:0;
  background-image:url('../images/site/nav_top_bg.jpg');
}

/* Kleiner Publikumsappelle-Button */

/* #publikumsappelle {
  position:absolute;
  top:25px;
  left:25px;
  height:46px;
  z-index:4;
} */

/* Spenden-Button */

#spenden {
  position:absolute;
  top:25px;
  left:25px;
  height:46px;
  z-index:4;
}

#ueberregional {
  position:absolute;
  top:100px;
  right:20px;
  height:46px;
  z-index:4;
}

hr {
  background-color:#FFFFFF; /* Mozilla 1.4 */
  color:#FFFFFF; /* IE 6 */
  border: #FFFFFF; /* Opera 7.11 */
  height : 1px;
  width : 100%;
  margin-top:10px;
  margin-bottom:10px;
}

b {
  font-size : 40px;
  color : #FFFFFF;
}

#text {
  position : absolute;
  bottom :8%;
  right : 0px;
  padding-bottom:10px;
  padding-top:20px;
  width : 100%;
  background-color : #CC0033;
  border-bottom : 2px solid #FFFFFF;
  border-top : 2px solid #FFFFFF;
  color : #FFFFFF;
  font-family : Arial,Helvetica,Sans-Serif;
  font-size : 14px;
  z-index:2;
  line-height : 30px;
  text-align:center;
}

/* Logo */

#logo {
  position:absolute;
  top:49px;
  right:12px;
  height:46px;
  z-index:3;
}

/* Hauptmenues */


#menubar {
  position:absolute;
  top:100px;
  left:0px;
  height:36px;
  right:0px;
  background-color:#CC0033;
  z-index:1;
  color:#FFFFFF;
  font-family : Arial,Helvetica,Sans-Serif;
  font-size: 7px;
  border-right:1px solid #CC0033;
  border-left:0px solid #CC0033;
  text-align:left;
  line-height : 10px;
}

#visavis {
  position:absolute;
  top:100px;
  right:10px;
  height:30px;
  z-index:3;
  text-align:left;
}

#menu_bottom {
   position : absolute;
   bottom : 0px;
   right: 20px;
   z-index:4;
}

#menu_bottom2 {
   position : absolute;
   bottom : 0px;
   left: 20px;
   z-index:4;
}

a:link, a:visited {
  font-weight:bold;
  color:#CC0033;
  font-family : Arial,Helvetica,Sans-Serif;
  font-size: 14px;
  text-decoration:none;
}

a:hover {
  font-weight:bold;
  color:#CC0033;
  font-family : Arial,Helvetica,Sans-Serif;
  font-size: 14px;
  text-decoration:none;
}



h1 {
	font-family:'helvetica neue',helvetica,sans-serif;
	letter-spacing:3px;
	text-transform:uppercase;
	font-size:1.2em;
	margin:10px 0;
}

#main {
  text-align : left;
  top : 190px;
  left : 22%;
  right : 22%;
  position : absolute;
  z-index:0;
}

.exposureTarget {
	background-color:#FFF;	
	background-image:url(../res/loader.gif);
	background-repeat:no-repeat;
	background-position:center center;
	float:center;	
	padding:0;
	margin:0;
	border:12px solid #FFF;
	position:absolute;
	overflow:hidden; 
}
.exposureWrapper {
	position:absolute; 
	top:0; 
}
.exposureWrapper img {
	cursor:pointer;
	position:absolute;
	top:0;
}
.exposureLoaded {
	background-image:none;	
}
.exposureData {
	position:absolute;
 	left:0;
 	right:0;
 	bottom:-2000px;
	height:60px;
	padding:7px;
	background-image:url(../res/veil.png);
	color:#fff;
	font-family:Arial,Verdana,Helvetica,sans-serif;
	font-size:16px;
	font-weight:bold;
	visibility:visible;
}

.exposurePaging .active {
	color:#fff;
	background-color:#111;	
}

.clear {
	clear:both;	
}