 
body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0; /* Es empfiehlt sich, margin (Rand) und padding (Auff�llung) des Body-Elements auf 0 einzustellen, um unterschiedlichen Browser-Standardeinstellungen Rechnung zu tragen. */
	padding: 0;
	text-align: center; /* Hierdurch wird der Container in IE 5*-Browsern zentriert. Dem Text wird dann im #container-Selektor die Standardausrichtung left (links) zugewiesen. */
	color: #000000;
	background-image: url(../bg/bg1002.gif);
	background-repeat:repeat;
	

}
.thrColAbs #container {
	position: relative; /* Durch Hinzufügen von position: relative k�nnen Sie die beiden Randleisten im Verh�ltnis zu diesem Container positionieren. */
	width: 1024px; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */
	border: 1px solid #000000;
	text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element �berschrieben. */

	background-repeat: no-repeat;
	background-position: left bottom;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	font-family: Verdana, Geneva, sans-serif;
	height:auto;	
	min-height: 912px;
	background-color: #4C84C1;
} 

/* Tipps für absolut positionierte Randleisten:
1. F�r absolut positionierte (AP) Elemente m�ssen Sie einen oberen (top) und einen seitlichen (right oder left) Positionswert angeben. Wenn der Wert f�r top fehlt, beginnt das AP-Element standardm��ig direkt nach dem letzten Element in der Quellenabfolge der Seite. Wenn also die Randleisten in der Quellenabfolge des Dokuments die ersten Elemente im #container sind, erscheinen sie ganz oben im #container, auch wenn f�r sie kein top-Wert angegeben wurde. Falls sie aber sp�ter in der Quellenabfolge an eine andere Stelle verschoben werden sollten, ben�tigen sie einen top-Wert, damit sie an der gew�nschten Position stehen.
2. Absolut positionierte (AP) Elemente werden aus dem Dokumentfluss herausgenommen. Dies bedeutet, dass den benachbarten Elementen ihre Existenz unbekannt ist und dass sie nicht ber�cksichtigt werden, wenn diese Elemente den ihnen zugedachten Platz auf der Seite einnehmen. Ein AP-div sollte daher nur als Randspalte eingesetzt werden, wenn Sie sicher sind, dass das mittlere #mainContent-div immer die gr��te Inhaltsmenge hat. Sollte eine der Randleisten eine gr��ere Inhaltsmenge aufweisen, w�rde diese Randleiste uneingeschr�nkt �ber das Ende des �bergeordneten div hinauslaufen.
3. Sofern die oben genannten Bedingungen erf�llt sind, k�nnen Sie mit absolut positionierten Randleisten die Quellenabfolge in Dokumenten auf einfache Weise steuern.
*/
.thrColAbs #sidebar1 {
	position: absolute;
	top: 0;
	left: 0;
	width: 216px;
	height: 1000px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
}
.thrColAbs #sidebar2 {
	position: absolute;
	top: 0;
	right: 0;
	width: 215px;
	height: 1000px;
	padding-bottom: 15px;
	overflow: auto;
}
.thrColAbs #mainContent {
	position: relative;
	height: auto;
	margin-top: 0;
	margin-right: 215px;
	margin-bottom: 0;
	margin-left: 215px;
	margin-top:0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
	background-color: #FFF;
}
.fltrt { /* Mit dieser Klasse k�nnen Sie ein Element auf der Seite nach rechts flie�en lassen. Das floatende Element muss vor dem Element stehen, neben dem es auf der Seite erscheinen soll. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* Mit dieser Klasse k�nnen Sie ein Element auf der Seite nach links flie�en lassen. */
	float: left;
	margin-right: 8px;
}
 
.thrColAbs #container #sidebar1 #logo {
	height: 200px;
	width: 215px;
	background-color: #FFF;
	background-image: url(/09/dev/bgr_top_left_2.gif);
	background-repeat: no-repeat;
	background-position: center center;
	text-align: center;
	vertical-align: center;
}

.thrColAbs #container #sidebar1 #logo img {
	margin-top: 35px;
}

.thrColAbs #container #sidebar2 #banner {
	height: 200px;
	width: 215px;
	background-color: #FFF;
	background-image: url(/09/dev/bgr_top_left.gif);
	background-repeat: no-repeat;
	background-position: center center;
	text-align: center;
	vertical-align: center;
}

.thrColAbs #container #sidebar2 #banner img {
	margin-top: 15px;
	text-align: center;
}

.thrColAbs #container #sidebar1 #menue {
	height: 250px;
	width: 215px;
	font-family: Verdana, Geneva, sans-serif;
	margin-top: 20px;
}
.thrColAbs #container #mainContent #main01 {
	background-color: #FFF;
	height: 85px;
	background-image: url(/09/dev/bgr_top_2.gif);
	background-repeat: no-repeat;
	background-position: left;
}

.thrColAbs #container #mainContent #main01 a {
	text-decoration: none;
}

.thrColAbs #container #mainContent #main01 a:visited {
	text-decoration: none;
}

.thrColAbs #container #mainContent #main02 {
	height: 400px;
	background-repeat: no-repeat;
	background-position: center center;
	margin-top: 6px;
	margin-left: 7px;
}
.thrColAbs #container #mainContent #main03 {
	background-color: #FFF;
	height: auto;
	margin-right: 15px;
	margin-left: 15px;
}

.thrColAbs #container #mainContent #main04 {
	height: 50px;
}

.thrColAbs #container #sidebar1 #menue p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	background-color: #7ca8ce;
	height: 20px;
	padding-left: 10px;
	margin-top: 5px;
	padding-top: 5px;
	color: #d7ebfc;
	margin-left: 15px;
	margin-bottom: 2px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #d7ebfc;
	border-bottom-color: #d7ebfc;
	border-left-color: #d7ebfc;
}

.thrColAbs #container #sidebar1 #menue p a {
	text-decoration: none;
	color:#d7ebfc
}

.thrColAbs #container #sidebar1 #menue p a:hover {
	color:#FFF
}

.thrColAbs #container #sidebar1 #menue p a:visited {
	color:##d7ebfc
}

.thrColAbs #container #sidebar1 #menue p a:active {
	color:##d7ebfc
	font-weight:bold;
}

.thrColAbs #footer p {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #990000;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 1px;
	text-align: center;
}
.thrColAbs #container #mainContent #main01 p {
	font-size: 12px;
	text-align: right;
	margin-right: 0px;
	padding-top: 67px;
	margin-top:0px;
}
.thrColAbs #container #mainContent #main01 p a {
	color: #000;
}

.thrColAbs #container #mainContent #main01 p a:hover {
	text-decoration:none;
	color: #4C84C1;
}

.thrColAbs #container #mainContent #main03 h1 {
	font-size: 16px;
	color: #036;
	font-weight: bolder;
	margin-left: 5px;
	margin-top: 0px;
}
.thrColAbs #container #mainContent #main03 h2 {
	font-size: 14px;
	color: #036;
	margin-left: 5px;
}


.thrColAbs #container #mainContent #main03 p {
	font-size: 12px;
	margin-left: 0px;
	margin-right: 3px;
}
.thrColAbs #container #sidebar1 #menue #submenue ul {
	font-size: 12px;
	list-style-type: disc;
	margin-left: 40px;
	margin-top: 0px;
	padding-bottom: 1px;
	padding-top: 1px;
	list-style-image: url(/09/dev/list2.gif);
	color: #FFF;
}

.thrColAbs #container #sidebar1 #menue #submenue ul a {
	text-decoration:none;
	color:#d7ebfc;
}

.thrColAbs #container #sidebar1 #menue #submenue ul a:hover {
	text-decoration:none;
	color:#FFF;
	font-weight: bold;
}

.thrColAbs #container #sidebar1 #menue #submenue ul a:visited {
	text-decoration:none;
	color:#d7ebfc;
}

.thrColAbs #container #sidebar1 #wetter {
	margin-left: 35px;
	padding-top: 15px;
	text-align: center;
	margin-top: 150px;
	padding-bottom: 15px;
}

.thrColAbs #container #sidebar2 #block1 {
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #d4dfd9;
	padding-top: 30px;
	padding-left: 5px;
	background-image: url(/09/dev/block1_bgr.gif);
	background-repeat: no-repeat;
	background-position: center top;
	font-size: 12px;
	color: #FFF;
	text-align: left;
}

.thrColAbs #container #sidebar2 #block1 ul {
	list-style-type: disc;
	font-size: 12px;
	color: #FFF;
	text-align: left;
	padding-top: 2px;
	padding-bottom: 0px;
	padding-left: 1px;
	margin-left: 10px;	
	list-style-image: url(/09/dev/list2.gif);
}

.thrColAbs #container #sidebar2 #block1 ul a {
	text-decoration: none;
	color: #FFF;
}

.thrColAbs #container #sidebar2 #block1 ul li {
	margin-left: 10px;
}
.thrColAbs #container #sidebar2 #block1 ul p {
	padding-left: 5px;
	padding-right: 5px;
	margin-right: 5px;
	margin-left: 5px;
}

.thrColAbs #container #sidebar2 #block2 {
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #d4dfd9;
	padding-top: 40px;
	padding-bottom: 10px;
	background-image: url(/09/dev/block4_bgr.gif);
	background-repeat: no-repeat;
	background-position: center top;
	text-align: center;
}

.thrColAbs #container #sidebar2 #block5 {
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #d4dfd9;
	padding-top: 30px;
	padding-left: 5px;
	background-image: url(/09/dev/block5_bgr.gif);
	background-repeat: no-repeat;
	background-position: center top;
	font-size: 12px;
	color: #FFF;
	text-align: left;
}

.thrColAbs #container #sidebar2 #block5 ul {
	list-style-type: disc;
	font-size: 12px;
	color: #FFF;
	text-align: left;
	padding-top: 2px;
	padding-bottom: 0px;
	padding-left: 1px;
	margin-left: 10px;	
	list-style-image: url(/09/dev/list2.gif);
}

.thrColAbs #container #sidebar2 #block5 ul a {
	text-decoration: none;
	color: #FFF;
}

.thrColAbs #container #sidebar2 #block5 ul li {
	margin-left: 10px;
}
.thrColAbs #container #sidebar2 #block5 ul p {
	padding-left: 5px;
	padding-right: 5px;
	margin-right: 5px;
	margin-left: 5px;
}

.thrColAbs #container #sidebar2 #block3 {
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #d4dfd9;
	padding-top: 40px;
	padding-bottom: 10px;
	padding-left: 5px;
	background-image: url(/09/dev/block2_bgr.gif);
	background-repeat: no-repeat;
	background-position: center top;
	font-size: 12px;
	color: #FFF;
	text-align: left;
}

.thrColAbs #container #sidebar2 #block3 ul {
	list-style-type: disc;
	font-size: 12px;
	color: #FFF;
	text-align: left;
	padding-top: 2px;
	padding-bottom: 0px;
	padding-left: 1px;
	margin-left: 10px;	
	list-style-image: url(/09/dev/list2.gif);
}

.thrColAbs #container #sidebar2 #block3 ul a {
	text-decoration: none;
	color: #FFF;
}

.thrColAbs #container #sidebar2 #block3 ul li {
	margin-left: 10px;
}
.thrColAbs #container #sidebar2 #block3 ul p {
	padding-left: 5px;
	padding-right: 5px;
	margin-right: 5px;
	margin-left: 5px;
}

.thrColAbs #container #sidebar2 #block4 {
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #d4dfd9;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
}


.subheaderListviewWinter {
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #000;
	border-right-color: #000;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: bold;
	background-color: #4C84C1;
	color: #FFF;
}

.subheaderListviewWinter a {
	text-decoration:none;
	color:#FFF;
}

.subheaderListviewWinter a:visited {
	text-decoration:none;
	color:#FFF;
}

.subheaderListviewWinter a:hover {
	text-decoration:none;
	color:#000;
}
.gb_navigation {
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #000;
	border-bottom-color: #000;
	padding-top: 3px;
	padding-bottom: 3px;
	font-weight: bold;
}
.gb_absender {
	background-color: #7ca8ce;
	padding-top: 3px;
	padding-bottom: 3px;
}.inputButton {
	border: 1px solid #000;
	background-color: #4C84C1;
	color: #FFF;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	height: 25px;
}
.warenkorb1 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
	background-color: #CCC;
}
.warenkorb2 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
	background-color: #CCC;
