body.layout {
  font-family: Arial,Helvetica,sans-serif;
  font-size: 12px;
  background-color: #F5F5F5;
  overflow: auto;
} 

body.commonmenu {
/*  background: url(../pics/design/commonmenu_bg.gif); */
  background-color: #95B7D8;
  overflow: auto;
}

p, ul {
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 12px; 
  color: #000000; 
}

td {
  font-family: Arial, Helvetica, sans-serif; 
  font-size:12px;
  color: #000000; 
  vertical-align: top;
}

th {
  font-family: Arial, Helvetica, sans-serif; 
  vertical-align: top;
  text-align: left;
}

h1 {
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 16px; 
  font-weight: bold; 
  color: #000000; 
}

h2 {
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 16px; 
  font-weight: bold; 
  color: #000000; 
}

h3 {
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 14px; 
  font-weight: bold; 
  color: #000000;
  margin-top: 10px; 
}

hr {
  padding: 0px;
  margin: 0px;
}

input, textarea {  
  font-size:12px;
  font-family: Arial,Verdana;
  border: 1px solid #666666;	
}

input.checkbox {  
  border: 0px;
}

input.radio {  
  border: 0px;
}

input.filter {  
  font-size:11px;
  font-family: Arial,Verdana;
  border: 1px solid #666666;	
}

p.hint {
  font-family: Arial, Helvetica; 
  font-size: 12px; 
  cursor: default; 
  border-style: none;
}

/* ---------------------------------------- */
/* LINK STYLES */

a {  
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 12px; 
  font-style: normal; 
  color: #000000;
  text-decoration: underline;
}

a:hover {  
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 12px; 
  font-style: normal; 
  color: #000099;
  text-decoration: underline;
}

a.std-link {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color:#000000;
  text-decoration:underline;
}

a.std-link:hover {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #000099;
  text-decoration: underline;
}

a.page-link {  
  font-size: 12px; 
  color: #000000; 
  text-decoration: underline; 
}

a.page-link:hover {  
  font-size: 12px; 
  color: #003F7E; 
  text-decoration: underline; 
}

a.page-link-button {  
  color: #000000; 
  background:#EBEBEB; 
  border: 1px solid #666666;
  font-size: 12px; 
  font-weight:bold;
  text-decoration:none;
  padding: 0px 10px 0px 10px;
}

a.page-link-button:hover {  
  color: #003F7E; 
  background:#EBEBEB; 
  border: 1px solid #666666;
  font-size: 12px; 
  font-weight:bold;
  text-decoration:none;
  padding: 0px 10px 0px 10px;
/*  cursor: hand; */
}

/* ---------------------------------------- */
/* COCKPIT STYLES */

.cockpit-text {  
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #F0F0F0; 
}

a.cockpit-link {  
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 18px; 
  color: #F0F0F0; 
  text-decoration: underline; 
}

a.cockpit-link:hover {  
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 18px; 
  color: #CC0000; 
  text-decoration: underline; 
}

a.cockpit-link-sm {  
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 16px; 
  color: #F0F0F0; 
  text-decoration: underline; 
}

a.cockpit-link-sm:hover {  
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 16px; 
  color: #CC0000; 
  text-decoration: underline; 
}

/* ---------------------------------------- */
/* MAIN LAYOUT */

table.main {
  padding: 10px 10px 0px 10px;
  width: 100%;
}

td.cockpit {
  background-image: url(../pics/design/cockpit_vector.jpg);
  border: 0px;
  height: 100%;
}

table.layout_table {
  border: 1px solid #CCCCCC;
}

table.layout_table td {
  font-family: Arial,Helvetica,sans-serif;
  font-size: 12px;
  vertical-align: top;
}

/* CONTENT FRAME */

table.layout_table td.content_frame {
  background-color: #ffffff;
}

/* HEAD FRAME */

table.layout_table td.head_frame {
  background-image: url(../pics/design/ABC/LC-HEAD.gif);
}

table.layout_table td.head_frame_learning {
  background-image: url(../pics/design/LMS-HEAD.gif);
}

table.layout_table td.headline {
  font-family: Arial,Helvetica,sans-serif;
  font-size: 16px;
  font-weight: bold;
  vertical-align: middle;
  padding-right: 20px;
  color: #044A8C;
}

/*** TABLES ***/

table.learningnav {
  font-size: 12px; 
  background: #F5F5F5;
}

table.learningnav td {
  font-size: 12px; 
  border-right: 1px solid #CCCCCC;
  padding: 4px 15px 4px 15px;
}

table.learningnav td.highlight a {
  color: #CC0000;
}

table.learningnav a {
  font-size: 12px; 
  font-weight: bold;
  text-decoration: none;
}

table.learningnav a:hover {
  font-size: 12px; 
  font-weight: bold;
  text-decoration: none;
}

table.frame {
  padding: 0px;
}

/* TABLE: login area */

table.login {
  background-color: #FFFFFF;
  border-top: 1px solid #CCCCCC;
  border-left: 1px solid #CCCCCC;
  border-right: 1px solid #CCCCCC;
}

table.login th {
  padding: 5px;
  font-size: 12px;
  border-bottom: 1px solid #CCCCCC;
  background-color: #E5E5E5;
}

table.login td {
  padding: 5px;
}

table.login-footer {
  background-color: #FFFFFF;
  border-left: 1px solid #CCCCCC;
  border-right: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
}

table.login-footer td.button {
  font-weight: bold;
  background-color: #E5E5E5;
  border-left: 1px solid #FFFFFF;
  padding: 2px 10px 2px 10px;
}

/* TABLE: content area */

table.head {
  border: 1px solid #D6D6D6;
  background: #FFFFFF;
}

table.head th {
  font-size: 12px;
  font-weight: bold;
  padding: 5px 5px 5px 2px;
}

table.head td {
  font-size: 12px;
  padding: 5px 5px 5px 2px;
}

table.head th.button {
  font-size: 12px;
  font-weight: bold;
  border-left: 1px solid #CCCCCC;
  background-color: #E5E5E5;
  padding: 2px 10px 2px 10px;
  vertical-align: middle;
  white-space:nowrap;
}

table.feedback {
  border-left: 1px solid #D6D6D6;
  border-right: 1px solid #D6D6D6;
  border-bottom: 1px solid #D6D6D6;
  background-color: #FFFFFF;	
}

table.feedback td {
  padding: 2px 2px 2px 2px;
}

table.list {
  padding: 0px;
  border-left: 1px solid #D6D6D6;
  background-color: #FFFFFF;	
}

table.listform {
  padding: 0px;
  border-left: 1px solid #D6D6D6;	
  border-right: 1px solid #D6D6D6;	
  border-bottom: 1px solid #D6D6D6;	
  background-color: #FFFFFF;	
}

table.list th {
  font-size: 12px;
  font-weight: bold;
  text-align: left;
  padding: 2px 0px 2px 2px;
  border-right: 1px solid #D6D6D6;	
  border-bottom: 1px solid #D6D6D6;	
  background-color: #E5E5E5;
}

table.listform th {
  font-size: 12px;
  font-weight: bold;
  text-align: left;
  padding: 3px 0px 3px 2px;
  background-color: #E5E5E5;
}

table.list th table *,
table.listform th table * {
  font-size: 12px;
  border: 0px;
  font-weight: bold;
}

table.list th table a:hover,
table.listform th table a:hover {
  font-size: 12px;
}

table.list th input,
table.listform th input {
  border: 1px solid #D6D6D6;
}

table.list td {
  padding: 1px 2px 1px 2px;
  height: 22px;
  border-right: 1px solid #D6D6D6;	
  border-bottom: 1px solid #D6D6D6;	
}

table.listform td {
  padding: 1px 2px 1px 2px;
  height: 22px;
}

table.list td table td,
table.listform td table td {
  border-bottom: 0px;
}

table.footer {
  background-color: #E5E5E5;
  border-left: 1px solid #D6D6D6;	
  border-right: 1px solid #D6D6D6;	
  border-bottom: 1px solid #D6D6D6;	
}

table.footer td {
  padding: 2px 2px 2px 2px;
}

/* Autopilot=OFF: Select content: "*/

table.list_select {
  padding: 0px;
  border: 0px;
  background-color: #FFFFFF;
}

table.list_select td {
  padding: 2px 2px 2px 2px;
  border: 0px;
}

/* LOGO FRAME */

table.layout_table td.logo_frame {
  background-image: url(../pics/design/ABC/LOGO-190x50.gif);
}

table.layout_table td.logo_placeholder {
}

/* BREADCRUMB FRAME */

table.layout_table td.breadcrumb_frame {
  background-image: url(../pics/design/ABC/breadcrumb_frame.gif);
  vertical-align: middle;
  padding-left: 20px;
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 12px; 
  font-style: normal; 
  font-weight: normal; 
  color: #FFFFFF; 
  vertical-align: middle;
}

/* NAVIGATION FRAME */

table.layout_table td.nav_frame {
}

table.layout_table td.navtop_frame {
  background-image: url(../pics/design/ABC/navtop_frame.gif);
  vertical-align: middle;
}

table.layout_table td.navbottom_frame {
  background-image: url(../pics/design/ABC/navbottom_frame.gif);
  font-size: 11px;
  color: #999999;
  vertical-align: middle;
  padding-left: 10px;
}

table.layout_table td.top_frame {
}

table.layout_table td.bottom_frame {
  background-image: url(../pics/design/ABC/bottom_frame.gif);
  vertical-align: middle;
  text-align: right;
  padding-right: 10px;
  font-size: 11px;
  color: #999999;
}

/* NAVIGATION BAR */

td.navbar {
  height: 40px;
  padding-top: 5px;
  border-top: 1px solid #DDDDDD;
}

td.navbar_t {
  height: 35px;
}

/* ########## */
/* MENU LINKS */
/* ########## */

table.menu-link {
  padding: 0px;
}

table.menu-link td {
  padding: 0px;
}

table.menu-link * a {
  text-decoration: none;
}

/* MENU LINKS - LEVEL 1 */

.menu-link-level1{
  font-family: Arial,Helvetica,sans-serif;
  font-size: 12px;
  font-weight:bold;
  text-decoration:none;
  padding:3px 0px 3px 5px;
  color:#000000;
  background-color:#BED4E7;
  display:block;
  border-left:10px solid #FFFFFF;
  border-top:1px solid #FFFFFF;
  border-bottom:1px solid #FFFFFF;
}

.menu-link-level1:hover{
  font-family: Arial,Helvetica,sans-serif;
  font-size: 12px;
  font-weight:bold;
  text-decoration:none;
  padding:3px 0px 3px 5px;
  color:#000099;
  background-color:#DDE8F1;
  display:block;
}

.menu-link-level1_active{
  font-family: Arial,Helvetica,sans-serif;
  font-size: 12px;
  font-weight:bold;
  text-decoration:none;
  padding:3px 0px 3px 5px;
  color:#000000;
  background-color:#DDE8F1;
  display:block;
  border-left:10px solid #044A8C;
  border-bottom:1px solid #FFFFFF;
}

/* Level 2 */

.menu-link-level2{
  font-family: Arial,Helvetica,sans-serif;
  font-size: 12px;
  font-weight:bold;
  text-decoration:none;
  padding:3px 0px 3px 5px;
  color:#000000;
  background-color:#BED4E7;
  display:block;
  border-left:10px solid #FFFFFF;
  border-bottom:1px solid #FFFFFF;
}

.menu-link-level2_light {
  font-family: Arial,Helvetica,sans-serif;
  font-size: 12px;
  font-weight:bold;
  text-decoration:none;
  padding:3px 0px 3px 5px;
  color:#555555;
  background-color:#BED4E7;
  display:block;
  border-left:10px solid #FFFFFF;
  border-bottom:1px solid #FFFFFF;
}

.menu-link-level2:hover{
  font-family: Arial,Helvetica,sans-serif;
  font-size: 12px;
  font-weight:bold;
  text-decoration:none;
  padding:3px 0px 3px 5px;
  color:#000099;
  background-color:#DDE8F1;
  display:block;
}

.menu-link-level2_active{
  font-family: Arial,Helvetica,sans-serif;
  font-size: 12px;
  font-weight:bold;
  text-decoration:none;
  padding:3px 0px 3px 5px;
  color:#000000;
  background-color:#DDE8F1;
  display:block;
  border-left:10px solid #044A8C;
  border-bottom:1px solid #FFFFFF;
}

/* Level 3 */

.menu-link-level3{
  font-family: Arial,Helvetica,sans-serif;
  font-size:12px;
  font-weight:normal;
  text-decoration:none;
  padding:3px 0px 3px 5px;
  color:#000000;
  background-color:#BED4E7;
  display:block;
  border-left:10px solid #FFFFFF;
  border-bottom:1px solid #FFFFFF;
}

.menu-link-level3:hover{
  font-family: Arial,Helvetica,sans-serif;
  font-size: 12px;
  font-weight:normal;
  text-decoration:none;
  padding:3px 0px 3px 5px;
  color:#000099;
  background-color:#DDE8F1;
  display:block;
}

.menu-link-level3_active{
  font-family: Arial,Helvetica,sans-serif;
  font-size: 12px;
  font-weight:normal;
  text-decoration:none;
  padding:3px 0px 3px 5px;
  color:#000000;
  background-color:#DDE8F1;
  display:block;
  border-left:10px solid #044A8C;
  border-bottom:1px solid #FFFFFF;
}

.menu-link-level3_active:hover{
  font-family: Arial,Helvetica,sans-serif;
  font-size: 12px;
  font-weight:normal;
  text-decoration:none;
  padding:3px 0px 3px 5px;
  color:#000099;
  background-color:#DDE8F1;
  display:block;
}

.menu-link-level3B{
  font-family: Arial,Helvetica,sans-serif;
  font-size: 12px;
  font-weight:bold;
  text-decoration:none;
  padding:3px 0px 3px 5px;
  color:#000000;
  background-color:#BED4E7;
  display:block;
  border-left:10px solid #FFFFFF;
  border-bottom:1px solid #FFFFFF;
}

.menu-link-level3B:hover{
  font-family: Arial,Helvetica,sans-serif;
  font-size: 12px;
  font-weight:bold;
  text-decoration:none;
  padding:3px 0px 3px 5px;
  color:#000099;
  background-color:#DDE8F1;
  display:block;
}

/* BREADCRUMB LINKS - LEVEL 1 */

.breadcrumb-level1 {
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 12px; 
  font-style: normal; 
  font-weight: normal; 
  color: #FFFFFF; 
  text-decoration: none;
  vertical-align: middle;
}

.breadcrumb-level1 a {
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 12px; 
  font-style: normal; 
  font-weight: normal; 
  color: #FFFFFF; 
  text-decoration: none; 
}

.breadcrumb-level1 a:hover {
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 12px; 
  font-style: normal; 
  font-weight: normal; 
  color: #E5E5E5; 
  text-decoration: none;
}

.breadcrumb-level1_active {
  font-family: Arial,Helvetica; 
  font-size: 12px; 
  font-style: normal; 
  font-weight: normal; 
  color: #FFFFFF; 
  text-decoration: none;
  padding: 0px 0px 2px 0px;
}

.breadcrumb-level1_active a {
  font-family: Arial,Helvetica; 
  font-size: 12px; 
  font-style: normal; 
  font-weight: normal; 
  color: #FFFFFF; 
  text-decoration: none; 
}

.breadcrumb-level1_active a:hover {
  font-family: Arial,Helvetica; 
  font-size: 12px; 
  font-style: normal; 
  font-weight: normal; 
  color: #F0F0F0; 
  text-decoration: none;
}

/* ########### */
/* PAGE STYLES */
/* ########### */

.page-text {  
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 12px; 
  font-style: normal; 
  font-weight: normal; 
  color: #333333; 
  text-decoration: none; 
}

.page-text-bold {  
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 12px; 
  font-style: normal; 
  font-weight: bold; 
  color: #333333; 
  text-decoration: none; 
}

.page-text-head {  
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 12px; 
  font-style: normal; 
  font-weight: bold; 
  color: #333333; 
  text-decoration: none; 
}


/* --------------------------------- */

div.repeatSelection {
  width: 350px;
  height: 100px;
  background-color: #eeeeee;
}

div.chapterSelection {
  width: 370px;
  height: 300px;
  background-color: #eeeeee;
}

/* --------------------------------- */

.default {
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 12px; 
  color: #333333; 
  cursor: default; 
  border-style: none;
}

.default-err {
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 12px; 
  color: #FF0000; 
  cursor: default; 
  border-style: none;
}

.default-hint {
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 12px; 
  color: #000099; 
  cursor: default; 
  border-style: none;
}

.text-field {  
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 12px; 
  font-style: normal; 
  font-weight: normal; 
  color: #333333; 
  text-decoration: none; 
  border: 1px solid #999999;
}

.private-record {
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 12px; 
  font-style: italic; 
  font-weight: bold; 
}

.public-record {
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 12px; 
  font-style: normal; 
  font-weight: bold; 
}

/***
.headline {  
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 12px; 
  font-style: normal; 
  font-weight: bold; 
  color: #333333; 
  text-decoration: none;
}
***/

.std-title {
  background-color: #CCCCCC;
  height: 23px;
}

.std-title-text {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  padding: 2px 6px 2px 6px;
}

.std-link {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #0000FF;
  text-decoration: none;
}

.std-button {
  background-image: url(../pics/button_bg.png);
  border: 1px solid #7F9DB9;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
}

.readonly {
  background-color: #F0F0F0;
}

/* ############### */
/* QUESTION TABLES */
/* ############### */


.questiontbl {
  padding: 0px;
}

table.singleChoice td {
  padding: 2px;
}

table.multiChoice td {
  padding: 2px;
}

table.inputJaNein td {
  padding: 2px;
}