/****************************************************************/
/* Body und Schriftdefinitionen */
/****************************************************************/

html { 
	padding:0px;
	margin:0px;}

body {
	background-color: #2A4E4A;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	color: #564b47;
	padding: 0px 0px 0px 40px;
	margin:0px;}

p, h2, pre {
	margin: 0px;
	padding: 5px 20px 5px 10px;}

a {
	color: #448E7A;
	font-weight: bold;}

pre { 
	color: #564b47;
	font-size: 11px;
	background-color:transparent;
	font-family: Courier, Monaco, Monospace;}

h1 {
	font-size:14px;
	color: #564b47;
	font-weight: bold;}

h2 {
	font-size:14px;
	padding-top:10px;
	color: #564b47;
	background-color: transparent;}

strong { font-size: 13px;}


/****************************************************************/
/*  Formatierungen */
/****************************************************************/

.maintext {
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	color:#564b47; }
/* grosse Textmengen - Fliesstexte */


.headline {
	font-size: 1.05em;
	font-family: Arial, Helvetica, sans-serif;
	color:#166352;
	font-weight: bold; }
/* Überschriften in Fliesstexten auf weiß */

.verticalnavigationtop {
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-weight: bold;}

.advertisementtop { text-align: center; }

.horizontalnavigationtop {
	padding:5px;
	margin:0px;
	font-size: 12px;}

.mehrlink {
	font-size: 11px;
	font-style: italic; }
/* Kleiner gelinkter Text "Mehr Infos..." */

ul {
	list-style-type: disc;
	list-style-position: outside;
	list-style-image: url(../../De/images/System/ListStyleImage.gif);
	margin-top: 1px;}

.siteheadline {
	font-size: 30px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-align: center;}
/* Überschriften auf dem Kopfbanner" */



/****************************************************************/
/* Bilder */
/****************************************************************/

img.alignright { padding: 3px 0px 5px 3px;}

img.alignleft { padding: 3px 5px 3px 0px;}


/****************************************************************/
/* Positionierung Hauptelemente */
/****************************************************************/

#motherbox {
	position: absolute;
	width: 900px;
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;}
/* Hauptcontainer, der das Grundlayout der Seite vorgibt */

#logobox {
	margin: 20px 0px 0px 0px;
	padding: 0px;
	background-image: url(../../De/images/System/head-replay.gif);
	background-repeat: repeat-x;
	height: 84px;}
/* Container, der den Seitenheader bzw. das Logo beinhaltet */

#links {
	position: absolute;
	left: 0px;
	width: 170px;
	color: #564b47;
	margin: 0px; 
	padding: 0px; }
/* Navigation */

#inhalt {
	margin: 0px 0px 0px 170px;
	padding: 0px 10px 0px 0px;
	background-color: #ffffff;
	line-height: 1.15em; }
/* Info: line-height ist hier Mittel zum Zweck, um den Peekaboo im IE6x auszumerzen. */

#rechts {
	position: static;
	right: 0px;
	width: 200px;
	color: #564b47;
	padding: 0px 0px 0px 10px;
	float: right;}

#footer {
	margin: 50px 0px 0px 300px;
	padding: 0px 0px 0px 0px;
	background-color: #ffffff;
	font-size: 10px;
	text-align: right;}



/****************************************************************/
/* Positionierung Elemente */
/****************************************************************/

#title-at-the-top {
	position: absolute;
	left: 120px;
	top: 20px;
	width: 695px;}

#search {
	position: absolute;
	left: 763px;
	top: 167px;
	font-style: italic;
	width: 118px;}

#advertisementtop {
	text-align: center;
	background-image: url(../../images/System/head-replay.gif);}

#horizontalnavigationtop {
	padding: 5px 0px 0px 175px;
	height: 20px;}

#verticalnavigationtop {
	background-image: url(../../images/System/Background-MenueHeader.jpg);
	background-repeat: repeat-x;
	padding: 3px 0px 1px 12px;
	height: 16px;
	width: 155px;}


#navigationappendix {
	width: 145px;
	margin-left: 5px;
	border: 1px solid;
	border-color: #003300;}

#navigationboxspacer {height: 10px;}



/****************************************************************/
/* Imagecontainer */
/****************************************************************/

.Imagecontainer {
	width: 225px;
	float: left;
	margin: 5px 5px 5px 5px;
	border: 1px solid #333333;}

.Imageheader {
	background-image: url(../../images/System/Productname-Background.jpg);
	background-color: #2E6466;
	width: 225px;
	padding: 0px 0px 0px 0px;
	border: 0px;
	margin: 0px 0px 0px 0px;
	text-align: center;
	font-weight: bold;
	font-size: 12px;
	color: #FFFFFF;}

.Imagecontent {
	width: 225px;
	height: 200px;
	padding: 0px 0px 0px 0px;
	border: 0px;
	margin: 0px 5px 0px 0px;
	font-size: 13px;
	text-align: center;
	background-image: url(../../images/System/Background-Motherbox.jpg);}



/****************************************************************/
/* Navigation */
/****************************************************************/

ul.menu {
	list-style: none;
	margin: 0;
	padding: 0;	}

#menu {
	width: 170px;
	margin: 2px 0px 0px 0px;
	font-size: 12px;
	font-family: Geneva, Arial, Helvetica, sans-serif;}
	
#menu li a {
	height: 32px;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 16px;
	text-decoration: none;}	
	
#menu li a:link, #menu li a:visited {
	display: block;
	background-image: url(../../images/System/Menu-normalhoover.gif);
	padding: 1px 0px 0px 25px;}
	
#menu li a:hover, #menu li a:active {
	background-image: url(../../images/System/Menu-normalhoover.gif);
	background-position: 0 -16px;}

a.menu {
	color: #FFFFFF;
	font-weight: bold;}
a.menu-hinweis {
	color: #CC0000;
	font-weight: bold;}