@charset "UTF-8";

/*---------------------------------------------------------*/
/* Tags */
/*---------------------------------------------------------*/

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 200%;
	background: #FFFFFF;
	margin-left: 30px;
	margin-top: 20px;
	margin-right: 30px;
	margin-bottom: 10px;
	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;
}

h1 {
	padding-top: 7px;
	font-size: 170%;
}

h2 {
	padding-top: 7px;
	font-size: 135%;
}

h3 {
	font-size: 120%;
}

p { 
	font-size: 12px; 
	line-height: 200%;
}

td {
	font-size: 12px; 
	line-height: 200%;
}

a { 
	font-size: 12px; 
	color: #000000;
}

a:visited { 
	font-size: 12px;
	color: #000000;
}

a:hover { 
	font-size: 12px; 
	color: #06A058;
}

ul {
	font-size: 12px;
}

li { 
	font-size: 12px;
}

fieldset {
	text-align: left;
	width: 100%;
	margin: 0 0 -1em 0;  
	padding: 0 0 1em 0;  
	border-style: none;  
	border-top: 1px solid #BFBAB0;  
	background-color: #F2EFE9;
} 

fieldset.alt {  
	background-color: #E6E3DD; 
}

legend {  
	padding: 0;  
	color: #545351;  
	font-weight: bold; 
}

legend span {
	position: absolute;
	margin-top: 0.5em;
	font-size: 120%;
	margin-left: 0.5em;
}
 
fieldset ol {  
	padding: 3.5em 1em 0 1em;  
	list-style: none; 
}
 
fieldset li {  
	float: left;  
	clear: left;  
	width: 100%;  
	padding-bottom: 1em; 
} 

fieldset.submit {  
	float: none;  
	width: auto;  
	padding-left: 16em;  
	background-color: #FFF;
}

label {  
	float: left;  
	width: 15em;  
	margin-right: 1em; 
}

fieldset fieldset {  
	margin-bottom: -2.5em;  
	border-style: none;  
	background-color: transparent;  
	background-image: none; 
} 

fieldset fieldset legend {  
	margin-left: 0;  
	font-weight: normal; 
} 

fieldset fieldset ol {  
	position: relative;  
	top: -1em;  
	margin: 0 0 0 16em;  
	padding: 0; 
} 

fieldset fieldset label {  
	float: none;  
	width: auto;  
	margin-right: auto; 
}

textarea {
     resize: none;
}

/*---------------------------------------------------------*/
/* DIVs */
/*---------------------------------------------------------*/

.twoColFixLtHdr #container { 
	margin: 0 auto; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */
	border: 1px solid #FFFFFF;
	text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */
}
 
.twoColFixLtHdr #header {
	background: #FFFFFF;  /* Diese Auffüllung entspricht der linksbündigen Ausrichtung der Elemente in den divs, die darunter erscheinen. Wenn im #header anstelle von Text ein Bild eingesetzt wird, sollten Sie die Auffüllung entfernen. */
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
}
 
.twoColFixLtHdr #header h1 {
	margin: 0; /* Wenn Sie den Rand des letzten Elements im #header-div auf 0 einstellen, können Sie das Auftreten unerwarteter Abstände zwischen divs vermeiden. Wenn das div einen Rahmen hat, ist dies unnötig, weil dieser Rahmen die gleiche Wirkung hat. */
	padding: 10px 0; /* Durch die Verwendung der Auffüllung anstelle von Rändern lässt sich gewährleisten, dass das Element die Kanten des div nicht berührt. */
}

.twoColFixLtHdr #sidebar1 {
	float: left; /* Da es sich hier um ein floatendes Element handelt, muss eine Breite angegeben werden. */
	width: 189px; /* Die tatsächliche Breite dieses div umfasst in standardgerechten Browsern bzw. im Standardmodus von Internet Explorer außer der Breite auch die Auffüllung und den Rahmen. */
	background: #FFFFFF;
	padding-left: 0px;
	padding-top: 30px;
	padding-bottom: 0px;
}

.twoColFixLtHdr #sidebar1 a {
	font-size: 14px; 
	font-weight: bold; 
	text-decoration: none; 
	color: #000000;
}

.twoColFixLtHdr #sidebar1 a:hover {
	font-size: 14px; 
	font-weight: bold; 
	text-decoration: none; 
	color: #06A058;
}

.twoColFixLtHdr #mainContent {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 200px;
	padding-top: 10px;
	padding-right: 30px;
	padding-bottom: 0;
	padding-left: 30px;
}

#contentRef img {
	border: 0;
	margin: 7px;
	vertical-align: middle;
	max-width: 200px;
	max-height: 150px;
}
 
.twoColFixLtHdr #footer { 
	padding: 0 10px 0 20px; /* Diese Auffüllung entspricht der linksbündigen Ausrichtung der Elemente in den divs, die darunter erscheinen. */
	background:#FFFFFF;
	text-align: center;
}
 
.twoColFixLtHdr #footer p {
	margin: 0; /* Wenn Sie die Ränder des ersten Elements in der Fußzeile auf 0 einstellen, können Sie unerwartete Abstände zwischen divs vermeiden. */
	padding: 10px 0; /* Durch die Verwendung der Auffüllung bei diesem Element entsteht genau wie bei einem Rand ein Leerraum, aber ohne die potenziellen Abstandsprobleme. */
}

.twoColFixLtHdr #produkte_sub {
	display: none;
}

.twoColFixLtHdr #produkte_sub a {
	font-size: 12px;
}

.twoColFixLtHdr #produkte_sub a:hover {
	font-size: 12px;
}

.twoColFixLtHdr #takeway_sub {
	display: none;
}

.twoColFixLtHdr #takeaway_sub a {
	font-size: 12px;
}

.twoColFixLtHdr #takeaway_sub a:hover {
	font-size: 12px;
}

.twoColFixLtHdr .rollregal_spalte_lt {
	display: inline-block;
	width: 30%;
	padding-right: 10px;
	padding-left: 10px;
}

.twoColFixLtHdr .rollregal_spalte_rt {
	float: right;
	display: inline-block;
	width: 30%;
	padding-right: 10px;
	padding-left: 10px;
}

/*---------------------------------------------------------*/
/* Classes */
/*---------------------------------------------------------*/

.welcome { 
	font-size: 20px; line-height: 150%;
}
.welcomeTitle { 
	font-weight: bold; 
	font-size: 24px; 
	line-height: 100%;
}

.address { 
	font-size: 12px; 
	line-height: 150%;
}

.footer {
	font-size: 8px;
}

.footer a {
	text-decoration: none; 
	font-size: 8px; 
	color: #000000;
}

.footer a:hover {
	text-decoration: none; 
	font-size: 8px; 
	color: #000000;
}

.footerLink:visited { 
	text-decoration: none; 
	font-size: 8px; 
	color: #000000;
}

.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;
}

.clearfloat { /* Diese Klasse sollte in einem div- oder break-Element platziert werden und das letzte Element vor dem Schließen eines Containers sein, der wiederum einen vollständigen Float enthalten sollte. */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

.sublink {
	font-size: 10px; 
	font-weight: normal; 
	text-decoration: none; 
	color: #000000;
}

.sublink:hover {
	font-size: 10px; 
	font-weight: normal; 
	text-decoration: none; 
	color: #06A058;
}

.sublink_active {
	font-size: 10px; 
	font-weight: normal; 
	text-decoration: underline; 
	color: #06A058;
}

.sublink_active:hover {
	font-size: 10px; 
	font-weight: normal; 
	text-decoration: underline; 
	color: #06A058;
}

.nonlink {
	font-size: 14px; 
	font-weight: bold; 
	font-weight: bold; 
	text-decoration: none; 
	color: #000000;
}

.form_right {
	display: inline;
	width: 200px;
	text-align: right;
	clear: both;
	position: absolute;
}

.text {
	border: 1px solid #666666;
	height: 16px;	
}

.textarea {
	border: 1px solid #666666;
}

.form_note {
	position: relative;
	width: 210px;
	display: none;
	padding-bottom: 9px;
	background-color: #666666;
	left: 400px;
	bottom: 36px;
	z-index: auto;
}
 
.form_note p {
    margin: 0;
    padding: 15px;
    font-family: Georgia, serif;
	background: #90b500;
    color: #fff;
}

.img_no {
	vertical-align: middle;
	height: 18px;
	width: 18px;
}

.verkauf {
	font-weight:bold;
	font-size:14px;
	text-decoration:none;
	border-bottom:2px solid green;
}

.averkauf {
	display:block;
	margin:0px;
	width:100%;
	height:100%;
	text-decoration: none;
}

.kataloge ol {
}

.kataloge li {
	list-style-type:circle;
}

.agb ol {
}

.agb li {
	padding-bottom: 10px;
}

#agb_klein {
	text-align: left;
}

#agb_klein p, #agb_klein span, #agb_klein ol, #agb_klein li, #agb_klein h3 {
	font-size: 90%;
}