/**
* CSS
*/
html, .body {
    height: 100%;
    margin: 0;
    padding: 0;
}
#main_table{
}

.font{
	font: 11px Helvetica;
	line-height: 17px;
} 

.other_text_color{
	color: #777777;
}   

.logo_width{
	width: 206px;
}

#references_menu{
	width: 180px;
}

.nowrap{
	white-space: nowrap;
}

td.separator{
	width: 0px;
	padding-right:10px;
	padding-left:0px;
}

td.header{
	vertical-align: bottom;
}

td.main_text{
	vertical-align: top;
	color: #777777;
}

td.menu_address{
	vertical-align: top;
}

a.menubutton:link{
	color: #777777;
	text-decoration: none;
}

a.menubutton:visited{
	color: #777777;
	text-decoration: none;
}

a.menubutton:hover{
	color: #000000;
	text-decoration: none;
}

a.menubutton_active{
	color: #000000;
	text-decoration: none;
}

.form_width{
	width: 206px;
}



/* Text scroll part */
/* scroll_container is the outside div containing an other div */
#scroll_container {
    position: absolute;
    height: 360px;
}

/* scrolldiv is the inside div containing the text */
#scrolldiv {
    position: absolute;
    margin: 0px;
    overflow: auto;
    /* Width and height are reset later by js initScroller('scrolldiv')! */
    /* If js is disabled, following default height value is used with a standard scroller. If this is commented, then the whole text will be showed instead: */
    height: 360px; 
}

#scrolldiv__controls {
    position: absolute;
    display: none;
}

#imgup {
    position: absolute;
    top: 370px; left: 15px;    
}

#imgdown {
    position: absolute;
    top: 370px; left: 0px;    
}

/* ----------------- */