/* ------       CSS Document voor student time      ----- */
/* ------       Dit document bevat de structuur     ----- */


body { 
 margin: 0; 
 padding: 0;
 font-family: Helvetica, Arial, sans-serif;
 background: #000;
}

a img { border: none; }
form { padding: 0; margin: 0; }
input,select,textarea { font-weight: normal; }

#bgGrass { 
 background: url('../images/bg_grass.gif') top center;
}

#bgGrassGradientTop { 
 background: url('../images/bg_grass_gradient_top.gif') top center repeat-x;
}

#bgGrassGradientBottom { 
 background: url('../images/bg_grass_gradient_bottom.gif') bottom center repeat-x;
}

#site {
 width: 776px; 
 margin: 0 auto;
 overflow: hidden;
}

#container { 
 width: 776px; 
 overflow: hidden;
 float: left;  
}

#header { 
 height: 75px;
 background: #000;
 overflow: hidden;
}

#flashArea1 { 
 background: #151515; 
 width: 782px;
 height: 220px; 
 overflow: hidden;
 background: #151515;
}

#content {
 z-index: 10;
 border-left:0px;
 float: left;
 /* background: url('../images/bg_content.gif'); */
 background-color: #151515;
 width: 776px;
}

#flashArea2 { 
 background: #151515; 
 width: 258px;
 overflow: hidden;
 float: right;
}

#moreItems {
 background: #151515; 
 width: 258px;
 overflow: hidden;
 float: right;
 clear: right;
}

#radio { background: url("/images/livestream.jpg") no-repeat; padding: 10px 0 10px 10px; height: 6px; cursor: pointer; }
#radio a { display: block; margin: 0 0 10px 0; }

/* TEMP START*/
.TopVGItem{padding-left:10px; height:20px; width:210px; float:left;}
.TopVGItemScore{height:20px; width:25px; float:left; text-align:right;}
.TopVGItem_head{height:20px; padding-left:10px; padding-top:5px; width:130px; float:left;}
.TopVGItemScore_head{height:20px; padding-top:5px; width:105px; float:left; text-align:right;}
.TopVGItem_select{padding-left:10px; padding-top:5px; margin-bottom:10px;}
/* TEMP STOP*/

#bottomBanner { min-height: 60px; text-align: center; }

#sideBanner { margin: 110px 0 0 10px; float: left; }

/* footer */
#footer { width: 544px; height: 32px; margin: 30px auto; overflow: hidden; background: url('../images/bg_footer.gif') no-repeat; }
#footer ul { margin: 0; padding: 0; list-style: none; }
#footer li { float: left; }
#footer li.slamfm { width: 92px; }
#footer li.accepte { width: 78px; }
#footer li.hi { width: 43px; }
#footer li.nobiles { width: 83px; }
#footer li.studentenwerk { width: 130px; }
#footer li.trybes { width: 59px; }
#footer li.email { width: 59px; }
#footer li a { display: block; height: 32px; text-indent: -999em; }

/* Error Message */
#error_container { position: fixed; top: 0; left: 0; bottom: 0; right: 0; }
#error_w { background: #000; position: fixed; top: 0; left: 0; bottom: 0; right: 0; filter:alpha(opacity=60);-moz-opacity:.60;opacity:.60; }
#error_w2 { position: fixed; top: 0; left: 0; bottom: 0; right: 0; }


#image_container { position: fixed; top: 0; }
#image_w { background: #000; position: fixed; top: 0; left: 0; width: 100%; height: 100%;  filter:alpha(opacity=65);-moz-opacity:.65;opacity:.65; }
#image_w2 { position: fixed; top: 0; left: 0; width: 100%; height: 100%; }

#image_content  { width: 480px; margin: 100px auto 0 auto; }
#image_content #close { position:absolute; width: 30px; margin-top: -10px; margin-left: -10px; }
#image_content #message { margin: 0px; padding: 20px; background-color: #FFF; }
#image_content #closebutton{ margin-left: 160px; }
#image_content #closebutton input { border: solid 1px #000; }



#error_content  { margin: 100px auto 0 auto; width: 400px; }
#error_content #close { position:absolute; width: 30px; margin-top: -10px; margin-left: -10px; }
#error_content #message { margin: 0px; padding: 20px; background-color: #FFF; font-size: 12px; }
#error_content #message .date { font-size: 10px; float: right; }
#error_content #closebutton{ margin-left: 160px; margin-top: 20px; }
#error_content #closebutton input { border: solid 1px #000; }