


/* ::::::::::::::::::::::::::::
   Style Sheet - Storz & Bickel 
   :::::::::::::::::::::::::::::*/

/* 
Null und Nichtig
Der finale CSS-Reset von Eric Meyer
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td 

{ 	
margin: 0; 	
padding: 0; 	
border: 0; 	
outline: 0; 	
font-weight: inherit; 	
font-style: inherit; 	
font-size: 100%; 	
font-family: inherit; 	
vertical-align: baseline;   	/* <td style="vertical-align: bottom;"> */
background: transparent; 
} 

/* remember to define focus styles! */ 

:focus 
{ 	
outline: 0; 
} 

body 
{ 	
line-height: 1; 	
color: black; 	
background: white; 
} 


ol, ul 
{ 	
list-style: none; 
} 


/* tables still need 'cellspacing="0"' in the markup */ 

table 
{ 	
border-collapse: collapse; 	
border-spacing: 0; 
} 

caption, th, td 
{ 	
text-align: left; 	
font-weight: normal; 
} 

blockquote:before, blockquote:after, q:before, q:after 
{ 	
content: ""; 
} 

blockquote, q 
{ 	
quotes: "" ""; 
} 
/* 
Null und Nichtig
Der finale CSS-Reset von Eric Meyer
ENDE */

/* ==============================
   . . . und nun mein Krust 
   =========================== */ 

html {  /* Firefox blendet immer Scrollbar ein */
	height: 101%; 
	}  

body { 
	color: white; 
	background-color: #052B6F;
	}

/* --- Headbereich Anfang ---- */ 

#kopf { 
	width: 1001px;
	height: 168px;
	position:relative;
	background-image:url(../img/style-back-head.jpg);
	background-position: left top; 
	background-repeat: no-repeat; 
	border-bottom: 3px solid #EE7F00;
	margin: 0 auto;   
	z-index:40;
	}

#menue-laender { 
	width: 175px;
	height: 15px;
	position:absolute; top: 20px; right: 23px;
	}
	
#kopf-logoklick { 
	position:absolute; top: 0px; right: 365px;
	}

#menue-pulldown { 
	width: 959px;
	height: 38px;
	position:absolute; bottom: 10px; left: 22px; 
	}

/* --- Headbereich Ende ---- */ 

/* ===========================
   Styles fuer Inhalte ANFANG
   =========================== */ 

/* Styles für alle Seiten Anfang */

p { 
	font: 12px/20px tahoma, arial, helvetica, sans-serif;
	padding: 4px 0px 4px 0px;
	}

em { 
	font-style: normal; text-transform:uppercase;   
	}

li { 
	font: 12px/19px tahoma, arial, helvetica, sans-serif; 
	list-style-position:outside;
	list-style-type:disc;
	margin: 2px 0px 2px 14px; /* stobi-ie-hack.css beachten */
	}

#rechte-spalten-links { /* greift bei Easy Valve und Technik */
	float:left; 
	}
#rechte-spalten-rechts { /* greift bei Easy Valve und Technik */
	float:right; 
	}

#direkte-links p { /* greift auch bei Easy und Solid Valve ???? */
	font: 12px/24px tahoma, arial, helvetica, sans-serif;
	padding: 0px 0px 0px 0px;
	}

h1 { 
	font: bold 14px/20px tahoma, arial, helvetica, sans-serif;
	padding: 0px 0px 4px 0px;}

h2 { 
	font: bold 14px/20px tahoma, arial, helvetica, sans-serif;
	padding: 6px 0px 0px 0px;
	}

h3 { 
	font: bold 12px/19px tahoma, arial, helvetica, sans-serif;
	}

h4 { 
	font: bold 20px/24px  arial, helvetica, sans-serif;
	}	/* für "direkt zum Shop" */

#inhalte  { 
	width: 1000px;
	position:relative;
	margin: 0px auto;
	padding: 28px 0px 0px 0px;
	/* background-color: teal; */ 
	}

.clear-ffx:after { /* cleart ohne gesehen zu werden */
	content: ".";
	display:block;
	height: 0;
	clear:both;
	visibility: hidden;
	}

#grafik-mig  { 
	margin-top: 20px; 
	}

/* Styles für alle Seiten Ende */

/* Styles für Download-Seiten Anfang */

#download-bedienanleitung .manual  { 
	width: 192px;
	position:absolute; top: 40px; 
	}

#download-bedienanleitung .manual-unten    { 
	text-align: center;
	padding: 0px 0px 0px 0px;
	width: 192px;
	position:absolute; top: 390px; 
	}
#download-info-flyer .flyer  { 
	width: 192px;
	position:absolute; top: 10px; 
	}

#download-info-flyer .flyer-unten  { 
	width: 192px;
	position:absolute; top: 390px; 
	}

#download-info-flyer .flyer-unten  p,
#download-info-flyer .flyer p,
#download-bedienanleitung .manual    { 
	text-align: center;
	padding: 0px 0px 0px 0px;
	}

#download-preislisten .preisliste { 
	width: 472px;
	position:absolute; top: 30px; 
	}

#download-preislisten .preisliste p  { 
	text-align: center;
	padding: 0px 70px 0px 0px;
	}

/* Styles für Download-Seiten Ende */

/* --- Kontakt / Impressum Anfang ---- */ 

#stobi-kontakt-impress #inhalte  { 
	width: 820px; 
	padding-top: 10px; /* damit IE keine Abstände zaubert */
	margin: 0 auto;
	}

#stobi-kontakt-impress #inhalte h1 { 
	clear:both;
	line-height: 30px;
	text-align: left; 
	padding: 20px 0px 3px 480px;
	border-bottom: 1px solid #EE7F00;
	}

#stobi-kontakt-impress #linke-spalte  { 
	float:left; 
	width: 460px; 
	padding: 10px 20px 0px 0px;
	}

#stobi-kontakt-impress .rechte-spalte  { 
	float:right; 
	width: 340px; 
	padding: 7px 0px 0px 0px;
	}

#stobi-kontakt-impress .rechte-spalte p { 
	white-space:pre; 
	}

.ueberschrift {
	margin-top: 10px; 
	padding-top: 6px; 
	border-top: 1px solid #EE7F00;
	}

/* --- Kontakt / Impressum Ende ---- */ 

/* --- Verdampfung FAQ Anfang ---- */ 

#verdampf-faq #inhalte  { 
	width: 800px; 
	padding-top: 20px; /* damit IE keine Abstände zaubert */
	margin: 0 auto;
	}

#verdampf-faq #grafik { 
	padding: 10px 0px 10px 30px; 
	margin-bottom: 16px;
	width: 710px;
	border-bottom: 1px solid #EE7F00;
	}

#verdampf-faq ol { 
	padding: 0px 0px 10px 0px; /* stobi-ie-hack.css beachten */
	}

#verdampf-faq li { 
	font: bold 18px/24px tahoma, arial, helvetica, sans-serif;
	list-style-position:outside;
	list-style-type:upper-roman;
	margin: 6px 0px 2px 40px; /* stobi-ie-hack.css beachten */
	}

#verdampf-faq .quadrate { 
	width: 710px;
	position:relative;/* hier haengt der nach oben Button */
	padding: 10px 0px 4px 43px; 
	}

#verdampf-faq h1 { 
	padding: 10px 0px 4px 43px; 
	}

#verdampf-faq .frage, 
#verdampf-faq .interne-verweise { 
	position:relative;/* hier haengt der nach oben Button */
	width: 700px;
	padding: 5px 0px 12px 0px; 
	margin-left: 43px;
	border-bottom: 1px solid #EE7F00;
	}

.nach-oben { 
	width: 14px;
	height: 14px;
	position:absolute; top: -30px; right: 6px;
	}

#verdampf-faq #footer { 
	position:relative;
	}

#verdampf-faq #footer .nach-oben { 
	position:absolute; top: -43px; right: 163px;
	}

a.hoch  {
	display:block;
	width:14px;
	height:14px;
	background-image:url(../img/style-back-pfeil-hoch-01.gif);
	background-position: left top; 
	background-repeat: no-repeat; 
	}

a.hoch:hover {
	background-image:url(../img/style-back-pfeil-hoch-02.gif);
	}

#verdampf-faq h2 { 
	padding: 3px 100px 2px 0px; 
	}

#verdampf-faq p { 
	padding: 3px 100px 2px 0px; 
	}

#verdampf-faq .gegenueberstellen li { 
	font: bold 12px/18px tahoma, arial, helvetica, sans-serif;
	list-style-position:outside;
	list-style-type:disc;
	margin: 6px 0px 2px 14px; /* stobi-ie-hack.css beachten */
	}

#verdampf-faq .gegenueberstellen h2 { 
	color: #FFA200;
	font: bold 12px/18px tahoma, arial, helvetica, sans-serif;
	padding: 10px 0px 0px 14px;
	}

#verdampf-faq .frage .liste-text li { 
	font: bold 12px/18px tahoma, arial, helvetica, sans-serif;
	list-style-position:outside;
	list-style-type:disc;
	margin: 6px 0px 2px 14px; /* stobi-ie-hack.css beachten */
	}

#verdampf-faq .liste-text { 
	width: 550px; 
	}

#verdampf-faq .gegenueber-classic { 
	float:left;
	width:320px;
	padding: 0px 0px 4px 0px; 
/*	background-color: teal; */  
	}

#verdampf-faq .gegenueber-digit { 
	float:right;
	width:340px;
	padding: 0px 40px 4px 0px; 
/*	background-color: maroon; */  
	}

/* --- Verdampfung FAQ Ende ---- */ 


/* --- Verdampfung Anwendung u. Methode Anfang ---- */ 

#verdampf-anwend #inhalte  { 
	padding-top: 0px; /* damit IE keine Abstände zaubert */
	}

#verdampf-anwend #grafik  { 
	position:absolute; top: 40px; right: 98px;
	}

#verdampf-anwend #text-01  { 
	display:inline; /* double margin float bug - IE */
	width: 300px;
	margin: 160px 88px 26px 0; 
	float:right; 
	}

<!-- Aroma geänderte Positonierung ANFANG -->


#verdampf-aroma #inhalte  { 
	padding-top: 0px; /* damit IE keine Abstände zaubert */
	}

#verdampf-aroma #grafik  { 
	position:absolute; top: 40px; right: 98px;
	}

#verdampf-aroma #text-01  { 
	display:inline; /* double margin float bug - IE */
	width: 300px;
	margin: 160px 88px 26px 0; 
	float:right; 
	}

<!-- Aroma geänderte Positonierung ENDE -->

.text-mit-bild { 
	margin-bottom: 20px;
	}

.text-mit-bild table { 
	margin-top: 20px;
	}

.text-mit-bild td { 
	vertical-align: bottom;
	}

.text-mit-bild p  { 
	width: 247px;
	padding: 0px 20px 0px 20px;
	text-align: right;
	}

#verdampf-methode h2 { 
	font: bold 14px/20px tahoma, arial, helvetica, sans-serif;
	padding: 0px 0px 0px 0px;
	}

#verdampf-methode #inhalte  { 
	padding-top: 10px; /* damit IE keine Abstände zaubert */
	}

#verdampf-methode #text-01  { 
	display:inline; /* double margin float bug - IE */
	width: 300px;
	margin: 14px 88px 26px 0; 
	float:right; 
	}

#verdampf-methode .text-mit-bild p  { 
	width: 227px;
	padding: 0px 20px 0px 20px;
	text-align: right;
	}

#verdampf-methode .text-02  { 
	clear:both;
	text-align: center;
	width: 800px;
	padding: 10px;
	margin: 40px auto 0px auto;
	border-top: 2px solid #EE7F00;
	}

#verdampf-methode .text-03  { 
	text-align: center;
	width: 800px;
	padding: 10px;
	margin: 10px auto 10px auto;
	border-top: 2px solid #EE7F00;
	}

#verdampf-methode .tabelle  { /* tables still need 'cellspacing="0"' in the table-tag */ 
	text-align: center;
	width: 800px;
	margin: 10px auto 20px auto;
	}

#verdampf-methode .tabelle th { 
	vertical-align:middle;
	font: bold 12px/18px tahoma, arial, helvetica, sans-serif;
	padding: 1px 0px 3px 0px;
	background-color: #D57609;
	border-bottom: 2px solid #000;
	}

#verdampf-methode .tabelle td { 
	vertical-align: top;
	padding: 0px 0px 8px 0px;
	border-bottom: 1px solid #3D5816;
	}

#verdampf-methode .tabelle p { 
	font: bold 12px/20px tahoma, arial, helvetica, sans-serif;
	padding: 18px 0px 4px 0px;
	margin: 0px;
	}

#verdampf-methode .tabelle a  { 
	font: bold 9px/12px tahoma, arial, helvetica, sans-serif;
	padding: 3px 2px 4px 2px;
	}

.alt-color   { 
	background-color: #00347A;
	}

/* Fenster Pflanzentabellen */

#pflanzentabelle-fenster .text-mit-bild  { 
	padding: 0px 20px 0px 40px;
	}

#pflanzentabelle-fenster .text-mit-bild p  { 
	text-align: left;
	width: 227px;
	padding: 0px 20px 0px 20px;
	}

#pflanzentabelle-fenster .quadrate { 
	width: 440px;
	padding: 40px 0px 0px 40px; 
	}

#pflanzentabelle-fenster h1  { 
	width: 440px;
	padding: 10px 30px 6px 40px;
	}

#pflanzentabelle-fenster .text-02  { 
	text-align: center;
	width: 580px;
	padding: 10px 10px 20px 10px;
	margin: 40px auto 10px auto;; 
	border-top: 2px solid #EE7F00;
	border-bottom: 2px solid #EE7F00;
	}

#pflanzentabelle-fenster .schliessen  { 
	padding: 20px 0px 4px 0px;
	}

#pflanzentabelle-fenster  { 
	padding: 0px 0px 46px 0px;
	}

#pflanzentabelle-fenster .pfeil  { 
	padding: 10px 0px 0px 114px;
	}

/* --- Verdampfung Anwendung u. Methode Ende ---- */ 


/* --- StoBi News Anfang ---- */ 

#stobi-neues #inhalte  { 
	padding-top: 0px; /* damit IE keine Abstände zaubert */
	}

#stobi-neues #direkte-links { 
	display:inline; /* double margin float bug - IE */
	width: 160px;
	height: 26px;
	position:absolute; top: 39px; right: 18px;
	padding: 1px 0px 0px 16px;
	background-image:url(../img/style-news-newsletter-rahmen.gif); 
	background-position: right top; 
	background-repeat: no-repeat; 
	}

.news-datum { 
	float:left;
	clear:left;
	display:inline; /* double margin float bug - IE */
	text-align:right;
	width: 300px; 
	margin: 40px 0px 0px 92px;
	/* background-color: #aaaaaa; */  
	}

.news-headline { 
	float:right; 
	clear:right;
	display:inline; /* double margin float bug - IE */
	width: 418px; 
	margin: 40px 166px 0px 0px;
	}

.news-bilder { 
	float:left;
	clear:left;
	display:inline; /* double margin float bug - IE */
	text-align:right;
	width: 300px; 
	margin: 0px 0px 0px 92px;
	}

.news-texte { 
	float:right; 
	clear:right;
	display:inline; /* double margin float bug - IE */
	width: 418px; 
	margin: 2px 166px 0px 0px;
	}

.bild-rechteckig { 
	padding-top: 12px;
	}

.return-block 
 { 
	clear:both;
	}

/* --- StoBi News Ende ---- */ 



/* --- StoBi Partnerprogramm Anfang ---- */ 

#stobi-partner #inhalte  { 
	background-image:url(../img/style-back-volc-dampf.jpg); 
	background-position: right bottom; 
	background-repeat: no-repeat; 
	padding: 0;
	}

#stobi-partner #text  { 
	float:left;
	width: 500px;
	padding: 28px 0px 30px 56px;
	}

#stobi-partner .text-link { 
	width: 455px;
	padding: 10px 0px 0px 0px;
	}

#stobi-partner #text h1 { 
	padding: 0px 0px 6px 0px;
	}

#stobi-partner #text h3 { 
	padding: 20px 0px 0px 0px;
	}

#stobi-partner #text ul { 
	padding: 12px 0px 0px 0px;
	}

#stobi-partner #log-anmld  { 
	width: 440px;
	float:right;
	/* background-color: #888; */  
	}

#stobi-partner #log  { 
	width: 230px;
	height: 147px;
	background-image:url(../img/style-affil-login-rahmen.gif); 
	background-position: left top; 
	background-repeat: no-repeat;
	margin: 28px 0 0 50px;
	padding: 20px 30px 20px 20px;
	text-align: right; 
	align: right; 
	}

#stobi-partner form {
	padding: 10px 0px 0px 0px; 
	} 

#stobi-partner label {
	padding: 0px 5px 0px 0px; 
	} 

#stobi-partner #anmld  { 
	width: 240px;
	height: 122px;
	background-image:url(../img/style-affil-anmld-rahmen.gif); 
	background-position: left top; 
	background-repeat: no-repeat;
	margin: 28px 0 0 50px;
	padding: 20px 20px 20px 20px;
	}

/* --- StoBi Partnerprogramm Info  ---- */ 

#stobi-partner-info #text  { 
	width: 500px;
	padding: 0px 0px 30px 0px;
	margin: 0 auto;
	}

.klick-box  { 
	float:left;
	height: 23px; 
	}

.box-go  { 
	height: 23px; 
	background-image:url(../img/style-buttn-text-left-go.gif); 
	background-position: top left; 
	background-repeat: no-repeat;
	margin: 20px 0 0 5px;
	padding: 0px 0px 0px 25px;
	}

.box-go p  { 
	display:block;
	height: 23px; 
	background-image:url(../img/style-buttn-text-right.gif); 
	background-position: top right; 
	background-repeat: no-repeat;
	font: 12px/18px tahoma, arial, helvetica, sans-serif;
	margin: 0px 0px 0px 0px;
	padding: 0px 5px 0px 5px;
	}

/* --- StoBi Partnerprogramm Ende ---- */ 


/* --- Start- bzw. Verdampfseite Inhalt Anfang ---- */ 

#startseite #inhalte, #volcano-dampfsystem #inhalte { 
	width: 1000px;
	background-image:url(../img/style-back-volc-dampf.jpg); 
	background-position: right top; 
	background-repeat: no-repeat; 
	margin: 0 auto;   
	}

#startseite #text-01, #volcano-dampfsystem #text-01 { 
	margin: 0px 0px 20px 56px;
	}

/* --- Start- bzw Verdampfseite Inhalt Ende ---- */ 

/* --- Volcano Digit und Classic Inhalt Anfang ---- */ 

#volcano-digit #inhalte  { 
	width: 1000px;
	height: 670px;
	background-image:url(../img/style-back-volc-digit.jpg); 
	background-position: right top; 
	background-repeat: no-repeat; 
	margin: 0 auto;
	}

#volcano-classic #inhalte { 
	width: 1000px;
	height: 640px;
	background-image:url(../img/style-back-volc-classic.jpg); 
	background-position: right top; 
	background-repeat: no-repeat; 
	margin: 0 auto;
	}

#volcano-digit #linke-spalte, 
#volcano-classic #linke-spalte { 
	display:inline; /* double margin float bug - IE */
	width: 500px;
	float:left; 
	margin-left: 50px
	}

#volcano-digit #text-01 { 
	padding: 0 0 0px 22px;
	}

#volcano-classic #text-01 { 
	padding: 0 0 0px 22px;
	}

#volcano-digit #direkte-links ,
#volcano-classic #direkte-links { 
	position:relative;
	display:inline; /* double margin float bug - IE */
	width: 315px;
	height: 94px;
	float:right;
	padding: 52px 0px 0px 10px; 
	background-image:url(../img/style-direkt-shop-rahmen.gif); 
	background-position: right top; 
	background-repeat: no-repeat; 
	margin-top: 484px;  /* wird durch dateispezifische Formate ausgehebelt */
	margin-right: 110px;
	}

#volcano-digit .direkte-links-head h4,
#volcano-classic .direkte-links-head h4 { 
	position:absolute; top: 10px; left: 12px;
	}

#volcano-classic .orange-link a { 
	color: #FFA200;
	font: bold 12px/14px tahoma, arial, helvetica, sans-serif;
	padding: 0px 0px 4px 6px;
	}

#volcano-temperaturtabelle h2 { /* Zusatzinfo */
	margin: 20px 0px 0px 60px; 
	}

#volcano-temperaturtabelle #text-01 { /* Zusatzinfo */
	width: 380px;
	margin: 10px 0px 0px 60px; 
	}

#volcano-temperaturtabelle .schliessen { /* Zusatzinfo */
	margin: 5px 20px 0px 0px; 
	}

/* --- Volcano Digit und Classic Inhalt  Ende ---- */

/* --- Volcano Easy Valve Inhalt Anfang ---- */ 

#volcano-easy-valve #inhalte { 
	width: 1000px;
	height: 600px;
	position:relative;
	background-image:url(../img/style-back-volc-easy-valve.jpg); 
	background-position: right top; 
	background-repeat: no-repeat; 
	/* background-color: #0063BE; */
	margin: 0px auto;
	padding-top: 152px;
	}

#volcano-easy-valve #linke-spalte { 
	display:inline; /* double margin float bug - IE */
	width: 278px;
	float:left; 
	margin: 0px 0px 0px 74px; 
	}

#volcano-easy-valve #rechte-spalten { 
	display:inline; /* double margin float bug - IE */
	width: 600px;
	float:right;
	}

#volcano-easy-valve #text-01 { 
	width: 278px;
	margin: 0px 0px 0px 74px; 
	}

#volcano-easy-valve-info #text-01 { /* Zusatzinfo */
	width: 255px;
	margin: 90px 0px 0px 40px; 
	}

#volcano-easy-valve #text-02 { 
	width: 278px;
	padding: 0px 0px 30px 0px; /* Abstand zur OrangeLinie unten */
	}

#volcano-easy-valve #text-03 { 
	width: 278px;
	}

#volcano-easy-valve  h3 { 
	padding: 0px 0px 6px 0px;
	}

#volcano-easy-valve .orange-link a { 
	color: #FFA200;
	font: bold 12px/14px tahoma, arial, helvetica, sans-serif;
	padding: 0px 0px 4px 0px;
	}

#volcano-easy-valve .direkte-links { 
	position:relative;
	width: 216px;
	height: 77px;
	padding: 54px 0px 0px 44px;
	margin-right: 40px;
	margin-top: 8px;
	background-image:url(../img/style-direkt-shop-rahmen-easy.gif); 
	background-position: right top; 
	background-repeat: no-repeat; 
	}

#volcano-easy-valve .direkte-links-head h4 { 
	position:absolute; top: 10px; left: 45px;
	width: 216px;
	}

#volcano-solid-valve .direkte-links-head h4 { 
	position:absolute; top: 10px; left: 30px;
	width: 216px;
	}

/* --- Volcano Easy Valve Inhalt  Ende ---- */

/* --- Volcano Solid Valve Inhalt Anfang ---- */ 

#volcano-solid-valve #inhalte  { 
	width: 1000px;
	height: 530px;
	position:relative;
	background-image:url(../img/style-back-volc-solid-valve.jpg); 
	background-position: right top; 
	background-repeat: no-repeat; 
	/* background-color: #0063BE; */
	margin: 0 auto;
	padding-left: 0px;
	}

#volcano-solid-valve #linke-spalte { 
	display:inline; /* double margin float bug - IE */
	width: 550px;
	float:left; 
	margin: 125px 0px 20px 74px; 
	}

#volcano-solid-valve p { 
	padding: 6px 0px 6px 0px;
	}

#volcano-solid-valve #text-01 { 
	width: 278px;
	margin: 0px 0px 0px 0px; 
	}

#volcano-solid-valve #direkte-links { 
	position:relative;
	display:inline; /* double margin float bug - IE */
	width: 214px;
	height: 50px;
	float:right;
	padding: 46px 0px 0px 30px;
	background-image:url(../img/style-direkt-shop-rahmen-solid.gif); 
	background-position: right top; 
	background-repeat: no-repeat; 
	margin-top: 388px; 
	margin-right: 70px;
	}


/* --- Volcano Solid Valve Inhalt  Ende ---- */


/* --- Volcano Technik Anfang ---- */ 

#volcano-technik #inhalte  { 
	width: 882px;
	position:relative;
	margin: 0px auto;
	}

#volcano-technik .linke-spalte  { 
	width: 411px;
	float:left;
	padding-top: 200px;
	}

#volcano-technik .rechte-spalte  { 
	width: 411px;
	float:right;
	padding-top: 51px;
	}

#volcano-technik #zwei-bilder  { 
	width: 882px;
	padding: 30px 0 40px 0;
	}
	
#volcano-technik #zwei-bilder  a { 
	padding: 0;  
	}

/* --- Volcano Technik Ende ---- */


/* --- StoBi Standort und Unternehmen Anfang ---- */ 

#stobi-standort #inhalte,
#stobi-unternehmen #inhalte  { 
	width: 951px;
	padding-top: 40px;
	}

#stobi-standort .drei-spalten,
#stobi-unternehmen .drei-spalten  { 
	clear:both;
	width: 951px;
	margin: 0 auto;
	}

#stobi-standort .linke-spalte,
#stobi-unternehmen .linke-spalte { 
	width: 278px;
	margin:0;
	float:left; 
	}

#stobi-standort  .linke-spalte a,
#stobi-standort  .rechte-spalten a,
#stobi-unternehmen .linke-spalte a,
#stobi-unternehmen .rechte-spalten a  { 
	padding:0;
	}

#stobi-standort .rechte-spalten,
#stobi-unternehmen .rechte-spalten { 
	width: 671px;
	float:right; 
	}

#stobi-standort .rechte-spalten-links,
#stobi-unternehmen .rechte-spalten-links { 
	float:left; 
	width: 396px;
	padding-right: 16px;
	}

#stobi-standort .rechte-spalten-rechts,
#stobi-unternehmen .rechte-spalten-rechts { 
	float:right;
	align: left; 
	width: 259px;
	}

.rechte-spalten-links  p { 
	font: 14px/22px tahoma, arial, helvetica, sans-serif;
	padding: 8px 10px 0px 0px;
	}

.unterbild  { 
	height: 40px;
	}

#stobi-standort .unterbild-standort-links   { 
	height: 75px;
	}

#stobi-standort .unterbild-standort-links p,
.unterbild  p { 
	font: 12px/15px tahoma, arial, helvetica, sans-serif;
	padding: 2px 0px 4px 0px;
	width: 259px;
	}

#stobi-standort .rechte-spalten-links p { 
	font: 12px/24px tahoma, arial, helvetica, sans-serif;
	padding: 16px 0px 4px 0px;
	width: 370px;
	}

/* --- StoBi StoBi Standort und Unternehmen Ende ---- */ 



/* ==============================
   Styles fuer Inhalte ENDE
   =========================== */ 

/* --- Footer Anfang ---- */ 

#footer { 
	width: 1000px;
	border-top: 3px solid #EE7F00;
	clear:both; 
	padding: 10px 0 15px 0;
	margin: 0px auto;   
	}

#footer p { 
	font: normal 10px tahoma, arial, helvetica, sans-serif; 
	letter-spacing: 1px; 
	text-align: center;
	padding: 6px 2px 0px 0px;
	}

#footer em { 
	text-transform:uppercase;
	letter-spacing: 0px; 
	}

#footer strong { /* MenuePunkte */
	text-transform:uppercase;
	font-weight: bold;
	letter-spacing: 0px; 
	color: #FFA200;
	padding: 0px 2px 0px 0px;
	}
/* --- Footer Ende ---- */ 



/* --- Textlinks Anfang ---- */ 

a { 
	color: #FFF;
	text-decoration: none;
	padding: 0px 3px 2px 4px;  /* padding unten addiert sich in IE */
	}

.extern a {
	color: #FFA200;
	text-decoration: underline;
	padding: 0px 3px 2px 4px; /* padding unten addiert sich in IE */
}

#startseite #navi-index a, /* body id + navi id + anker */

#volcano-dampfsystem #navi-volc-dampfsystem a,
#volcano-digit #navi-volc-digit a,
#volcano-classic #navi-volc-classic a,
#volcano-easy-valve #navi-volc-easy-valve a,
#volcano-solid-valve #navi-volc-solid-valve a,
#volcano-technik #navi-volc-technik a,

#verdampf-methode #navi-dampf-methode a,
#verdampf-anwend #navi-dampf-anwend a,
#verdampf-aroma #navi-dampf-aroma a,
#verdampf-faq #navi-dampf-faq a,

#stobi-unternehmen #navi-stobi-unternehmen a,
#stobi-neues #navi-stobi-neues a,
#stobi-standort #navi-stobi-standort a,
#stobi-partner #navi-stobi-partner a,
#stobi-kontakt-impress #navi-stobi-kontakt-impress a,

#shop-sets #navi-shop-sets a,
#shop-syskomponent #navi-shop-syskomponent a,
#shop-einzelteile #navi-shop-einzelteile a,
#shop-merchandise #navi-shop-merchandise a,

#download-info-flyer #navi-download-info-flyer a,
#download-preislisten #navi-download-preislisten a,
#download-bedienanleitung #navi-download-bedienanleitung a,

a:hover, 
a:focus  { 
	color: #FFF;
	background-color: #0063BE; /* hellblau */
	padding: 0px 3px 2px 4px;  /* padding unten addiert sich in IE - IE Hack */
/*	margin-bottom: 2px; lässt dropdown rappeln in IE*/
	}


#stobi-unternehmen #textlink a:hover,
#stobi-unternehmen #textlink a:focus
{  /* interner Anker leuchtet nicht in beiden Browsern */ 
	background-color: #0063BE; /* hellblau */
	}

#navi-europa-de #navi-eu-deutsch, /* vorne Selektor für ganzen Naviblock-Absatz */
#navi-europa-en #navi-eu-englisch,
#navi-europa-es #navi-eu-spanisch,
#navi-europa-fr #navi-eu-franz,
#navi-amerika-us #navi-usa-englisch,
#navi-amerika-es #navi-usa-spanisch,
#navi-amerika-fr #navi-usa-franz,
#navi-amerika-jp #navi-usa-jap   { 
	color: #FFF;
	background-color: #700000;  /* dunkelrot */
	padding: 0px 0px 2px 0px;  /* padding unten addiert sich in IE - IE Hack */
	}

#verdampf-faq h1 a, 
#verdampf-faq .frage a,
#verdampf-faq h1 a:hover, 
#verdampf-faq h1 a:focus, 
#verdampf-faq .frage a:hover, 
#verdampf-faq .frage a:focus    { 
	background-color:transparent;   /* interner Anker leuchtet nicht in Firefox */ 
	padding-left: 0;  /* interner Anker rueckt nicht nach links in Firefox */
	}

#verdampf-faq .link-faq-high a:hover, 
#verdampf-faq .link-faq-high a:focus    { 
	background-color: #0063BE; /* hellblau */
	}

#verdampf-faq #grafik a:hover, 
#verdampf-faq #grafik a:focus,
#verdampf-faq #footer .nach-oben a:hover, 
#verdampf-faq #footer .nach-oben a:focus,
#verdampf-faq .quadrate a:hover, 
#verdampf-faq .quadrate a:focus    {  /* interner Anker leuchtet nicht in Firefox */ 
	background-color:transparent;
	}

.klickbilder a:hover, 	/* Zu finden bei Unternehmensseite */
.klickbilder a:focus,    /* interner Anker leuchtet nicht in Firefox - Span um Anker legen */ 
#kopf-logoklick a:hover, 
#kopf-logoklick a:focus,
#stobi-standort #rechte-spalten-rechts a:hover,
#stobi-standort #rechte-spalten-rechts a:focus,
#stobi-kontakt-impress #linke-spalte a:hover,
#stobi-kontakt-impress #linke-spalte a:focus   {  /* interner Anker leuchtet nicht in beiden Browsern */ 
	background-color:transparent;
	}

#inhalte a { 
	font-weight: bold;
	padding: 0px 2px 1px 2px;
	}
/* --- Textlinks Ende ---- */ 

/* --- ohne Worte ---- */ 
#copyright { 
	width: 1001px;
	padding: 2px 0px 16px 0px;
	margin: 0 auto;   
	text-align: center;
	}

#copyright p { 
	font: normal 10px/11px tahoma, arial, helvetica, sans-serif; 
	letter-spacing: 2px; 
	text-align: center;
	margin: 4px;
	}

#stobi-unternehmen-fenster,
#stobi-kontakt-fenster  { 
	margin: 10px 10px 10px 10px; 
	}

a:hover #stobi-unternehmen-fenster, 
a:focus #stobi-unternehmen-fenster { 
	background-color: #0063BE;
	margin: 0px;
	}
.schliessen {
	padding: 7px 0 14px 0;
	font: bold 12px/11px tahoma, arial, helvetica, sans-serif; 
	text-align: center;
	}
 
 
 
 
 
 
 
 
 
 
 
.activeFooterLinkBlau {
	color: #FFF;
	background-color: #0063BE; /* hellblau */
	padding: 0px 3px 2px 4px;
}
.activeFooterLinkRot {
	color: #FFF;
	background-color: #700000;  /* dunkelrot */
	padding: 0px 0px 2px 0px;
}


#direkte-links p a, div.direkte-links p a {
	text-decoration:underline;
}
#direkte-links p a:hover, div.direkte-links p a:hover {
	text-decoration:none;
}


#kopf #breadCrumb {
	position:absolute;
	top:183px;
	left:53px;
	font: normal 11px/12px tahoma, arial, helvetica, sans-serif; 
	z-index:2;
}



/* hoverlink images direktlinks zu produkten */
a.noHover {
	text-decoration:none;
}
a.noHover:hover {
	background-color:transparent;
}
