/* Main Styles*/

body{
      background-color: #FFF;
      font: 76% Verdana,Arial,sans-serif;
      margin-top: 0px;
      margin-left: 0px;
      margin-right: 0px;
      margin-bottom: 0px;
      }
      
div.siteframe{
      text-align:center;
      }
      
div.mainframe{
      text-align:left;
      margin:auto;
      width: 970px;
      }
      
div.bottomframe{
      float:right;
      text-align:left;
      margin:auto;
      width: 970px;
      }
      
div.naviframe{
      width: 798px;
      margin-bottom: 10px;
      float: left; 
      }
      
div.footer{
      width: 798px;
      height: 20px;
      margin-bottom: 10px;
      padding-top:5px;
      text-align:center;
      border-top: 1px #FF8C11 dotted;
      font: 80% Verdana,Arial,sans-serif
      }

div.bannerframe{
      width: 160px;
      height: 600px;
      float: right;
      background: url(/static/site/citytube/images/banner.jpg) top;
      }
      
div.contentframe{
      width: 798px;
      float: left;
      }

div.leftframe{
      float:left;
      width: 450px;
      }
      
div.rightframe{
      float:right;
      width: 335px;
      }
      
div.player{
      background-color: #FFFFFF;
      margin-bottom: 10px;
      }
      
div.head{
      width: 798px;
      height: 105px;
      background: url(/static/site/citytube/images/head.jpg) repeat-x top;
      }
      
div.navi{
      width: 798px;
      height: 30px;
      }
      
div.subnavi{
      width: 798px;
      height: 22px;
      background-color: #E97900;
      padding-top:5px;
      }
      
div.subnavi a{
      padding-left:15px;
      padding-right:10px;
      color:#FFFFFF;
      font-weight:bold
      }
      
div.subnavi a:hover{
      padding-left:15px;
      padding-right:10px;
      color:#FFFFFF; 
      text-decoration:none;
      font-weight:bold
      }
      
div.search{
      text-align: center;
      width: 798px;
      padding-top:4px;
      background: #FF8C11 url(/static/site/citytube/images/orange_gradient_list.jpg) repeat-x top;
      }
      
div.videolist{
      background-color: #EEEEEE;
      margin-bottom: 10px;
      }
      
div.topcity{
      margin-bottom: 10px;
      background: #81A4FD url(/static/site/citytube/images/blue_stripes_bgr.gif) repeat-x top;
      }

div.toplogin{
	margin-bottom: 10px;
	background: #82D281;
}

.toplogincontent{
     padding: 0px 10px 3px;
     vertical-align:top;
     color:#FFFFFF;
     font-weight: bold;
}
      
div.infobox{
      background-color: #EEEEEE;
      margin-bottom: 10px;
      }
      
.msgSuccess{
      background-color: #59BA4D;
      text-align: center;
      color:#ffffff;
      font-weight: bold;
	position:fixed;
	float:none;
	display:block;
	padding:8px;
  	top: -1px;
  	left: 200px;
  	right: 200px;
  	z-index: 5000;
  	opacity: 0.85;
}
      
.msgError{
      /*display: none;*/
      background-color: #D35555; 
      margin-top: 10px;
      text-align: center;
      color:#ffffff;
      font-weight: bold;
	position:fixed;
	float:none;
	display:block;
	padding:8px;
  	top: -1px;
  	left: 200px;
  	right: 200px;
  	z-index: 5000;
  	opacity: 0.85;

      }
      
.msgLoading{
	background-color: #59BA4D;
	color: #fff;
	padding: 30px;
	width: 80%;
	text-align: center;
}

div.ProfilContent{
      margin-left: 10px;
      margin-top: 5px;
      margin-right: 10px;
      border: 1px #eeeeee solid;
      }

div.ProfilPicture{
      margin-right:10px;
      margin-bottom:5px;
      float:left;
      width:150px;
      height:150px;
      
      }
      
div.ProfilPicture img{
      margin-top:4px;
      border: 1px #FF8C11 solid;
      }
      
div.ProfilInfos{
      width:260px;
      float:left;
      }
      
div.ProfilText{
      clear:left;
      border-top:1px white solid;
      background-color: #cccccc;
      padding-top:5px;
      padding-left:10px;
      padding-bottom:5px;
      height:260px;
      }
      
td.previewpic{
      vertical-align: top;
      padding: 0px 10px;
      font: 85% Verdana,Arial,sans-serif
      }

td.previewtext a{
      vertical-align:top;
      color:#FFA544;
      text-decoration:underline;
      font-weight:bold;
      }
      
td.previewtext a:hover{
      vertical-align:top;
      color:#FFFFFF; 
      background-color:#FFA544;
      text-decoration:none; 
      font-weight:bold
      }
      
.infotext{
      vertical-align: top;
      padding: 0px 10px;
      font: 100% Verdana,Arial,sans-serif
      }
      
.rubTitle{
      background: #FF8C11 url(/static/site/citytube/images/orange_gradient_list.jpg) repeat-x top;
      color: #ffffff;
      margin-bottom: 10px;
      font: 100% Verdana,Arial,sans-serif;
      font-weight: bold;
      text-align: center;
      }
      
.whitelink a{
      color:#FFFFFF;
      text-decoration:underline;
      font-weight: bold;
      }
      
.whitelink a:hover{
      color:#81A4FD;
      background-color:#FFFFFF;
      text-decoration:underline;
      font-weight: bold;
      }
      
.orangelink a{
      color:#FFA544;
      text-decoration:underline;
      font-weight: bold;
      }
      
.orangelink a:hover{
      color:#FFFFFF;
      background-color:#FFA544;
      text-decoration:underline;
      font-weight: bold;
      }

.greenlink a{ 
     color:#FFFFFF; 
     text-decoration:underline; 
     font-weight: bold; 
     } 
     
.greenlink a:hover{
     color:#92EC91;
     background-color:#FFFFFF;
     text-decoration:underline;
     font-weight: bold;
     }
      
.topcitycontent{
      padding: 0px 10px 3px;
      vertical-align:top;
      color:#FFFFFF;
      font-weight: bold;
}

.topinfocontent{
      padding: 0px 10px 3px;
      vertical-align:top;
      color:#000000;
}

.headline{
      font-size: 100%;
      font-weight:bold;
      margin:0;
      padding: 0px 10px 3px;
      text-align: left;
      }
      
      
.orange{
      background: #FF8C11 url(/static/site/citytube/images/orange_gradient_list.jpg) repeat-x top;
      color: #ffffff;
      }
      
.blue{
      background: #426CD6 url(/static/site/citytube/images/blue_gradient_list.jpg) repeat-x top;
      color: #ffffff;
      }

.green{
     background: #92EC91 url(/static/site/citytube/images/green_gradient_list.jpg) repeat-x top;
     color: #ffffff;
     } 

p{
      margin:0;
      padding-top: 5px;
      padding-bottom: 3px;
      line-height: 1.3;
      border: 0px; /* Für Firefox und Opera */
      border-top: solid 1px #FFFFFF; /* Für I.Explorer (Seiten-Hintergrundfarbe!) */
      }
      
      
div.bluebutton{
      text-align: center;
      position:relative; 
      font-size: 100%;
      font-weight:bold;
      color:white;
      padding: 0px 0px 0px 0px;
      background: #426CD6 url(/static/site/citytube/images/bluebutton_gradient_list.jpg) repeat-x top;
      }
      
div.orangebutton{
      margin-bottom:3px;
      font-size: 100%;
      font-weight:bold;
      color:white;
      padding: 0px 0px 0px 0px;
      background: #FF8C11 url(/static/site/citytube/images/orange_gradient_list.jpg) repeat-x top;
      }

div.greenbutton{
     text-align: center;
     position:relative;
     font-size: 100%;
     font-weight:bold;
     color:white;
     padding: 0px 0px 0px 0px;
     margin: 0px 0px 3px 0px;
     background: #92EC91 url(/static/site/citytube/images/greenbutton_gradient_list.jpg) repeat-x top;
     }  

/* Audio Browser ---------------------------------*/
div.aBrowser{
      padding: 0px 0px 0px 0px;
      margin: 0px;

}
.aBrowserSearch{
      padding: 3px 3px 3px 3px;
}

.pageBrowser{
      font: 80% Verdana,Arial,sans-serif;
      padding: 0px 0px 0px 5px;
}

.aBrowsertable{
      width: 100%;
      border: 0px;
      padding: 3px 3px 3px 3px;
      margin: 0px;

}

.listHead{
      padding: 0px 0px 0px 3px;
      height:22px;
    	font-weight:bold;
      background: #FF8C11 url(images/orange_gradient_list.jpg) repeat-x top;
}

.odd{
      margin:5px;
      font: 80% Verdana,Arial,sans-serif;
      background: #CCCCCC;border-right:1px #000000 solid;
}

.even{
      margin:5px;
      font: 80% Verdana,Arial,sans-serif;
      background: #EEEEEE;
}

.browserlink a:hover{
      color:green;
      background-color:#FFFFFF;
      text-decoration:underline;
      font-weight: bold;
      }
      
.browserlink a{
      color:green;
      text-decoration:underline;
      font-weight: bold;
      }