#header { background-image: url(gfx/bg_header.jpg) }

#kol1 { display: none }

#innholdsramme { padding: 20px 20px 0 20px }
#innhold { width: 890px }


#innhold ul { list-style: none; margin: 0; padding: 0; line-height: 1.3em  }
ul#vg_categories { width: 249px; height: 486px; overflow: auto; float: left; background: #000; border-right: 1px solid #25353c; font-size: .9em }
ul#vg_categories a { color: #ddd; height: 72px; text-decoration: none; display: block; padding: 4px 8px; border-bottom: 1px solid #25353c; overflow: hidden }
ul#vg_categories a:hover { background: #333; color: #fff }

ul.vg_videos img { float: left; margin: 0 8px 0 0 }
ul#vg_categories a span.vg_duration { display: block; color: #25353c; font-size: .9em; padding: 0 0 3px 3px; float: right }
/*
ul.vg_videos span.vg_title { font-size: 12px; font-weight: bold; display: block; clear: both }
ul.vg_videos span.vg_duration { display: block; width: 30px; font-size: 10px; color: white; font-weight: bold; padding:0 2px; background-color: #000; margin: -24px 0 8px 120px;  }
*/

#playerframe { float: left; width: 640px; height: 486px; background: #25353c; color: #fff }
.vg-desc { padding: 15px 30px }
.vg-desc h2 { font-weight: bold; font-size: 1.2em; margin: 0 } 
 
#playerframe .introtext { color:#ddd; font-size: 2em; font-weight: bold; padding-top: 100px; text-align:center; } 
a#flowplayer { display: block; width: 640px; height: 385px }
