// Formatierungen und Größenbestimmungen berechnen
//  CSS-Informationen berechnen
var c 				= 0 ;
var css_bg_off		= css_bgc+dark+";border:#aaaaaa ridge 1; " ;
var css_bg_on		= css_bgc+light+";border:red solid 1; " ;
var css_bg_now		= css_bgc+active+";border:red ridge 1; " ;
var css_bg_sel		= css_bgc+sel+";border:gold ridge 1; " ;

var css_boldred		= css_bold + css_red ;
var css_boldgreen	= css_bold + css_green ;
var css_boldblue	= css_bold + css_blue ;
var css_boldblack	= css_bold + css_black ;
var css_boldsilver	= css_bold + css_silver ;
var css_boldwhite	= css_bold + css_white ;
var height_bg_1		= "img.img_bg {height:" + BgHeight + "px;}" ;
var css_ff1			= css_ff + FontCont ;
var css_ff2			= css_ff + FontHead ;
var css_f_color		= "color:" + ColorFont2 + ";" ;
var css_body		= "body { " + css_fs + u * FontSize[7] + "pt;" + css_f_color + css_ff1 + css_bgc + ColorBg + ";}" ;

//  Variablen für CSS-Informationen
var css_h			= "" ;
// Schriften einfach
var css_t			= "" ; // standard
var css_tk			= "" ; // black
var css_tr			= "" ; // red
var css_tg			= "" ; // green
var css_te			= "" ; // blue
var css_ts			= "" ; // silver
var css_tw			= "" ; // white
// schriften bold
var css_tb			= "" ;
var css_tbk			= "" ;
var css_tbr			= "" ;
var css_tbg			= "" ;
var css_tbe			= "" ;
var css_tbs			= "" ;
var css_tbw			= "" ;

var css_logo		= "" ;
var css_divlogo		= "" ;
var css_pos			= "" ;
var css_head		= "" ;
var css_a			= "" ;
//  Textformatierungen
for( i = 1 ; i < FontSize.length ; i++){
	css_h = css_h + "h" + i + " {" + css_f_color + "} "
	//alert( i + " = " + (FontSize[i] * u ) ) ;
	size	= (FontSize[i] * u ) ;
	css_t	= css_t + ".t" + i + " {" + css_fs + size + "pt; " + css_f_color + " } " ;  
	css_tr	= css_tr + ".t" + i + "_red {" + css_fs + size + "pt;"  + css_red + "}" ; 
	css_tg	= css_tg + ".t" + i + "_green {" + css_fs + size + "pt;"  + css_green + "}" ;
	css_te	= css_te + ".t" + i + "_blue {" + css_fs + size + "pt;"  + css_blue + "}" ;
	css_tk	= css_tk + ".t" + i + "_black {" + css_fs + size + "pt;"  + css_black + "}" ;
	css_ts	= css_ts + ".t" + i + "_silver {" + css_fs + size + "pt;"  + css_silver + "}" ;
	css_tw	= css_tw + ".t" + i + "_white {" + css_fs + size + "pt;"  + css_white + "}" ;
	css_tb	= css_tb + ".tb" + i + " {" + css_fs + size + "pt;font-weight:bold; "  + css_f_color + "} " ;
	css_tbr = css_tbr + ".tb" + i + "_red {" + css_fs + size + "pt;"  + css_boldred + "}" ; 
	css_tbg = css_tbg + ".tb" + i + "_green {" + css_fs + size + "pt;"  + css_boldgreen + "}" ;
	css_tbe = css_tbe + ".tb" + i + "_blue {" + css_fs + size + "pt;"  + css_boldblue + "}" ;
	css_tbk = css_tbk + ".tb" + i + "_black {" + css_fs + size + "pt;"  + css_boldblack + "}" ;
	css_tbs = css_tbs + ".tb" + i + "_black {" + css_fs + size + "pt;"  + css_boldsilver + "}" ;
	css_tbw = css_tbw + ".tb" + i + "_white {" + css_fs + size + "pt;"  + css_boldwhite + "}" ;
}
//  Logoformatierungen
for( i = 6 ; i > 0 ; i-- ){
	c++ ;
	css_logo = css_logo + ".logo_" + c + " {padding-right:10;border:none;width: " + parseInt( 3 * u * i) + "; vertical-align:text-top; float:left; } " ;
}
c = 0 ;
//  CD-formatierungen
var css_cd = "" ;
for( i = 1 ; i <61 ; i++ ){
	c++ ;
	css_cd = css_cd + ".cd_" + c + " {border:none;width: " + parseInt( 2 * u * i) + ";height: " + parseInt( 2 * u * i) + "; vertical-align:text-top; float:left; } " ;
	css_cd = css_cd + ".img_w_" + c + " {border:none;width: " + parseInt( 3 * u * i) + "; vertical-align:text-top; float:left; } " ;
	css_cd = css_cd + ".img_h_" + c + " {border:none;height: " + parseInt( 2 * u * i) + "; vertical-align:text-top; float:left; } " ;
	css_cd = css_cd + ".cell_w_" + c + " {width: " + parseInt( 3 * u * i) + "; vertical-align:text-top; } " ;
	css_cd = css_cd + ".cell_h_" + c + " {height: " + parseInt( 2 * u * i) + "; vertical-align:text-top; } " ;
	css_cd = css_cd + ".section_w_" + c + " {width: " + parseInt( 3 * u * i) + "; vertical-align:text-top;background-color:"+td_bgcol+";} " ;
	css_cd = css_cd + ".section_h_" + c + " {height: " + parseInt( 2 * u * i) + "; vertical-align:text-top;background-color:"+td_bgcol+";} " ;
	css_cd = css_cd + ".img_wh_" + c + " {border:none;width: " + parseInt( 3 * u * i) + ";height: " + parseInt( 2 * u * i) + "; vertical-align:text-top;float:left; } " ;
	css_cd = css_cd + ".img_hw_" + c + " {border:none;height: " + parseInt( 3 * u * i) + ";width: " + parseInt( 2 * u * i) + "; vertical-align:text-top;float:left; } " ;
	css_cd = css_cd + ".img_sq_" + c + " {border:none;height: " + parseInt( 2 * u * i) + ";width: " + parseInt( 2 * u * i) + "; vertical-align:text-top;float:left; } " ;
}
c = 0 ;

var css_uhr = ".uhr{"+css_pa+"top:0px;left:0px;width:"+ (u*12.1) +";height:" + ( u * 14.8 ) + ";}" ;
var css_genlogo = ".logo{"+css_pa+"top:0px;left:0px;}" ;
var css_login = ".login{"+css_pa+"top:0px;left:" + PosImpLeft + "px;}" ;
var css_divlogo = ".divlogo" + " { " + css_pa + "; top:" + parseInt(PosMTop + ( u * 10.4 )) + "px; left:" + parseInt( u * 87.5 ) + "px;  } " ;

css_logo = css_logo + css_divlogo + css_genlogo + css_login;
size	= u ;  // entspricht ca. 10 pixel bei 1024 * 768
//  Impressum & Menüs
	css_pos = 	".imp_pos {" + css_pa + css_left + "top:" + PosImpTop + "px;left:" + PosImpLeft + "px;}" +
				".m_pos {" + css_pa + "top:" + PosMTop + "px;left:" + PosMLeft + "px;border-style:none;}" +
				".submenu_1 {" + css_pa + ";top:" + PosSmTop + "px;left:" + PosSmLeft + "px;border-style:none; width:" + SubWidth + ";}" + 
				".subsubmenu_1 {" + css_pa + "; top:" + PosSsmTop + "px; left:" + PosSsmLeft + "px; text-align:left; }" +
				".m_off {" + css_bg_off + css_center + "width:" + MenuWidth + ";font-size:" + size + "pt; " + css_f_color + "}" +
				".m_on {" + css_bg_on + css_center + "width:" + MenuWidth + ";font-size:" + size + "pt; " + css_f_color + "}" +
				".z_off {" + css_bg_off + css_center + "width:" + zWidth + ";font-size:" + size + "pt; " + css_f_color + "}" +
				".z_on {" + css_bg_on + css_center + "width:" + zWidth + ";font-size:" + size + "pt; " + css_f_color + "}" +
				".sm_off {" + css_bg_off + css_left + "width:" + SubWidth  + ";font-size:" + size + "pt; " + css_f_color + "}" +
				".sm_on {" + css_bg_on + css_left + "width:" + SubWidth  + ";font-size:" + size + "pt; " + css_f_color + "}" +
				".ssm_off {" + css_bg_off + css_center + "width:" + MenuWidth + ";font-size:" + size + "pt; " + css_f_color + "}" +
				".ssm_on {" + css_bg_on + css_center + "width:" + MenuWidth + ";font-size:" + size + "pt; " + css_f_color + "}" +
				"td {vertical-align:top;}" +
				".smily {border:none;vertical-align:text-top;}" +
				".twisty {border:none;vertical-align:text-top;width:"+1.5*u+";height:"+1.5*u+";}" +
				"p {font-size:"+u*FontSize[7]+"pt;}" +
				"input {font-size:"+u*FontSize[7]+"pt;}" +
				"select {font-size:"+u*FontSize[7]+"pt;}" +
				"textarea {font-size:"+u*FontSize[7]+"pt;}" +
				".admin_pos {" + css_pa + "top:"+PosAdTop+"px;left:" + PosAdLeft + "px;font-size:"+u*FontSize[7]+"pt;}" +
				".cal_off {" + css_bg_off + css_center + ";"+css_fs+u*FontSize[7]+"pt;font-weight:bold;}" +
				".cal_on {" + css_bg_on + css_center + ";"+css_fs+u*FontSize[7]+"pt;font-weight:bold;}" +
				".cal_now {" + css_bg_now + css_center + ";"+css_fs+u*FontSize[7]+"pt;font-weight:bold;}" +
				".cal_sel {" + css_bg_sel + css_center + ";"+css_fs+u*FontSize[7]+"pt;font-weight:bold;}" +
				".div_bg {" + css_pa + ";top:0;left:0;} .bg_2 {height:"+BgHeight+";width:" + ScreenWidth +";z-index:1;}" +
				".content_1 {" + css_pa + css_f_color + css_fs + u*FontSize[7]+"pt;top:"+PosContTop+"px; left:"+PosContLeft+"px; width:"+ContWidth+"px; }";
//  Headerbereiche für 3-D-Schrift
for( i = 1 ; i <= 5 ; i++){
  if( i == 1 ){ sColor = "color:" + ColorHead1 + "; " ; iTop = parseInt(PosHeadTop - 1); iLeft = parseInt(PosHeadLeft - 1) ; }
  if( i == 2 ){ sColor = "color:" + ColorHead1 + "; " ; iTop = parseInt(PosHeadTop + 1); iLeft = parseInt(PosHeadLeft - 1) ; }
  if( i == 3 ){ sColor = "color:" + ColorHead2 + "; " ; iTop = parseInt(PosHeadTop + 1); iLeft = parseInt(PosHeadLeft + 1) ; }
  if( i == 4 ){ sColor = "color:" + ColorHead2 + "; " ; iTop = parseInt(PosHeadTop - 1); iLeft = parseInt(PosHeadLeft + 1) ; }
  if( i == 5 ){ sColor = "color:" + ColorHead3 + "; " ; iTop = PosHeadTop ; iLeft = PosHeadLeft  ; }
  css_head = css_head + ".header_" + i + 
  			" {"+css_fs+u*FontSize[1]+"pt;" + css_pa + css_bold + css_italic + css_ff2 + sColor + 
			"letter-spacing:2;top:"+iTop+";left:"+iLeft+"; }" ;	
}
//  Links
css_a		= "a:link{"+css_ff1 + css_bold + "font-size:"+u * FontSize[7]+"pt;border:none;color:"+ColorLink+";text-decoration:none;}" +
			"a:visited{"+css_ff1 + css_bold + "font-size:"+u * FontSize[7]+"pt;border:none;color:"+ColorVisit+";text-decoration:none;}" +
			"a:hover{"+css_ff1 + css_bold + "font-size:"+u * FontSize[7]+"pt;border:none;color:"+ColorHoover+";text-decoration:none;}";
//  ###########################################################################################################
//  Zusammensetzen aller berechneter Style-Informationen	
var sStyle ="<style type='text/css'>"+ 
			height_bg_1 +
			css_body +
			css_h + 
			css_t + css_tr + css_tg + css_te + css_tk + css_ts +
			css_tb + css_tbr + css_tbg + css_tbe + css_tbk + css_tbs +
			css_logo + css_pos + css_head + css_a + css_uhr + css_cd +
			"</style>"
// Alle Style-informationen ins Dokument schreiben
//document.writeln( "<link rel='stylesheet' href='test/styles/rg/disp1024.css'></link>" + sStyle );
//document.writeln( "<link rel='stylesheet' href='test/styles/rg/disp1024.css'></link>" + sStyle );
document.writeln( sStyle );
//  ##########################################################################################################