/* 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:#474747 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:#474747 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:#474747 solid 1px;
}

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

#navitop .navitext{
position:absolute;
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 der Auswahl und Farbe */


#nav_start a:link{
background-position: 0px -78px;
}

#nav_start a:visited{
background-position: 0px -78px;
}

#nav_start a:hover{
background-position: 0px -78px;
}


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


/* Suche und Suchergebnisse sowie Tagcloud_start*/

#nosearch{
height:100px;
padding-top:30px;
margin-left:200px;
font-size:1.3em;
}

#searchident{
color:#ff0066;
}

#tagcloud_start{
width:800px;
margin-left:70px;
text-align:justify;
margin-bottom:50px;
line-height:2em;
}

#tagcloud_start .tag_popularity_1 a{    
font-size:1em;
color:#2a2a2a;
}

#tagcloud_start .tag_popularity_2 a{    
font-size:1.2em;
color:#333333;
}

#tagcloud_start .tag_popularity_3 a{    
font-size:1.4em;
color:#444444;
}

#tagcloud_start .tag_popularity_4 a{    
font-size:1.6em;
color:#555555;
}

/* Inhalt der Startseite */
/* sp_top ist der obere, sp_bottom der untere Container der Startseite*/

#sp_top{
margin-top:30px;
margin-right:40px;
height:260px;
background-color:#1e1e1e;
}

* html #sp_top{  /*nur für IE 5.0 bis 6.0  */
margin:0;
width:920px;
height:280px;
background-color:#1e1e1e;
}

#sp_top_left{
float:left;
width:600px;
height:250px;
padding-left:10px;
background-image: url(blurb.gif);
background-position:bottom right;
background-repeat:no-repeat;
}

#sp_top_right{
float:right;
width:310px;
height:250px;
background-image: url(blurb2.gif);
background-repeat:no-repeat;
}

#sp_top_right h1{
width:220px;
text-align:center;
color:#ff0066;
}

/* Bereich für die Channels */

#startchannels{
clear:both;
margin-right:40px;
height:150px;
padding-top:10px;
background-color:#212121;
border-top:#333333 solid 1px;
border-bottom:#333333 solid 1px;
}

* html #startchannels{
width:920px;
padding-top:10px;
background-color:#212121;
border-top:#333333 solid 1px;
border-bottom:#333333 solid 1px;
}

#startchannels h1{
width:300px;
margin-left:350px;
margin-bottom:10px;
color:#ff0066;
}

.channelpic{
display:block;
width:120px;
height:90px;
margin-bottom:3px;
border:#585858 solid 2px;
}

.startchannelname{
float:left;
font-size:0.8em;
}

.startscreen{
float:left;
margin-left:10px;
width:120px;
height:115px;
}

#channellink{
float:left;
margin-left:10px;
width:60px;
padding-top:79px;
}

#channellink a:link{ 
color:#ff0066;
}

#channellink a:visited{ 
color:#ff0066;
}

.startscreen a:hover{
border:#ff0066 solid 2px;
}

* html .startscreen a:hover{
border:#ff0066 solid 2px;
}

.startscreen img{
border:none;
}

#start_adsense_top{
margin-right:40px;
width:120px;
float:right;
}

* html #start_adsense_top{  /*nur für IE 5.0 bis 6.0  */
margin:0px;
}

/* Untere Hälfte der Startseite */
/* Blogbereich */


#sp_bottom{
margin-right:40px;
height:150px;
padding-top:10px;
background-color:#1e1e1e;
border-bottom:#333333 solid 1px;
}

* html #sp_bottom{
width:920px;
height:150px;
padding-top:10px;
background-color:#1e1e1e;
border-bottom:#333333 solid 1px;
}

#sp_bottom h1{
width:300px;
margin-left:350px;
margin-bottom:10px;
color:#0066ff;
}

#startblogs{
width:920px;
height:150px;
}

#startblogs h1{
width:300px;
margin-left:350px;
margin-bottom:10px;
}

.blogpic{
display:block;
width:120px;
height:90px;
margin-bottom:3px;
border:#585858 solid 2px;
}

.blogscreen{
float:left;
margin-left:10px;
width:120px;
height:115px;
}

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

.blogscreen img{
border:none;
}

#bloglink{
float:left;
margin-left:10px;
width:60px;
padding-top:79px;
}

#bloglink a:link{
color:#0066ff;
}

#bloglink a:visited{
color:#0066ff;
}

/* Videobereich */

#sp_bottom2{
margin-right:40px;
height:150px;
padding-top:10px;
background-color:#212121;
border-bottom:#333333 solid 1px;
}

* html #sp_bottom2{
width:920px;
height:150px;
padding-top:10px;
background-color:#212121;
border-bottom:#333333 solid 1px;
}

#sp_bottom2 h1{
width:300px;
margin-left:350px;
margin-bottom:10px;
color:#00ff33;
}


.video{
display:block;
width:100px;
height:120px;
float:left;
margin-left:11px;
}

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

.video a:hover{
border:#00ff33 solid 2px;
}

.video img{
border:none;
}

#videolink{
float:left;
margin-left:10px;
width:60px;
padding-top:64px;
}

#videolink a:link, a:visited{
color:#00ff33;
}

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

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

* html .provider{
float:right;
}


#freespace_bottom{
width:880px;
margin-top:10px;
margin-left:10px;
float:left;
}

#sponsors{
    width:100px;
display:inline;
float:right;    
}

#sponsors img{
border:none;
position:absolute;
}