body {
	margin: 0px;
  padding: 0px;
	text-align: center;
  color: #555;
	background-color:#fff;
	font-family: "Lucida Sans", Verdana, Arial, Geneva, Helvetica, sans-serif;
  font-style: normal;
  font-size: 14px;
	background-image: url("img/background.gif");
}

a:link, a:visited, a:hover, a:focus { text-decoration: none; color:#555;}

hr { height: 1px; border: 0 none; border-top: 1px dotted #aaa; margin: 30px 40px 30px 40px; clear: both; }
hr.small { height: 1px; border: 0 none; border-top: 1px dotted #fff; margin: 0px 40px 0px 40px; clear: both; }
hr.large { height: 50px; border: 0 none; border-top: 1px dotted #fff; margin: 0px 40px 0px 40px; clear: both; }

/*** Main Container ***/
#centeredContainer {
	width: 850px;
	margin:0 auto;
	text-align: left;
}
#shadowContainer {
	width: 850px;
	margin:0 auto;
	text-align: left;
	background-image: url("img/shadow-back.png");
	background-repeat:repeat-y;
}
#mainContainer {
	width: 820px;
	margin: 0px 15px 0px 15px;
	padding:0px;
	text-align: left;
	background-color:#fff; /*eef is good*/
	border:1px solid #000;
}

/*** Hauptmenu ***/
#menubox {
	background-color:#000;
	/*background-image: url("img/header820x120.jpg");*/
	width: 820px;
	height: 120px;
	margin: 0px;
	border-bottom:1px solid #000;
}
#menu {
	display: block;
float: left;
  z-index: 300;
  margin: 100px 0px 0px 16px;
	position:absolute;
}
#menu a  { color:#aaa; font-size: 12px; font-weight:normal; display: block; cursor: pointer; float:left; padding: 0px 8px 0px 0px;}
#menu a.red { color:#c00; }
#menu a.orange { color:#f60; }
#menu a.yellow { color:#ff0; }
#menu a.green { color:#9c0; }
#menu a.blue { color:#39c; }
#menu a.magenta { color:#939; }


/*** Mittlerer Bereich ***/
#contentContainer {
	width: 740px;
  padding: 30px 40px 30px 40px;
  margin: 0px;
  border: 0px;
	background-image: url("img/background_container.gif");
	background-repeat:repeat-x;
	z-index: 300;
	background-color:#f9f9f9;
}
#content {
	font-family:Arial, Helvetica, sans-serif;
	text-align: left;
  padding: 0px;
	margin: 0px;
  font-size: 14px;
	z-index: 200;
}

/*** Definitionen fuer den Content Bereich ***/
#content p { padding: 0px; }
#content div { padding: 0px; margin: 0px 0px 10px 0px; }
#content div.referenceBlock { font-size:12px; margin: 10px 0px 10px 0px; }

p.description { clear:both; margin: 0px 0px 8px 0px; }
p.property { margin: 0px 0px 2px 0px; }

#content h1 { font-family:Arial, Helvetica, sans-serif; font-size: 18px; color: #555; font-weight: bold; margin: 0px 0px 10px 0px; clear: none; }
#content h2 { font-family:Arial, Helvetica, sans-serif; font-size: 16px; color: #555; font-weight: bold; margin: 12px 0px 8px 0px; clear:both; }
#content h4 { font-family:Arial, Helvetica, sans-serif; font-size: 11px; color: #555; font-weight: bold; margin: 0px 0px 10px 0px;}
#content h2.references { font-family:Arial, Helvetica, sans-serif; font-size: 11px; color: #fd66cb; font-weight: bold; margin: 0px 0px 10px 0px;}

#content div.articleContainer { margin: 0px 0px 50px 0px; }

#content a:link, a:visited, a:focus { color:#39c; text-decoration:none; }
#content a:hover { color:#939; text-decoration:none; }

.introductionContainer {margin: 0px 0px 20px 0px;}
.productContainer {margin: 0px 0px 50px 0px; clear:both}

.priceContainer {float:right}
.priceContainer .text {font-size:9px}


/* Formatierung Texte mit Bildern */
#content img { border:4px solid #eee; float: left; margin: 0px 16px 14px 0px; border:0px; }
#content img.left { border:4px solid #eee; float: left; margin: 0px 16px 14px 0px; }
#content img.leftIncluded { border:4px solid #eee; float: left; margin: 10px 12px 10px 0px; }
#content img.right { border:4px solid #eee; float: right; margin: 0px 0px 14px 16px; }
#content img.center { border:4px solid #eee; border:4px solid #eee; clear:both; float: none; margin: 0 auto; }
#content img.topLink { border:0px; float: right; margin: 0px 0px 0px 4px; }
#content a.right { float: right; margin: 0px 0px 14px 16px; }

#nofloat { float: none; }

#content ul { list-style: none; margin: 0px 0px 6px 0px; padding: 0; }
#content ul li { padding: 0px 0px 6px 0px; margin-left: 15px; }
#content ul.none li { list-style: none; padding: 2px 0px 2px 0px; margin-left: 15px; }

#content ul.referenceBlock { list-style: none; margin: 0px 0px 6px 0px; padding: 0; }
#content ul.referenceBlock li { font-size:11px; padding: 0px 0px 2px 0px; margin-left: 0px; }

/*** Tabellen ***/

#content table,td {
  border: 1px solid #CCC;
  border-collapse: collapse;
}
#content table {
  border: none;
  border: 1px solid #CCC;
	margin: 0px 0px 8px 0px;
}
* html #content table { float: left; }

#content thead th, tbody th {
  background: #c8e0d1;
  color: #267b44;
  padding: 5px 5px;
  border-left: 1px solid #CCC;
}
#content tbody th{
  background: #c8e0d1;
  border-top: 1px solid #CCC;
  text-align: left;
}
#content tbody tr td{
  padding: 5px 5px;
  color: #555;
  vertical-align: top;
}
#content tbody tr:hover {
  background: #f4f4f4;
}
#content tbody tr:hover td {
  color: #454545;
}

.horizontal {
	margin: 0px 200px 0px 200px;
}
#content .horizontal table {
	width: 700px;
  border: 0px;
	margin: 20px 20px 20px 20px;
	/*background: #000;*/
}
#content .horizontal table tbody tr td{
	width: auto;
	border: 0px;
  padding: 0px;
  color: #555;
	text-align: center;
  vertical-align: middle;
	font-size: 12px;
}
#content .horizontal table tbody tr:hover {background: none;}

#content .horizontal table tbody tr td table {
	width: 350px;
  border: 0px;
	margin: 0px;
}
#content .horizontal table tbody tr td table tbody tr td {
	width: auto;
	border: 0px;
	margin:0px;
  padding: 0px;
  color: #555;
	text-align: center;
  vertical-align: middle;
	font-size: 12px;
}

/*** footer ***/
#mainContainer #footerbox {
	width: 820px;
	height:25px;
	padding:10px 0px 0px 0px;
	margin: 0px;
	font-size:10px;
  clear: both;
  border-top: 1px solid #000;
  text-align: center;
	vertical-align:middle;
	background-color:#000;
}
#mainContainer #footerbox #footer {	margin:0px; }
#mainContainer #footerbox #footer a  { color:#aaa; font-size: 12px; font-weight:normal; cursor: pointer; padding: 0px 8px 0px 0px;}

.noborder {border:0px;}
.hidden {display:none;}

#shadowBottom {
  background-image: url("img/shadow-bottom.png");
  background-repeat: no-repeat;
  height: 10px;
	padding:5px 0px 0px 0px;
	font-size:10px;
	width: 850px;
	text-align: center;
	vertical-align:middle;
	margin-bottom: 20px;
	color:#888;
}
#shadowBottom div a { color:#555; font-weight:normal; cursor: pointer; }


/*** Multiple Choice ***/
#numberInput { margin:10px; }
#content img#mcStart { clear:both; float: none; margin: 0 auto; cursor:pointer; }
.questionBox { width:740px; border:1px solid #aaa; background-color:#f6f6f6; }
.questionBox form { width:740px; margin:10px 10px 10px 10px; padding:0px; }
#content .questionBox form img.questionSubmit { margin:5px 0px 0px 0px; float:none; border:0px; cursor:pointer; }
#content .questionBox form p.evaluation { margin:0px 10px 5px 10px; }
#content .questionBox form p.questionBoxQuestion { margin:10px 10px 10px 5px; padding:0px; }
#content .questionBox form p.questionBoxAnswer { margin:0px 10px 5px 10px; padding:0px; }
#content .evaluationBox { padding:8px 0px 0px 0px; border:1px solid #aaa; background-color:#fafafa; }
#content .evaluationBox p { margin:0px 10px 5px 10px; padding:0px; }
#content .evaluationBox a { margin:10px 10px 5px 10px; }
#content .evaluationBox a img { margin:0px; float:none; border:0px; cursor:pointer; }