#player {
   background:#000;
   padding:10px;
   width:640px; /*this should equal the width of the video you're using*/
   margin:0 auto;
   -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
           border-radius: 10px;
}
#player video {
   width:640px; /*this will change the width of the video*/
}
/*below is the styling for the playlist*/
#playlist {
   background:#333;
   list-style:none;
   padding:0;
   margin:0; 
   width:640px;
}
#playlist h1 {
   font: 24px Arial, Helvetica, sans-serif; 
   color:#fff; 
   font-weight:bold;
   padding:5px 2px;
   margin:0;
}
#playlist h2 {
   font: 12px Arial, Helvetica, sans-serif; 
   color:#fff; 
   font-weight:bold;
   padding:0px 2px;
   margin:0;
}

#playlist a {
   color:#eeeedd;
   background:#333;
   padding:5px 19px;
   display:block;
   text-decoration:none;
   border-bottom:1px solid #222;
}

.bild {
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}
 
.bild:hover {
  -webkit-transform: rotate(-10deg);
     -moz-transform: rotate(-10deg);
       -o-transform: rotate(-10deg);
      -ms-transform: rotate(-10deg);
          transform: rotate(-10deg);
}
table {
    width: 100%;
}
td {
    width: auto;
	text-align: center;
	}
.myButton {
	-moz-box-shadow: 0px 0px 0px 2px #b1b3b8;
	-webkit-box-shadow: 0px 0px 0px 2px #b1b3b8;
	box-shadow: 0px 0px 0px 2px #b1b3b8;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #6b6c6e), color-stop(1, #444547));
	background:-moz-linear-gradient(top, #6b6c6e 5%, #444547 100%);
	background:-webkit-linear-gradient(top, #6b6c6e 5%, #444547 100%);
	background:-o-linear-gradient(top, #6b6c6e 5%, #444547 100%);
	background:-ms-linear-gradient(top, #6b6c6e 5%, #444547 100%);
	background:linear-gradient(to bottom, #6b6c6e 5%, #444547 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b6c6e', endColorstr='#444547',GradientType=0);
	background-color:#6b6c6e;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	border:1px solid #0d1429;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:17px;
	padding:1px 3px;
	text-decoration:none;
	text-shadow:0px 1px 0px #283966;
	margin-left:12px;
}
.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #444547), color-stop(1, #6b6c6e));
	background:-moz-linear-gradient(top, #444547 5%, #6b6c6e 100%);
	background:-webkit-linear-gradient(top, #444547 5%, #6b6c6e 100%);
	background:-o-linear-gradient(top, #444547 5%, #6b6c6e 100%);
	background:-ms-linear-gradient(top, #444547 5%, #6b6c6e 100%);
	background:linear-gradient(to bottom, #444547 5%, #6b6c6e 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#444547', endColorstr='#6b6c6e',GradientType=0);
	background-color:#444547;
}
.myButton:active {
	position:relative;
	top:1px;
}
.auswahl {
	
	padding-left:10px;
}