/*--- main ---*/
body { color: black; background-color: #e6e6e6; margin: 0; padding: 0; }
#mainBox { z-index: 10; padding: 6px 6px 6px 185px; border: solid 0 #000; background-color: inherit; position: absolute; max-width: 850px; display: inline; }
/*--- fonts ---*/
body { font-size: 14px; font-family: "Helvetica Neue", HelveticaNeue, Arial, Helvetica, verdana, Optima, sans-serif; }
.nav_rollover, .fett, .headline, .sub_headline, .warning { font-weight: bold; }
em { font-style: oblique; }
/*--- text ---*/
a { color: #404080; text-decoration: none    }
a:visited { color: #606080; }
a:hover { color: #3636b3; }
a:active { color: #3636b3; }
.headline { font-size: 18pt; text-align: left ; margin-top: 30px; margin-bottom: 30px; }
.sub_headline { margin-top: 6px; margin-bottom: 6px; }
.text_note { font-size: 80%; }


/*--- navigation ---*/
#navi { position: fixed; top: 0; left: 0; bottom: 0; width: 150px; z-index: 20; overflow: visible; padding-top: 4px; background-color: transparent; border: solid 0 black; }
#navi_bg { position: fixed; top: 0; left: 0; bottom: 0; width: 150px; z-index: 15; overflow: visible; padding-top: 4px; background-color: inherit; border: solid 0 black; }
#navi_border { background-image: url(../images/navi/navi_border.png); background-repeat: repeat-y; background-position: left top; position: fixed; z-index: 19; top: 3px; bottom: 3px; left: 120px; width: 10px; margin: 0; padding: 0; border: 0 transparent; }
#nav_logo_container { position: static; margin: 8px; background-color: transparent; height: 180px; overflow: visible; }
#nav_logo { text-align: center; }
#nav_bottom_part { width: 100%; z-index: 35; display: block; background-color: transparent; left: 0; overflow: visible; }
.navigation { width: 100%; border: 0 ; }
.nav_rollover { color: black; background-image: url(../images/navi/navi_bg.png); background-repeat: no-repeat; background-position: 0 center; text-align: left; text-indent: 6px; width: 140px; height: 26px; overflow: visible; margin: 0; padding: 0; border-style: none; border-width: 0; }
.navigation_td_selected { background-image: url(../images/navi/navi_bg_selected.png); }
.navigation_td_flag_en { background-image: url(../images/navi/navi_bg_flag_en.png); }
.navigation_td_flag_de { background-image: url(../images/navi/navi_bg_flag_de.png); }
.nav_rollover a { color: black; width: 100%; display: block; }
.nav_rollover a:visited { color: black; }
.nav_rollover a:hover { color: black; }
.nav_rollover a:active { color: black; }
.nav_text_indent { text-indent: 20px; }
.nav_v_spacer { height: 10px; overflow: hidden; }
/*--- basic layout stuff ---*/
.spacer { visibility: visible; width: 100%; height: 30px; clear: both }
.foto { border: solid 1px #4d4d4d; }
.warning { color: #c00000; text-align: center; vertical-align: middle; padding: 5px; border: solid 2px #bf0000; }

/*--- start page ---*/
#start_table { }
#start_table td { background-color: #d9d9d9; text-align: center; vertical-align: top; width: 300px; margin: 0; padding: 10px; border-color: #b3b3b3 #fff #fff #b3b3b3; border-style: solid; border-width: 1px; }
#et_logo_start_page { margin-top: 30px; margin-bottom: 30px; }
/*--- feedback page ---*/
#feedback_table { padding-right: 15px; padding-left: 15px; }
#feedback_table td { vertical-align: top; padding: 4px; }
.label { text-align: right; }


/*--- table layout (mainly for acting) ---*/
.table_for_tabs { left: 0; margin: 0 0 0 10px; padding: 0; border-style: none; border-width: 0; outline-style: none; outline-width: 0; }
.table_for_tabs td { vertical-align: top; padding-top: 6px; padding-right: 10px; }
.table_for_tabs ul { margin-top: 4px; margin-bottom: 4px; }
.table_for_tabs_dates { text-align: right; }


/*--- eartraining ---*/
#et_logo_et_pages { margin: 20px 20px 20px 50px; }