body       { color: white; font-family: Arial, sans-serif; background-color: black }
* /*turn off Border and outline vor all: needed for eg. Firefox not to show border at linked img */  { margin: 0; padding: 0; border: 0; outline-style: none; outline-width: 0 }
.text   /* style for all text in main section */   { color: black; font-size: 11px; font-family: Arial, sans-serif; line-height: 16px; background-color: white; position: absolute; top: 78px; left: 350px; width: 360px }
.text a /* style for all links in text mainsection */  { color: black; font-size: 11px; font-family: Arial, sans-serif; background-color: white }
#head_dragon    /* to place the element "Red Dragon" in the head */   { position: absolute; z-index: 4; bottom: 8px; left: 97px; width: auto; height: auto }
#head_logo    { position: absolute; z-index: 4; bottom: 8px; left: 156px }
#middlebox         /* define the white box in the middle */   { background-color: white; margin-left: -412px; position: absolute; top: 0; left: 50%; width: 824px; height: 438px }
#middlestrip     { background-color: white; position: absolute; top: 104px; left: 0; width: 100%; height: 438px }
#bottombox     /* define the black box at the bottom */   { background-color: black; margin-left: -412px; position: absolute; top: 0; left: 50%; width: 824px; height: 84px }
#bottomstrip       { background-color: black; position: absolute; top: 542px; left: 0; width: 100%; height: 84px }
#headbox     /* define the black box at the top */   { background-color: black; margin-left: -412px; position: absolute; top: 0; left: 50%; width: 824px; height: 104px }
#headstrip      { background-color: black; position: absolute; top: 0; left: 0; width: 100%; height: 104px }
#dragongroup /*  to place the element "Dragon Group"  */  { line-height: 38px; position: absolute; top: 0px; left: 730px; vertical-align: middle }
#dragongroupdown { line-height: 38px; background-image: url("pictures/graphics/dreieck_sw.gif"); background-repeat: no-repeat; background-position: center top; position: absolute; left: 730px; height: 38px; vertical-align: middle }
#since     /* to place the element "since 1991"   */     { position: absolute; top: 46px; left: 730px }
.menu /*  style for all text in menus  */     { color: white; font-size: 11px; font-family: "Trebuchet MS", sans-serif; font-style: normal; font-weight: normal; font-stretch: normal; background-color: black }
.menu a  /* style for all links in menus */ { color: white; font-size: 11px; font-family: "Trebuchet MS", sans-serif; font-style: normal; font-weight: normal; font-stretch: normal; background-color: black }
.smallmenu /* style for all text in small menus  */   { color: #636363; font-size: 10px; font-family: "Trebuchet MS", sans-serif; font-style: normal; font-weight: normal; font-stretch: normal; background-color: white }
.smallmenu a { color: #636363; font-size: 10px; font-family: "Trebuchet MS", sans-serif; font-style: normal; font-weight: normal; font-stretch: normal; background-color: white }

#picture   /* to place the picture in the main section  */ { background-repeat: no-repeat; background-position: left top; text-align: right; position: absolute; top: 78px; left: 100px; width: 230px; height: 210px }
.picturemenu /* is to position the menu with four picts in the index */  { margin: 0; padding: 0; position: absolute; bottom: 14px; left: 100px; width: 610px; height: 80px; vertical-align: bottom }

/* - definitions for mainmenu - */
ul#mainmenu { list-style: none; position: absolute; top: 0px; left: 100px; margin: 0; padding: 0; color: white; font-size: 11px; font-family: "Trebuchet MS", sans-serif; background: black; }
ul#mainmenu li /* definition for listelements */ { display: inline; line-height: 38px; padding: 0px 38px 0px 0px; color: white; text-decoration: none; }
ul#mainmenu li span /* definition for inline element to mark the choosen item with "dreieck" */ { background: url("pictures/graphics/dreieck_sw.gif") no-repeat center top; padding: 13px 0 }
ul#mainmenu li a /* definition for linked listelements */ { background: none; color: white; text-decoration: none; }
ul#mainmenu a:hover /* definition for the hover-appearence*/ { color: #f33; }

/* - definitions for languagemenu - */
ul#languagemenu { list-style: none; position: absolute; bottom: 0px; left: 730px; margin: 0; padding: 0; color: white; font-size: 11px; font-family: "Trebuchet MS", sans-serif; background: black; }
ul#languagemenu li /* definition for listelements */ { display: inline; line-height: 38px; padding: 0px 2px 0px 0px; color: white; text-decoration: none; }
ul#languagemenu li span /* definition for inline element to mark the choosen item with "dreieck" */   { background: url("pictures/graphics/dreieck_sw_rotated.gif") no-repeat center bottom; padding: 13px 0 }
ul#languagemenu li a /* definition for linked listelements */ { background: none; color: white; text-decoration: none; }
ul#languagemenu a:hover /* definition for the hover-appearence*/ { color: #f33; }


/* - definitions for submenu - */
ul#submenu { list-style: none; position: absolute; bottom: 14px; left: 100px; margin: 0; padding: 0; color: #636363; font-size: 10px; font-family: "Trebuchet MS", sans-serif; }
ul#submenu li /* definition for listelements */ { display: inline; line-height: 34px; padding: 0px 20px 0px 0px; color: #636363; text-decoration: none; }
ul#submenu li span /* definition for inline element to mark the choosen item with "dreieck" */ { background: url("pictures/graphics/dreieck_grau.gif") no-repeat center top; padding: 12px 0 }
ul#submenu li a /* definition for linked listelements */ { background: none; color: #636363; text-decoration: none; }
ul#submenu a:hover /* definition for the hover-appearence*/ { color: #f33; }

/* - definitions for submenu - */
ul#short_submenu { list-style: none; position: absolute; bottom: 14px; left: 215px; margin: 0; padding: 0; color: #636363; font-size: 10px; font-family: "Trebuchet MS", sans-serif; }
ul#short_submenu li /* definition for listelements */ { display: inline; line-height: 34px; padding: 0px 20px 0px 0px; color: #636363; text-decoration: none; }
ul#short_submenu li span /* definition for inline element to mark the choosen item with "dreieck" */ { background: url("pictures/graphics/dreieck_grau.gif") no-repeat center top; padding: 12px 0 }
ul#short_submenu li a /* definition for linked listelements */ { background: none; color: #636363; text-decoration: none; }
ul#short_submenu a:hover /* definition for the hover-appearence*/ { color: #f33; }



a:link           { color: inherit; text-decoration: none }
a:visited        { color: inherit; text-decoration: none }
a:hover     { color: #f33; text-decoration: none }
a:focus     { color: #f33; text-decoration: none }
a:active { color: #f33; text-decoration: none }