@import url(authoring/css/main.css);

/*@import url(authoring/css/print.css);*/
/* lightwindow script klasse einbinden */
@import url(lightwindow/css/lightwindow.css);
code   /* Adjust the font size to your needs. */  {font-family: Courier, serif; font-weight: normal; }
tt { text-align: justify }
dt   /* Used for representing the glossary term (not the explanation!). */  {font-size: 1.0em; margin-top: 0.8em; clear: both; font-weight: normal; } 
.sub, sup   /* Used in the eLML element "formatted" */ { font-size: 0.6em }
.background /* Define the background color of your layout  here. */  { background-color: #e5eff1 }
.background_nav /* Define the background color of your navigation  here (if different from the main background color! Else just set this to the same value as .bacground). */  { background-color: #e8f6f8 ; text-align: left}
.popupTitle   /* Defines the title of a eLML popup box. This is the part that you click on to open/close the box. */ { color: #efb77f; font-size: 1em; font-weight: bold; cursor: pointer; }
.optional     /* The eLML box or popup element. */ { color:#00008B; font-family: Trebuchet MS, sans serif; }
.importantbox     /* The eLML box or popup element. */ { font-family: Trebuchet MS, sans serif; padding: 1em; border: dotted 1px black;margin-left: -0.8em; margin-right: -1.8em; margin-top: 0.8em;  margin-bottom: 0.8em;}
.denkensienachbox     /* The eLML box or popup element. */ {margin-top: 1em;  margin-bottom: 1em ; color: #660000; outline: solid 1px gray ; padding: 1em}
.bearbeitensiebox     /* The eLML box or popup element. */ {  color:#006600 ;  padding: 1em; border: solid 1px gray;margin-left: -0.8em; margin-right: -1.8em; margin-top: 0.8em;  margin-bottom: 0.8em; }
.infobox     /* The eLML box or popup element. */ { margin: 1em 3em; padding: 0.5em 1em; border: solid 0px black ;font-style: italic; }
.box     /* The eLML box or popup element. */ { background-color: #e0e0e0; margin: 1em 3em; padding: 0.5em 1em; border: solid 2px black  }
.popup     /* The eLML box or popup element. */ { background-color: #e0e0e0; margin: 1em 3em; padding: 0.5em 1em; border: solid 2px black  }
.tutor      /* Paragraphs or parts only visible to tutors will be displayed like this. */ { color: red; font-weight: bold; background-color: yellow }
.icon  /* The icon is used in paragraph types like table, list, box etc. where the remark attribute is set. */ { margin: 0.5em 1em 0.5em 0; float:left; padding-bottom: 3em; }
.columnMiddle, .columnRight { padding-left: 1em; }
.link_table, .link_table td { padding: 0.5em; border: solid 1px #000000; border-collapse: collapse; }
.table  /* Define table cells for real tables here. */  { border-collapse: collapse ; }
.tabledata, .tableheading { padding: 0.5em; border: solid 1px #000000; border-collapse: collapse; }
.tabledata, .tableheading, .columnLeft, .columnMiddle, .columnRight  /* IE seems to ignore BODY settings and seems to need that within table cells... */  { font-size: 1em; text-align: justify; }
.footer  /* Define the footer style. */ { font-size: 1.1em ; line-height: 1em; }
.column { width: 100%; }
.term  /* A glossary term that is used inline in the text. */  { font-weight: normal ; cursor: help }
.legend  /* eLML elements like tables, multimedia (image, flash), lists etc. can have legends displayed usally centered below the element. */   { font-size: 10.5px; font-style: italic; line-height: 1em;text-align: left;  margin-top: 1.5em; margin-bottom: 1.5em; }
.bibTitle, .index, .indexItem  /* The title of a bibliography element (eg. book) in the bibliography list. Usually italic. */ { font-style: italic }
.bibAuthor /* The author of a bibliography element (eg. book). Usually bold. */  { font-weight: bold; text-transform: uppercase }
.bibCommentFurther    /* The comment of a bibliography element (eg. book) in the recommended/further reading list. Not displayed in the bibliography list! */  { font-size: 0.8em }
.bibCommentSource   /* The comment of a bibliography element (eg. book) in the bibliography list. */  { font-size: 0.8em }
.glossaryTooltip  { background-color: white;padding: 0.5em; margin: 0; border: solid 1px black; width:300px }
#bg_head { position:absolute; top:0; left:0; width:882px; height:247px; z-index: 1; visibility: visible; }
.button_pdf { position:absolute; top:55px; left:368px; width:31px; height:31px; z-index: 2; }
#button_glossary { position:absolute; top:55px; left:436px; width:30px; height:30px; z-index: 2; }
#button_help { position:absolute; top:55px; left:464px; width:30px; height:30px; z-index: 2; }
.next_top { position:absolute; top:79px; left:857px; width:25px; height:34px; z-index: 2; }
.prev_top { position:absolute; top:79px; left:832px; width:25px; height:34px; z-index: 2; }
/*.navigation { position:absolute; top:250px; left:0; width:215px; z-index: 2 ; margin:0; padding:0; line-height:1.3em; }*/
.cc_logo { position:absolute; top:20px; left:30px; width:88px; height:31px; z-index: 1 ;}
#head_title { text-align: left; position:absolute; top:10px; left:340px; width:520px; height: 2.5em; z-index: 2; overflow: hidden; }
#head_title p a { color: black; font-weight: normal; }
.content { position:relative; top:0px; left:0px; width:685px; z-index: 3; padding-left: 2.5em; border-left: dotted 1px #999999; } /* Define content width */ 
/*#.content { position:absolute; top:130px; left:240px; width:615px; z-index: 3; }*/
.nav_lesson   { background-color: transparent; text-indent: -40px; position: absolute; left: 40px; margin: 0; padding: 0; list-style-type: none; list-style-image: none; }
.nav_unit     { background-color: transparent; background-image: url(navigation/line_second.gif);text-indent: -60px; background-position: -20px 12px; position: relative; left: 0; margin: 0; padding: 0; list-style-type: none; list-style-image: none; }
.nav_lo       { background-color: transparent; background-image: url(navigation/line_second.gif); text-indent: -60px; position: relative; left: -50px; list-style-type: none; list-style-image: none; }
.multimedia_paragraph_left  /* for multimedia objects that are used as paragraph and have no align or align=left */ { float: none;  padding: 1em 1em 1em 0; display: block; }
.multimedia_paragraph_center  /* for multimedia objects that are used as paragraph and have align=center */ { text-align: center; width: 100%; float: none; padding: 1em; display: block; }
.multimedia_paragraph_right  /* for multimedia objects that are used as paragraph and have align=right */ {  text-align: left; float: right; display: block; padding:  1em 1em 1em 1em;  }
.multimedia_inline_left  /* for multimedia objects that are used as inline and have align=left */ { float: left; padding-right: 1em; padding-left: 0; display: inline; }
.multimedia_inline_center  /* for multimedia objects that are used as paragraph and have align=center */ { text-align: justify; width: 100%; float: left; padding-top: 10em; padding-right: 1em; padding-left: 1em; display: inline; }
.multimedia_inline_right  /* for multimedia objects that are used as paragraph and have align=right */ { text-align: right;  width: 50%; float: right; padding-right: 0; padding-left: 1em; display: inline; margin-top: 0.25em; }
.download_table .tabledata, .download_table  .tableheading { padding: 0 1.7em 0 0; border: 0; border-collapse: collapse; }
.term_icon {visibility: hidden; position: absolute; top: 0px; left: 0px}