/**/
/**/
body { background-color: #fff8c5; margin: 0; padding: 0; border-top: 1px solid #fff; border-left: 1px solid #fff }
#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: transparent; position: absolute; bottom: 0; left: 0; width: 141px; height: 100px; border-color: #999 }
#menu { color: #fff; font-size: 10px; font-family: arial, sans-serif; font-weight: 500; background-color: #000080; text-align: left; position: absolute; top: 21px; left: 7px; width: 120px; border: solid 1px #999 }
.menu_item /* This optional DIV helps separate the items in the pop-up menu. The higher the contrast between the "menu_item" background-color and the "menu_background" color, the more the menu will draw attention. Make sure you avoid too much contrast or you will accidently create a comic effect. The "menu_item" background-color should be something already used as a background on the page. Introducing a new color in the menu can create the impression that the items hilighted by the color have special meaning. Internet Explorer and Safari display this style. Opera does not. */ { color: #fff; font-size: 10px; font-family: arial, sans-serif; font-weight: 500; background-color: #8f0100 }
/**/
/**/
#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: the highlighted text. 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; letter-spacing: -1px; 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: #000080; font-size: 11px; font-family: arial, sans-serif; font-weight: 500; text-decoration: none; text-align: left }
.a:hover { color: #000080; font-size: 11px; font-family: arial, sans-serif; font-weight: 700; background: #fff; text-align: center }
/**/#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; position: relative; top: 0; width: 90px; height: 26px; float: left }
.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: #fff; font-size: 10px; font-family: arial, sans-serif; font-weight: 500; text-align: center; margin-top: 0; margin-left: 0; position: relative; top: 0; width: 140px; height: 20px; float: left }
a:link { color: #000080; font-size: 15px; font-family: arial, sans-serif; font-weight: 400; text-decoration: none }
a:visited { color: #000080; font-size: 15px; font-family: arial, sans-serif; font-weight: 400; text-decoration: none }
a:hover { color: #8f0100; font-size: 15px; font-family: arial, sans-serif; font-weight: 800; text-decoration: none; display: block }
a:active { color: #000080; font-size: 15px; font-family: arial, sans-serif; font-weight: 400; text-decoration: none }
/**/
.adressenleiste { color: #f9f9f7; font-size: 12px; font-family: arial, sans-serif; font-weight: 600; font-stretch: expanded; vertical-align: middle }
.text { color: #3c3c3c; font-size: 13px; font-family: arial, sans-serif; line-height: 13px; text-align: justify }