/* CSS Document */



body {
	width:980px;
	background:#fff6d5;
	font: 16px/1.95em geneva,verdana,sans-serif;
	margin:0;
	color:#000066;
	padding-top:0px;
	border:3px solid #eee;

}



html {
	background:#fff;
	border:15px solid #f6f6f6;
	border-left:30px solid #f6f6f6;
	border-right:30px solid #f6f6f6;
	width: 980px;

}



* {

	margin:0;

	padding:0;

	outline:none;

}



#footer {
	margin-top:0px;
	clear:both;
	border-top:2px solid #eee;
	font:80% Verdana;
	line-height:25px;
	padding-top: 0px;
	padding-right: 50px;
	padding-bottom: 20px;
	padding-left: 0px;
	background-color: #009900;
}



#footer a {
	color:#FFFFFF;

}



#footer .validate {

	float:right;

}



table {
	width:100%;
	padding:10px;
	background-color: #FFF6D5;
	border-top: 1px solid #eee;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
	border-left: 1px solid #eee;

}



th {

	color:#6CCC26;

	border-bottom:1px solid #eee;

	padding:5px;

}



td {

	padding:5px;

	text-align:center;

	background:#FFF6D5;

}



#container {

	width:95%;

	margin:0;

}



#content ul {
	margin:30px 20px 30px 30px;

}



#content ul li {
	border-bottom:0px solid #eee;
	padding:0px;
	color:#444;

}



#content img {

	background:#fff;

	padding:1px;

	border:3px solid #eee;

	margin:3px;

}



#bild-mittig img {

	background:#fff;

	padding:1px;

	border:3px solid #eee;

	

	/*position: absolute;*/

	/*left: 50%;*/



	margin-left: 140px

}



#sidebar ul {

	list-style:none;

}



#sidebar ul a {

	color:#444;

	font:90% Verdana;

	text-decoration:none;

}



#sidebar ul a span {

	color:#ccc;

}



#sidebar ul a:hover span {

	color:#333;

}



#sidebar p {

	font:80% Verdana;

	line-height:24px;

	margin:10px 0 20px 0;

}



#sidebar ul li {
	background:#fafafa;
	margin:1px 0 0 0;
	padding:5px;

}



#sidebar h3 {

	font:120% Arial;

	margin:5px 0;

	color:#222;

}



#content {
	width:80%;
	float:none;
	margin-bottom:50px;
	vertical-align: middle;

}
#content2 {

	width:70%;

	float:left;

	margin-bottom:50px;

}


#sidebar {
	border-left:1px solid #eee;
	padding-left:19px;
	position: absolute;
	height: 818px;
	width: 213px;
	left: 769px;
	top: 290px;
	/* visibility: visible;*/
	
}



.articleinfo {
	font:80% Verdana;
	border-top:1px solid #eee;
	color:#333333;
	padding:20px 0;

}



.articleinfo a {

	color:#6CCC26;

}



.articleinfo a:hover {

	text-decoration:none;

}



#content h3 {

	margin:20px 0;

}



blockquote {

	background:#f6f6f6;

	padding:0 10px;

	border:1px solid #eee;

	font:100% Georgia;

}



#content p {

	line-height:30px;

	margin:20px 0;

	word-spacing:2px;

}



#content p a {

	color:#222;

	text-decoration:none;

	border-bottom:1px solid #ccc;

}



#content p a:hover {

	border-bottom:1px solid #aaa;

}



#content h2 {

	font:190% Times;

	margin-top:15px;

}



#content h2 a {

	color:#333;

	text-decoration:none;

}



#header {
	width:980px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;

}



#header .right {

	float:right;

}



#header h1 {

	font:245% Times New Roman;

	letter-spacing:-2px;

	margin-bottom:5px;

	margin-left:35px;

}



#header h1 a {

	color:#000;

	text-decoration:none;

}



#header h1 a span {

	color:#ccc;

}



#header h1 a:hover span {

	color:#A3E800;

}



#header h3 {

	font:80% Verdana;

	color:#999;

	display:inline;

	margin-left:35px;

}



ul#nav {
	padding:10px;
	font-size:80%;
	border-top:3px solid #6CCC26;
	border-bottom:3px solid #6CCC26;
	font-weight:bold;
	margin:0px 0 0 0;
	background-color: #009900;
	
	
	background-position: top;
}



ul#nav li {

	display:inline;

	list-style:none;

	margin-right:10px;

}



ul#nav li a {
	padding:10px 14px;
	color:#fff;
	text-decoration:underline;
}



ul#nav li a:hover {
	background:#7EDB39;
	color:#fff;
	

}



ul#nav li a.active {

	background:#fff;

	color:#333;

	border-right:2px solid #6CCC26;

	border-bottom:2px solid #6CCC26;

}



p.about {

	border-top:3px solid #6CCC26;

	border-bottom:3px solid #6CCC26;

	color:#fff;

	background:#8EDF53;

	padding:10px;

}



p.about a {

	color:#fff;

}

	







/* These are standard sIFR styles... do not modify */



.sIFR-flash {

	visibility: visible !important;

	margin: 0;

}



.sIFR-replaced {

	visibility: visible !important;

}



span.sIFR-alternate {

	position: absolute;

	left: 0;

	top: 0;

	width: 0;

	height: 0;

	display: block;

	overflow: hidden;

}



/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */

.sIFR-flash + div[adblocktab=true] {

  display: none !important;

}



/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */







.sIFR-hasFlash h2 {

	visibility: hidden;

	letter-spacing: -9px;

	font-size: 55px;

}





#textfeld {
	clear: none;
	height: 87px;
	width: 187px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
	background-color: #FFF6D5;
	float: none;
	position: absolute;
	cursor: default;
	page-break-before: auto;
	page-break-after: auto;
	left: 290px;
	top: 57px;
	line-height: normal;
}
#textfeld1 {
	clear: none;
	height: 27px;
	width: 359px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
	float: none;
	position: absolute;
	cursor: default;
	page-break-before: auto;
	page-break-after: auto;
	left: 570px;
	top: 130px;
	line-height: normal;
	color: #FF0000;
	letter-spacing: normal;
	text-align: center;
	z-index: 2;
}
#textfeld2 {
	clear: none;
	height: 87px;
	width: 278px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
	float: none;
	position: absolute;
	cursor: default;
	page-break-before: auto;
	page-break-after: auto;
	left: 129px;
	top: 284px;
	line-height: normal;
	background-color: #9DACBF;
}

#textfeld3 {
	clear: none;
	height: 113px;
	width: 98px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
	float: none;
	position: absolute;
	cursor: default;
	page-break-before: auto;
	page-break-after: auto;
	left: 570px;
	top: 16px;
	line-height: normal;
	z-index: 2;
}
#BACKLINKS {

	clear: none;
	height: 190px;
	width: 714px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1px;
	font-style: italic;
	font-weight: bold;
	float: none;
	position: absolute;
	cursor: default;
	page-break-before: auto;
	page-break-after: auto;
	left: 52px;
	top: 1869px;
	line-height: normal;
	background-color: #FFF6D5;
}
.Stil1 {font-size: 14}
.Stil5 {
	font-size: 70%;
	color: #FFF6D5;
}
.Stil6 {
	font-size: 18px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: italic;
}
.Stil7 {
	font-size: 18px;
	font-weight: bold;
	font-style: italic;
	
}
.Stil8 {
	font-size: 18px;
	color: #FED800;
}
.Stil9 {
	font-family: "Times New Roman", Times, serif;
	font-size: xx-large;
	color: #0033FF;
}
#textfeld_Stammkundenrabatt {


	clear: none;
	height: 65px;
	width: 179px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
	float: none;
	position: absolute;
	cursor: default;
	page-break-before: auto;
	page-break-after: auto;
	left: 393px;
	top: 378px;
	line-height: normal;
	background-color: #FFF6D5;
}
#textfeld_Seiteimaufbau {



	clear: none;
	height: 65px;
	width: 179px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
	float: none;
	position: absolute;
	cursor: default;
	page-break-before: auto;
	page-break-after: auto;
	left: 428px;
	top: 68px;
	line-height: normal;
	background-color: #FFF6D5;
}
#feld_gifgrafik {




	clear: none;
	height: 75px;
	width: 204px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
	float: none;
	position: absolute;
	cursor: default;
	page-break-before: auto;
	page-break-after: auto;
	left: 392px;
	top: 399px;
	line-height: normal;
	background-color: #FFF6D5;
}
#bannerbg {
	clear: none;
	height: 87px;
	width: 98px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
	float: none;
	position: absolute;
	cursor: default;
	page-break-before: auto;
	page-break-after: auto;
	left: 2px;
	top: 21px;
	line-height: normal;
	z-index: 0;
}
#textfeld_hw {
	clear: none;
	height: 38px;
	width: 503px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
	float: none;
	position: absolute;
	cursor: default;
	page-break-before: auto;
	page-break-after: auto;
	left: 42px;
	top: 254px;
	line-height: normal;
	color: #FF0000;
	letter-spacing: normal;
	text-align: center;
	z-index: 2;
}
#textfeld40 {
	clear: none;
	height: 70px;
	width: 105px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
	float: none;
	position: absolute;
	cursor: default;
	page-break-before: auto;
	page-break-after: auto;
	left: 30px;
	top: 50px;
	line-height: normal;
	color: #FF0000;
	letter-spacing: normal;
	text-align: left;
	z-index: 2;
	padding-left: 10px;
}
#textfeld41 {


	clear: none;
	height: 70px;
	width: 105px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
	float: none;
	position: absolute;
	cursor: default;
	page-break-before: auto;
	page-break-after: auto;
	left: 154px;
	top: 50px;
	line-height: normal;
	color: #FF0000;
	letter-spacing: normal;
	text-align: left;
	z-index: 2;
}
#textfeld42 {


	clear: none;
	height: 70px;
	width: 105px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
	float: none;
	position: absolute;
	cursor: default;
	page-break-before: auto;
	page-break-after: auto;
	left: 278px;
	top: 50px;
	line-height: normal;
	color: #FF0000;
	letter-spacing: normal;
	text-align: left;
	z-index: 2;
}
.Stil10 {font-size: 12px}
.Stil12 {color: #0000FF}
.Stil15 {color: #0000FF; font-weight: bold; }
.Stil16 {
	font-size: 14px;
	font-weight: bold;
}
#textfeld4 {
	clear: none;
	height: 70px;
	width: 105px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
	float: none;
	position: absolute;
	cursor: default;
	page-break-before: auto;
	page-break-after: auto;
	left: 823px;
	top: 10px;
	line-height: normal;
	color: #FF0000;
	letter-spacing: normal;
	text-align: left;
	z-index: 2;
}

#menuh-container		/* this is the main container position as you want*/
	{
	font-size: 1em;		/* do not remove or alter */
	z-index: 1;			/* do not remove or alter */
	}

#menuh							/* this is where you may change font and font size */
	{
	font-size: 0.9em;								/* size of the text in the menu */
	font-family: arial, helvetica, sans-serif; 		/* font */
	font-weight: normal;							/* weight (i.e., bold, italic, ect.)  */
	float: none;									/* do not remove or alter */
	width: 100%;									/* *** PLEASE *** note the comment below */
	}

/* === comment ===
The width value above can be critical to your design. If you leave the value at 100%, then 
the menu will wrap if the browser window is reduced to a size where the menu can't fit. 
If you want your menu to not wrap, then you must set it to a specific size.

To determine what specific size you need, simply count the number of grandparents and 
multiply that number by the width given in the menh ul and menuh lu rules. For example, 
this menu has five grandparents and the width for the menuh ul and li is 9em. Therefore, 
a width of 400 em would stop this menu from wrapping.
*/

#menuh a, #menuh a:visited				/* menu at rest */
	{
	height:1%;							/* do not remove or alter */
	display: block;						/* do not remove or alter */
	white-space: nowrap;				/* do not remove or alter */

	padding-top: 0.3em;					/* height of the menu box above text */
	padding-bottom: 0.3em;				/* height of the menu box below text */
	text-align: center; 				/* if you change this, you'll have to add padding */
	text-decoration: none;				/* this stops the default underline of links */
	color: #FFF;						/* color of the text */
		background-color: #009900;			/* color of the background */

		border-top:3px solid #6CCC26;
	border-bottom:3px solid #6CCC26;
	}	
			
#menuh a.grandparent, #menuh a.grandparent:hover  /* attaches down-arrow to all top-parents */
	{
	background-image: url(menu-arrow.gif);		/* do not remove or alter */
	background-position: right center;			/* do not remove or alter */
	background-repeat: no-repeat				/* do not remove or alter */
	}
	
#menuh a.parent, #menuh a.parent:hover 	/* attaches side-arrow to all parents */
	{
	background-image: url(menu-arrow-down.gif);	/* do not remove or alter */
	background-position: right center;			/* do not remove or alter */
	background-repeat: no-repeat				/* do not remove or alter */
	}

#menuh a:hover								/* menu at mouse-over  */
	{
	color: #FFF;							/* color of text */
	background-color: #6495ED;				/* color of background */
	}	

/* NOTE  the width attriute below is REQUIRED IN BOTH #menuh ul and #menuh li rules below. */
/* If you remove these, the menu will automatically adjust to the length of the menu text. */
/* In other words, the menu becomes a variable width menu (some menus require that) */
/* HOWEVER, you mist add padding to left and right make the menu text readable */
	
#menuh ul
	{
	list-style: none;			/* do not remove or alter */
	margin: 0;					/* do not remove or alter */
	padding: 0;					/* do not remove or alter */
	float: left;				/* do not remove or alter */
	width:9em;					/* width of all menu boxes -- read note above*/
	}

#menuh li
	{
	position: relative;			/* do not remove or alter */
    min-height: 1px;			/* do not remove or alter */ 
    vertical-align: bottom;		/* do not remove or alter */
    width: 9em;					/* width of all menu boxes -- read note above*/
	}

/* ===== DO NOT REMOVE OR ALTER ANYTHING BELOW ===== */

#menuh ul ul			/* parent menu */
	{
	position:absolute;
	top: auto;
	left: auto;
	display:none;
	padding: 0;
	margin: 0;
	z-index: 1;	
	}

#menuh ul ul ul	/* child menu */
	{
	position:absolute;
	top: 0;
	left: 100%;
	}

div#menuh li:hover
	{
	cursor:pointer;
	}

div#menuh li:hover ul ul,
div#menuh li li:hover ul ul,
div#menuh li li li:hover ul ul,
div#menuh li li li li:hover ul ul
{display:none;}

div#menuh li:hover ul,
div#menuh li li:hover ul,
div#menuh li li li:hover ul,
div#menuh li li li li:hover ul
{display:block;}

#menuh						/* IE stuff */
	{
	float:none;
	}
	
body						/* IE stuff */
	{
	behavior:url(tedd/csshover.htc);
	}
	
#menuh ul li				/* IE stuff */
	{
	float:left;
	}
	
#menuh a					/* IE stuff */
	{
	height:1%;
	}

/* End CSS Drop Down Menu */
<!--
.Stil21 {
	font-size: x-small
}
.Stil23 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
}
.Stil24 {font-size: 14px}
.Stil26 {
	font-size: 16pt
}
-->
  
