#logo_space     { text-align: left; position: absolute; top: 159px; left: 38px; width: 198px }

font.logotype   { color: #fff8c5; font-size: 12px; font-family: arial, sans-serif; font-weight: 700; text-decoration: none }
	#menu_background { background-color: #000; position: absolute; top: 198px; left: 1px; width: 431px; height: 81px }
	.rightside_menu_items    { color: #8f0100; font-size: 11px; font-family: Arial, sans-serif; line-height: 11px; background-color: #b69de1; text-align: left; text-indent: 6px; position: absolute; top: 6px; left: 279px; width: 144px; float: left }
	.leftside_menu_items { color: #ed7c1c; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 12px; float: left     }
	.menu_item          { color: #ffe; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: transparent; text-align: center; display: block }
	.chosen_menu_item     { color: #8f0100; font-size: 11px; font-family: arial, sans-serif; font-weight: 800; background-color: #373775; text-align: left; text-indent: 5px; position: relative; width: 120px; height: 16px; border: solid 1px #fff }
	.chosen_menu_item1      { color: #8f0100; font-size: 11px; font-family: arial, sans-serif; font-weight: 800; background-color: #373775; text-align: left; text-indent: 5px; position: fixed; width: 120px; height: 16px; border: solid 1px #fff }
	#image_on_top { position: absolute; top: 0; left: 288px; width: 432px; height: 197px }
	#image1   { position: absolute; top: 289px; left: 1px; width: 142px; height: 91px }
	#image2 { position: absolute; top: 289px; left: 145px; width: 142px; height: 184px }
	#image3 { position: absolute; top: 382px; left: 1px; width: 142px; height: 91px }

#block_on_left   { background-color: #55554e; position: absolute; z-index: 5; top: 475px; left: 145px; width: 286px; height: 126px }
#block_on_right     { background-color: #55554e; position: absolute; top: 198px; left: 722px; width: 142px; height: 182px; float: left }

	#copy_background /*  This flat color field contains the frame that holds the main copy. This DIV also contains the styles that apply to the copy. By applying the default style in the DIV, you are free to apply other styles to individual words and other elements. For example, if you want to emphasize a phrase, you can give it a heavier weight than the default, and make it serif. Just embed the word between two FONT tags. the first tag will call the desired style. The synatx is as follows: <font class="special_hilight">the highlighted text</font>. Text that follows the hilighted text will automatically retain the default styles.  */  { color: #333; font-size: 12px; font-family: Times, serif; background-color: #c5c5b4; position: absolute; z-index: 5; top: 198px; left: 288px; width: 432px; height: 403px }
	#copy_frame /*  This DIV contains the left margins and body text.  */  { position: absolute; top: 91px; left: 0; width: 416px; height: 300px }
	
	#section_header /*  The section header aligns with the right side of the "block_on_left." The header is visually centered between the "image_on_top" and the body copy. The BOLD style applied to just part of the header helps create a sense of "modernist design."  */  { color: #333; font-size: 30px; font-family: arial, sans-serif; position: relative; top: 28px; left: 154px }
	
	#inset_margin_left_top /*  This DIV creates a blank space for the body text to flow around. The space acts as a left margin.  */  { width: 12px; height: 180px; float: left; clear: left }
	
	#inset_margin_left_bottom /*  This DIV is slightly larger than the section of "block_on_left" that overlaps the body copy. The larger size creates a margin between body text and the "block_on_left."  */  { width: 147px; height: 135px; float: left; clear: left }
	#margin_left_top  { width: 150px; height: 20px; float: left; clear: left }
	#margin_left_middle { width: 145px; height: 95px; float: left; clear: left }
	#margin_left_bottom { width: 13px; height: 95px; float: left; clear: left }
	#margin_right { width: 15px; height: 365px; float: right; clear: right }
.a  { color: #fff; font-size: 11px; font-family: arial, sans-serif; font-weight: 500; text-decoration: none; text-align: center }

.a:hover    { color: #b44122; font-size: 11px; font-family: arial, sans-serif; font-weight: 700; background: #fff; text-align: center }
/*<agl.folder "menu">*/#menu_background1 /*  This DIV contains the menu elements.  */    { background-color: transparent; position: absolute; top: 372px; left: 145px; width: 720px; height: 93px }
	
	#menu_bottom /*  This DIV has a top border that creates a sublte shadow under the menu. The darker color of the menu bottom helps make the menu a design element.  */    { background-color: #443837; position: absolute; bottom: 0; left: 0; width: 720px; height: 20px; border-top: 1px solid #000000 }
	
	#menu_items_frame  { position: absolute; z-index: 5; top: 416px; left: 156px; width: 708px; height: 48px }
	
	.menu_oben /*  The unchosen and non-hilighted menu item sits within the color field of the "menu_background."  */      { color: #fff; font-size: 10px; font-family: arial, sans-serif; font-weight: 500; text-align: center; padding-left: 10px; position: relative; width: 80px; height: 20px }
	.chosen_menu_oben /*  This DIV extends into the "menu_bottom" space. The arrow and frame are part of the DIV background image. The DIV itself  has background-color set to "transaprent." The arrow and frame help make the menu a design element.  */        { color: #8f0100; font-size: 12px; font-family: Arial, sans-serif; font-weight: 700; text-decoration: underline; text-align: left }
	.chosen_menu_oben1 /*  This DIV extends into the "menu_bottom" space. The arrow and frame are part of the DIV background image. The DIV itself  has background-color set to "transaprent." The arrow and frame help make the menu a design element.  */         { color: #8f0100; font-size: 12px; font-family: Arial, sans-serif; font-weight: 700; text-decoration: none; text-align: left }
	a:link            { color: #f5f5f5; font-size: 12px; font-family: arial, sans-serif; font-weight: normal; text-decoration: none; float: left }
	
	a:visited            { color: #f5f5f5; font-size: 12px; font-family: arial, sans-serif; font-weight: normal; text-decoration: none; float: left }
	
	a:hover          { color: #ffefd8; font-size: 12px; font-family: arial, sans-serif; font-weight: 700; text-decoration: none; display: block; float: left }
	
	a:active           { color: #f6f3db; font-size: 12px; font-family: arial, sans-serif; font-weight: 400; text-decoration: none; float: left }

/*</agl.folder>*/
.adressenleiste    { color: #8f0100; font-size: 12px; font-family: arial, sans-serif; font-weight: 600; font-stretch: expanded; padding-top: 3px; vertical-align: middle }
.text     { color: #fff; font-size: 12px; font-family: arial, sans-serif; line-height: 14px; background-color: transparent; text-align: justify;}
.textgrau  { color: #dfdfdd; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 12px; text-align: justify; padding-right: 12px; padding-left: 12px; clear: inherit }
.textgrau2  { color: #666; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 12px; text-align: justify; padding-right: 12px; padding-left: 12px; clear: inherit }
.textrot   { color: #7f004a; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 14px; text-align: justify;}
.textblau1    { color: #0b2191; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 12px; text-align: justify; padding: 7px; clear: inherit }
.ueberschrift1 { color: #fff; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: 700; line-height: 12px;}
.ueberschrift2  { color: #666; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 14px; padding: 7px }
.ueberschrift3  { color: #7f004a; font-size: 16px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: 700; line-height: 16px; padding: 7px }