/* 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);


/* lightwindow script klasse einbinden */
@import url(lightwindow/css/lightwindow.css);

a:focus, a:hover, a:active {background-color:#FFEEEE;text-decoration:underline;}
a {color:#990000;text-decoration:none;}
h1, h2, h3, h4, h5, h6 {font-family:"Trebuchet MS",Verdana,Helvetica,Arial,sans-serif;}

#col1 { float: left; width: 180px;  background-color: #e8f4a1; padding-left:20px; }
#col2 { float: right; width: 40px; text-align:center; background-color: #e8f4a1; padding: 3px;} 
#col3 {  width:auto; margin: 0 46px 0 200px;  background-color: #dbee6e; padding:15px;}

#nextBack { position:fixed; right:3px; bottom: 10px; }
#topnav  { color: #6B8517; }
#topnav a { color: #87A326; }
 
#body_about_success_stories\.html .look {clear: right;}
td.paddingfixjoel, td.paddingfixjoel table { margin: 0 !important;padding: 1px !important; }

body { background-color: #e8f4a1; font-family:"Trebuchet MS",Verdana,Helvetica,Arial,sans-serif; }
hr	 { color:#7d7e51;height:1px; }
sub, sup   /* Used in the eLML element "formatted" */ { font-size: 0.6em }

.box  .multimedia_paragraph_center { padding-left: 0;  padding-right: 0;  padding-top: 0;  padding-bottom: 1em; }
.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: red; font-size: 1em; font-weight: bold; cursor: pointer; }
.box, .popup     /* The eLML box or popup element. */ { background-color: #BADE17; background-position: 0 100%; padding: 1em ; margin: 2em; border: solid 2px #747566  }
.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.8em ; 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.8em; line-height: 1em; text-align: inherit; margin-top: 0.5em; margin-bottom: 1em; }
.bibTitle, .index /* 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; }


#submenu { visibility: visible; font-size: 14px; text-align: left; font-weight: bold; text-transform: lowercase;}
#submenu .navigationLink a { color: #585858; text-decoration: none }

#submenu li#title {  visibility: hidden;list-style-type: none; } 
#submenu li {  visibility: visible; list-style-image: url(navigation/navigation_off.gif); }
#submenu li.navigationActual { color: #88a526; list-style-image: url(navigation/navigation_on.gif); }
#submenu :hover, #submenu .navigationActual{ color: #88a526; list-style-image: url(navigation/navigation_on.gif); }
#nav_lo li { visibility: visible; position: relative; font-size: 0.8em; margin-left: 0px; list-style-image: url(navigation/navigation_off_klein.gif); }
#nav_lo li.navigationActual { color: #88a526; list-style-image: url(navigation/navigation_on_klein.gif); }
#nav_lo :hover, .nav_lo .navigationActual { list-style-image: url(navigation/navigation_on_klein.gif); }