/* Remove margins from the 'html' and 'body' tags, and ensure the page takes up full screen height */
html, body {
	height:100%; 
	margin:0; 
	padding:0;
	font-family: trebuchet ms;
}

/* Set the position and dimensions of the background image. */
#page-background {
	position:fixed; 
	top:0; 
	left:0; 
	width:100%; 
	height:100%;
}

/* Specify the position and layering for the content that needs to appear in front of the background image. Must have a higher z-index value than the background image. Also add some padding to compensate for removing the margin from the 'html' and 'body' tags. */
#content {
	position:relative; 
	width:100%; 
	z-index:1; 
	padding:0px;
}

#menu {
	position: absolute;
	right: 10px;        
	width: 210px;
	top:20px;
	bottom:auto;
	border: 1px none #aaa801;
	margin: 0px; 
	padding: 0px;
	-moz-border-radius: 6px; -webkit-border-radius: 6px;
}

.menuitemGreen {
	background-color:#55ff75;
	border-top: 1px solid #aaa801;
	border-bottom: 1px solid #aaa801;
	-moz-border-radius: 6px; -webkit-border-radius: 6px;

}
.menuitemBlue {
	background-color:#87e2ff;
	border-top: 1px solid #aaa801;
	border-bottom: 1px solid #aaa801;
	-moz-border-radius: 6px; -webkit-border-radius: 6px;
}

.menuitemRed {
	background-color:#f86565;
	border-top: 1px solid #aaa801;
	border-bottom: 1px solid #aaa801;
	-moz-border-radius: 6px; -webkit-border-radius: 6px;
}

.menuspacer {
	height: 4px;
}
.menuframe {
	height: 0px;
	background-color: #a0ce67;
	-moz-border-radius: 6px; -webkit-border-radius: 6px;
}
.menulink {
	display:block;
}	

#menu a:link, #menu a:visited, #menu a:focus {
	text-decoration:none;
	color:#000000;
	padding-left:10px;
	padding-right:10px;
}

#menu a:hover {	
}

#spirale {
	position: absolute;
	left:50%;
	margin-left: -250px ;
	top: 80px;       
	display:none;
}

#logo {
	position: absolute;
	left:50%;
	margin-left: -207px ;
	bottom: 0px;       
	
}

#il_raeuchern {
	position: absolute;
	left:45%;
	margin-left: -0px ;
	top:5%;       
	display:none;
}	
#il_aurasoma {
	position: absolute;
	left:20%;
	margin-left: -0px ;
	top: 10%;       
	display:none;
}	
#il_edlesteine {
	position: absolute;
	left:50%;
	margin-left: -0px ;
	top: 55%;       
	display:none;
}
#il_duefte {
	position: absolute;
	left:25%;
	margin-left: -0px ;
	top: 55%;       
	display:none;
}
#il_kus {
	position: absolute;
	left:35%;
	margin-left: -0px ;
	top: 30%;       
	display:none;
}	
#il_klang {
	position: absolute;
	left:10%;
	margin-left: -0px ;
	top:35%;       
	display:none;
}
#il_figuren {
	position: absolute;
	left:65%;
	margin-left: -0px ;
	top: 28%;       
	display:none;
}	


#imagelinks a:link, #imagelinks a:visited, #imagelinks a:focus {
	padding:10px;
	-moz-border-radius: 6px; -webkit-border-radius: 6px;
}

#imagelinkss a:hover {
	border: 3px solid #517ba3;
	margin-left: -3px ;
	margin-top: -3px ;
}	

.tooltipStyle{ 
   padding: 15px;
   color: #ffffff;
   font-size:18px; 

}

#container{
	position:absolute; 
	left:20px;
	right:250px;
	margin-left: 0px ;
	top: 20px; 
	
}
.contents{
	overflow:auto;
	font-size:14px;
	
}

.tab_links{
	background-image:url('images/tab_links.png');
	background-repeat:no-repeat;
}

.tab_rechts{
	background-image:url('images/tab_rechts.png');
	background-repeat:no-repeat;
}

a.preislink{
	text-decoration:none;
	font-size:16px;
	color: #ce616f;
	font-weight:bold;
}

.text{
	font-size:12px;
}

.colorRow{
	background-color:#e1eafa;
}

.textKontakt{
	font-size:14px;
	font-family: trebuchet ms;
}