@charset "UTF-8";
 
/*
Projektname:   Multivison Website Relaunch 
Funktion:      Basics CSS
Erstellt am:   30.08.2007 von hB    
Bearbeitet am: 30.08.2007 von hB
QS am:         05.09.2007 MKue       
/*
 
/* INHALTSVERZEICHNIS */
/* 1. FORMATIERUNG DES BODY */
/* 2. LINKS */
/* 3. TYPO  */
/* 4. FORMATE FUER BASISVORLAGE */
/* 5 .ELEMENTE DER FORMATE */
/* 6. INHALTSFOMRATE */
/* 7. TABELLEN */
/* 8. SONSTIGE ELEMENTE */
/* 9. FLASH-REPLACEMENT  */
/* 10. SEITE MERKEN */
/* 11. TOOL-TIP */ 
/* 11.SITEMAP */ 

 

/* 1. FORMATIERUNG DES BODY */
body {
font-family: Arial, Helvetica, sans-serif;
font-size: 62.5%; /* setzt 1em auf 10px */
color: #000;
background-image: url(/customer/images/verlauf-bg-repeat-h.jpg);
background-repeat: repeat-x;
background-position: 0 0;
background-color: #FFF;
margin: 0 0;
padding: 0 0;
}

img {
border: none;
}
 
/* 2. LINKS */
a { 
color: #000;  
text-decoration: underline; 
} 
/* a href="" sonstige Ausgabegeraete */
a:link { 
color: #000; 
text-decoration: underline; 
} 
/* besuchter Link */
a:visited { 
color: #000; 
text-decoration: underline; 
}
/* maus ueber link */
a:hover { 
color: #bf0000; 
text-decoration: underline; 
} 
/* maus down = klick und im IE auch wiederbesuch der Seite ueber backspace */
a:active { 
color: #000; 
text-decoration: underline; 
}
/* wenn link ueber tab "aktiviert" wird */
a:focus { 
color: #000; 
text-decoration: underline;  
}

/* Sprachumschaltung - Shop */

#wechsel p a {
text-decoration: none;
}

#wechsel a img {
border: none;
text-decoration: none;
}


/* #submenu ul.servicenavi-eins li span a , #submenu ul.servicenavi-eins li span a:hover, #submenu ul.servicenavi-eins li strong werden im Flash-Replacement (9.) definiert */


/* Serviceteaser */
.serviceteaser p a {
padding: 0 0 0 7px;
background-image: url(/customer/images/icon/pfeil-schwarz-link.jpg);
background-repeat: no-repeat;
background-position: 0 5px;
text-decoration: none;
}

.serviceteaser p a:hover {
padding: 0 0 0 7px;
background-image: url(/customer/images/icon/pfeil-schwarz-link.jpg);
background-repeat: no-repeat;
background-position: 0 5px;
text-decoration: underline;
}


/* Contentbereich */

.content-textabsatz p a {
padding: 5px 0 0 7px;
font-weight: bold;
background-image: url(/customer/images/textabsatz-verweis-pfeil.jpg);
background-repeat: no-repeat;
background-position: 0 9px;
text-decoration: none;
}

.content-textabsatz p a:hover {
text-decoration: underline;
color: #000;
}


/* Panoramabild */

.content-panorama p a {
font-weight: normal;
text-decoration: none;
background-image: url(/customer/images/textabsatz-verweis-pfeil.jpg);
background-repeat: no-repeat;
background-position: 0 4px;
padding: 0 0 0 8px;
}

/* Logo */
#logo a, #logo a:hover {
display: block;
float: left;
margin: 0 0 0 20px;
width: 90px;
height: 70px;
border: none;
text-decoration: none;
}

/* 3. Navi */

#submenu ul.untermenu li ul li a {
font-weight: normal;
}

#submenu ul.untermenu li ul li a:hover {
font-weight: normal;
}

#submenu ul.untermenu li ul li strong {
font-weight: normal;
color: #bf0000
}


/* 3. TYPO */

p {
font-size: 1.2em;
line-height: 1.4em;
margin: 0 0;
padding: 0 0;
color: #000;
}

ul, li {
list-style-type: none;
}

h1 {
font-size: 1.6em;
}


/* 4. FORMATE FUER BASISVORLAGE */

#wrapper {
margin: 0px auto;
border: none;
width: 905px;
}

#kopf {
float: left;	
margin: 0 0;
padding: 0 0;
width: 905px;
height: 122px;
background-color: #FFF;
border: none; 
}


#content {
margin:  0 0; /* Browserweiche fuer IE 5.5 */
padding: 0 0;
width: 905px;
border: none;
}

#linker-navigationsbereich {
clear: left;
float: left;
margin: 0;
padding: 0;
width: 166px;
height: 300px;
border: 0px solid;
text-align: left;
}

#contentbereich {
float: left;
text-align: left;
margin: 0 0 0 30px; /* Browserweiche alle IEs */
padding: 0 ;
width: 512px;
border: 0px solid;
}

#abbinder {
clear: left;
float: left;
margin: 0 0 0 196px; /* Browserweiche fuer IE 5.5 */
padding: 7px 0 0 0;
width: 512px;
height: 30px;
border-top: 1px solid #c4c4c4;
}

#rechter-navigationsbereich {
float: right;
margin: 0;
padding: 0;
width: 176px;
border: none;
text-align: left;
}

#downloadbereich {
clear: left;
float: left;
margin: 55px 0 0 0;
padding: 0;
width: 100%;
height: auto;
border: none;
}

#downloadbereich h3 {
margin: 20px 0 0 0;
padding: 0;
font-size: 1.4em;
color: #8b9096;
}

.sIFR-hasFlash #downloadbereich h3 {
visibility: hidden;
font-size: 1.5em;
}

#downloadbereich p {
font-size: 1.2em;
line-height: 1.5em;
color: #545454;
}

#downloadbereich p img {
margin: 10px 0 10px 0;
}

#downloadbereich a.adobe, #downloadbereich a.adobe:hover {
margin: 0;
padding: 0;
border: none;
text-decoration: none;
background: none !important;
}

#downloadbereich p a {
padding: 0 0 0 20px;
background-image: url(/customer/images/icon/pdf.jpg);
background-repeat: no-repeat;
background-position: 0 0;
color: #545454;
}

#downloadbereich p a:hover {
padding: 0 0 0 20px;
background-image: url(/customer/images/icon/pdf.jpg);
background-repeat: no-repeat;
background-position: 0 0;
color: #bf0000;
}

a.maps {
padding: 0 0 0 10px !important;
margin: 0;
background-image: url(/customer/images/icon/download-pfeil.gif) !important;
background-repeat: no-repeat !important;
background-position: 0 4px !important;
text-decoration: underline;
color: #545454;
}



/* 5. ELEMENTE DER FORMATE */

/* Kopf */

#wechsel {
clear: left;
float: left;
margin: 0 0;
padding: 0 0;
width: 905px;
height: 24px;
background-color: #FFF;
border: none;
}

#wechsel img {
float: right;
}

#wechsel p {
float: right;
margin: 0 20px 0 0;
padding: 0 0 0 20px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1em;
line-height: 2em;
background-image: url(/customer/images/english-flagge.jpg);
background-repeat: no-repeat;
background-position: 0 5px;
border: none;
}
#wechsel p.deutsch {
background-image: url(/customer/images/deutsch-flagge.jpg);
}

#logo {
clear: left;
float: left;
width: 137px;
height: 77px;
background-color: #FFF;
background-image: url(/customer/images/logo-multivision.jpg);
background-repeat: no-repeat;
background-position: 0 0;
border: none;
}

#logo img {
margin: 0 0;
padding: 0 0;
}

#firmenname {
float: left;
width: 765px;
height: 60px;
background-color: #FFF;
border: none;
}

#firmenname h2 {
margin: 15px 0 0 58px;
padding: 0;
color: #bf0000;
font-size:1.6em;
}

.sIFR-hasFlash #firmenname h2 {
visibility: hidden; 
}


#verlauf {
clear: left;
float: left;
width: 196px;
height: 21px;
background-image: url(/customer/images/verlauf.jpg);
background-repeat: no-repeat;
background-position: 0 0;
background-color: #FFF;
border: none;
}

#reiternavigation {
float: left;
margin: -17px 0 0 0;  /* Browserweiche alle IEs */
width: 708px;
height: 38px;
border: none;
background-color: #FFF;
}

#reiternavigation ul, #reiternavigation li {
padding: 0 0;
margin: 0 0;
float: left;
height: 38px;
list-style-type: none;
}

#reiternavigation ul li a span {
visibility: hidden;
display: none;
}


#reiternavigation li, #reiternavigation li a {
height: 38px;
background-repeat: no-repeat;
background-position: 0 0;
}


/* Button 1 */

.haupt-1 {
width: 162px;
background-image: url(/customer/images/reiternavigation-aktiv-hover-link1.jpg);
}

.haupt-1 a {
width: 162px;
background-image: url(/customer/images/reiternavigation-inaktiv-link1.jpg);
display: block;
}

.haupt-1 a:hover,
.haupt-1 a.active,
.haupt-1 a.current {
width: 162px;
background-image: url(/customer/images/reiternavigation-aktiv-hover-link1.jpg);
}



/* Button 2 */

.haupt-2 {
width: 252px;
background-image: url(/customer/images/reiternavigation-aktiv-hover-link2.jpg);
}

.haupt-2 a {
width: 252px;
background-image: url(/customer/images/reiternavigation-inaktiv-link2.jpg);
display: block;
}

.haupt-2 a:hover,
.haupt-2 a.active,
.haupt-2 a.current {
width: 252px;
background-image: url(/customer/images/reiternavigation-aktiv-hover-link2.jpg);
}




/* Button 3 */

.haupt-3 {
width: 172px;
background-image: url(/customer/images/reiternavigation-aktiv-hover-link3.jpg);
}

.haupt-3 a {
width: 172px;
background-image: url(/customer/images/reiternavigation-inaktiv-link3.jpg);
display: block;
}

.haupt-3 a:hover,
.haupt-3 a.active,
.haupt-3 a.current {
width: 172px;
background-image: url(/customer/images/reiternavigation-aktiv-hover-link3.jpg);
}



/* Button 4 */

.haupt-4 {
width: 122px;
background-image: url(/customer/images/reiternavigation-aktiv-hover-link4.jpg);
}

.haupt-4  a {
width: 122px;
background-image: url(/customer/images/reiternavigation-inaktiv-link4.jpg);
display: block;
}

.haupt-4 a:hover,
.haupt-4 a.active,
.haupt-4 a.current {
width: 122px;
background-image: url(/customer/images/reiternavigation-aktiv-hover-link4.jpg);
}

#reiternavigation div {
height:38px;
background-image: url(/customer/images/hintergrund-navigation-grau.jpg);
}

/* #reiternavigation li span wird definiert im Flash-Replacement-Bereich */

#submenu-header {
width: 100%;
border: 1px solid #FFF; /* ohne border rutscht die Navi nach unten */
}

/* h2 wird im Flash-Replacement-Codeteil (9.) definiert */


#submenu {
padding: 0 0;
margin: 0 0 0 0;
width: 100%;
border: none;
}

#submenu ul.untermenu {
clear: left;
padding: 0 0;
margin: 6px 0 0 0;
width: 100%;
font-family: Arial, Helvetica, sans-serif;
border: none;
}

#submenu ul.untermenu li {
margin: 0 0;
padding: 3px 0 4px 0;
float: none;
list-style-type: none;
width: 100%;
font-size: 1.1em;
border-top: 1px solid #FFF;
border-bottom: 1px solid #c1c5c9;
}

#submenu ul.untermenu li ul  {
margin: 4px 0 0 0;
padding: 0 0;
border: none;
}

/* Link - Ebene 1 */

#submenu ul.untermenu li a {
text-decoration: none;
font-size: 1.1em;
}

#submenu ul.untermenu li a:hover {
text-decoration: none;
}

#submenu ul.untermenu li a.active {
font-weight: bold;
color: #000;
font-size: 1.1em;
}

#submenu ul.untermenu li a.current,
#submenu ul.untermenu li a.subcurrent {
font-weight: bold;
color: #bf0000;
font-size: 1.1em;
}

/* Untermenu - Ebene 2 */


#submenu ul.untermenu li ul li {
margin: 0 0;
padding: 2px 0 2px 0;
font-size: 1em;
border: none;
}


/* Service Navi */

#submenu ul.servicenavi-eins {
margin: 30px 0 0 0;
padding: 0 0;
width: 100%;
font-size: 1.6em;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
color: #8b9096;
}

#submenu ul.servicenavi-eins li {
margin: 0 0;
padding: 0 0;
border: none;
height: 30px;
}

/* li um submenu */

#submenu ul.servicenavi-eins li span a {
color: #8b9096;
text-decoration: none;
font-weight: bold;
}

.sIFR-hasFlash #submenu ul.servicenavi-eins li span a { /* wenn fuer li span a sifr verwendet werden soll */
	visibility: hidden;
}

#submenu ul.servicenavi-eins li span a:hover {
color: #bf0000;
text-decoration: none;
font-weight: bold;
}

.sIFR-hasFlash ul.servicenavi-eins li span a:hover { /* wenn fuer h2 sifr verwendet werden soll */
	visibility: hidden;
}

#submenu ul.servicenavi-eins li span.active {
color: #bf0000;
text-decoration: none;
font-weight: bold;
font-size: 1em;
}

.sIFR-hasFlash ul.servicenavi-eins li span.active { /* wenn fuer h2 sifr verwendet werden soll */
	visibility: hidden;
}

/* Servicenavi-Zwei */


#submenu ul.servicenavi-zwei {
clear: left;
float: left;
margin:  4px 0 0 0;
padding: 0 ;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.9em;
color: #8b9096;
}

#submenu ul.servicenavi-zwei li {
float: left;
padding: 0 5px 0 0;
}

#submenu ul.servicenavi-zwei li.meta-2, #submenu ul.servicenavi-zwei li.meta-3  {
float: left;
padding:  0 5px 0 5px;
background-image: url(/customer/images/servicenavi-trennlinie.jpg);
background-repeat: no-repeat;
background-position: 0 0;
}


#submenu ul.servicenavi-zwei li a {
color: #8b9096;
text-decoration: none;
}

#submenu ul.servicenavi-zwei li a:hover, #submenu ul.servicenavi-zwei li a.active {
color: #bf0000;
text-decoration: none;
}


/* RECHTER NAVIGATIONSBEREICH */

.serviceteaser {
float: left;
width: 100%;
border: none;
}

.teaser-eins { 
margin: 71px 0 0 -1px;
}

.teaser-zwei { 
margin: 26px 0 0 -1px;
}

.teaser-drei { 
margin: 23px 0 0 0; /* Browserweiche MSIE 7.0 */
}

.teaser-vier { 
margin: 19px 0 0 0; /* Browserweiche MSIE 7.0 */
}

/* .serviceteaser h2 wird im Flash-Replacement definiert */

.serviceteaser ul {
margin: 3px 0 0 0;
padding: 0;
list-type:none;
}

.serviceteaser li {
margin: 5px 0 0 0;
padding: 0 0 0 27px;
font-family: Arial, Helvetica, sans-serif;
font-size: 1.2em;
}
.serviceteaser li a {
line-height: 1.6em;
}
.serviceteaser li.haeckchen-icon {
margin: 0 0 0 0;
padding: 0 0 0 21px;
font-family: Arial, Helvetica, sans-serif;
font-size: 1.2em;
line-height: 1.6em;
height: 18px;
}

.pfeil-icon {
background-image: url(/customer/images/icon/box-pfeil.jpg);
background-repeat: no-repeat;
background-position: 0 0;
}

.telefon-icon {
background-image: url(/customer/images/icon/box-tele.jpg);
background-repeat: no-repeat;
background-position: 0 0;
height:18px;
line-height:1.6em;
}

.at-icon {
background-image: url(/customer/images/icon/box-at.jpg);
background-repeat: no-repeat;
background-position: 0 0;
}

.haeckchen-icon {
background-image: url(/customer/images/icon/haeckchen.jpg);
background-repeat: no-repeat;
background-position: 0 0;
} 


.serviceteaser ul.kunden {
float: left;
margin: 3px 0 0 -10px;
padding: 0 0;
}

.serviceteaser ul.kunden li {
float: left;
margin: 0 0 0 12px;
padding: 0 0;
height: 33px;
}

.serviceteaser p {
font-size: 1.2em;
font-family: Arial, Helvetica, sans-serif;
}

/* Call-Back */
#callback {
margin: 10px 0 15px -27px; /* Browserweiche MSIE 6.0, MSIE 5.5*/
padding: 0;
width: 100%;
border: none;
}

#callback label {
display: block;
clear: left;
margin: 5px 0 0 0;
}

#callback label span {
clear: left;
margin: 5px 0 1px 0;
padding: 0;
color: #8b9096;
}

#callback input {
border: 1px solid #8b9096;
margin-top:1px;
}

#callback input.submit {
margin: 10px 0 0 0;
}

.warning {
color: #bf0000;
border: 1px solid #bf0000;
}
span.warning {
border: none !important;
}

#callback label span.warning {
color: #bf0000 !important;
}
span.fehlermeldung {
clear: left;
color: #bf0000;
margin: 5px 0 5px 0 !important;
border: none;
}

#callback p {
color: #bf0000;
margin: 5px 0 0 0;
}


/* Abbinder */

#abbinder ul {
clear: both;
margin: 0;
padding: 0;
border: none;
} 

#abbinder li {
list-style-type: none;
float: left;
color: #c4c4c4;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.1em;
}

#abbinder li a, #abbinder li a:hover, #abbinder li li {
color: #c4c4c4;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1em;
text-decoration: none;
}



#abbinder ul li ul li a {
color: #333;
}

#abbinder ul li ul li a:hover {
color: #333;
text-decoration: underline;
}

.copyright {
margin: 0;
padding: 0;
}

.drucken {
margin: 0 0 0 80px;
padding: 0 0 0 18px; 
background-image: url(/customer/images/icon/drucken.jpg);
background-repeat: no-repeat;
background-position: 0 0;
}

.sitemap {
margin: 0 0 0 10px;
padding: 0 0 0 17px;
background-image: url(/customer/images/icon/sitemap.jpg);
background-repeat: no-repeat;
background-position: 0 0;
}


/* Breadcrump (Sie sind hier) */

#breadcrump {
clear: left;
margin: 8px 0 0 -1px;
padding: 0 0;
border: none;
}

#breadcrump ul {
margin: 0 0;
padding: 0 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #8b9096;
}

#breadcrump li {
margin: 0 0;
padding-bottom: 0;
padding-top: 0;
padding-right: 10px;
float: left;
}

#breadcrump li a {
text-decoration: none;
color: #8b9096;
} 

#breadcrump li a:hover {
text-decoration: none;
color: #8b9096;
text-decoration: underline;
}

#breadcrump li strong {
text-decoration: none;
color: #8b9096;
font-weight: normal;
}

.ebene {
padding-left: 10px;
background-image: url(/customer/images/breadcrump-pfeil.jpg);
background-repeat: no-repeat;
background-position: 0 5px;
}


/* 6. INHALTSFORMATE (Abatzvorlage) */

/* Absatzvorlagen Ueberschrift 1 (h1) */

#contentbereich h1 {
width: 100%;
margin: 18px 0 18px 0;
padding: 0 0;
font-size: 1.8em;
color: #cf3f3f;
font-weight: bold;
border: none;
}

.sIFR-hasFlash #contentbereich h1 { /* wenn fuer h2 sifr verwendet werden soll */
	visibility: hidden;
}


/* Absatzvorlagen Ueberschrift 2 (h2) */

#contentbereich h2 {
margin: 0 0 12px 0;
padding: 0 0;
font-size: 1.4em;
color: #000;
font-weight: bold;
border: none;
}


/* Absatzvorlagen Textabsatz normal */

.content-textabsatz {
margin: 0 0 25px 0;
}

.content-textabsatz p {
margin: 0 0 16px 0;
padding: 0;
}

.content-textabsatz p.kontakt {
color: #545454;
}

.content-textabsatz p.kontakt a {
margin: 0;
padding: 0;
color: #545454;
text-decoration: none;
background-image: none;
}

.content-textabsatz p.kontakt a:hover {
margin: 0;
padding: 0;
color: #545454;
text-decoration: underline;
background-image: none;
}

/* normale Liste */
.content-textabsatz ul,
.content-text-bild-links ul,
.content-text-bild-rechts ul {
margin: 0 0 16px 0;
}

.content-textabsatz li,
.content-text-bild-links ul li,
.content-text-bild-rechts ul li {
padding: 0 0 0 12px;
margin: 0 0 10px 0;
background-image: url(/customer/images/list-style-bullet.jpg);
background-repeat: no-repeat;
background-position: 0 4px;
font-size: 1.2em;
}

/* Textabsatz mit Bild rechts */

.content-text-bild-rechts {
margin: 0 0 16px 0;
padding: 0;
width: 100%;
border: none;
font-size: 1.2em;
}

.content-text-bild-rechts img {
float: right;
margin: 0;
padding: 0 0 0 15px;
border: none;
}

.content-text-bild-rechts p {
font-size: 1.0em;
}

/* Textabsatz mit Bild links */

.content-text-bild-links {
margin: 0 0 16px 0;
padding: 0;
width: 100%;
border: none;
font-size: 1.2em;
}

.content-text-bild-links img {
float: left;
padding: 0 15px 0 0;
margin: 0;
border: none;
}

.content-text-bild-links p {
font-size: 1.0em;
}

/* Absatzvorlage mehrere Bilder, die nebeneinander floaten */

.content-mehrere-bilder {
margin: 0 0 16px 0;
padding: 0 0;
width: 100%;
border: none;
}

.content-mehrere-bilder img {
float: left;
margin: 0 0 0 3px; /* Browserweiche MSIE 6.0 und 5.5 */
padding: 0 0 0 0;
border: none;
}

.content-mehrere-bilder p {
width: 512px;
margin: 0 0;
padding: 0 0;
font-size: 1.1em;
font-style: italic;
color: #8b9096;
}

/* Absatzvorlage Panoramabild mit Bilduntertitel */

.content-panorama {
margin: 16px 0 16px 0;
padding: 0 0;
width: 512px;
border: 0px solid;
}

.content-panorama img {
margin: 0;
padding: 0;
border: none;
}

.content-panorama p {
margin: 5px 0 0 0;
}


/* Absatzvorlage 2-spaltige Liste, die sich selbst umbricht  */

.content-liste-zweispaltig {
clear: left;
float: left;
margin: 0 0 20px 0;
padding: 0 0;
width: 100%;
border: none;
}

.content-liste-zweispaltig ul {
float: left;
width:100%;
margin: 0;
padding: 0;
}
.content-liste-zweispaltig li {
float: left;
width: 230px;
padding: 0 14px 0 12px;
margin: 0 0 10px 0;
background-image: url(/customer/images/list-style-bullet.jpg);
background-repeat: no-repeat;
background-position: 0 4px;
font-family: Arial, Helvetica, sans-serif;
font-size: 1.2em;
}

/* Absatzvorlage call-to-action-teaser */

#call-to-action {
clear: left;
float: left; /* MSIE 6.0 braucht hier float: none! */
margin: 0 0 20px 0;
width: 512px;
height: 94px;
background-image: url(/customer/images/contentbereich/call-to-action.jpg);
background-repeat: no-repeat;
background-position: 0 0;
}

#call-to-action p {
clear: both;
float: left;
margin: 7px 0 0 122px;
width: 360px;
}

#call-to-action h3.rot {
float: left;
margin: 16px 0 0 104px;
padding: 0 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 1.7em;
font-weight: bold;
color: #bf0000;
}

.sIFR-hasFlash #call-to-action h3.rot { /* wenn fuer h3 sifr verwendet werden soll */
	visibility: hidden;
}

#call-to-action h3.schwarz {
float: left;
margin: 16px 0 0 3px;
font-family: Arial, Helvetica, sans-serif;
font-size: 1.7em;
font-weight: bold;
color: #000000;
}

.sIFR-hasFlash #call-to-action h3.schwarz { /* wenn fuer h3 sifr verwendet werden soll */
	visibility: hidden;
}

#call-to-action p a {
color: #bf0000;
font-weight: bold;
background-image: url(/customer/images/banner-verweis-pfeil.jpg);
background-repeat: no-repeat;
background-position: 0 4px;
text-decoration: none;
padding: 0 0 0 7px;
margin: 0 0 0 5px;
}

#call-to-action p a:hover {
color: #bf0000;
font-weight: bold;
background-image: url(/customer/images/banner-verweis-pfeil.jpg);
background-repeat: no-repeat;
background-position: 0 4px;
text-decoration: underline;
padding: 0 0 0 7px;
margin: 0 0 0 5px;
}



/* Absatzvorlage Formular */
/* formular styles fuer Kontaktformular in formular.css */

.content-formular {
float: left;
margin: 0 0 16px 0;
padding: 0 0;
width: 100%;
height: auto;
border: none;
}



/* 9. FLASH-REPLACEMENT */ 

 .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;
 }
 .sIFR-flash + div[adblocktab=true] {
     display: none !important;
 }
	
	/* h2 im submenu */
	
#submenu-header h2 {
margin: 38px 0 0 -1px; 
padding: 0 0;
font-size: 1.6em;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
}

.sIFR-hasFlash #submenu-header h2 { /* wenn fuer h2 sifr verwendet werden soll */
	visibility: hidden;
}




/* serviceteaser h2 */

.serviceteaser h2 {
margin: 0 0 0 1px;
padding: 0 0;
font-size: 15px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
color: #8b9096;
}

.sIFR-hasFlash .serviceteaser h2 { /* wenn fuer h2 sifr verwendet werden soll */
	visibility: hidden;
}




/* SEITE MERKEN */

.merken {
z-index: 10;
padding: 0 0 0 18px;
margin: 0 0 0 10px;
background: url(/customer/images/icon/merken.jpg);
background-repeat: no-repeat;
background-position: 4px 1px;
display: block;
}

.merken-sfhover,
.merken:hover {
z-index: 10;
background: url(/customer/images/seite_merken_hover.gif);
background-repeat: no-repeat;
background-position: 0 -1px;
display: block;
margin: 0 0 0 8px;
padding: 4px 8px 15px 9px; /* Brwoserweiche MSIE 5.5 */
position: relative;
top: -4px;
border: none;
width: 47px;
}

.merken-sfhover {
top: -5px;
}

.merken ul {
position: absolute;
display: none;
}

.merken-sfhover ul,
.merken:hover ul {
text-align: left;
display: block;
position: absolute;
left: 0;
border-right: 1px solid #cececf !important;
border-left: 1px solid #cececf !important;
border-top: 1px solid #cececf !important;
background-color: #FFF;
background-image: url(/customer/images/seite_merken_popup_border.gif);
background-repeat: no-repeat;
background-position: -20px bottom;
bottom: 29px;
width: 150px;
padding: 5px;
}

* html .merken-sfhover ul {
height: 1%;
}

.merken-sfhover ul li,
.merken ul li {
line-height: 2;
padding-left: 21px;
height: 1%;
width: 128px;
}

* html .merken-sfhover ul li {
height: 1%;
}

.merken-sfhover ul li a,
.merken ul li a {
display: block;
}

* html .merken-sfhover ul li a {
height: 1%;
}

.merken-sfhover ul li.browser,
.merken ul li.browser {
padding: 0 0 0 25px;
border-bottom: 1px solid #CCC !important;
margin-bottom: 5px;
background: url(/customer/images/seite_merken_icon_browser.gif) 4px 4px no-repeat;
width: 128px;
}

.merken-sfhover ul li.delicious,
.merken ul li.delicious {
padding: 2px 0 0 25px;
background: url(/customer/images/seite_merken_icon_delicious.gif) 4px 4px no-repeat;
}

.merken-sfhover ul li.yigg,
.merken ul li.yigg {
padding: 2px 0 0 25px;
background: url(/customer/images/seite_merken_icon_yigg.gif) 4px 4px no-repeat;
}

.merken-sfhover ul li.mrwong,
.merken ul li.mrwong {
padding: 2px 0 4px 25px;
background: url(/customer/images/seite_merken_icon_mrwong.gif) 4px 4px no-repeat;
}


/* 11. TOOL-TIP */ 

#contentbereich a.tool { 
position: relative; 
color: #000000;
text-decoration: none;
border-bottom: 1px dotted #000;
cursor: help;
}

#contentbereich a.tool span { 
display: none;
}

#contentbereich a.tool:hover span {
display: block!important;
position: absolute!important; 
left: -280px!important; 
top: 20px!important; 
z-index: 1000!important;
background-image: url(../images/bg_tooltipp_produkttext.gif)!important;
background-repeat: repeat-x;
background-color: #efefef;
border: 1px solid #5e5f5f!important; 
color: #000000!important; 
width: 300px!important; 
height: auto!important; 
padding: 5px!important;
margin: 0!important;
overflow: visible;
-moz-border-radius: 5px;
}

#contentbereich a:hover.tool {
display: inline!important;
}

#contentbereich span.tooltip {
text-decoration: none!important;
}

#contentbereich a:hover.tool {
text-decoration: none;
display: block;
}

#contentbereich a:hover.tool span {
display: block;
}

/* 11.SITEMAP */ 

ul#sitemap {
margin: 0 0 15px 0;
padding: 0;
}

ul.level_1 {
border: none;
margin: 0 0 10px 0;
padding: 0;
}

ul.level_0 li a {
margin: 0;
padding: 0;
text-decoration: none !important;
font-size: 1.2em;
line-height: 1.5em;
font-weight: bold;
}

ul.level_1 li a {
margin: 2px 0 2px 50px;
padding: 0;
text-decoration: none;
font-size: 1.2em;
line-height: 1.5em;
font-weight: normal;
}