BODY {
	background-color : #FFFFFF;
	background-image: url(http://www.illumipeg.com/images/pegpattern1.gif);
	background-repeat: repeat-y; 
	font-family : Verdana, Eyechart, Geneva, Arial, Helvetica, sans-serif;
	color : #000088;
	margin: 0px; 
	}

.Navigation {/*The navigation on the left side, positioned absolutely*/
	position: absolute;
	top: 100px;
	left: 3px;
	width: 135px;
	height: auto;
	font-family : Verdana, Eyechart, Geneva, Arial, 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*/
	background: #FFFFFF;
	/*declare a color together with a contrasting background color*/
	color: #000000;/*to insure readability*/
	margin-left: 160px;
	/*to position the content area to the right of the navigation*/
	margin-right: 20px;/*breathing space for the text*/
	padding: 5px;/*space to separate navigation and content*/
	font-family : Verdana, Eyechart, Geneva, Arial, Helvetica, sans-serif; 
	width: auto;
	border: 0.1px solid #FFFFFF; 
	/*to insure that NN4.xx renders the background-color of the content area*/
	}

.HeaderLogo {
		position: fixed;
		margin-top: 10px;
		margin-left: 20px;
		background-color: #000000;
	}

.Header {
	margin-top: 0px;
	margin-left: 140px;
	/*
	margin-left: 135px;
	*/
  /* background-image: url(file:///home/mike/litebrite/website/sitedesign/images/pegpattern1.jpg); */
	background-color: #000000;
	} 

.box {/*this is a box where the bottom-navigation*/
	/* and the copyright will be placed*/
	background: #FFFFFF;
	color : #3f3f3f;
	font-family : Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	padding : 2px;
	margin: 2px;
	border-color : #000000;
	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;
	border-color: #3f3f3f;/*or, in shorthand, the three*/
	border-style: groove; /*border-properties would read:*/
	border-width: 2px;/*border: 2px groove #FF6633;*/
	padding: 1px;
	margin: 2px;
	}

P 	{
	font-size: 13px;
	margin-top: 0;
	margin-bottom: 10px;
	}
li 	{
	font-size: 13px;
	margin-top: 0;
	margin-bottom: 10px;
	}

P OL, UL, DL {font-size: 13px;}
/*font-family is already defined, here I only set the font-size*/ 
P OL, P UL, P DL, OL UL {font-size: 13px;}
/*and here the I prevent the incredible shrinking text*/

H1 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: larger;
	font-weight: bold;
	color: #800000;
	margin-top: 0;
	margin-bottom: 0;
	}

H2 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #800000;
	margin-top: 0;
	margin-bottom: 0;
	}
	        
	        
.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*/
.oldbrowser {display: none;}  

.productpicture {
	float:left;
	width:20%;	
	}

.prodimage {
	border-color: #800000;
	border-style: groove; 
	border-width: 3px;
	}