body {height:95%; max-width:760px; margin:0 auto;  background-color:#ffffff;font-family:arial;background-image:url('bilder/hintergrund.jpg');background-repeat:repeat;}
image		{border:none;}

a:link    { text-decoration: none      ; color: #666666 ;}
a:visited { text-decoration: none      ; color: #666666 ;}
a:active  { text-decoration: none      ; color: #000000 ;}
a:hover   { text-decoration: none      ; color: #000000 ;}

.schrifttfgr	{font-size:30pt; color:#000000; text-align:left;margin-left:10px;}
.schrifttfkl	{font-size:16pt; color:#000000; text-align:left;margin-left:10px;}
.navinfot     {font-size:8pt; color:#000000; text-align:left;margin-left:5px;}

.layout		{width:490px;}
.schrift120	{width:120px;font-size:8pt; text-align:justify;margin-left:5px;}
.schrift250	{width:490px;font-size:10pt; text-align:justify;margin-left:30px;color:#000000;}
.schrift400	{font-size:10pt; color:#000000; text-align:left;margin-left:10px;margin-right:10px;}
.instrumente	{width:468px;text-align:justify;font-size:10pt;color:#000000; }
.pfad 			{width:465px;font-size:8pt;margin-left:0px;background-color:#ffffff;margin-top:0px;padding-top:10px;padding-bottom:10px;}
.un-liste		{list-style-type:circle;list-style-position:outside;margin-left:30px;font-size:10pt;color:#000000;}
.ol-liste		{list-style-type:decimal;list-style-position:outside;margin-left:30px;font-size:10pt;}


.schriftrf	{width:180px;font-size:8pt; text-align:justify;margin-left:10px; color:#000000; }
.schriftbf	{font-size:8pt; text-align:center; color:#000000; }
.schrifttab	{font-size:8pt; text-align:left; color:#000000; }
.schrifttabb	{font-size:8pt; text-align:left; color:#000000;font-weight:bold; }
.schriftlf 	{font-size:10pt;text-align:left; color:#888888;font-weight:bold;hspace="50"; margin-left:30px }

.schriftmf 	{font-size:24pt;text-align:left; color:#888888;font-weight:bold;hspace="50"; margin-left:30px }

.schriftma 	{font-size:12pt;text-align:left; color:#888888;font-weight:bold;hspace="50"; margin-left:30px }

.schrifttabc	{font-size:9pt; color:#000000; text-align:left; margin-left:10px; margin-right:0px}

<!-- hoch und tiefgestellte Schrift -->

.sup {vertical-align:top; font-size:0.8em; line-height:100%;}
.sub {vertical-align:bottom; font-size:0.8em; line-height:100%;}

.clear{clear:both;}

<!-- Trennlinie Text grau -->

hr{border:none;border-top:1px solid #aaaaaa; color: #666666; background-colorr: #666666; height: 1px;margin: 5px 80px 5px 80px;}

<!-- Hintergund fuer Ueberschriften -->

.rosabox { background-color:#FFDDDD; padding:6px; margin:0px; }
.rosa { background-color:#FFDDDD; }
.gelbbox { background-color:#FFFF66; padding:6px; margin:0px; }
.gelb { background-color:#FFFF66; }

.boxrot { background-color:#79141f; padding:6px; margin:0px; }
.boxora { background-color:#ce6f27; padding:6px; margin:0px; }
.boxbla { background-color:#102249; padding:6px; margin:0px; }
.boxgru { background-color:#1b4f26; padding:6px; margin:0px; }
.boxgra { background-color:#696969; padding:6px; margin:0px; }
hbw {color:#ffffff; font-weight:bold;font-size:12pt;text-align:left;margin-bottom:2px; }

.graubox {color:#eeeeee; font-weight:bold;font-size:12pt;text-align:left; text-shadow:#000000 2px 2px 2px; background-color:#666666; padding:6px; margin:2px; }
#f1 {font-weight:normal;font-size:9pt;text-align:left; position:fixed; top:0px; left:5px; width:100%; height:20px; background-color:#ffff99;font-style:italic;}
#f2 {font-weight:normal;font-size:9pt;text-align:left;text-indent:20px;width:120px; height:20px;font-style:normal;color:#333333;margin-bottom:0px;margin-top:-6px;}
#wrapper {width:770px;position:absolute;left:50%;margin-left:-380px;}
#tf {width:760px; top:5px;height:auto !important; background-color:#ffffff; }

#navinfo {color:000000; width:740px; top:40px; height:20px;  border-top-width: 0px; border-top-style:solid; margin-top:6px; margin-bottom:0px; margin-left:10px; }

#lin {left:0px; top:40px; width:160px; auto !important; text-align:left; padding:5px; float:left; }
#mi {left:160px ; top:40px; width:460px; auto !important; overflow:auto; text-align:left; padding:5px; float:left; }
#re {left:600px ; top:40px; width:120px; auto !important; text-align:left; padding:5px;float:left; }
#ut {width:460px; top:20px; height:20px; border-top-color: #000000; border-top-width: 1px; border-top-style:solid;margin-top:3px; margin-bottom:5px; }

<!-- Hintergrundbild -->
#fx { position:fixed;top:145px; left:150px;}

.infobox {width:450px;margin-left:90px;}
.infobox td {width:150px;font-size:8pt;vertical-align:top;padding-right:15px;}

dl {float: right;margin: 0 10px 0 10px;text-align: left;}
span	{color:#000000; font-size:8pt;text-align:left;line-height:11pt;}

<!-- Ueberschriften -->

h1 {color: #000000; font-weight:bold;  font-size:12pt;text-align:left;                    border-bottom-color: #ffffff; border-bottom-width: 1px; border-bottom-style:solid;margin-top:20px; margin-bottom:10px; }
h2 {color: #000000; font-weight:bold;  font-size:12pt;text-align:left;margin-left:10px;border-bottom-color: #ffffff; border-bottom-width: 1px; border-bottom-style:solid;margin-top:10px; margin-bottom:10px; }
h3 {color: #000000; font-weight:normal;font-size:10pt;text-align:justify;margin-left:15px;border-bottom-color: #ffffff; border-bottom-width: 1px; border-bottom-style:solid;margin-top:5px; margin-bottom:10px; }
h4 {color: #000000; font-weight:normal;font-size:10pt;text-align:justify;margin-left:20px;border-bottom-color: #ffffff; border-bottom-width: 1px; border-bottom-style:solid;margin-top:3px; margin-bottom:10px;}

.rot {color:#79141f; }
.ora {color:#ce6f27; }
.bla {color:#102249; }
.gru {color:#1b4f26; }
.gra {color:#696969; }


p {color:#333333; font-size:8pt;}
pb {font-family:arial; text-decoration: none; font-weight:bold; margin-top: 0;margin-bottom: 0;font-size:12pt;color:#000000;text-indent:20px;}

<!-- Tabellenformatierung -->
th {background-color:#ffdead; color: #888888; border: 1px solid #fff; font-weight:normal;font-size:10pt;}
table, th, td {border: 0px solid #993300; border-collapse: collapse; font-family:Arial; font-size:10pt;text-align:left;padding: 5px;}
.oben th {background-color: #ffffff;font-size:8pt;color:#000000;font-weight:bold;}
.ungerade td{background-color: #cccccc;font-size:8pt;color:#000000;}
.gerade td{background-color: #ffffff;font-size:8pt;color:#000000;}

.info td{border: 1px solid #000000; background-color: #dddddd;font-size:8pt;color:#000000;}
.info-rot td{border: 1px solid #888888; background-color: #FFe4e1;font-size:8pt;color:#000000;}




.download td{font-weight:bold;margin-left:50px;}
.types td{font-size:8pt;font-weight:bold;margin-left:50px;}

.hinter td  {border:10px solid #ffffff;margin:2px; background-color: #ffffff;hight:300pt; width:120pt; vertical-align:top;}
.hinterb td  {border:10px solid #ffffff;margin:2px; background-color: #ffffff;hight:300pt; width:120pt; vertical-align:middle;}
.hinter2 {background-color: #ffffff;}

<!-- Tabellenformatierung Produktgruppe Info   -->

.hinterc  {border:10px solid #000000;margin:2px; background-color: #ffffff;hight:300pt; width:120pt; vertical-align:middle;font-weight:normal;font-size:8pt;}

#horizmenue {width:760px; text-align:center;}
#horizmenue li {display:inline; padding: 0px 10px; }
#horizmenue a {padding: 2px 8px 5px;}

<!-- Menue Topframe  -->

#navitf { margin: 10; padding: 0 0 18px 0;border-bottom: 1px solid #000000; background-color:#ffffff}
#navitf ul, #navitf li{margin: 0; padding: 0; display: inline; list-style-type: none; }
#navitf a:link, #navitf a:visited { float: left; line-height: 14px; font-weight: bold; margin: 0 10px 0 10px; text-decoration: none; color: #000000; }
#navitf #akt {padding-bottom: 2px; color: #ffffff; border-bottom: 2px solid #ffffff; }
#navitf a:hover, #navitf a:hover#akt { padding-bottom: 2px; color: #000000; border-bottom: 2px solid #000000; }

#navi { margin: 10; padding: 0 0 18px 0;border-bottom: 1px solid #000099; background-color:#666699            }
#navi ul, #navi li{margin: 0; padding: 0; display: inline; list-style-type: none; }
#navi a:link, #navi a:visited { float: left; line-height: 14px; font-weight: normal; margin: 0 10px 0 10px; text-decoration: none; color: #000000; }
#navi #akt {padding-bottom: 2px; color: #000000; border-bottom: 2px solid #000000; }
#navi a:hover, #navi a:hover#akt { padding-bottom: 2px; color: #000099; border-bottom: 2px solid #000099; }

<!-- Menue rechter Frame  -->

#navi2 { margin: 10; padding: 0px 0px 0px 0px; width: 110px; }
#navi2 ul, #navi2 li{margin: 0; list-style-type: none;	padding: 0px 0px 0px 0px; font-size:8pt; font-weight: normal;}
#navi2 li a {	display: block;}
#navi2 a:link, #navi2 a:visited {text-decoration: none;	color: #777777; border-bottom: 1px solid #777777; }
#navi2 #akt {padding-bottom: 0px; color: #888888; border-bottom: 1px solid #888888; }
#navi2 a:hover, #navi2 a:hover#akt { padding-bottom: 0px; color: #000000; border-bottom: 1px solid #000000;}

#navi3 {margin: 0px; padding: 0px; list-style-type: none; text-align:center; }
#navi3 li {padding: 0px; margin: 0px; display: inline;	}
#navi3 li a:link { border-bottom: 1px solid #eeeeee;padding: 2px 5px 2px 5px; font-size: 8pt; color: #333333; font-family: Arial; text-decoration: none; color: #777777;}
#navi3 li a:hover, #navi3 li a:hover#akt {border-bottom: 1px solid #eeeeee; padding: 2px 5px 2px 5px; color: #000000;}

#navi4 { margin: 0; padding: 0px 0px 0px 0px; width: 760px;}
#navi4 ul, #navi4 li{margin: 0; list-style-type: none;	padding: 0px 0px 0px 0px; font-size:8pt; font-weight: normal;text-align:left; }
#navi4 li a {	display: inline;}
#navi4 a:link, #navi4 a:visited {text-decoration: none;	color: #666699;}
#navi4 #akt {padding-bottom: 0px; color: #00009; border-bottom: 1px solid #000099; }
#navi4 a:hover, #navi4 a:hover#akt { padding-bottom: 0px; color: #000099; border-bottom: 1px solid #000099;}

div#pagination{
	font-family:tahoma;
	text-align:center;
}
#pagination span{
	display:block;
	float:left;
	font-size:11px;
	line-height:13px;
	margin: 2px 6px 2px 0;
}
#pagination span a{
	background-color:#ffffff;
	border:1px solid #bbbbbb;
	color:#303030;
	display:block;
	padding:1px 5px 2px 5px;
	text-decoration:none;
}
#pagination span a:hover, #pagination span a:active{
	color:#ffffff;
	background-color:#444499;
	border:1px solid #303030;
}
#pagination span.aktuell{
	background-color:#444499;
	border:px solid #303030;
	color:#ffffff;
	font-size:11px;
	padding:1px 5px 2px 5px;
}

<!-- Seitennummerierung Ende -->


<!-- Flyout menue Anfang
/* ========================================================================================================================
This copyright notice must be untouched at all times. The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/flyout_4level.html Copyright (c) 2005-2011 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any way to fit your requirements.
================================================================================================================== */   -->

.menu {font-family: arial, sans-serif; width:650px; height:100px;
				position:relative; font-size:10px; z-index:100;}

.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; 
											color:#fff; width:104px; height:20px;
											text-align:center; color:#fff; border:1px solid #993300; background:#993300;
											line-height:20px; font-size:12px; overflow:hidden;}
.menu ul {padding:0; margin:0; list-style: none;}
.menu ul li {float:left; position:relative;}
.menu ul li ul {display: none;}

/* specific to non IE browsers */
.menu ul li:hover a {color:#000000; background:#777777;}
.menu ul li:hover ul {display:block; position:absolute; top:21px; left:0; width:105px;}
.menu ul li:hover ul li a.hide {background:#777777; color:#fff;}
.menu ul li:hover ul li:hover a.hide {background:#777777; color:#000;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background:#999999; color:#000;}
.menu ul li:hover ul li a:hover {background:#333333; color:#000;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:105px; top:0;}
.menu ul li:hover ul li:hover ul.left {left:-105px;}


<!-- Menue vertikal links Anfang-->

.menuv { height: 100px; font-size: 8px; font-family: arial; margin: 10px; }
.menuv ul { position: relative; z-index: 500; padding: 0pt; margin: 0pt; list-style-type: none; width: 105px; }
.menuv li { background-color: #993300; float: left; }
.menuv li.sub { background-color: #cccc99; }
.menuv table { position: absolute; border-collapse: collapse; top: 0pt; left: 0pt;
				z-index: 100; font-size: 2em; margin-top: -1px; }
.menuv a, .menuv a:visited { display: block; text-decoration: none; height: 20px; line-height: 20px; width: 105px;
								color: #fff; border-style: solid; border-color: #993300; border-width: 1px;
								padding-left: 1em; font-size:8px; font-weight: normal; font-style: normal;
								font-variant: normal; text-transform: none; }
.menuv b { float: right; margin-right: 5px; }
* html .menuv a, * html .menuv a:visited { width: 11em; }
* html .menuv a:hover { color: #ccff66; background-color: #444499; position: relative; font-weight: normal;
							font-style: normal; font-variant: normal; text-decoration: none; text-transform: none; }
.menuv li:hover { position: relative; }
.menuv a:active, .menuv a:focus { color: #ccff66; background-color: #444499; font-weight: normal;
										font-style: normal; font-variant: normal; text-decoration: none;
										text-transform: none; }
.menuv li:hover > a { color: #fff; background-color: #777777; font-weight: normal; font-style: normal;
						font-variant: normal; text-decoration: none; text-transform: none; }
.menuv li ul { visibility: hidden; position: absolute; top: -2em; left: 90px; padding: 2em;
					background-color: transparent; }
.menuv li:hover > ul { visibility: visible; }
.menuv ul a:hover ul ul { visibility: hidden; }
.menuv ul a:hover ul a:hover ul ul { visibility: hidden; }
.menuv ul a:hover ul a:hover ul a:hover ul ul { visibility: hidden; }
.menuv ul a:hover ul { visibility: visible; }
.menuv ul a:hover ul a:hover ul { visibility: visible; }
.menuv ul a:hover ul a:hover ul a:hover ul { visibility: visible; }
.menuv ul a:hover ul a:hover ul a:hover ul a:hover ul { visibility: visible; }


<!-- Menue vertikal links Ende -->

<!-- Fly out menue Ende -->


<!-- Slideshow  Startseite -->

<!-- http://reallysimpleworks.com/slideshow/ -->


/**
*	Really Simple™ Slideshow -- CSS
*/

.rs-slideshow {
	border: 12px solid #444;
	border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	-khtml-border-radius: 12px;
	height: 400px;
	margin: 24px auto;
	overflow: hidden;
	position: relative;
	width: 500px;
}

.rs-slideshow .slide-container {
	background-color: #fff;
	position: absolute;
	height: 300px;
	left: 0;
	overflow: hidden;
	top: 10px;
	width: 400px;
}

.rs-slideshow .slide-container img {
	position: bottom;height: 180px
}

.rs-slideshow .slide-container .slide-caption {
	background-color: #fff;
	bottom: 0;
	color: #fff;
	display: block;
	left: 0;
	padding: 6px 12px;
	position: absolute;
	text-align: center;
	right: 0;
	filter: alpha(opacity=70); /* internet explorer */
	-khtml-opacity: 0.7;      /* khtml, old safari */
	-moz-opacity: 0.7;       /* mozilla, netscape */
	opacity: 0.7;           /* fx, safari, opera */
}

.rs-slideshow .slides {
	display: none;
}

.rs-slideshow .slide-container img,
.re-slideshow .slide-container .slide-caption,
.rs-slideshow .slide-container a {
	filter: inherit;
}


/**
*	These styles make the list of links to slide images visible to users
*	who don't have JavaScript enabled. By adding the 'no-js' class to 
*	the HTML element, and using Modernizr to remove this class for JS
*	users, we can style for both scenarios.
*	http://www.modernizr.com/
*/

.no-js .rs-slideshow {
	height: auto;
}
.no-js .rs-slideshow .slide-container, 
.no-js .rs-slideshow .slide-container img {
	position: relative;
}
.no-js .rs-slideshow .slides {
	display: block;
	margin: 24px 48px;
}
.no-js .rs-slideshow .slides li {
	margin: 0;
}



/**
*	The following styles are used in the demos with slideshow controls, 
*	such as play/pause and prev/next buttons.
*/

.rs-controls {
	clear: both;
	margin: 26px auto;
	width: 320px;
}
.rs-play-pause, .rs-prev, .rs-next {
	float: left;
	margin-right: 12px;
}
.rs-controls ul {
	float: left;
	list-style: none;
	margin: 0 6px 0 0;
	padding: 0;
}
.rs-index-list li {
	float: left;
	margin-right: 6px;
}
.rs-controls a {
	background-color: #eee;
	border: 1px solid #ddd;
	/*border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;*/
	color: #444;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding: 3px 5px;
	text-decoration: none;
}
.rs-controls a:hover {
	background-color: #ddd;
	color: #444;
}
.rs-controls .rs-active {
	background-color: #444;
	border: 1px solid #444;
	color: #eee;
}


#callback-messages,
#slide-class-message {
	margin: 48px auto;
	width: 620px;
}
.slide-container.some-custom-class .slide-caption {
	background-color: #890;
	font-size: 3em;
	font-style: italic;
	font-weight: bold;
	text-align: right;
	top: 0px;
	width: 100px;
}



/*	Clearfix	*/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; } /* Hides from IE-mac \*/
.clearfix { display: block; }

{}