/* CSS Document */
/* Floats
********************************************************/
.flLeft{float:left;margin:10px 0 0 0;padding:0 10px 5px 20px;}
.flRight{float:right;}
/* Clear floats 
********************************************************/
br.next {clear:both;}
.txtimg{clear:left;margin:0px;padding:0px;}
/* dotted line 
********************************************************/
#content p.dotline{margin:5px 20px 5px 20px;border-top:1px dotted #999;}
/* Logo Stadt ZÃ¼rich 
********************************************************/
#content p.zhkultur{width:600px;margin:0px;padding:0px 20px;background-color:#6b6b6b;border-bottom:1px dotted #999;}
#content p.zhkultur img{margin:0px;padding:0px;}
/* Navigation Header
********************************************************/
ul.navroot{list-style-type:none;margin:0px 0px 0 0px;padding:10px 0 4px 20px;font-size:11px;letter-spacing:2px;border-bottom:1px dotted #ddd;}
ul.navroot li.level2{display:inline;margin:0px;padding:0px 41px 0px 0px;}
ul.navroot li.level2 a.inactive{text-decoration:none;color:#fff;}
ul.navroot li.level2 a:hover,
ul.navroot li.level2 a.active{color:#000;text-decoration:none;}
.last{padding-right:0px;}
/* Hauptnavigation Links
********************************************************/
ul.navsub,
ul.subnav2,
ul.subnav3{list-style-type:none;margin:0px;padding:0px;font-size:11px;letter-spacing:1px;}
ul.navsub li.level2{margin:0px;padding:10px 0px 4px 10px;border-bottom:1px dotted #ddd;}
ul.navsub li a.level2{text-decoration:none;color:#fff;}
ul.navsub li.level2 a.active{color:#6cc3c3;}
ul.navsub li.level2 a:hover{color:#f00;}
ul.subnav4,
ul.subnav5{list-style-type:none;margin:0px;padding:0px;font-size:10px;letter-spacing:1px;}
ul.subnav2 li a.level3,
ul.subnav3 li a.level4,
ul.subnav4 li a.level5,
ul.subnav5 li a.level6{text-decoration:none;color:#fff;}
ul.subnav2 li.level3{padding:4px 5px 4px 10px;margin:0px;}
ul.subnav3 li.level4{padding:4px 5px 4px 10px;margin:0px;}
ul.subnav4 li.level5{padding:4px 5px 3px 8px;margin:0px;}
ul.subnav5 li.level6{padding:3px 5px 3px 10px;margin:0px;}
ul.subnav2 li.level3 a.active,
ul.subnav3 li.level4 a.active,
ul.subnav4 li.level5 a.active,
ul.subnav5 li.level6 a.active{color:#f00;}
ul.subnav2 li.level3 a:hover,
ul.subnav3 li.level4 a:hover,
ul.subnav4 li.level5 a:hover,
ul.subnav5 li.level6 a:hover{color:#999;}
/* Werbung auf Hauptseiten
********************************************************/
#content div.adTop{margin:0px 0px 0px 0px;padding:0px 0px 5px 0px;}
#content div.adTop div.flLeft {width:360px;margin:10px 0px 0px 0px;padding:0px 0px 0px 0px;}
#mplayer {float:left;margin-left:20px;}
#content div.adTop p{margin:0px;padding:10px 10px 0px 20px;}
/* Teaser VideobeitrÃ¤ge auf Ãœbersichtsseiten
********************************************************/
#content div.preview{float:left;width:288px;margin:10px 0px 0 0px;padding:0px 0 0 20px;}
#content div.preview h3{font-size:11px;color:#fff;font-weight:normal;margin:0px 0 0px 0px;padding:5px 0 0 0;letter-spacing:1px;}
#content div.preview img{margin:0px 0px 0 0;padding:0px;}
#content div.preview p.text{font-size:10px;line-height:normal;height:50px;margin:0px;padding:5px 0px;border-bottom:1px dotted #999;}
#content div.preview p.wettbewerb{height:30px;margin:0px;padding:5px 0px;border-bottom:1px dotted #999;}
#content div.preview p.play{position:absolute;z-index:10;width:288px;font-size:11px;margin:140px 0 0 0px;padding:3px 0 3px 0;background-image:url(trans_grey.png);background-repeat:no-repeat;background-position:left center;filter:Alpha(opacity=75);progid:DXImageTransform.Microsoft.AlphaImageLoader(src='files/trans_grey.png');}
#content div.preview p.play a{color:#fff;margin:0px 0 0 0;padding:0px 0px 0px 25px;}
* html #content div.preview p.play a:hover{color:#f00;padding:0px 0px 0px 25px;}
html > body #content div.preview p.play a:hover{color:#f00;background-image:url(transparent_hover_grey.png);background-repeat:no-repeat;background-position:left center;padding:1px 0px 3px 25px;margin:0px 0px;}
#content div.preview p.play span.beitrag{color:#fff;font-weight:normal;margin:0px 0 0 0px;padding:0px 0px 0px 20px;font-size:9px;}
#content div.preview p.text span.hinweis{color:#6cc3c3;font-weight:normal;margin:0px 0 0 0px;padding:0px 0px 0px 0px;}
.lead{border-bottom:1px dotted #999;font-size:10px;}
#content p.playbig{position:absolute;width:480px;height:25px;margin:240px 0 0 0px;padding:10px 0 0px 35px;background-image:url(play_big.png);background-repeat:no-repeat;background-position:left center;filter:Alpha(opacity=75);progid:DXImageTransform.Microsoft.AlphaImageLoader(src='files/play_big.png');}
#content p.playbig a{text-decoration:none;color:#fff;}
#content p.playbig a:hover{color:#999;}
/* Teaser VideobeitrÃ¤ge im Beitrag
********************************************************/
#FlashLeft h2.preview{margin:0px 0px;padding:10px 0px 0px 5px;}
#FlashLeft div.preview{width:480px;margin:15px 0px 0 0px;padding:0px 0px;}
#FlashLeft div.preview h3{font-size:11px;color:#fff;font-weight:normal;margin:0px 5px 0px 0px;padding:0px 0px;letter-spacing:1px;}
#FlashLeft div.preview p.text{font-size:10px;line-height:normal;margin:0px 5px 0px 0px;padding:10px 0px 0px 0px;border:none;}
#FlashLeft div.preview div.prewrap{float:left;width:288px;margin:0px 5px;padding:0px 0px;}
#FlashLeft div.preview img{margin:0px 0px;padding:0px 0px;}
#FlashLeft div.preview p.play{position:absolute;z-index:10;width:288px;font-size:11px;margin:140px 0 0 0px;padding:3px 0 3px 0;background:url(trans_grey.png) no-repeat left center;filter:Alpha(opacity=75);progid:DXImageTransform.Microsoft.AlphaImageLoader(src='files/trans_grey.png');}
#FlashLeft div.preview p.play a{color:#fff;margin:0px 0 0 0;padding:0px 0px 0px 25px;}
* html #FlashLeft div.preview p.play a:hover{color:#f00;padding:0px 0px 0px 25px;}
html > body #FlashLeft div.preview p.play a:hover{color:#f00;background-image:url(transparent_hover_grey.png);background-repeat:no-repeat;background-position:left center;padding:1px 0px 3px 25px;margin:0px 0px;}
#FlashLeft div.preview p.play span.beitrag{color:#fff;font-weight:normal;margin:0px 0 0 0px;padding:0px 0px 0px 20px;font-size:9px;}
#FlashLeft div.preview p.text span.hinweis{color:#6cc3c3;font-weight:normal;margin:0px 0 0 0px;padding:0px 0px 0px 0px;}
/* Rectangle Banner on Overview
********************************************************/
#content div.rectangle{clear:left;margin:10px 24px 0px 20px;padding:0px;border-bottom:1px dotted #999;background-color:#222;}
#content div.rectangle h3{font-size:11px;font-weight:normal;margin:0px;padding:5px 0 0 2px;letter-spacing:1px;}
/*#content div.rectangle p{margin:0px 0px;padding:5px 0 10px 148px;}
*/
#advert{margin:0px 0px;padding:5px 0 10px 148px;}
/* Pagination 
********************************************************/
#content p.pageLeft{float:left;}
#content p.pageRight{float:right;}
/*#content div.rectangle p{margin:0px 0px;padding:5px 0 10px 148px;}
/* Downloadbereich
********************************************************/
#content table.downloads{width:600px;margin:10px 20px 0px 20px;padding:0px;border-collapse:collapse;text-align:left;}
#content table.downloads p,
#content table.downloads img{margin:0px;padding:0px;}
#content table.downloads h3{font-size:11px;color:#fff;font-weight:bold;letter-spacing:2px;margin:0px;padding:3px 0 0 0;}
#content table.downloads tr td{background-color:#222;margin:0px;padding:3px 5px;}
#content table.downloads tr td.press1{width:210px;padding:0px;}
#content table.downloads tr td.press2{width:290px;padding:0px;vertical-align:top;}
#content table.downloads tr td.press3{width:80px;padding:0px 5px 3px 0px;text-align:right;vertical-align:bottom;}
#content span.caps{text-transform:uppercase;}
/* borders 
********************************************************/
.borderh{width:285px;margin:3px 0px 3px 0px;padding:0px 0px 0 0;border-top:1px dotted #999999;}
/* misc
********************************************************/
p.copyright{display:none;}
/* Comment Rank Klassen
********************************************************/
#content div.comment-rank{width:600px;margin:0px 20px;padding:0px;}
#content div.comment-rank h3{font-size:12px;color:#fff;font-weight:bold;margin:0px;padding:20px 0px 5px 0px;letter-spacing:2px;}
#content div.comment-rank-comment{margin:0px 0px;padding:0px 20px 0 0;border-bottom:1px dotted #999;background-color:#222;}
#content div.comment-rank-comment h4{color:#6cc3c3;font-size:11px;font-weight:bold;margin:0px;padding:15px 5px 0px 5px;}
#content div.comment-rank p{margin:0px;padding:10px 5px 15px 5px;}
#content div.comment-rank form{margin:15px 0px 10px 0px;padding:0px 0px;}
#content div.comment-rank label{display:block;margin:0px 0px;padding:0px 0px;width:200px;}
#content div.comment-rank input,#content div.comment-rank textarea{width:200px;margin:3px 0px 10px 0px;padding:0px 0px;font-size:11px;background-color:#fff;border:1px solid #fff;}
#content div.comment-rank input.submit{width:200px;text-align:left;margin:0px 0px 0px 0px;padding:0px 0px;border:none;color:#c50000;cursor:pointer;background-color:transparent;}
#content div.comment-rank input.submit:hover{color:#999;}

#FlashLeft div.comment-rank{width:480px;margin:0px 0px;padding:0px;}
#FlashLeft div.comment-rank h3{font-size:12px;color:#fff;font-weight:bold;margin:0px;padding:10px 5px 10px 5px;letter-spacing:2px;}
#FlashLeft div.comment-rank-comment{margin:0px 0px;padding:0px 0px 0 0;border-bottom:1px dotted #999;background-color:#292929;}
#FlashLeft div.comment-rank-comment h4{color:#6cc3c3;font-size:11px;font-weight:bold;margin:0px;padding:15px 5px 0px 5px;}
#FlashLeft div.comment-rank p{margin:0px;padding:10px 5px 15px 5px;}
#FlashLeft div.comment-rank form{margin:10px 0px 0px 0px;padding:0px 5px;}
#FlashLeft div.comment-rank label{display:block;margin:0px 0px;padding:0px 0px;width:250px;}
#FlashLeft div.comment-rank input,#FlashLeft div.comment-rank textarea{width:250px;margin:3px 0px 5px 0px;padding:0px 0px;font-size:11px;background-color:#fff;border:1px solid #fff;}
#FlashLeft div.comment-rank input.submit{width:200px;text-align:left;margin:0px 0px 0px 0px;padding:0px 0px;border:none;color:#c50000;cursor:pointer;background-color:transparent;}
#FlashLeft div.comment-rank input.submit:hover{color:#999;}