/* Reset all the styles so as to not worry about browser settings. */
/*RH SeaLeft
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td, tr { margin: 0em; padding:0em; border:0em; }
*/

BODY {
      background-color : #FFFFFF;
      font-family : Arial, Verdana, Geneva, Helvetica, sans-serif;
      color : #000000;
      margin: 0px; 
      }

.TextNormal {
    font-family : Arial, Verdana, Geneva, Helvetica, sans-serif;
    font-size: 14px;
	color: #FF0000;
}

.TextLarge {
    font-family : Arial, Verdana, Geneva, Helvetica, sans-serif;
    font-size: 18px;
	font-weight: 500;
	color: #FF0000;
}

.TextSmall {
    font-family : Arial, Verdana, Geneva, Helvetica, sans-serif;
    font-size: 10px;
	color: #FF0000;
}

.ShadowContainer { 
    position: relative; 
	left: 15px; 
	top: 15px; 
	color: #000000; 
	font-size: 50px;
}

.ShadowText { 
    position: absolute; 
	left: -5px; 
	top: -5px; 
	color: #FF0000;
	font-size: 50px;
}

/*RH SeaLeft
P {
    font-size: 14px;
}*/

P.ContentParagraph {
/*RH SeaLeft    font-size: 14px;*/
	margin-top: 25px;

/*RH SeaLeft*/
	margin-left: 1.0em;
	margin-right: 1.0em;
}

P.TimelineParagraph {
    margin-left: 1.0em;
	margin-right: 0.0em;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

/* For the Previos and Next links on the timeline.  We want them on the right side of the screen.*/
P.TimelineRight {
    font-family : Arial, Verdana, Geneva, Helvetica, sans-serif;
    font-size: 14px;
	color: #FF0000;
	text-align: right;
    margin-left: 1.0em;
	margin-right: 1.0em;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

span.TimelineSpan {
    font-family : Arial, Verdana, Geneva, Helvetica, sans-serif;
    font-size: 14px;
	color: #FF0000;
    margin-left: 1.0em;
	margin-right: 1.0em;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

/* Timeline images need to be "backed up" by the margin amount of two layers of timeline (the year and the product).  This is so they don't widen the document by being pushed too far to the right. For the same reason we have to backup the right margin as well.*/
img.TimelineImage {
    position: relative;
	margin: 0.0em;
	margin-left: -2.0em;
}

P.NavParagraph {
	margin-top: 8px;
	margin-bottom: 6px;
}

HR {
    color: #FF0000;
    background-color: #FF0000;
    height: 2px;
	width: 750px;
	border-style: none;
	border-width: 0px;
}

HR.Sep {
    color: #FF0000;
    background-color: #FF0000;
    height: 2px;
	width: 90%;
	border-style: none;
	border-width: 0px;
}

.NavCurrent {
    font-family : Arial, Verdana, Geneva, Helvetica, sans-serif;
    font-size: 18px;
	font-weight:500;
    color: #FFFF80; 
}

.NavText {
    font-family : Arial, Verdana, Geneva, Helvetica, sans-serif;
    font-size: 18px;
	font-weight:500;
    color: #FF0000; 
}

A.ContentLinkLarge:link {
  color: #FF0000; 
  text-decoration : underline; 
  font-size:18px; 
  font-weight:500;
  background: transparent;}
A.ContentLinkLarge:visited {
  color: #FF0000; 
  text-decoration : underline;
  font-size:18px; 
  font-weight:500;
  background: transparent;}
A.ContentLinkLarge:hover { 
  color: #FF0000; 
  text-decoration : underline; 
  font-size:18px; 
  font-weight:500;
  background: transparent;}

A.ContentLink:link {
  color: #FF0000; 
  text-decoration : underline; 
  font-size:14px; 
  font-weight:500;
  background: transparent;}
A.ContentLink:visited {
  color: #FF0000; 
  text-decoration : underline;
  font-size:14px; 
  font-weight:500;
  background: transparent;}
A.ContentLink:hover { 
  color: #FF0000; 
  text-decoration : underline; 
  font-size:14px; 
  font-weight:500;
  background: transparent;}

A.ContentLinkSmall:link {
  color: #FF0000; 
  text-decoration : underline; 
  font-size:10px; 
  font-weight:500;
  background: transparent;}
A.ContentLinkSmall:visited {
  color: #FF0000; 
  text-decoration : underline;
  font-size:10px; 
  font-weight:500;
  background: transparent;}
A.ContentLinkSmall:hover { 
  color: #FF0000; 
  text-decoration : underline; 
  font-size:10px; 
  font-weight:500;
  background: transparent;}

A.NavLink:link {
  color: #FF0000; 
  text-decoration : none; 
  font-size:18px; 
  font-weight:500;
  background: transparent;}
A.NavLink:visited {
  color: #FF0000; 
  text-decoration : none;
  font-size:18px; 
  font-weight:500;
  background: transparent;}
A.NavLink:hover { 
  color: #FFFF80; 
  text-decoration : none; 
  font-size:18px; 
  font-weight:500;
  background: transparent;}

ul.ContentList {
    color: #FF0000;
	margin-top: 0px;
	margin-right: 25px;
	list-style-type: disc;
}



.Header {
	position: absolute;
    top: 0px;
    left: 0px;
    width: 800px;
    height: 80px;
	background: #0084FF;
	color: #FFFFFF;
    } 

.Pic1 {
    position: absolute;
	top: 64px;
	left: 660px;
	width: 32px;
	height: 32px;
	}

.Pic2 {
    position: absolute;
	top: 64px;
	left: 700px;
	width: 32px;
	height: 32px;
    }

.Pic3 {
    position: absolute;
	top: 64px;
	left: 740px;
	width: 32px;
	height: 32px;
    }

.Navigation {/*The navigation on the left side, positioned absolutely*/
    position: absolute;
	top: 82px;
	left: 0px;
    width: 135px;
	height: 600px;
	background: #0084FF;
	color: #FFFFFF;
    font-family : Arial, Verdana, Geneva, Helvetica, sans-serif;
    line-height : 110%;/*line-height set to 110% in order to*/
    }                  /*have the navigation elements better separated*/

.Inhalt {/*this is the main content area*/
    position: absolute;
	top: 82px;
	left: 137px;
    width: 663px;
	height: 600px;
	background: #0084FF;
    /*declare a color together with a contrasting background color*/
    color: #FFFFFF;/*to insure readability*/
    /*to position the content area to the right of the navigation*/
	padding: 5px;
    font-family : Arial, Verdana, Eyechart, Geneva, Helvetica, sans-serif; 
    border: 0.1px solid #FFFFFF; 
   /*to insure that NN4.xx renders the background-color of the content area*/
    }

.box {/*this is a box where the bottom-navigation*/
      /* and the copyright will be placed*/
  background: #FFFFFF;
  color : #000099;
  font-family : Arial, Tahoma, Verdana, Helvetica, sans-serif;
  font-size: 12px;
  padding : 2px;
  margin: 2px;
  border-color : #48D1CC;
  border-style : groove;
  border-width : 2px;/* the border property in longhand*/
  }

.navbox {/*button-like box for the left-side navigation*/
   font-size: 15px;/*readability for the links*/
   font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
   background-color: #003399;
   border-color: #FF6633;/*or, in shorthand, the three*/
   border-style: groove; /*border-properties would read:*/
   border-width: 2px;/*border: 2px groove #FF6633;*/
   padding: 1px;
   margin: 2px;
   }

 P, OL, UL, DL {font-size: 15px;}
/*font-family is already defined, here I only set the font-size*/
P OL, P UL, P DL, OL UL {font-size: 15px;}
/*and here the I prevent the incredible shrinking text*/
        
.six {font-size: 11px; 
  color: #999999; /*this is for small text*/
  background: transparent;}
.mit {text-align: justify;}/*justified text*/
.red {color : #FF0000; background: #FFFFFF;}
.mint {color: #009999; background: #FFFFFF;}
.ROT {font-size: 16px; /*also red, but bigger and in bold*/
  color: #FF0000; 
  font-weight: 600; 
  background: #FFFFFF;}
    
a:link {/*normal links in the text*/
  color: blue; 
  text-decoration : none; 
  background: #FFFFFF;}
a:visited {
  color: #FF0000; 
  text-decoration : none; 
  background: #FFFFFF;}
a:hover { 
  color: #999999; 
  text-decoration : underline; 
  background: #FFFFFF;}

/*now follow the section links in the navigation bar on the left side*/        
a.nav:link {
  color: #FFFFFF; 
  text-decoration : none; 
  font-weight: 600; 
  font-size:14px; 
  background: transparent;}
a.nav:visited {
  color: #FF8C00; 
  text-decoration : none;
  font-weight: 600; 
  font-size:14px; 
  background: transparent;}
a.nav:hover { 
  color: #7FFFD4; 
  text-decoration : none; 
  font-weight: 600; 
  font-size:14px; 
  background: transparent;}
a.navtot {/*the style for the actual page*/
  color: #CDCDCD; 
  text-decoration: none; 
  font-weight: 600; 
  font-size: 14px; 
  background: transparent;}

strong, b {font-weight: 800;}
/*NN 4.xx needs that...*/ 
big {font-size: larger;}
/*to emphasize words, use it inline with a <span> class*/ 
small {font-size: smaller;}
/*not really necessary, but one never knows...use it inline with a <span> class*/

a.nav2:link {
  color: #FFFFFF; 
  text-decoration : none; 
  font-weight: 500; 
  font-size:13px; 
  background: transparent;}
a.nav2:visited {
  color: #FF8C00; 
  text-decoration : none;
  font-weight: 500; 
  font-size:13px; 
  background: transparent;}
a.nav2:hover { 
  color: #7FFFD4; 
  text-decoration : none; 
  font-weight: 500; 
  font-size:13px; 
  background: transparent;}
a.navtot2 {
  color: #CDCDCD; 
  text-decoration: none; 
  font-weight: 600; 
  font-size: 13px; 
  background: transparent;}/*the actual page*/