label { width: 120px; float:left; line-height: 22px; }
h1#headline { font-size:26px; font-weight: bold; margin: 0px; line-height: 28px; }
h2#headline { font-size:16px; font-weight: bold; margin: 0px; line-height: 22px; }
h3#headline { font-size:14px; font-weight: bold; margin: 0px; line-height: 20px; }
.headlinebox{ width: 100%; }
select { height: 22px; line-height: 22px; font-size:12px; padding: 2px; width:190px;}
.control-group { max-width: 600px;}
.btn.disabled, .btn[disabled] {
    cursor: default;
    background-image: none;
    opacity: 0.65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    color: #333;
    background-color: #E6E6E6;
}
.btn-rating { height: 22px; width: 22px; }
.videotitel { max-width: 100%; width: 640px; height: 20px; margin-top: 20px; float:left;}
.videodescription { max-width: 100%; width: 640px; min-height: 20px; margin-top: 20px; float:left;}
.videocanvas { max-width: 100%; width:640px; height:480px; overflow:hidden; float:left; background: #000000;}	
.videoobj      { max-width: 100%; width:640px; height:480px; overflow:hidden; }	
.contentbnr  { max-width: 100%; width:640px; float:left; margin-top:20px; margin-bottom: 20px;}
.videoover   { max-width: 100%; width:640px; height:480px; top: -480px; margin:auto; position: relative; background:#7f7f7f; background:rgba(0,0,0,0.8); text-align: center; }
.videobnr   { max-width: 100%; width: 338px; margin-top: 70px; margin-bottom: 20px;}
.videolist { max-width: 100%; width:640px; float:left; height: 85px; margin-top: 10px; margin-bottom: 10px; overflow:hidden; clear:both;}
.videoside { max-width: 100%; float:left; width: 350px; margin-left: 0px; margin-right: 0px;}
.videosidebnr { width: float:left; margin-left:10px; margin-bottom: 10px; margin-top: 0px; margin-right: 0px;}
.videothumb { width:120px; position: absolute;}
.videorating { float:left; clear:both; max-width:100%; width:640px; }
.videotag { float:left; width: calc(100% - 110px); height: 42px; overflow:hidden; margin-top:10px; }
.vtag { background: #888888; border-radius: 4px; padding-top: 0px; padding-bottom: 0px; padding-left:4px; padding-right:4px;color: #ffffff; float:left; margin-left: 0px; margin-right: 3px; margin-bottom: 2px; font-size: 10px; height:20px;}
.vtag a { color: #ffffff; }

@media (max-width : 1200px) {
 .headlinebox{ max-width:640px; width: 100%; }
 .videotitel { max-width: 100%; width: 640px; height: 20px; margin-top: 20px; float: none; }
 .videodescription { max-width: 100%; width: 640px; min-height: 20px; margin-top: 0px; float:none; }
 .videocanvas { max-width: 100%; width: 640px; height:340px; overflow:hidden; float: none; }	
 .videoobj      { max-width: 100%; width: 640px; height:340px; overflow:hidden; }	
 .contentbnr  { max-width: 100%; width: 640px; float: none; }
 .videoover   { max-width: 100%; width: 640px; height: 340px; top: -340px; margin:auto; position: relative; background:#7f7f7f; background:rgba(0,0,0,0.8); text-align: center; }
 .videobnr    { max-width: 100%; width: 250px; margin-top: 50px; margin-bottom: 0px;}
 .videolist { max-width: 100%; width: 640px; float: none; height: 85px; margin-top: 10px; margin-bottom: 10px; overflow:hidden; clear:both;}
 .videoside { max-width: 100%; width: 640px; float: none; margin-top: 10px; text-align: center;}
 .videosidebnr { float: left; width: 50%; margin: 0px; }
 .videorating { float: none; clear:both; max-width:100%; width:640px; margin-top:10px; }
 .div_whatsad { display:none; }
 .sticky { display:none; }
}

@media (max-width : 736px) {
 .videotitel { max-width: 100%; width: 640px; height: 20px; margin-top: 20px; float: none; }
 .videodescription { max-width: 100%; width: 640px; min-height: 20px; margin-top: 0px; float:none; }
 .videocanvas { max-width: 100%; width: 640px; height:340px; overflow:hidden; float: none; }	
 .videoobj      { max-width: 100%; width: 640px; height:340px; overflow:hidden; }	
 .contentbnr  { max-width: 100%; width: 640px; float: none; }
 .videoover   { max-width: 100%; width: 640px; height: 340px; top: -340px; margin:auto; position: relative; background:#7f7f7f; background:rgba(0,0,0,0.8); text-align: center; }
 .videobnr    { max-width: 100%; width: 250px; margin-top: 50px; margin-bottom: 0px;}
 .videolist { max-width: 100%; width: 640px; float: none; height: 85px; margin-top: 10px; margin-bottom: 10px; overflow:hidden; clear:both;}
 .videoside { max-width: 100%; width: 640px; float: none; }
 .videosidebnr { float: left; width: 50%; margin: 0px; }
 .videorating { float: none; clear:both; max-width:100%; width:640px; margin-top:10px; }
 .div_whatsad { display:none; }
 .sticky { display:none; }
}

@media (max-width : 720px) {
 .videotitel { max-width: 100%; width: 640px; height: 20px; margin-top: 20px; float: none; }
 .videodescription { max-width: 100%; width: 640px; height: 20px; margin-top: 20px; float: none; }
 .videocanvas { max-width: 100%; width: 640px; height:340px; overflow:hidden; float: none; }	
 .videoobj      { max-width: 100%; width: 640px; height:340px; overflow:hidden; }	
 .contentbnr  { max-width: 100%; width: 640px; float: none; }
 .videoover   { max-width: 100%; width: 640px; height: 340px; top: -340px; margin:auto; position: relative; background:#7f7f7f; background:rgba(0,0,0,0.8); text-align: center; }
 .videobnr    { max-width: 100%; width: 250px; margin-top: 40px; margin-bottom: 0px;}
 .videoside { max-width: 100%; width: 640px; float: none; }
 .videosidebnr { float: left; width: 50%; margin: 0px; }
 .videolist { max-width: 100%; width: 640px; float: none; height: 85px; margin-top: 10px; margin-bottom: 10px; overflow:hidden; clear:both;}
 .div_whatsad { display:none; }
 .sticky { display:none; }
}

@media (max-width : 667px) {
 .videotitel { max-width: 100%; width: 640px; height: 20px; margin-top: 20px; float: none; }
 .videodescription { max-width: 100%; width: 640px; height: 20px; margin-top: 20px; float: none; }
 .videocanvas { max-width: 100%; width: 640px; height:340px; overflow:hidden; }	
 .videoobj      { max-width: 100%; width: 640px; height:340px; overflow:hidden; }	
 .contentbnr  { max-width: 100%; width: 640px; float: none; }
 .videoover   { max-width: 100%; width: 640px; height: 340px; top: -340px; margin:auto; position: relative; background:#7f7f7f; background:rgba(0,0,0,0.8); text-align: center; }
 .videobnr    { max-width: 100%; width: 250px; margin-top: 50px; margin-bottom: 0px;}
 .videolist { max-width: 100%; width: 640px; float: none; height: 85px; margin-top: 10px; margin-bottom: 10px; overflow:hidden; clear:both;}
 .videoside { max-width: 100%; width: 640px; float: none; }
 .videosidebnr { float: left; width: 50%; margin: 0px; }
 .div_whatsad { display:none; }
 .sticky { display:none; }
}

@media (max-width : 640px) {
  body { padding-right: 0px; padding-left: 0px; }
 .videotitel { max-width: 100%; width: 640px; height: 20px; margin-top: 20px; float: none; }
 .videodescription { max-width: 100%; width: 640px; height: 20px; margin-top: 20px; float: none; }
 .videocanvas { max-width: 100%; width: 640px; height:350px; overflow:hidden; }	
 .videoobj      { max-width: 100%; width: 640px; height:350px; overflow:hidden; }	
 .contentbnr  { max-width: 100%; width: 640px; float: none; }
 .videoover   { max-width: 100%; width: 640px; height: 350px; top: -350px; margin:auto; position: relative; background:#7f7f7f; background:rgba(0,0,0,0.8); text-align: center; }
 .videobnr    { max-width: 100%; width: 250px; margin-top: 50px; margin-bottom: 0px;}
 .videosidebnr { float: left; width: 50%; margin: 0px; }
 .videolist { max-width: 100%; width: 640px; float: none; height: 85px; margin-top: 10px; margin-bottom: 10px; overflow:hidden; clear:both;}
 .videoside { max-width: 100%; width: 640px; float: none; }
 .div_whatsad { display:none; }
 .sticky { display:none; }
}

@media (max-width : 568px) {
  body { padding-right: 0px; padding-left: 0px; }
 .videotitel { max-width: 100%; width: 568px; height: 20px; margin-top: 20px; float: none; }
 .videodescription { max-width: 100%; width: 568px; height: 20px; margin-top: 20px; float: none; }
 .videocanvas { max-width: 100%; width: 568px; height:300px; overflow:hidden; }	
 .videoobj      { max-width: 100%; width: 568px; height:300px; overflow:hidden; }	
 .contentbnr  { max-width: 100%; width: 568px; float: none; }
 .videoover   { max-width: 100%; width: 568px; height: 300px; top: -300px; margin:auto; position: relative; background:#7f7f7f; background:rgba(0,0,0,0.8); text-align: center; }
 .videobnr    { max-width: 100%; width: 250px; margin-top: 50px; margin-bottom: 0px; }
 .videosidebnr { float: left; width: 50%; margin: 0px; }
 .videolist { max-width: 100%; width: 568px; float: none; height: 85px; margin-top: 10px; margin-bottom: 10px; overflow:hidden; clear:both;}
 .div_whatsad { display:none; }
 .sticky { display:none; }
}


@media (max-width : 436px) {
  body { padding-right: 0px; padding-left: 0px; }
 .videotitel { max-width: 100%; width: 436px; height: 20px; margin-top: 20px; float: none; }
 .videodescription { max-width: 100%; width: 436px; height: 20px; margin-top: 20px; float: none; }
 .videocanvas { max-width: 100%; width: 436px; height:280px; overflow:hidden; }	
 .videoobj      { max-width: 100%; width: 436px; height:280px; overflow:hidden; }	
 .contentbnr  { max-width: 100%; width: 436px; float: none; }
 .videoover   { max-width: 100%; width: 436px; height: 280px; top: -280px; margin:auto; position: relative; background:#7f7f7f; background:rgba(0,0,0,0.8); text-align: center; }
 .videobnr    { max-width: 100%; width: 200px; margin-top: 25px; margin-bottom: 0px;}
 .videosidebnr { float: left; width: 50%; margin: 0px; }
 .videolist { max-width: 100%; width: 436px; float: none; height: 85px; margin-top: 10px; margin-bottom: 10px; overflow:hidden; clear:both;}
 .div_whatsad { display:none; }
 .sticky { display:none; }
}

@media (max-width : 411px) {
  body { padding-right: 0px; padding-left: 0px; }
 .videotitel { max-width: 100%; width: 411px; height: 20px; margin-top: 20px; float: none; }
 .videodescription { max-width: 100%; width: 411px; height: 20px; margin-top: 20px; float: none; }
 .videocanvas { max-width: 100%; width: 411px; height:270px; overflow:hidden; }	
 .videoobj      { max-width: 100%; width: 411px; height:270px; overflow:hidden; }	
 .contentbnr  { max-width: 100%; width: 411px; float: none; }
 .videoover   { max-width: 100%; width: 411px; height: 270px; top: -270px; margin:auto; position: relative; background:#7f7f7f; background:rgba(0,0,0,0.8); text-align: center; }
 .videobnr    { max-width: 100%; width: 200px; margin-top: 20px; margin-bottom: 0px;}
 .videosidebnr { float: left; width: 50%; margin: 0px; }
 .videolist { max-width: 100%; width: 411px; float: none; height: 85px; margin-top: 10px; margin-bottom: 10px; overflow:hidden; clear:both;}
 .div_whatsad { display:none; }
 .sticky { display:none; }
}

@media (max-width : 360px) {
  body { padding-right: 0px; padding-left: 0px; }
 .videotitel { max-width: 100%; width: 360px; height: 20px; margin-top: 20px; float: none; }
 .videodescription { max-width: 100%; width: 360px; height: 20px; margin-top: 20px; float: none; }
 .videocanvas { max-width: 100%; width: 360px; height:240px; overflow:hidden; }	
 .videoobj      { max-width: 100%; width: 360px; height:240px; overflow:hidden; }	
 .contentbnr  { max-width: 100%; width: 360px; float: none; }
 .videoover   { max-width: 100%; width: 360px; height: 240px; top: -240px; margin:auto; position: relative; background:#7f7f7f; background:rgba(0,0,0,0.8); text-align: center; }
 .videobnr    { max-width: 100%; width: 180px; margin-top: 20px; margin-bottom: 0px;}
 .videosidebnr { float: left; width: 50%; margin: 0px; }
 .videolist { max-width: 100%; width: 360px; float: none; height: 85px; margin-top: 10px; margin-bottom: 10px; overflow:hidden; clear:both;}
 .div_whatsad { display:none; }
 .sticky { display:none; }
}

@media (max-width : 320px) {
  body { padding-right: 0px; padding-left: 0px; }
 .videotitel { max-width: 100%; width: 320px; height: 20px; margin-top: 20px; float: none; }
 .videodescription { max-width: 100%; width: 320px; height: 20px; margin-top: 20px; float: none; }
 .videocanvas { max-width: 100%; width: 320px; height:200px; overflow:hidden; }	
 .videoobj      { max-width: 100%; width: 320px; height:200px; overflow:hidden; }	
 .contentbnr  { max-width: 100%; width: 320px; float: none; }
 .videoover   { max-width: 100%; width: 320px; height: 200px; top: -200px; margin:auto; position: relative; background:#7f7f7f; background:rgba(0,0,0,0.8); text-align: center; }
 .videobnr    { max-width: 100%; width: 150px; margin-top: 15px; margin-bottom: 0px;}
 .videosidebnr { float: left; width: 50%; margin: 0px; }
 .videolist { max-width: 100%; width: 320px; float: none; height: 85px; margin-top: 10px; margin-bottom: 10px; overflow:hidden; clear:both;}
 .div_whatsad { display:none; }
 .sticky { display:none; }
}