﻿
body{
	margin:0; padding:1px;
	font-family:"Batik Regular","Lucida Grande",Helvetica,Arial,sans-serif;
	font-size:20px; 
	opacity:;
	background-color:#CDD2DC;	
}

  	a {
	font-family: Batik Regular, Geneva, sans-serif;
	font-size: 20px;
	color: lightblue;
	font-weight:bold;
	moz-transition: all .8s ease-in;
	o-transition: all .8s ease-in;
	-webkit-transition: all .8s ease-in;
	transition: all .8s ease-in;
}
a:link {
	text-decoration:none;
}
a:visited {
	text-decoration:none;
	color: lightblue;
}
a:hover {
	text-decoration:none;
	color: #923;
}
a:active {
	text-decoration:none;
}

#wrapper{
	position:relative;		
	top:1px;			
	left:1px;
	width:100%;			
	height:100%;		
	z-index:;			
	opacity:,1;			
  						
 
}

	.text{
	position:fixed;
/*	bottom:0px; */
	width:100%;
	height:100%;
	padding:75px;					
	color:lightblue;
	background-image:url(raster.png);
	text-shadow:#000 1px 1px 1px;
/*	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	-o-border-radius:20px;
	border-radius:20px;			*/
	box-shadow:#FFF 3px 3px 10px 4px; 
}

#wrapper2{
	position:relative; 
	top:100px;
	margin-left:75px;		
	width:150px;
	height:40px;
	z-index:7;
	opacity:1;
		}

		.text2{
	position:relative;
	width:140px;
	padding:8px;
	background:;
	font-size:120%;
	color: lightblue;
	text-align:center;
	text-shadow:#000 1px 1px 1px;
	moz-border-radius:20px;
	webkit-border-radius:20px;
	o-border-radius:20px;
	border-radius:20px;
	box-shadow:#888 2px 2px 2px;
	
		}

#wrapper3{
	position:relative;
	top:6px;
/*	margin-left:10px; */	
	width:25%;
	height:100%;
	z-index:5;
	opacity:1;
		}

		.text3{
	position:relative;
	width:140px;
	padding:8px;
	background:;
	font-size:120%;
	color:lightblue;
	text-align:center;
	moz-border-radius:20px;
	webkit-border-radius:20px;
	o-border-radius:20px;
	border-radius:20px;
	box-shadow:#888 2px 2px 2px;
	text-shadow:#000 1px 1px 1px;
		}

#wrapper4{
	position:relative;
	top:8px;
	width:25%;
	height:100%;
	z-index:4;
	opacity:1;
		}

		.text4{
	position:relative;
	width:140px;
	padding:8px;
	background:;
	font-size:120%;
	color:lightblue;
	text-align:center;
	moz-border-radius:20px;
	webkit-border-radius:20px;
	o-border-radius:20px;
	border-radius:20px;
	box-shadow:#888 2px 2px 2px;
	text-shadow:#000 1px 1px 1px;
		}

#wrapper5{
	position:relative;
	top:10px;
	width:25%;
	height:100%;
	z-index:3;
	opacity:1;
		}

		.text5{
	position:relative;
	width:140px;
	padding:8px;
	background:;
	font-size:120%;
	color:lightblue;
	text-align:center;
	moz-border-radius:20px;
	webkit-border-radius:20px;
	o-border-radius:20px;
	border-radius:20px;
	box-shadow:#888 2px 2px 2px;
	text-shadow:#000 1px 1px 1px;
		}							

#wrapper6{
	position:relative;
	top:12px;
	width:25%;
	height:100%;
	z-index:2;
	opacity:1;
		}

		.text6{
	position:relative;
	width:140px;
	padding:8px;
	background:;
	font-size:120%;
	color:lightblue;
	text-align:center;
	moz-border-radius:20px;
	webkit-border-radius:20px;
	o-border-radius:20px;
	border-radius:20px;
	box-shadow:#888 2px 2px 2px;
	text-shadow:#000 1px 1px 1px;
		}

#wrapper8{
	position:relative;
	top:14px;
	width:25%;
	height:100%;
	z-index:2;
	opacity:1;
		}

		.text8{
	position:relative;
	width:140px;
	padding:8px;
	background:;
	font-size:120%;
	color:lightblue;
	text-align:center;
	moz-border-radius:20px;
	webkit-border-radius:20px;
	o-border-radius:20px;
	border-radius:20px;
	box-shadow:#888 2px 2px 2px;
	text-shadow:#000 1px 1px 1px;
		}		
#wrapper9{
	position:relative;
	top:16px;
	width:25%;
	height:100%;
	z-index:2;
	opacity:1;
		}

		.text9{
	position:relative;
	width:140px;
	padding:8px;
	background:;
	font-size:120%;
	color:lightblue;
	text-align:center;
	moz-border-radius:20px;
	webkit-border-radius:20px;
	o-border-radius:20px;
	border-radius:20px;
	box-shadow:#888 2px 2px 2px;
	text-shadow:#000 1px 1px 1px;
		}
#wrapper7{
	position:relative;
	top:20px;
	width:25%;
	height:100%;
	right:80px;
	z-index:1;
	opacity:.75;
		}

		.text7{				/*Impressum*/
	position:relative;
	width:120px;
	padding:10px;
	background:rgba(0, 0, 0, 0);
	font-size:120%;
	color:lightblue;
	/*-moz-border-radius:20px;
	-webkit-border-radius:20px;
	-o-border-radius:20px;
	border-radius:20px;
	box-shadow:#000 2px 2px 2px;*/
	text-shadow:#000 1px 1px 1px;
		}

#wrapper71{
	position:relative;
	top:7px;
	width:25%;
	height:100%;
	right:80px;
	z-index:1;
	opacity:.75;
		}

		.text71{				/*Equipment*/
	position:relative;
	width:120px;
	padding:10px;
	background:rgba(0, 0, 0, 0);
	font-size:120%;
	color:lightblue;
	/*-moz-border-radius:20px;
	-webkit-border-radius:20px;
	-o-border-radius:20px;
	border-radius:20px;
	box-shadow:#000 2px 2px 2px;*/
	text-shadow:#000 1px 1px 1px;
		}
	/*	
#wrapper8{
	position:relative;
	top:-70px;
	width:25%;
	height:100%;
	z-index:1;
	opacity:1;
		}

		.text8{
	position:relative;
	width:140px;
	padding:10px;
	background:rgba(0, 0, 0,.5);
	font-size:120%;
	color:lightblue;
	text-align:center;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	-o-border-radius:20px;
	border-radius:20px;
	box-shadow:#FFF 2px 2px 2px;
	text-shadow:#000 1px 1px 1px;
		}							*/
		
#fxd{
			position:relative;
			top:0px;		
			left:70px;
			width:1100px;		
			height:100%;
			background-color:none; 
			z-index:-1;
}			
			
				.pxd{
					position:relative;
					top:10px;
					left:1px;
					width:1099px;
					height:790px;
					font-size:120%;
					color:lightblue;
					text-align:center;
					padding-top:10px;
		/*	background-position:center center;
			background-attachment:fixed;
			background-repeat:no-repeat;	*/
			-moz-border-radius:20px;
			-webkit-border-radius:20px;
			-o-border-radius:20px;
			border-radius:20px; 
			box-shadow:#000 2px 2px 12px 2px;
			z-index:1;
			opacity:.6;
			
		}
			
/*
#myScroll{
/*display:none;*/
}


#myScroll .scrollEl{
	margin-left:12%;
  display:none;
  background:url(../"elements/elBgnd.png") repeat-x;
  border:2px solid #ddd;
  font-family:sans-serif;
  font-size:180%;
  color:white;
  height:100px;
  padding:10px;
  padding-top:60px;
  text-shadow:#999 1px 1px 1px;
  text-align:center;
  -moz-border-radius:8px;
  -webkit-border-radius: 8px;
  border-radius:8px;
  -webkit-box-shadow:#000 0px 4px 2px;
  box-shadow:#000 0px 4px 2px;
}
 /*#myScroll1 .scrollEl{
  display:none;
  background:url("../elements/elBgnd.png") repeat-x;
  border:1px solid #ddd;
  font-family:sans-serif;		das ist für den Text, der im Original über den schwipp-Fotos gestanden hat!
  font-size:180%;
  padding:10px;
  padding-top:40%;
  color:white;
  height:100%;
  text-shadow:#999 1px 1px 1px;
  text-align:center;
  CSS3 properties
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
} */


#controls div, #controls1 div{
  font-family:sans-serif;
  margin-top:10px;
  background:#999;			/* Hintergrundfarbe der Zahlenreihe der angezeigten Fotos unterhalb der AutoScroll Gallerie */
  display:inline-block;
  padding:5px;
  cursor:pointer;
  -moz-border-radius:4px;
   border-radius:4px;
  -webkit-border-radius:4px;
  -moz-box-shadow:#000 2px 2px 2px;
  -webkit-box-shadow:#000 2px 2px 2px;
  box-shadow:#000 2px 2px 2px;

}

#controls div.positiondisplay{
	background:#923;
	color:#999;
	cursor:default;
}


/*#myScroll1{
  float:left;
  margin-right:20px;*/
}

#controls .sel, #controls1 .sel{
  color:black; !important;
  font-weight:bold;
}
#controls .disabled, #controls1 .disabled{
  color:gray;
}
#controls .page, #controls1 .page{
  padding:5px;
  color:gray;
}
					*/