/* This CSS designs the index_channels.html */

#navitop{
clear:both;
height:30px;
margin-bottom:0px;
margin-left:0px;
margin-right:40px;
padding-top:0px;
background-color:#000;
border-bottom:#0066ff solid 1px;
}

#navitop50 {  /*nur fuer Internet Explorer 5.0  */
clear:both;
height:30px;
margin-bottom:0px;
margin-left:0px;
margin-right:-20px;
padding-top:0px;
background-color:#000;
border-bottom:#0066ff solid 1px;
}

#navitop50 .navitext{ /*nur fuer Internet Explorer 5.0  */
color:#fff;
width:550px;
height:30px;
padding:5px 0 0 7px;
}


#navitop55{   /*nur fuer Internet Explorer 5.5 */
clear:both;
height:30px;
margin-bottom:0px;
margin-left:0px;
margin-right:40px;
padding-top:0px;
background-color:#000;
border-bottom:#0066ff solid 1px;
}

* html #navitop{  /* nur fuer Internet Explorer 6*/
margin:0;
margin-right:-20px;
border-bottom:#0066ff solid 1px;
}

#navitop .navitext{
color:#fff;
width:550px;
height:25px;
padding:5px 0 0 7px;
}

#navitop55 .navitext{  /*nur fuer Internet Explorer 5.5 */
position:absolute;
color:#fff;
width:550px;
height:25px;
padding:5px 0 0 7px;
}



/*Navigation und Suche / Änderungen an Auswahl und Optik*/

#nav_videoblog a:link{
background-position: -220px -78px;   
}

#nav_videoblog a:visited{
background-position: -220px -78px;   
}

#nav_videoblog a:hover{
background-position: -220px -78px;   
}

.Eingabezeile:hover, .Eingabezeile:focus{
width: 100px;
border: 1px solid #0066ff; }


/* Videosuche ohne Treffer */

#nomatch{
margin-left:70px;
font-size:1.2em;
}

/* Farbänderungen an den Contentbereichen */

.helpmenu .helpmenuleft h1{
margin-left:5px;
color:#0066ff;
}

#country3 h1{
color:#0066ff;
margin-bottom:12px;
}


#country4 h1{
color:#0066ff;
}


#country2 h1{
margin-top:5px;
margin-left:10px;
color:#0066ff;
}

#country2 h1 a:link{
color:#0066ff;
}

#country2 h1 a:visited{
color:#0066ff;
}

/* Pager */

#pager {
  clear:both;
  font-size:11px;
  padding-top:10px;
  padding-bottom:10px;
  line-height:22px;
  margin:0;
  border-top:1px solid #ddd;
  color:#666;
  border-bottom:1px solid #eee;
  overflow:hidden;
}

#pager a{
font-size:1em;
font-weight:bold;
margin-left:3px;
}


#pager a:link, #pager a:visited{
color:#000;
padding:2px 6px;
border:solid 1px #0066ff;
background-color:#0066ff;
text-decoration:none;
}

#pager .this-page {
  padding:2px 6px;
  font-weight:bold;
  font-size:13px;
  vertical-align:top;
}

#pager a:hover {
  color:black;
  background:#ff0066;
  border-color:#ff0066;
  }

/* Der folgende Bereich definiert die Tagcloud */



.tag_cloud {
 text-align:justify;
 /* margin-left: -20px;*/
 padding: 10px 10px 10px 10px;
 line-height: 25px;
}



.tag_cloud .tag_popularity_1{
  font-size: 90%;
}

.tag_cloud .tag_popularity_1 a:link{
  color:#636363;
}

.tag_cloud .tag_popularity_1 a:visited{
  color:#636363;
}

.tag_cloud .tag_popularity_1 a:hover{
  color:#0066ff
}

.tag_cloud .tag_popularity_2
{
  font-size: 120%;
}

.tag_cloud .tag_popularity_2 a:link{
 color:#A0A0A0;
}

.tag_cloud .tag_popularity_2 a:visited{
 color:#A0A0A0;
}

.tag_cloud .tag_popularity_2 a:hover{
 color:#0066ff
}

.tag_cloud .tag_popularity_3
{
  font-size: 130%;
}

.tag_cloud .tag_popularity_3 a:link{
  color:#DFDFDF;
}

.tag_cloud .tag_popularity_3 a:visited{
  color:#DFDFDF;
}

.tag_cloud .tag_popularity_3 a:hover{
  color:#0066ff
}

.tag_cloud .tag_popularity_4
{
  font-size: 150%;
}

.tag_cloud .tag_popularity_4 a:link{
  color:#fff;
}

.tag_cloud .tag_popularity_4 a:visited{
  color:#fff;
}

.tag_cloud .tag_popularity_4 a:hover{
  color:#0066ff
}

/* Taglist */

 .taglist ul{
list-style-type:none;
list-style-position:outside;
}

 .taglist ul li{
display:block;
line-height:20px;
}

 .taglist a:link{
color:#fff;
}
 .taglist a:visited{
color:#fff;
}
 .taglist a:hover{
color:#0066ff
}

.navifooter ul li a:hover{
color:#0066ff;
}

/* Detailseite */

#detailpage{
padding-left:5px;
}

#detailpage ol{
list-style-type:none;
margin:0pt;
padding:0pt;
}

#detailpage #dp_top_left p{
font-size:1em;
padding-top:10px;
}


#detailpage  h3{
color:#ffffff;
font-size:1.2em;
margin:0;
padding:0;
}

#dp_top{
margin:0;
padding:0;
height:180px;
border-bottom:#cccccc solid 1px;
}

#dp_image{
float:left;
margin-right:10px;
width:200px;
}

#dp_image img{
border:none;
}

#listwrapper_detail{
height:133px;
}

#dp_top_right{
float:right;
width:120px;
padding-right:5px;
height:100px;
width:13%;
line-height:1.6em;
}

#dp_top_right ol li a{
color:#cccccc;
}

.rssicon{
margin-right:5px;
border:none;
}

#dp_top_left{
margin:0;
padding:0;
float:left;
width:79%;
}

#detailtags{
height:50px;
}

#detailtags li{
display:inline;
float:left;
}

#detailtags li a{
color:#cccccc;
}

/* Der Titel der Videos muss auf 100 Zeichen begrenzt sein, um eine korrekte Darstellung im Internet-Explorer
  zu gewährleisten.! */

#videolist{
width:600px;
}

* html #videolist{ /*nur für IE 5.0, 5.5 und 6.0 */
width:550px; 
}

.video{
display:block;
width:100px;
height:120px;
float:left;
margin-right:8%;
margin-top:10px;
}

.video img{
border:none;
}

* html .video{  /*nur für IE 5.0, 5.5 und 6.0 */
height:130px;    
margin-right:25px;
}

.videopic{
display:block;
width:100px;
height:75px;
margin-bottom:3px;
border:#585858 solid 2px;
}

.video a:hover{
border:#0066ff solid 2px;
}

.video img{
border:none;
}

.videotitle{
width:100px;
height:40px;
font-size:0.8em;
display:block;
text-align:center;
}

.provider{
position:relative;
bottom:60px;
}

* html .provider{
float:right;
}

#videoclear {
clear:both;
width:100%;
height:1px;
}

/* Ende der Detailseite */