body         /* Used only to set the font style, size, color and other basic stuff. */ { color: #000000; font-size: 13px; font-family: Arial, Helvetica, sans-serif; background-color: #ffffff; text-align: justify; margin: 10px }
th  { font-weight: bold; text-align: justify }
td   /* Some browser do not accept the definition of the font size only in the BODY tag, therefore it is defined here again. */ { font-size: 11px; text-align: justify }
p        /* Be aware that justify alignment might not be supportet by all browsers. */ { font-size: 13px; text-align: justify; margin-top: 0; margin-bottom: 5px; margin-left: 0 }
h1    /* Use your own colors to represent titles. Be aware that margins are cumulating if you have eg. a H2 title follwoing a H1 title. */ { color: #000000; font-size: 16px; font-weight: bold; margin-top: 15px; margin-bottom: 5px; clear: both }
h2   { color: #000000; font-size: 15px; margin-top: 15px; margin-bottom: 5px; clear: both }
h3   { color: #000000; font-size: 13px; margin-top: 15px; margin-bottom: 5px; clear: both }
h4   { color: #000000; font-size: 12px;  clear: both }
.header {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #ECF4F9;
	border-bottom-width: 1px;
	border-color: #B5C874;
	}
	
#head {
	width:100%;
	height:47px;
	border-width:0px 0px 1px 0px;
	border-style:solid;
	border-color:#7DA300;
	background:#ECF4F9;
	}
	
a:link  /* Adjust the colors to your needs. Note that not underlining links might confuse some users. */ { color: #9999CC; font-weight: bold; text-decoration: none }
a.bibLink { color: #1a1a1a; font-weight: normal }
a:visited { color: #9999CC; font-weight: bold; text-decoration: none }
//a:hover  { color: black; font-weight: bold; text-decoration: none }
//a:active { color: #efb77f; font-weight: bold; text-decoration: none }
img   /* This overrides the border setting of the IMG tag. */ { border: none }
code   /* Adjust the font size to your needs. */ { color: rgb(26,26,26); font-size: 8px; font-family: Courier, serif; font-weight: normal; line-height: 10px }
dt   /* Used for representing the glossary term (not the explanation!). */ { font-weight: bold; clear: both; text-align: justify }
ol, ul  { margin-top: 0; padding-top: 2px }
li { margin-bottom: 2px; text-align: justify }
sub, sup   /* Used in the eLML element "formatted" */ { font-size: 8px }
.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 }
.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-weight: bold; background-color: none;}
.popupText    /* Defines the text of a eLML popup box. This is the part that appears when you click on the title. */ { background-color: #e0e0e0; display: none; margin-right: 1cm; margin-left: 1cm; padding: 5px; border: solid 2px #003000 }
//.box     /* The eLML box element. */ { background-color: #e0e0e0; background-position: 0 100%; margin: 10px 30px; padding: 5px; border: solid 1px #003000 }
.box     /* The eLML box element. */ { background-color: #E9E9E9; background-position: 0 100%; margin: 0px 0px -1px; padding: 20px 20px 20px 20px; border: solid 1px #285571 }
.boxexample /* The eLML box element. */ { background-color: #E9E9E9; background-position: 0 100%; margin: 0px 0px 0px; padding: 20px 20px 20px 20px; border: solid 1px #285571 }
.boxdefinition /* The eLML box element. */ { background-color: #E9E9E9; background-position: 0 100%; margin: 0px 0px 0px; padding: 20px 20px 20px 20px; border: solid 1px #B5C874 }
.boxexercise /* The eLML box element. */ { background-color: #E9E9E9; background-position: 0 100%; margin: 0px 0px 0px; padding: 20px 20px 20px 20px; border: solid 1px #7DA300 }
.boxhint /* The eLML box element. */ { background-color: #E9E9E9; background-position: 0 100%; margin: 0px 0px 0px; padding: 20px 20px 20px 20px; border: solid 1px #F0AC32 }
.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: 3px 12px 3px 0; float: left; clear: left }
.icon  /* The icon is used in paragraph types like table, list, box etc. where the remark attribute is set. */ { margin: 0px; float: left; clear: left }
//.boxImage /*FOIS background in TD of icon*/ { background-color: #285571;}
.iconexample { background-color: #285571;}
.icondefinition { background-color: #B5C874;}
.iconexercise { background-color: #7DA300;}
.iconhint { background-color: #F0AC32;}
.content_table  /* All tables in eLML that are not part of the layout use this class. Define borders and margins here. */ { margin-top: 10px; padding-top: 2px }
.term  /* A glossary term that is used inline in the text. */ { font-weight: bold }
.bibTitle  /* 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: 9px }
.bibCommentSource   /* The comment of a bibliography element (eg. book) in the bibliography list. */ { font-size: 9px }
.legend  /* eLML elements like tables, multimedia (image, flash), lists etc. can have legends displayed usally centered below the element. */ { font-size: 9px }
.navigation  /* Define what the navigation looks like. */  { color: #1a1a1a; font-weight: normal; margin: 0 }
a.navigationLink  /* Define what the navigation links looks like. */ { color: #1a1a1a; font-weight: normal }