html{
	min-width: 300px;
	height:100%;
} /*IE7*/
body{
	background-color: #000;
	height:100%;
	color: #fff;
	margin: 0;
	padding: 0;
	/*text-align: center;*/
	font-size:100.1%;
	font: 11px  arial, helvetica, sans-serif;
	line-height:20px;
}
img{ 
	position:absolute; 
	top:0px;
	border:none;
}
a{
	color:#fff;
}
h1{
	text-align:center;
}
#main{
	max-width: 640px;
	min-height:100%;
	text-align: left;
	margin: 0;
	position: relative;
	padding: 0px 20px;
}
#images{
margin:0;
padding:0;
	visibility:hidden;
}
#loading_bar{
	margin-top:164px;
	margin-bottom:200px;
	text-align:center;
	width:100%;
}
#loading_bar img{
	margin-top:10px;
	position:relative; 
}
#captions{
	font-weight:bold;
	position:relative; 
	text-align:center;
	z-index:10000;
}
#scrollbar{
	visibility:hidden;
	position:relative; 
	border-bottom:1px solid #fff;
	z-index:10001;
}
#slider{
	position:absolute;
	margin-top:-7px;
	margin-left:-7px;
	z-index:10002;
	background-image:url(slider.png);
	background-repeat:no-repeat;
	width:14px;
	height:14px;	
}
#imageflow{
margin:0;
padding:0;
	text-align:left;
}
/* ######### CSS for Shade Tabs. Remove if not using ######### */
#page_margins {  
		display: table; 
		width: 655px; height: 100%;
		overflow: hidden;
		margin: 0 auto;			/* standardkonforme horizontale Zentrierung */
	}
	#page{  
		display: table-cell; 
		vertical-align: middle;
	}
	#page_bg {
		height: 500px;
		background:#000;
	}
	/* (de) Zentrierung des Layouts in alten IE-versionen */
	body {  background: #000; }
	#page_margins { text-align:left }
	html, body { height: 98%; } /* iehacks rückgängig machen, 100% gibt vertikale Scrollbalken */
	
	#page_margins { 
		#position: relative; 
		height: 100%;			/* iehacks rückgängig machen */
	}
	#page { 
		#position: absolute; 
		#top: 50%;  
		height: auto;			/* iehacks rückgängig machen */
	}
	#page_bg { 
		#position: relative; 
		#top: -50%; 
	}

/* ######### CSS for Inverted Modern Bricks II Tabs. Remove if not using ######### */

.modernbricksmenu2{
padding:40px 0 0 0;
margin:0;
width: 654px;
height:35px;
border-bottom: 5px solid #cc0000; /*Brown color theme*/ 
background: #000 url(logo.jpg) top right no-repeat;
voice-family: "\"}\"";
voice-family: inherit;
}

.modernbricksmenu2 ul{
position:relative;
margin:5px 0 0 0;
padding: 0;
list-style: none;
}

.modernbricksmenu2 li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

.modernbricksmenu2 a{
float: left;
display: block;
font: bold 11px Arial;
color: white;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px 16px 10px;
background-color: black; /*Brown color theme*/ 
}

.modernbricksmenu2 a:hover{
background-color: #cc0000; /*Brown color theme*/ 
color: white;
}

.modernbricksmenu2 a.selected{ /*currently selected tab*/
background-color: #cc0000; /*Brown color theme*/ 
color: white;
border-color: #cc0000; /*Brown color theme*/ 
}

#flowerdivcontainer{
position:relative;
margin:-5px 0 0 0;
border:2px solid #cc0000; 
width:640px; 
height: 300px; 
background: #303030 url(emboss.jpg) 50px center no-repeat; 
padding: 0 5px 5px 5px;
}
#flowerdivcontainerx{
position:relative;
margin:-100px 0 0 -40px;
width:640px; 
height: 450px; 
padding: 40px;
background:#000;
z-index:10010;
}
#playerx{
margin:20px 0 0 5px;
}
#textbox1{
position:relative;
width:280px;
height:260px;
margin:10px;
}
#textbox2{
position:relative;
width:280px;
height:260px;
top:-270px;
left:330px;
}
#subnavi{
position:absolute;
top:2px;
left:8px;
}
#subnavi a{
text-decoration:none;
}
#subnavi a:hover{
color:#cc0000;
text-decoration:underline;
}
#subnavi a.subnavi_sel{
color:#cc0000;
text-decoration:none;
}