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_global/bg_sommer_04.jpg);
        background-position: center top;
	background-color: #E2EFDB;
	background-repeat: no-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 #74A965;
	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: #BFDFAE;
} 

/* 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ässig 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: auto;
	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: 0;
	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 fliessen 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 fliessen lassen. */
	float: left;
	margin-right: 8px;
}
 
.thrColAbs #container #sidebar1 #logo {
	height: 200px;
	width: 215px;
	background-color: #FFF;
	background-image: url(/09/dev/menupunkte/bgr_top_left_right.jpg);
	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/menupunkte/bgr_top_left_right.jpg);
	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/menupunkte/bgr_top_sommer.jpg);
	background-repeat: no-repeat;
	background-position: left;
	margin-top:0px;
}

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

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

.thrColAbs #container #mainContent #main02 {
	height: 330px;
	background-repeat: no-repeat;
	background-position: center center;
	margin-top: 6px;
	margin-left: 7px;
}
.thrColAbs #container #mainContent #main03 {
	background-color: #FFF;
	height: 50;
	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: #74A965;
	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: #74A965;
	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: #34661D;
}

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


.thrColAbs #container #mainContent #main03 p {
	font-size: 12px;
	margin-left: 10px;
	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:#34661D;
}

.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:#34661D;
}

.thrColAbs #container #sidebar1 #wetter {
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #34661D;
	padding-top: 15px;
	text-align: center;
	margin-top: 150px;
	border-top-width: 2px;
	border-top-style: dotted;
	border-top-color: #d4dfd9;
	padding-bottom: 15px;
}

.thrColAbs #container #sidebar2 #block1 {
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #34661D;
	padding-top: 30px;
	padding-left: 5px;
	background-image: url(/09/dev/menupunkte/punkt_pauschalen_sommer.png);
	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: #34661D;
}

.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: #34661D;
	padding-top: 40px;
	padding-bottom: 10px;
	background-image: url(/09/dev/menupunkte/punkt_newsticker_sommer.png);
	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: #34661D;
	padding-top: 30px;
	padding-left: 5px;
	background-image: url(/09/dev/menupunkte/punkt_pauschalen_sommer.png);
	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: #34661D;
	padding-top: 40px;
	padding-bottom: 10px;
	padding-left: 5px;
	background-image: url(/09/dev/menupunkte/punkt_top_angebote_sommer.png);
	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: #34661D;
}

.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: #34661D;
	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;
}
.thrColAbs #container #content_left {
width:960px;
padding:10px;
margin-left:3px;
margin-top:10px;
font-face:"Tahoma";
font-size:2;
}