/* import core styles | Basis-Stylesheets einbinden */
@import url(yaml/core/base.css);

/* import screen layout | Screen-Layout einbinden */
@import url(yaml/screen/content_default.css);

/* import print layout | Druck-Layout einbinden */
@import url(yaml/print/print_003_draft.css);


a {color: #800000;text-decoration: none;}
a:hover {background-color:#ffdd99;color: #800000;text-decoration: underline;}

/* page width limit to improve the readability of the text */
#page {width:1000px;}

/* 3 columns of the layout - navigation left, navigation right, content */
#col1 { float: left; width: 180px;  background-color: #ffdd99; padding-left:20px;margin-top:95px; }
#col2 { text-align:center;  background-color: #ffdd99; padding:3px;}
#col3 { position:absolute;top:80px;width:724px; margin: 0 46px 0 200px;  background-color: #ffffdd; padding:15px;}

/* only for IE 7 */
*:first-child+html #col3 { position:absolute;left:0px; }
*:first-child+html #header { z-index:99; }
*:first-child+html #nav_lesson {margin-left:-8px; }

/* only for IE 6 */
* html #col1 { position:absolute;left:-7px;}

/* pdf, glossary and help buttons */
#buttons {position: absolute; top:45px;right:55px;}
#buttons img {margin-left:20px;}
/* lower navigation buttons (back and forward) */
#nextBack { position:fixed; right:20px; bottom: 10px; }
/* breadcrumb navigation */
#topnav  { position:absolute;top:15px;right:47px;width:600px;padding:1px 5px 1px 5px;background-color:#ffffdd;color:#800000;font-size:0.82em; }
#topnav a { font-weight:normal;color: #000; }
/* up button in the lower right corner */
#upbutton {position:absolute;right:5px;}
/* upper navigation buttons (back and forward) */
#col2_content {position:absolute;top:85px;left:877px;}
#col2_content img {padding-right:12px;padding-left:12px;}

/* logo */
#logo		{position:absolute;top:0px;left:0px;}
#logo a:hover {background-color:transparent;}

/* layout lines */
#bg_head2	{position:absolute;top:70px;right:45px;width:100%;height:10px;background-color:#ef9d56;font-size:1px;}
#bg_head3	{position:absolute;top:0px;left:200px;width:2px;height:80px;background-color:#ef9d56;}
#bg_head4	{z-index:99;position:absolute;top:0px;right:45px;width:2px;height:105px;background-color:#ef9d56;}
#bg_head5	{z-index:99;position:absolute;top:80px;right:85px;width:2px;height:25px;background-color:#ef9d56;}
#navline {position:absolute;top:108px;left:15px;width:1px;height:600px;background-color:#7d7e51;}

/* full project name */
#full_projectname	{position:absolute;top:25px;left:240px;font-weight:bold;letter-spacing:0.3em;font-variant:small-caps;font-style:italic;}

body {background-color: #ffdd99;line-height:1.5em;text-align:justify;margin:0;font-size:0.8em;}

/* headlines */
h1		{ font-size:1.6em;color:#800000;margin-bottom:0.5em;clear:both; }
h2		{ font-size:1.2em;color:#800000;margin-top:1.5em;margin-bottom:0.5em;clear:both; }
h3		{ font-size:1.1em;color:#800000;margin-top:1.5em;margin-bottom:0.5em;clear:both; }
h4		{ font-size:1em;color:#800000;margin-top:1.5em;margin-bottom:0;clear:both; }


td.paddingfixjoel, td.paddingfixjoel table { margin: 0 !important;padding: 1px !important; }

hr	 { color:#ef9d56;height:1px; }
sub, sup   /* Used in the eLML element "formatted" */ { font-size: 0.6em }

.element       { font-family: "Courier New", Courier, Monaco, monospace; font-weight: bold; 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: #ef9d56; font-size: 1em; font-weight: bold; cursor: pointer; }
.box, .popup     /* The eLML box or popup element. */ { background-color: #ffeeaa; background-position: 0 100%; padding: 0 1em 1em ; border: solid 2px #ef9d56;  }
.fancylooking     /* The eLML box example class. */ { background-color: red; padding: 1em ; border: solid 2px black; margin-bottom:2em; width: 100px;  }
.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;  }
.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: 13px; text-align: justify; }
.footer  /* Define the footer style. */ { font-size: 0.82em ; line-height: 1em; }
.column { width: 100%; }
.term  /* A glossary term that is used inline in the text. */  { font-weight: bold; cursor: help; }
.legend  /* eLML elements like tables, multimedia (image, flash), lists etc. can have legends displayed usally centered below the element. */   { font-size: 0.85em; line-height: 1em; text-align: inherit; margin-top: 0.5em; margin-bottom: 1em; font-style:italic;}
.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 }

.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: right; float: none; padding: 1em 0 1em 1em; display: block; }
.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: center; width: 100%; float: left; 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; float: right; padding-right: 0; padding-left: 1em; display: inline; }


/* navigation */
#col1_content {font-size: 0.85em;text-align: left;}
.navigation { visibility:visible; }
.navigationLink a { color: #333333; text-decoration: none;  }
.navigationLink a:hover { background-color:#ffdd99;color: #333333; text-decoration: underline; }
/*
.navigation li {  visibility: visible; list-style-image: url(navigation/navigation_off.gif); }
.navigation li .navigationActual { color: #800000; list-style-image: url(navigation/navigation_on.gif); }

.navigation :hover, .navigation .navigationActual{ color: #800000; list-style-image: url(navigation/navigation_off.gif); }
*/
#nav_lesson { visibility:visible;position:relative; margin-left: 0px; list-style-image: url(navigation/navigation_off.gif); }
#nav_lesson .navigationActual { color: #800000; list-style-image: url(navigation/navigation_on.gif); }

.nav_unit { visibility: visible; position: relative; margin-left: -3px;list-style-image: url(navigation/navigation_off_mittel.gif); }
.nav_unit .navigationActual { color: #800000; list-style-image: url(navigation/navigation_on_mittel.gif)!important; }

.nav_lo { visibility: visible; position: relative; margin-left: -5px; list-style-image: url(navigation/navigation_off_klein.gif); }
.nav_lo .navigationActual { color: #800000; list-style-image: url(navigation/navigation_on_klein.gif)!important; }