/* The simple document and link look */
body {
  text-align:		center;
  background-color:	#eeeeee;
  font-size:		10pt;
}
      
a {
  text-decoration:	underline;
  color:		black;
}
a:hover {
  text-decoration:	none;
  color:		red;
}

img {
  border:		1px solid black;
}

/* The main container and stuff like banner, navigation, content and footer and all their subclasses */      
#container {
  margin:		auto;
  width:		800px;
  border:		1px solid black;
  background-color:	white;
  overflow:		hidden;
}
#banner {
  margin:		0;
  padding:		0;
  height:		60px;
  text-align: 		right;
  background-image:	url('./images/banner.png');
}
#banner span {
  margin-left:		200px;
  margin-top:		10px;
  font-size:		32px;
  font-weight:		bold;
  float:		left;
}
      
#navi_img {
  margin-top:		5px;
  margin-right:		5px;
}
      
#navigation {
  margin:		0;
  padding:		0;
  text-align:		center;
  border-top:		1px solid black;
  border-bottom:	1px solid black;
  background-color:	RGB(217 ,215 ,215);
  list-style-type:	none;
}
#navigation li {
  margin-left:		-1px;
  padding:		1px;
  display:		inline;
}
#navigation a {
  text-decoration:	none;
}

#machines {
  padding:		0;
  border-bottom:	1px solid black;
}
/* We need a way so it works for Mozilla AND IE */

#machines img {
  margin-top:		-1px;
  margin-bottom:	-5px;
}
* html body #machines img {
  margin-bottom:	-4px;
}

/* Now we macke sure everything is at the right place */
#machine_left {
  text-align:		left;
  float:		left;
}
#machine_right {
  text-align:		right;
}

      
#content {
  padding:		35px 5px 5px 5px;
  text-align:		left;
}
#content p {
  clear:		both;
  display:		block;
}
#content ul {
  margin:		0;
  margin-bottom:	5px;
  padding:		0;
  float:		left;
  list-style-type:	none;
}
/* because the IE does stupid stuff with the margin we have to do it this way thx Bill... */
* html body #content ul {
  margin-bottom:	-15px;
}

#content li {
  margin-left:		15px;
}

#footer {
  padding:		2px;
  text-align:		left;
  border-top:		1px solid black;
  background-color:	RGB(217 ,215 ,215);
}
#footer img {
  float:		left;
}
#footer span {
  margin-left:		10px;
}

/* Some basic classes which can b quite usefull */
.line_break {
  clear:		both;
  display:		block;
}

.center {
  text-align:		center;
}