html {
height:100%
}
body {
height:100%;
background-color:#FFFFFF;
margin:0px;
padding:0px;
border:0px;
}
p {
margin:0px;
padding:0px
}
a, img {
border:none
}
div {
margin:0px;
padding:0px;
}
div#emclbooklet {
background-color:#4e9a97;
position:absolute;
bottom:0px;
top:0px;
left:0px;
width:100%
}
* html div#emclbooklet {
top:0px;
height:100%;
width:100%;
border-top:0px solid #FFFFFF;
z-index:3
}
div#top {
position:absolute;
top:8px;
left:8px;
right:8px;
background-color:#FFFFFF;
height:68px
}
* html div#emclbooklet div#top {
width:100%;
left:0px;
border-right:8px solid #4e9a97;
border-left:8px solid #4e9a97;
z-index:2
}
div#emclbooklet div.ol {
position:absolute;
top:0px;
left:0px;
width:12px;
height:12px;
background-image:url(img/em_ecke_ol.gif)
}
div#emclbooklet div.or {
position:absolute;
top:0px;
right:0px;
left:expression(this.parentNode.clientWidth-12 + 'px');
width:12px;
height:12px;
background-image:url(img/em_ecke_or.gif)
}
div#emclbooklet div.ul {
position:absolute;
bottom:0px;
top:expression(this.parentNode.clientHeight-12 + 'px');
left:0px;
width:12px;
height:12px;
background-image:url(img/em_ecke_ul.gif)
}
div#emclbooklet div.ur {
position:absolute;
bottom:0px;
top:expression(this.parentNode.clientHeight-12 + 'px');
right:0px;
left:expression(this.parentNode.clientWidth-12 + 'px');
width:12px;
height:12px;
background-image:url(img/em_ecke_ur.gif)
}

/* navigation bar */

div#emclbooklet div.navigation {
position:absolute;
top:4px;
left:8px;
font-family: "Gill Sans", "Trebuchet MS", sans-serif;
font-size: 12pt;
color:#000000;
/* color:#FFFFFF; */
}

div#emclbooklet div.navigation img.arrownext {
margin:0px 2px 0px 2px;
border:none;
}

div#emclbooklet div.navigation img.arrowup {
margin:0px 2px 0px 2px;
border:none;
}

div#emclbooklet div.navigation img.arrowprev {
margin:0px 20px 0px 2px;
border:none;
}

div#emclbooklet div.navigation a[href] { text-decoration:underline }
div#emclbooklet div.navigation a[href]:link  { color:#FFFFFF }
div#emclbooklet div.navigation a[href]:visited  { color:#FFFFFF }
div#emclbooklet div.navigation a[href]:active  { color:#FFFFFF }
div#emclbooklet div.navigation a[href]:hover { color:#FFFFFF }
div#emclbooklet div.navigation a[href].none { text-decoration:none }

div#multifile div#contop {
position:absolute;
top:54px; /* RELATED TO TOPHEIGHT */
/* top:40px; */ /* RELATED TO TOPHEIGHT */
left:8px;
right:8px;
background-color:#FFFFFF;
/* height:46px *//* RELATED TO TOPHEIGHT */
height:46px; /* RELATED TO TOPHEIGHT */
}

div#emclbooklet div.navigation {
color:#FFFFFF;
}

div#singlefile div#navspecial a[href] { text-decoration:underline }
div#singlefile div#navspecial a[href]:link  { color:#000000 }
div#singlefile div#navspecial a[href]:visited  { color:#000000 }
div#singlefile div#navspecial a[href]:active  { color:#000000 }
div#singlefile div#navspecial a[href]:hover { color:#000000 }
div#singlefile div#navspecial a[href].none { text-decoration:none }

div#singlefile div#navspecial {
position:absolute;
top:12px; /* RELATED TO TOPHEIGHT */
right:20px;
position:absolute;
font-family: "Gill Sans", "Trebuchet MS", sans-serif;
font-size: 12pt;
color:#000000;
}

div#singlefile div#contop {
position:absolute;
top:8px; /* RELATED TO TOPHEIGHT */
/* top:40px; */ /* RELATED TO TOPHEIGHT */
left:8px;
right:8px;
background-color:#FFFFFF;
/* height:46px *//* RELATED TO TOPHEIGHT */
height:44px /* RELATED TO TOPHEIGHT */
}


* html div#emclbooklet div#contop {
width:100%;
left:0px;
right:0px;
border-right:8px solid #4e9a97;
border-left:8px solid #4e9a97;
z-index:2
}
div#topitem {
position:absolute;
top:0px
left:0px;
height:46px;
padding-right:24px;
background:#4e9a97 url(img/em_ecke_reiter.gif) no-repeat top right
}
div#topitem p {
font-family: "Gill Sans", "Trebuchet MS", sans-serif;
font-size:14pt;
font-weight:bold;
color:#FFFFFF;
/* padding:5px 0px 0px 21px; */
padding:5px 0px 0px 8px;
white-space:nowrap
}
div#topitem span {
color:#000000
}
div#topitem div.ol {
top:34px;
width:100%;
background-color:#FFFFFF;
background-repeat:no-repeat
}


/* bottom bar */

div#bot {
position:absolute;
bottom:8px;
left:8px;
right:8px;
background-color:#FFFFFF;
height:38px
}
* html div#emclbooklet div#bot {
width:100%;
left:0px;
border-right:8px solid #4e9a97;
border-left:8px solid #4e9a97;
z-index:2
}

/* content formatting */

div#multifile div#content h2 {
margin-top:0px;
padding-top:0px;
}

div#multifile div#content h1 {
margin-top:0px;
padding-top:0px;
}

div#content h1 {
margin:0px 40px 0px 0px;
padding:12px 0px 8px 1px;
font-family: "Gill Sans", "Trebuchet MS", sans-serif;
font-size:140%;
font-weight:bold;
color:#000000
}
div#content h2 {
margin:0px 40px 0px 0px;
padding:6px 0px 8px 1px;
font-family: "Gill Sans", "Trebuchet MS", sans-serif;
font-size:120%;
font-weight:bold;
color:#000000
}
div#content h3 {
margin:0px 40px 0px 0px;
padding:4px 0px 6px 1px;
font-family: "Gill Sans", "Trebuchet MS", sans-serif;
font-size:110%;
font-weight:bold;
color:#000000
}
div#content h4 {
margin:0px 40px 0px 0px;
padding:4px 0px 4px 1px;
font-family: "Gill Sans", "Trebuchet MS", sans-serif;
font-size:100%;
font-weight:normal;
font-style:italic;
color:#000000
}

div#content p, div#content pre {
margin:0px 40px 0px 0px;
padding:1ex 0px 0px 1px;
font-family: "Gill Sans", "Trebuchet MS", sans-serif;
font-size:1em;
line-height: 120%;
font-weight:normal;
color:#000000
}

/*
div#content ul, div#content ol, div#content dl {
margin:0px 40px 0px 0px;
padding:1ex 0px 1ex 2em;
font-family:Arial, Helvetiva, sans-serif;
font-weight:normal;
color:#000000;
list-style-type:bullet
}
*/

/*
div#content li, div#content dd, div#content dt {
margin:2px 0px;
padding:0px 0px 2px 1px
}
div#content dd {
margin:0px 0px 0px 50px
}
*/

div#content dt {
font-weight:bold;
}


/* the content area */

/* contentarea: for the frame layout,
   content: for the real content
   in the original iccl style both were "con"
   and left margins had been added to all sorts
   of element types
*/

div#multifile div#contentarea {
position:absolute;
/* top:84px; */ /* RELATED TO TOPHEIGHT */
top:98px;
bottom:16px;
left:8px;
/* left:140px; */
right:8px;
background-color:#FFFFFF;
overflow:auto;
}

div#multifile div#content {
position:absolute;
top:0;
bottom:16px;
left:24px;
right:8px;
background-color:#FFFFFF;
color:#000000;
font-family: "Gill Sans", "Trebuchet MS", sans-serif;
font-size:1em;
line-height: 120%;
}

div#singlefile div#contentarea {
position:absolute;
/* top:84px; */ /* RELATED TO TOPHEIGHT */
top:52px;
bottom:16px;
left:8px;
right:8px;
background-color:#FFFFFF;
overflow:auto;
}

div#singlefile div#content {
position:absolute;
top:0px;
left:24px;
right:8px;
bottom:16px;
background-color:#FFFFFF;
color:#000000;
font-family: "Gill Sans", "Trebuchet MS", sans-serif;
font-size:1em;
line-height: 120%;
}

/* news */

div#mainadd {
position:absolute;
left:320px;
right:20px;
top:0px;
z-index:1
}
* html div#mainadd {
left:0px;
top:0p;
width:100%;
border-left:solid #FFFFFF 320px;
border-right:solid #FFFFFF 20px;
z-index:-1
}

/* further stuff */


/* Emphasize text e.g. in a table like a heading */
.textheading {
font-size:large;
font-weight:bold
}


div#content a[href] { text-decoration:underline }
div#content a[href]:link { color:#0000C0 }
div#content a[href]:visited { color:#0000C0 }
div#content a[href]:active { color:#0000C0 }
div#content a[href]:hover { color:#4e9a97 }
div#content a.none { text-decoration:none }


/* implement both fixed-size and relative sizes */
SMALL.XTINY		{ font-size : xx-small }
SMALL.TINY		{ font-size : x-small  }
SMALL.SCRIPTSIZE	{ font-size : smaller  }
SMALL.FOOTNOTESIZE	{ font-size : small    }
SMALL.SMALL		{  }
BIG.LARGE		{  }
BIG.XLARGE		{ font-size : large    }
BIG.XXLARGE		{ font-size : x-large  }
BIG.HUGE		{ font-size : larger   }
BIG.XHUGE		{ font-size : xx-large }

/* heading styles */
H1 { 
font-family: "Gill Sans", "Trebuchet MS", sans-serif;
font-size:140%;
font-weight:bold;
}

H2 { 
font-family: "Gill Sans", "Trebuchet MS", sans-serif;
font-size:120%;
font-weight:bold;
}

H3 { 
font-family: "Gill Sans", "Trebuchet MS", sans-serif;
font-size:110%;
font-weight:bold;
}

H4 { 
font-family: "Gill Sans", "Trebuchet MS", sans-serif;
font-size:100%;
font-weight:bold;
font-style:italic;
}

H5 { 
font-family: "Gill Sans", "Trebuchet MS", sans-serif;
font-size:100%;
font-weight:normal;
font-style:italic;
}


DIV.center		{   }
SPAN.arabic		{   }
SPAN.textit		{ font-style: italic  }

/* mathematics styles */
DIV.displaymath		{ }	/* math displays */
TD.eqno			{ }	/* equation-number cells */

/* Century Schoolbook font is very similar to Computer Modern Math: cmmi */
.MATH    { font-family: "Century Schoolbook", serif; }
.MATH I  { font-family: "Century Schoolbook", serif; font-style: italic }
.BOLDMATH { font-family: "Century Schoolbook", serif; font-weight: bold }