body{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif, Helvetica,Arial,sans-serif;
	font-size:12px;
	}

  	a {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	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;
	left:200px;
	width:75%;
	height:100%;
	z-index:10;
	opacity:.9
  /*width:1000px;*/
 
	}

	.text{
	position:relative;
	bottom:-10px;
	width:100%;
	padding:10px;
	text-align:center;
	background:rgba(0, 0, 0,.5);
	color:lightblue;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	-o-border-radius:20px;
	border-radius:20px;
	box-shadow:#000 2px 2px 2px;
	}

		#wrapper2{
	position:relative;
	margin-left:50%;
	width:20%;
	height:10%;
	z-index:10;
	opacity:.9;
	
		}

		.text2{
	position:relative;
/*	bottom:1px;*/
	width:194px;
	height:194px;
	padding:1px;
	background-image:url(me.jpg);
	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;
		}

		#wrapper3{
	position:relative;
	margin-left:50%;
	width:25%;
	height:100%;
	z-index:10;
	opacity:.9;
		}

		.text3{
	position:relative;
/*	bottom:15px;*/
	width:140px;
	height:200px;
	padding:1px;
	background-image:url(buch.jpg);
	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;
		}

#myScroll{
/*display:none;*/
}


#myScroll .scrollEl{
	margin-left:33%;
  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;
}
#myScroll1 .scrollEl{
  display:none;
  background:url("../elements/elBgnd.png") repeat-x;
  border:1px solid #ddd;
  font-family:sans-serif;
  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:5px;
  background:#fff;
  display:inline-block;
  padding:6px;
  cursor:pointer;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-box-shadow:#999 2px 2px 2px;
  -webkit-box-shadow:#999 2px 2px 2px;
}

#controls div.positiondisplay{
	background:#000;
	color:#fff;
	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;
}