.icon-new-nav-clips {
	left:926px;
	position:absolute;
	top:-10px;
}

#page-intro {
  height:215px;
  margin-bottom:1em;
  background: url('/images/box-brown-small-stones.png') no-repeat;
}

#page-intro .grid_12 {padding-bottom:0;}

#page-intro h1 {
  margin: 0.5em 0 10px 15px;
}

#page-intro p {
  margin-right:15px;
  margin-bottom:13px;
  margin-top:80px;
  font-size:16px;
  color:#fff;
}

#page-intro a.button {float:right;margin-top:-25px;margin-right:10px;}

#comments{
    background:white;
    width:100%;
    -moz-box-shadow:0 0 6px 3px #999;
    -webkit-box-shadow: 0 0 6px #999;
    box-shadow:0 0 6px #999;}

#comments .content-container{
    padding:0 20px 20px;
    position:relative;}

#comments h2{
    margin:20px 0 10px;
    font-weight:normal;
}

#comments h3 {
  font-size:13px;
  font-weight:bold;
  margin-bottom:0;
}

#comments hr {margin-left:-5px;margin-right:0;margin-bottom:10px;height:1px;border:none;background-color:#a8cbd6;}

#rating {
  position:absolute;
  top:5px;
  right:15px;
  font-weight:bold;
}

#videoBox {
	height: 1315px;
	width: 955px;	
}

#videos {
  border-collapse:separate;
  width: 705px;
  height: 100%;
  float: left;
  -moz-box-shadow:0 3px 6px 0 #999;
  -webkit-box-shadow: 0 0 6px #999;
  margin: 0 0 0 2px;
}

#videos2 {
  border-collapse:separate;
  width: 235px;
  height:100%;
  float: right;
  -moz-box-shadow:0 3px 6px 0 #999;
  -webkit-box-shadow: 0 0 6px #999;
}

#videos, #videos2 {
	border: 8px solid #FFF;
}

#videos th, #videos td, #videos2 th, #videos2 td {
  padding:10px;
}

#videos th {
  text-align:left;
  border-top:2px solid #a8cbd6;
  border-left:2px solid #a8cbd6;
  border-right:2px solid #a8cbd6;
  border-bottom:1px solid #5F8D99;
}

#videos td , #videos th {
  /*height: 150px;*/
  border-top: 1px solid #CDDFEA;
  border-right: 1px solid #CDDFEA;
  border-bottom: 1px solid #5F8D99;
  border-left: 1px solid #5F8D99;
}

#videos2 th, #videos2 td {
  border-top: 1px solid #CCC;
  border-right: 1px solid #B2B0AA;
  border-bottom: 1px solid #B2B0AA;
  border-left: 1px solid #B2B0AA;	
}

#videos a .next, #videos a .prev, #videos2 a .next, #videos2 a .prev  {
	color: #8F8770 !important;
	text-decoration:underline;
}

#videos .next, #videos2 .next{
	color: #45422F;
	font-weight: bold;
	float: left;
	padding: 0 5px 0 0;
} 

#videos .next .arrow, #videos2 .next .arrow{
	width: 20px;
	float: left;
}

#videos .prev, #videos2 .prev {
	color: #45422F;
	font-weight: bold;
	padding: 2px 0 0 5px;
	float: right;	
}

#videos .pagination.after, #videos2 .pagination.after{	content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}

#videos .pagination a, .pagination .current, #videos2 .pagination a, .pagination .current {display: none;}

#videos .pagination .prev_page, #videos2 .pagination .prev_page  { 
	display: block;
	float: left;
	text-decoration: none;
	font-weight: bold;
	width: 70px;
} 

#videos .pagination .next_page, #videos2 .pagination .next_page {
	display: block;
	float: right;
	text-decoration: none;
	font-weight: bold;
	width: 50px;
}

#videos thead, #videos .column2 {
  background-color: #a8cbd6;
}

#videos .column1 {
  background-color: #D6E3E9;
}

#videos2 .column1 {
  background-color: #E5E4DF;
}

#videos2 th {
	background-color: #CDCAC0 !important;
}

#videos .column3 {
  background-color: #8bb7c4;
}

#videos .column4 {
  background-color: #8bb7d5;
}

#videos h2, #videos2 h2  {
  margin-bottom:0;
  color:#fff;
}

#videos h3, #videos2 h3 {
  width:180px;
  margin:0 auto 10px;
}

#videos h4, #videos2 h4 {
  height:42px;
  line-height:1.2;
  margin-bottom:5px;
}

#videos .teaser, #videos2 .teaser {
  width:180px;
  margin:0 auto;
}

.teaser img.teaser {margin-bottom:5px;}
.teaser p {font-weight:normal;margin:0 0 10px;}
.teaser p.caption {margin: 5px 0 10px; font-size:10px; float: left; width: 100px;}
.teaser p.difficulty {text-align: center; float:right;margin: 5px 0 10px;}
.teaser p.difficulty img {height: 12px;}

.teaser a.button {
  display:block;
  text-align:center;
  padding:3px 0;
  width:180px;
}

#videos .pagination, #videos h3, #videos2 .pagination, #videos2 h3{
	text-align: center;
}

.background-container-teacher {background:url('/images/box-teacher-middle.png') repeat-y left 41px;}
.background-container-teacher .box-header {width:960px; height:158px;position:relative;left:-10px;top:-1px;margin-bottom:-110px;padding:10px 0 0 0;text-align:center;background:url('/images/box-teacher-header.png') no-repeat top left;color:#496c71;}
.background-container-teacher .background-container-footer { position:absolute;bottom:0px;width:100%;height:165px;margin-bottom:-20px;background:url('/images/box-teacher-footer.png') no-repeat top left; }
.background-container-teacher .teacher {height:154px;z-index:2;overflow:hidden;}
.background-container-teacher .teacher h3 {font-size:11px;margin-bottom:0;font-weight:bold;}
.background-container-teacher .teacher p {font-size:11px;}
.background-container-teacher .teacher img {float:right;margin-top:-15px;margin-left:10px;}
.background-container-teacher .teacher-left img {margin-right:10px;}

/* player page */

#player-frame {
  padding:15px;
  margin-bottom:1em;
  background-image: url('/images/box-brown-large.png'); 
}

#player-frame h1 {
  font-size:20px;
  font-family:Verdana,sans-serif;
}

#player {
  display: block;
  width: 100%;
  height: 360px;
}

#video-info {
  #background:url('/images/box-blue.png') no-repeat top left;
}

#video-info a{
 font-family: Verdana;
 font-weight: bold;
 font-size: 12px,
 font-decoration: underline;
 color: #70b461;
}

#video-info .boxheader {
  background:url('/images/box-blue-head-small.png') no-repeat top left;
  height: 10px;
  margin-top:1em;
}

#video-info .content-container {
	padding: 1em 20px 20px;
	position:relative; 
	background: url('/images/box-blue-middle-small.png') repeat-y;
	min-height: 360px;
}

#video-info .boxfooter {
	background: url('/images/box-blue-footer-small.png') no-repeat top left;
	height: 15px;
	margin: 0 0 1em 0;
}

#video-info h2 {
	float:left;
	font-weight:normal;
	margin:0 0 10px;
	width:445px;
}

#video-info h3 {
  font-size:13px;
  font-weight:bold;
  margin-bottom:0;
}

#video-info hr {
	margin-left:-5px;
	margin-right:0;
	margin-bottom:10px;
	border:none;
	height: 2px;
	background: url(/images/Doppellinie.png) no-repeat; 
}

#video-difficulty {
	float:left;
	font-weight:bold;
	width:205px;
}

#difficulty-icons {
  float:right;
  width:100px;
  height:19px;
}

#video-duration {margin-bottom:0;}

.background-container-teacher-small {background:url('/images/box-teacher-middle-small.png') repeat-y left 41px;width: 705px;}
.background-container-teacher-small .box-header {width:700px; height:56px;position:relative;margin-bottom:0;padding:10px 0 0 0;text-align:center;background:url('/images/box-teacher-header-small.png') no-repeat top left;color:#496c71;}
.background-container-teacher-small .background-container-footer {position:absolute;bottom:5px;width:705px;height:15px;background:url('/images/box-teacher-footer-small.png') no-repeat top left; }
.background-container-teacher-small .teacher {z-index:2;width:330px;padding-bottom:20px;}
.background-container-teacher-small .teacher h3 {font-size:11px;margin-bottom:0;font-weight:bold;}
.background-container-teacher-small .teacher p {font-size:11px;}
.background-container-teacher-small .teacher img {float:left;margin-left:5px;margin-right:15px;}
.background-container-teacher-small .teacher * {padding-left:20px;}

#teaser-sidebar {
  margin-left:0px;
  border:5px solid #fff;
  box-shadow:2px 2px 5px #555;
  -webkit-box-shadow:2px 2px 5px #555;
  -moz-box-shadow:2px 2px 5px #555;
  background-color:#a8cbd6;
}

#teaser-sidebar h2 {
  width:180px;
  margin:0 auto 10px;
  padding:5px 20px;
  color:#fff;
  border-bottom: 2px groove #496c71;
}

#teaser-sidebar div.teaser {
 background-color:#a8cbd6; 
 width:180px;
 padding:0 20px 20px;
 border-bottom: 2px groove #496c71;
 margin-bottom:15px;
}

#videos #hint, #videos2 #hint {
	width: 100%;
	text-align: center;
	font-weight: bold;
}