ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input 
{ margin:0; padding:0 }
a img,:link img,:visited img { border:none }
address { font-style:normal }


#meta {
width: auto;
margin: 20px 0px 0px 0px;
float: right;
display: inline;
font-size: 0.8em;	
}

#meta a {
margin: 0px 5px 0px 5px;
color: #8e8e8e;
text-decoration: none;
}

#meta a:hover {
text-decoration: underline;
}

#timeserver {
display: inline; /* IE6 */
margin: 20px 22px 0px 20px;
height: 26px; 
width: 140px;
background: url(../../customer/images/typo_seiko_timeserver.gif) no-repeat 0px 10px;
float: right;
text-align: right;
}

#timeserver a {
color: #8e8e8e;
text-decoration: none;
font-size: 10px;
}

.linear a{
font-weight: bold;
}

hr {
display: none;
}

.spaltelinkshalb {	
background-color: #EEE;
}

.spalterechtshalb {
background-color: #EEE;
}

.spaltelinksdrittel {	
background-color: #EEE;
}

.spaltemittedrittel {
background-color: #EEE;
}

.spalterechtsdrittel {	
background-color: #EEE;
}

.spalteerstesviertel {	
background-color: #EEE;
}

.spaltezweitesviertel {	
background-color: #EEE;
}

.spaltedrittesviertel {	
background-color: #EEE;
}

.spalteviertesviertel {	
background-color: #EEE;
}

.bildlinks {
margin-bottom: 20px;	
}

.bildlinks img {
float: left;
margin: 4px 15px 10px 10px;
position: relative;
}

.bildrechts img {
float: right;
margin: 4px 5px 5px 10px;
position: relative;
}

/* ***** typographie ***** */

h1 {
font-family: Arial, Helvetica, sans-serif;
margin: 20px 5px 5px 10px;
font-size: 1.7em;
padding: 2px 0 0 0;
font-weight: normal;
}

.sIFR-hasFlash h1 {
visibility: hidden;
padding: 2px 0 0 0;
}

h2 {
margin: 10px 5px 5px 10px;
font-size: 1.2em;
font-weight: bold;
color: #9c0000;
}

h3 {
margin: 10px 5px 5px 10px;
font-size: 1.5em;
font-weight: normal;
}

h4 {
margin: 10px 5px 5px 10px;
font-size: 1.3em;
font-weight: bold;
}

h5 {
margin: 10px 5px 5px 10px;
font-size: 1.0em;
font-weight: bold;
}

h6 {
margin: 10px 5px 5px 10px;
font-size: 0.8em;
font-weight: bold;
}

p {
margin: 5px;
line-height: 1.5em;
}


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

#content p {
margin: 0 20px 20px 10px;
line-height: 1.5em;
}

#content p a {
color: #000;
font-size: 1.0em;
font-weight: bold;
text-decoration: none;
margin-left: 6px;
padding-left: 8px;
background: transparent url(../../customer/images/contextlinkpfeil.gif) no-repeat 0 4px;	
}

#content a img,
#content p a img{	
background: transparent url() no-repeat 0 0px; !important;
}


#content p a:hover {
text-decoration: underline;
}

#content ul li {
margin: 0px 0px 0px 10px;
list-style-type:square;
}
#content ul li a {
color: #000;
}

#content ul li a:hover {
text-decoration: none;
}

/* +++++++++++++++++++++++++++++++++++ */
/* ***** styling quernavigation ***** */
/* +++++++++++++++++++++++++++++++++++ */


#quernavigation {
position: relative;
margin: 0 10px 5px 10px; 
_margin: 0 10px 0px 10px; 
float: right;
display: inline;  /* verhindert doppelt-margin-bug in IE*/
text-align: left;
width: 834px;  /* wert = wrapperbreite - margin links und rechts */
background: url(../../customer/images/bg_mainnav_erste.gif);
background-repeat: repeat-x;
} 

#quernavigation ul {
margin: 0;
}

#quernavigation li {
list-style-type: none;
display: inline;
margin: 0px 0px 0px 0px;
}

#quernavigation ul li a {
color: #c8d1d8;
text-decoration: none;
margin: 0px 0px 0px 0px;
padding: 2px 0px 26px 0px;
_padding: 2px 0px 28px 0px;
float: left;
}


#quernavigation ul li a.mainnav-kollektion { width: 137px; background: url(../../customer/images/mainnavi_kollektion.jpg) no-repeat 0px 0px; }
#quernavigation ul li a.mainnav-special {  width: 108px; background: url(../../customer/images/mainnavi_specials.jpg) no-repeat 0px 0px;}
#quernavigation ul li a.mainnav-unternehmen {  width: 139px; background: url(../../customer/images/mainnavi_unternehmen.jpg) no-repeat 0px 0px; }
#quernavigation ul li a.mainnav-aktuelles {  width: 113px; background: url(../../customer/images/mainnavi_aktuell.jpg) no-repeat 0px 0px;}
#quernavigation ul li a.mainnav-shops {  width: 157px; background: url(../../customer/images/mainnavi_shops.jpg) no-repeat 0px 0px;}
#quernavigation ul li a.mainnav-service {  width: 180px; background: url(../../customer/images/mainnavi_service.jpg) no-repeat 0px 0px; }

/* hover */
#quernavigation ul li a.mainnav-kollektion:hover { background: url(../../customer/images/mainnavi_kollektion.jpg) no-repeat 0px -32px; }
#quernavigation ul li a.mainnav-special:hover { background: url(../../customer/images/mainnavi_specials.jpg) no-repeat 0px -32px;}
#quernavigation ul li a.mainnav-unternehmen:hover { background: url(../../customer/images/mainnavi_unternehmen.jpg) no-repeat 0px -32px; }
#quernavigation ul li a.mainnav-aktuelles:hover { background: url(../../customer/images/mainnavi_aktuell.jpg) no-repeat 0px -32px;}
#quernavigation ul li a.mainnav-shops:hover {  background: url(../../customer/images/mainnavi_shops.jpg) no-repeat 0px -32px;}
#quernavigation ul li a.mainnav-service:hover { background: url(../../customer/images/mainnavi_service.jpg) no-repeat 0px -32px; }

/* aktiver Punkt */
#quernavigation ul li a.mainnav-kollektion-a { width: 137px; background: url(../../customer/images/mainnavi_kollektion.jpg) no-repeat 0px -64px; }
#quernavigation ul li a.mainnav-special-a {  width: 108px; background: url(../../customer/images/mainnavi_specials.jpg) no-repeat 0px -64px;}
#quernavigation ul li a.mainnav-unternehmen-a {  width: 139px; background: url(../../customer/images/mainnavi_unternehmen.jpg) no-repeat 0px -64px; }
#quernavigation ul li a.mainnav-aktuelles-a {  width: 113px; background: url(../../customer/images/mainnavi_aktuell.jpg) no-repeat 0px -64px;}
#quernavigation ul li a.mainnav-shops-a {  width: 157px; background: url(../../customer/images/mainnavi_shops.jpg) no-repeat 0px -64px;}
#quernavigation ul li a.mainnav-service-a {  width: 180px; background: url(../../customer/images/mainnavi_service.jpg) no-repeat 0px -64px; }

/* 2. Ebene */


#quernavigation ul.zweiteebene {
position: relative;
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
float: left;
width: 100%; height: 20px;
background: url(../../customer/images/bg_mainnav_zweite.gif);
background-repeat: repeat-x;
}

#quernavigation ul.zweiteebene li {
display: inline;
margin: 0px 0px 0px 0px;
border: none;
background: none;
list-style-type: none;
}

#quernavigation ul.zweiteebene li a {
color: #000;
font-size: 10px;
letter-spacing: 0.1em;
text-indent: 0px;
text-decoration: none;
margin: 3px 0px 0px 13px;
padding: 0px 0px 0px 13px; 
display: inline; /* margin bug */
float: left;
background: url(../../customer/images/bg_trenner_mainnav_zweite.gif) no-repeat 0px 2px;
}

#quernavigation ul.zweiteebene li:first-child a {
background: none;
}

#quernavigation ul.zweiteebene li a.firstsecnav { 
background: none; 
}

#quernavigation ul.zweiteebene li a#current {
color: #a51414;
font-weight: bold;
}

#quernavigation ul.zweiteebene li a:hover {
color: #a51414;
}


/* +++++++++++++++++++++++++++++++++++*/
/* ***** styling footer links ***** */
/* +++++++++++++++++++++++++++++++++++*/

#footwrapper {
display: block;
position: relative;
height: 57px;
margin: 0 !important;
background: url(../images/bg_footwrapper.gif) repeat-x 0 0 #000;
width: 100%;

}

#foot {
width: 800px;
margin: 0 auto 0 auto;
height: 47px;
}

#foot span {
color: #858585;
font-size: 0.9em;
margin: 8px 0 0 0px;
float: left;
}

#foot a {
margin: 0px 5px 0px 5px;
color: #000;
text-decoration: none;
}

#foot a:hover {
text-decoration: underline;
}

#foot div img {
margin: 5px 3px 0 6px; 
}

#foot div a {
margin: 0 !important;
}

/*
#foot div a img  {
border: 1px solid #fff;
}

#foot div a:hover img  {
border: 1px solid #c3c3c3;
}
*/

/* ***** styling Content ***** */
#content {
background: #FFF;	
}

#content ul {
margin: 5px 5px 10px 15px;
padding: 0;
line-height: 1.5em;
list-style: disc inside;
}

#content ul ul {
margin: 0px 5px 0px 25px;
padding: 0;
line-height: 1.5em;
list-style: circle inside;
}

.flashbanner-gross {
/* border: 1px solid #ff0000; */
width: auto;
height: auto;
margin-bottom: 20px;	
}

#content .schnelleinstieg-wrapper {
background: url(../../customer/images/schnelleinstieg_bg_kachel.gif) repeat-x;
background-position: 0px 114px; 
height: 228px;
padding: 0;	
margin: 0px 0 20px 0;	
}

.eins,
.zwei,
.drei,
.vier,
.fuenf {
float: left;
margin: 0 0 0 7px;
padding: 0;
text-align: center;	
}

#content .schnelleinstieg-wrapper p {
padding: 0;
margin: 0;
text-align: center;	
}

#content .schnelleinstieg-wrapper p a {	
/*color: #a32322;*/
color: #333;	
background: url(../../customer/images/contextlinkpfeil.gif) no-repeat 0px 3px !important;
padding-left: 8px;
_padding-left: 0px;
line-height: 1.2em;
text-decoration: none;
font-weight: normal;
}

#content .schnelleinstieg-wrapper p a:hover {
text-decoration: underline;
}


/* ***** styling kontaktformular ***** */

#kontaktformular legend {
display: none;
}

.persoenliche-angaben {
background-color: #f2f4f5;	
float: left;
width: 400px;
padding: 18px 10px 10px 22px;
}

.prospekte-senden {
background-color: #f2f4f5;
float: left;
width: 175px;		
margin: 0 0 12px 10px;	
padding: 18px 5px 12px 20px;	
}

html>body .prospekte-senden {
padding-bottom: 33px;
}

.prospekte-senden span {
line-height: 1.5em;	
}

.prospekte-senden input.check {
margin: 20px 30px 0 0 !important;
float: left;
width: 20px !important;
}

.prospekte-senden label {
margin: 20px 0 0 0 !important;	
}

.mitteilung {
background-color: #f2f4f5;
padding: 20px 0 20px 20px;
margin-bottom: 12px;	
}

.mitteilung select {
margin: 0 0 15px 15px;
width: 252px;
}

.mitteilung #fragen {	
width: 470px;
margin: 0 0 0 47px;
}

.abschicken {
background-color: #ebf0f3;	
}

.abschicken .submitlabel input#formsubmit {	
background: transparent url(../../customer/images/abschicken.gif) no-repeat bottom;	
width: 96px;
height: 22px;
border: none;
margin: 10px 10px 15px 0;
}

#kontaktformular form {
padding: 5px;
width: 90%;
}

#kontaktformular fieldset {
border: 0 solid transparent;	
}

#kontaktformular label {
float: left;
margin: 5px 0 0px 0;
}

#kontaktformular input {
float: right;
width: 250px;
margin: 2px 15px 7px 0;	
padding: 1px 0 1px 0;
}

#kontaktformular input.submit {
float: none;
width: 83px;
height: 16px;
}


#kontaktformular textarea {
float: none;
width: 90%;
}

.fehler {
margin: 25px 0 0 0px;
}

.fehler strong {
color: #ff0000;	
}


/* ***** styling header ***** */

#header img {
margin: 18px 0 25px 0; 
float: left;
}


/* ********** Styling Context ********* */
#contextwrapper {
height: 1%;
border: 1px solid black;
}

#context {	
background: #fff;	
padding-top: 10px;		
}

.meldung-verwalten {
padding: 0px 0 0px 0;
}

.meldung-verwalten a {
color: #000;
text-decoration: underline !important;
}

.meldung-verwalten a:hover {
color: #ff0000;
text-decoration: underline !important;
}


.drucken {
background: transparent url(../../customer/images/drucken.gif) no-repeat 1px 1px;
display: block;
padding: 0px 0 5px 25px;
margin: 0 0 0px 0px !important;
}

.merken {
background: transparent url(../../customer/images/merken.gif) no-repeat 3px 1px;
display: block;
padding: 0px 0 5px 25px;
margin: 0 0 0px 0px !important;
}

.worddoc {
background: transparent url(../../customer/images/word_ico.gif) no-repeat 3px 1px;
display: block;
padding: 0px 0 5px 38px;
margin: 0 0 7px 5px !important;
}


.contextteaser {
/* background: transparent url(../../customer/images/contexttrenner.gif) no-repeat bottom !important; */
padding: 0 5px 0px 2px;
margin-bottom: 0px;
height: 1%;
}

.contextteaser h3 {
margin: 0px 0 2px 6px;											    
padding: 0;    											
font-weight: bold;	
font-size: 1.0em;											
}

.contextteaser p {
color: #666666;
}

.contextteaser p a {	
display: block;
color: #000;
font-size: 0.9em;
font-weight: bold;
background: url(../../customer/images/contextlinkpfeil.gif) no-repeat transparent 0px 4px;
text-decoration: none;		
}

.contextteaser a.redlink {	
color: #a70005 !important;
background: url(../../customer/images/contextlinkpfeil_red.gif) no-repeat transparent 0px 4px !important; 
}

.contextteaser .bildlinks a.bild  {	
background: none;	
}

.contextteaser .bildlinks img {	
margin: 0 6px 0 10px;
float: none;

}

.contextteaser .bildlinks p a {			
display: block;
height: 1%;
color: #000;
font-size: 0.9em;	
font-weight: bold;
text-decoration: none;
margin: 0 0 0 6px !important;
padding-left: 6px !important;
background: transparent url(../../customer/images/contextlinkpfeil.gif) no-repeat 0px 6px;
}

.contextteaser .bildlinks p a:hover {
text-decoration: underline;
}

/* +++++++++++++++++ News-Teaser Startseite ++++++++++++++++++++++++ */

.contextteaser .newshome {
/*background: transparent url(../../customer/images/contexttrenner.gif) no-repeat bottom !important; */
padding: 0 5px 5px 4px;
margin-bottom: 15px;
height: 1%;
}
.newshome p  {
line-height: 120%;
}
.newshome p a {
color:#666666;
background:none;
padding: 0;
font-weight:normal;
}


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* +++++++++++++ Context Suche  ++++++++++++++++++++++++++++++++++++++++++*/
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


#context .contextsuche {		
height: 1%;
}

#context .contextsuche form {
height: 50px;
margin: 10px 0px 15px 0px;
padding-bottom: 10px;
border-bottom: 1px solid #dedede;
}

.contextsuche label {
margin: 0px 0px 2px 10px;
padding: 0px 0px 0px 0px;
font-weight: bold;
display: block;
}

.contextsuche input {
padding: 3px 3px 2px 3px;
margin: 0px 0px 0px 10px;
background: transparent;
border: none;
font-size: 10px;
background: url(../../customer/images/bg_suche_input_context.gif) no-repeat transparent 0px 0px;
float: left;
width: 121px;
height: 18px;
voice-family: "\"}\"";
voice-family:inherit;
width: 115px;  /* box model hack, korrekte werte fuer alle anderen */
height: auto;
}

html>body #.contextsuche input {
width: 115px;  /* box model hack, korrekte werte fuer opera */
}

.contextsuche input.submit {
margin: 0px 10px 0px 0px;
width: 33px;
background: transparent;
border: none;
background: url(../../customer/images/bg_suche_senden_context.gif) no-repeat transparent 0px 0px;
float: right;
}

.contextsuche span.sublabel {
display: block;
margin: 2px 10px 0px 10px;
font-size: 10px;
color: #525252;
}

.contextsuche span.toplabel {
display: block;
margin: 0px 10px 2px 10px;
font-size: 10px;
color: #000;
}

/* Contextsuche neben dem Banner mit Uhrenberater (k¸nstliche Contextspalte) */


#contextfake .contextsuche form {
height: 50px;
margin: 28px 0px 10px 0px;
padding-bottom: 10px;
border-bottom: 0px solid #dedede;
}


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* +++++++++++++ UHRENBERATER ++++++++++++++++++++++++++++++++++++++++++++*/
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#uhrenberater {
position: absolute;
z-index: 2000 !important;
left:0px;
margin-left: 10px;
height: 40px; 
width: 621px;
background: url(../../customer/images/bg_uhrenberater_seiko.gif) no-repeat transparent 0px 0px;
}

#uhrenberater ul {
margin: 4px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border: none;
}

#uhrenberater ul li {
float: left;
list-style-type: none;
list-style-position: outside; /* for IE */
font-size: 10px;
display: block;
margin: 0px 0px 0px 0px; 
padding: 0px 0px 5px 10px;
background: url(../../customer/images/uhrenberater_trenner.gif) no-repeat transparent top right; 
filter:alpha(opacity=92);
}	


#uhrenberater ul li.preis {
background: none; 

}	

#uhrenberater ul li span {
 display: block;
 margin-bottom: 4px;
 color: #434546;
}	

#uhrenberater ul li a {
 color: #434546;
 text-decoration: none;
}	

#uhrenberater ul li img {
 border: 1px solid #fff;
}	



/* zweite Ebene */


#uhrenberater ul li ul {
position: absolute;
z-index: 2000 !important;
top: 34px;
padding: 1px;
background: #fff;
border-right: 1px solid #68686a;
border-bottom: 1px solid #68686a;
border-left: 1px solid #68686a;

/* for fun only.. */
filter:alpha(opacity=92);
-moz-opacity: 0.92;
opacity: 0.92;
}

#uhrenberater ul li ul.uf-gender { left: 0px; width: 110px; z-index: 99;}  
#uhrenberater ul li ul.uf-material { left: 96px; width: 185px; z-index: 99;} 
#uhrenberater ul li ul.uf-band { left: 194px; width: 185px; z-index: 99;} 
#uhrenberater ul li ul.uf-ziffer { left: 292px; width: 75px; z-index: 99;}
#uhrenberater ul li ul.uf-wasser { left: 367px; width: 85px; z-index: 99;}
#uhrenberater ul li ul.uf-stop { left: 454px; width: 106px; z-index: 99;}
#uhrenberater ul li ul.uf-technik { left: 454px; width: 126px; z-index: 99;}
#uhrenberater ul li ul.uf-preis { left: 547px; width: 70px; z-index: 99;}


#uhrenberater ul li div { 
position:relative;
display:block;
height: 13px;  
overflow: hidden !important; 
width: 82px;
margin-right: 6px;
}


#uhrenberater ul li div.uf-preis { width: 46px; z-index:100; padding: 2px; }
#uhrenberater ul li div.uf-ziffer { width: 60px;  }
#uhrenberater ul li div.uf-wasser { width: 70px; }

/* kann f¸r Fine-Tuning verwendet werden...:
#uhrenberater ul li div.uf-gender { width: 120x}  
#uhrenberater ul li div.uf-material { width: 90px; } 
#uhrenberater ul li div.uf-band { width: 90px; } 
#uhrenberater ul li div.uf-ziffer { width: 60px;  }
#uhrenberater ul li div.uf-wasser { width: 70px; }
#uhrenberater ul li div.uf-stop { width: 75px; }
#uhrenberater ul li div.uf-preis { width: 40px; }
*/

#uhrenberater ul li ul li {
float: none; 
border: none;
background: none;
list-style-type: none;
list-style-position: outside; /* for IE */
border: 1px solid #fff; /* has layout for IE */
line-height: 14px;
color: #bababa;
padding: 0 4px 0 4px; /* for IE 5*/
margin: 0px 0px 0px -16px; /* for IE 5 */
voice-family: "\"}\"";
voice-family: inherit;
padding: 0 4px 0 4px; /* alle ausser IE 5.x */
margin: 0px 0px 0px 3px; /* alle ausser IE 5.x */
}	

html>body #uhrenberater ul li ul li {
padding: 0 4px 0 4px; /* Opera */
margin: 0px 0px 0px 3px; 
}

#uhrenberater ul li ul li a {
font-size: 10px;
text-decoration: none;
display: block; 
margin: 0px -4px 0px -4px; 
padding: 0 4px 0px 4px;
}

#uhrenberater ul li ul li a:hover {
background: #d6dcdf;
}

#uhrenberater ul li ul {  /* dropdown funktion */
display: none !important;
}


#uhrenberater ul li:hover ul, #uhrenberater ul li.sfhover ul { /* dropdown funktion HOVER */
display: block !important;
}


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* +++++++++++++ Produkt-‹bersicht ++++++++++++++++++++++++++++++++++++++*/
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.produktuebersicht {
margin: 10px 0 0 10px;
}

.produktintro {
float: left;
width: 270px;
margin: 45px 20px 0 0;
}

.produktintro h3 {
font-size: 1.8em;
margin: 0 0 20px 0;
}

.produktuebersicht .thumb {
border: 1px solid #fff;
color: #000;
cursor: pointer;
display: block;
float: left;
font-size: 1.2em;
height: 169px;
text-align: center;
text-decoration: none;
width: 155px;
}

html>body .produktuebersicht .thumb {
height: auto;
min-height: 169px;
}

.produktuebersicht .thumb:hover {
border: 1px solid #efefef;
}


.produktuebersicht .thumb strong {
color: #900;
}

.produktuebersicht .thumb .preis {
font-weight: bold;
}

.produktuebersicht .thumb small {
color: #666;
font-size: 0.8em;
}

* html .produktuebersicht .thumb span img { /* fuer IE */
/* height: 105px;
width: auto; */
margin: 20px 0 11px 0;
display: block;
}

html>body .produktuebersicht .thumb .thumbimage { /* fuer alle anderen */
margin: 20px 0px 6px 0;
display: block;
}

html>body .produktuebersicht .thumb .thumbimage img { /* fuer alle anderen */
height: 105px;
width: auto;
}

.produktuebersicht-seitenschalter {
display:block;
height: 24px;
float:left;
background:#efefef;
color: #000;
width: 98% !important;
text-align: center;
margin: 5px 0 10px 0;
padding-top: 4px;
}

.produktuebersicht-seitenschalter a {
color: #000;
padding: 0 15px 0 0;
font-size: 1.2em;
font-weight: bold;
}

.produktuebersicht-seitenschalter a.aktiv {
color: #999;
text-decoration:none !important;
}



/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* +++++++++++++ Produkt-Detailseite ++++++++++++++++++++++++++++++++++++++*/
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


#proddetail-bild {
position: absolute;
z-index: 99;
top: -60px;
left: 0px;
width: 276px;
text-align: center;
}

#proddetail-print {
display:none;
}

#proddetail-bild a:hover img {
cursor: -moz-zoom-in; /*-moz-zoom-in*/
}

#proddetail-preis {
width: 150px;
margin: 16px 0px 0px 276px;
padding: 0;
float: left;	
display: inline; /* IE doppel margin fix */
height: 240px;
}

#proddetail-preis .preisdetail {
width: 123px;
height: 37px;
background:url(../images/prod_detail_preis_bg.gif) no-repeat;
margin: 10px 0px 0px 0px;
padding: 8px 0px 0px 0px;
font-size: 1.3em;
font-weight: bold;
text-align:center;
}

#proddetail-preis .preisdetail span.euro {
font-size: 10px;
font-weight: normal;
}

#proddetail-preis .preisdetail span.uvp {
font-size: 10px;
font-weight: normal;
color: #999999;
}

#proddetail-preis ul.proddetail-aktion {
margin: 10px 0px 0px -10px;	
}

#proddetail-preis ul.proddetail-aktion li {
list-style-position: outside;
list-style-type: none;
}

#proddetail-preis ul.proddetail-aktion li.anleitung  {
margin-top: 10px;
display: block;
}

#proddetail-preis ul.proddetail-aktion li.anleitung img {
position: relative;
top: 3px;
}

#proddetail-preis ul.proddetail-aktion li a {
color: #000000;
font-size: 0.9em;
text-decoration: underline;	
}

#proddetail-preis ul.proddetail-aktion li a:hover {
color: #000000;
text-decoration: none;
}     

#proddetail-preis ul.proddetail-aktion li.anleitung a.anleitung {
color: #000000;
font-size: 0.9em;
text-decoration: none;
}     

#proddetail-preis ul.proddetail-aktion li.anleitung a.anleitung:hover {
color: #000000;
text-decoration: none;
}

#proddetail-preis #zoombutton  {
position: relative;
top: 50px;
left: -50px;
z-index: 90;
}

#proddetail-preis #zoombutton a {
cursor: pointer !important;
}

#proddetail-text {
margin: 2px 20px 0px 0px;
padding: 0;
float: right;
width: 360px;
display: inline; /* IE doppel margin fix */
z-index: -1 !important;
}

#proddetail-text p.hinweis {
color: #a4a4a4;
font-size: 0.9em;
margin: 15px 0 15px 0;
}

#proddetail-text h2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 1.7em;
font-weight: normal;
margin: 20px 0px 0px 0px;
float: left;
}

#proddetail-text .kineticguppe {
border: 1px solid #fff;
margin: 21px 0px 0px 15px;
float: left;
}

#proddetail-text ul {
margin: 5px 20px 20px 5px;
padding: 0;
list-style-position: outside;
list-style-image: url(../images/list_image_detailseite.gif);
}
#proddetail-text p  {
margin: -20px 20px 20px 5px;
}

/* tooltipp featureliste */


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

#proddetail-text ul li a.tool span { 
display: none;
}

#proddetail-text ul li a.tool:hover span {
display: block !important;
position: absolute !important; 
left: -180px !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;
}

#proddetail-text ul li a:hover.tool {
display: inline !important;
}

#proddetail-text ul li span.tooltip {
text-decoration: none !important;
}

#proddetail-text ul li a:hover.tool {
text-decoration: none;
display: block;
}
#proddetail-text ul li a:hover.tool span {
display: block;
z-index: 1000 !important;
}



/* Restliche Kollektion, Anzeige auf Detailseite  ####### */

#restkollektion {
position: relative;
display: block;
padding: 15px;
width: 804px;
background-image: url(../images/bg_detailseite_restkollektion.gif);
background-repeat: repeat-x;
z-index:0;
_z-index:-1;
}

#restkollektion .kollektionsbeschreibung {
border: 0px solid red;
float: left;
width: 200px;
height: auto;
padding: 0px 20px 0px 20px;
}

/* Bilderscroller Stile http://www.dynamicdrive.com/dynamicindex4/cmotiongallery.htm */

#restkollektion #motioncontainer {
left: 5px;
top: 0px;
background-image: url(../images/restkollektion_gallery_bg.jpg);
background-repeat: no-repeat;
background-position: 5px 70px;
float:right;
margin-right: 30px;
_margin-right: 10px;
}

#restkollektion #motioncontainer #blenderechts {
position: absolute;
z-index: 99;
left: 522px;
height: 89px;
width: 18px;
}

#restkollektion #motioncontainer #blendelinks {
position: absolute;
z-index: 99;
left: 0px;
height: 89px;
width: 18px;
}

#restkollektion #motioncontainer a { 
margin: 2px 0px 2px 4px;
text-decoration:none
}

#restkollektion #motioncontainer a img { 
border-bottom: 0px;
padding-bottom: 1px;
text-decoration:none
}

#restkollektion #motioncontainer a:hover img { 
border-bottom: 1px solid #dadada;
padding-bottom: 0px;
text-decoration:none
}

#restkollektion #motioncontainer a:hover{
color: red; /* Dummy definition to overcome IE bug */
text-decoration:none
}

#statusdiv{
visibility: hidden !important;
}


/* LIGHBOX Detailseite Zooom ##################### */

#lightbox{
position: absolute;
top: 0px;
left: 0;
width: 100%;
z-index: 1000;
text-align: center;
line-height: 0;
}

#lightbox a img{ border: none; }

#outerImageContainer{
position: relative;
top: -30px;
background-color: #fff;
width: 250px;
height: 250px;
margin: 0 auto;
border: 1px solid #666;
}

#imageContainer{
padding: 20px;
}

#loading {
position: absolute;
top: 40%;
left: 0%;
height: 25%;
width: 100%;
text-align: center;
line-height: 0;
}

#hoverNav {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10;
}

#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, 
#nextLink {
width: 49%;
height: 100%;
background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
display: block;
}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer {
position: relative;
top:-30px;
font: 10px Verdana, Helvetica, sans-serif;
background-color: #fff;
background-image: url(../images/bf_lightbox_toolbar.gif);
background-repeat: repeat-x;	
margin: 0 auto; 
line-height: 1.4em; 
border-right: 1px solid #7e8080;
border-bottom: 1px solid #7e8080;
border-left: 1px solid #7e8080;
}

#imageData{
padding: 0 10px;
}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	

#imageData #caption { 
position: relative;
display: block;
top: 8px;
padding: 2px 4px 4px 4px;
font-weight: bold;	
font-size: 1.4em;
width: 260px;
color: #9d2c21;
}
  
#overlay {
position: absolute;
top: 0;
left: 0;
z-index: 1000;
width: 100%;
height: 500px;
/*background-image: url(../images/bg_lightbox.gif);
background-image: repeat-y;*/
background-color: #747474;
filter:alpha(opacity=80);
-moz-opacity: 0.8;
opacity: 0.8;
}


.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

* html>body .clearfix {
display: inline-block; 
width: 100%;
}

* html .clearfix {
/* Hides from IE-mac \*/
height: 1%;
/* End hide from IE-mac */
}	


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* +++++++++++++ Presse-Bilder / Archiv ++++++++++++++++++++++++++++++++++*/
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */



#presse-kategoriewahl {
position: relative;
background: #eef1f2;
padding: 6px 0px 4px 28px;
height: 20px;
}

#presse-kategoriewahl form label {
position: relative;
top: 2px;
font-weight: bold;
color: #a40000;
float: left;
}
#presse-kategoriewahl form select {
font-size: 0.8em;
color: #000;
min-width: 150px;
margin: 0px 0px 0px 4px;
float: left;
}

#presse-kategoriewahl form input {
margin: 0px 0px 0px 4px;
float: left;
}

#presse-bilder {
background: #eef1f2;
padding: 5px;
margin: 10px 14px 0px 0px;
width: 145px;
float: left;
}

#presse-bilder span {
display: block;
font-size: 0.9em;
line-height: 1em;
margin: 5px 0px 0px 0px;
height: 31px;
overflow:hidden;
}
#presse-bilder .bild {
position: relative;
height: 110px;
width: 144px;
overflow: hidden;
text-align:left;
background: #fff;

}
#presse-bilder a.download {
display: block;
font-size: 0.9em;
font-weight: bold;
color: #000;
margin: 3px 0px 3px 0px;
padding-left: 9px;
background: url(../images/linkpfeil_rot.gif) no-repeat 1px 4px;
text-decoration: none;
}

#presse-bilder a.download:hover {
color: #990000;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* +++++++++++++ Presse-Bereich    ++++++++++++++++++++++++++++++++++++++*/
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* Startseite */

#meldungen-home {
margin: 15px 0px 0px 10px;
border-top: 1px solid #efefef;
border-bottom: 1px solid #efefef;
padding: 10px 0px 10px 0px;
}
#meldungen-home p {
margin: 0px 0px 0px 10px;
}
#meldungen-home p a.clean {
font-weight: normal;
padding: 0;
background: none;
}



/* Presseseite  */
#suchergebnisse h2 {
float: left;
display: inline;
margin: 0 0 5px 25px;	
}

#suchergebnisse {
width: 640px;
}

#aktuelle-meldungen .seitenindex,
.seitenindex {
float: right;
display: block;
border: 1px solid #fff;
margin: 10px 10px 10px 0px;
}

#aktuelle-meldungen .seitenindex img,
.seitenindex img {
margin: 1px 5px 1px 5px;
}

#aktuelle-meldungen div.weiss img,
#aktuelle-meldungen div.grau img {	
border: 1px solid #c7c7c7;
margin: 0px 10px 2px 0px;
padding: 0 !important;
float: left;	
}


#aktuelle-meldungen ol {
margin: 0 0 15px 35px;
}

#aktuelle-meldungen .weiss {		
height: 1%;
background-color: #fff;
padding: 10px;
margin: 0 0 20px 10px !important;

}

#aktuelle-meldungen .grau {
height: 1%;
background-color: #eef1f2;
padding: 10px;
margin: 0 0 20px 10px !important;

}


#aktuelle-meldungen div h2 {	
margin: 0px 0px 0px 0px; 
font-size: 1.2em; 
font-weight: bold; 
margin: 0 0 5px 0; 
color: #990000; 
float: none !important; 
}

#aktuelle-meldungen table {
margin-left: 10px;
}

#aktuelle-meldungen div p {	
margin: 0 !important; 
padding: 0; 
}

#aktuelle-meldungen ul {	
margin: -10px 0 5px 0 !important; 
padding-left: 20px; 
width: 80%;
list-style-position:outside;
}
#aktuelle-meldungen ul li {
list-style-type:square !important;
}

#aktuelle-meldungen p.datum {
color: #000; 
font-size: 1em; 
font-weight: bold; 

}
#aktuelle-meldungen div a.mehrlink {
color: #000;
font-weight: bold;
text-decoration: none;
margin-left: 5px;
font-size: 1em;
}

#aktuelle-meldungen div a.mehrlink:hover {
text-decoration: underline;
}


.meldungen-teaser  {
background: #f3f3f3;
padding: 5px 5px 5px 8px;
margin: 0px 10px 20px 1px;
}

.meldungen-teaser h2 {
margin: 5px 0 0 0px;
}
.meldungen-teaser ul {
margin: 5px 0 0 0px;
}

.meldungen-teaser ul li {
list-style-type: none;
margin: 2px 0px 10px 0px;
}

.meldungen-teaser ul li a {
text-decoration:none;
color: #999999;
}
.meldungen-teaser ul li a:hover {
text-decoration:underline;
}

#aktuelles-media #presse-bilder {
width: 153px;
float: none;
padding: 10px 5px 5px 12px;
margin: 0px 10px 20px 1px;
}


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* +++++++++++++ Sitemap   +++++++++++++++++++++++++++++++++++++++++++++++*/
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#sitemap {
background-color: #efefef;
margin: 0px 0 30px 0px !important;
padding: 10px 0 40px 0px;
}

#sitemap ul {
text-decoration: none;	
margin: 0px 0 0 20px !important;
}

#sitemap ul li {
font-weight: bold;
list-style: none;
margin-top: 15px;	
}

#sitemap ul li a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
color: #666666;
text-decoration: none;
background: url(../../customer/images/schnelleinstieg_linkpfeil.gif) no-repeat 0px 5px;
padding-left: 10px;	
padding: 2px 6px 2px 10px;
}

#sitemap ul li a:hover {
color: #a32322;
background-color: #dddddd;
}

#sitemap ul ul li {
font-weight: normal;	
margin: 0px 0px 0px 0px;
}


/* ***** styling Haendlersuche ***** */

#haendlersuche-wrapper {
float: left;
width: 380px;
}

#haendlersuche-disclaimer {
width: 250px;
float: left;
}

#haendlersuche-disclaimer p {
color: #999999;
font-size: 0.9em;
}

#haendlersuche-disclaimer h2 {
font-size: 1em;
}

#haendlersuche fieldset {		
background-color: #f2f4f5;	
float: left;
width: 340px;
padding: 18px 10px 10px 22px;
border: none;
}

#haendlersuche legend {
display: none;
}

#haendlersuche {
padding: 5px;
width: 90%;
}

#haendlersuche label {
float: left;
margin: 5px 15px 0px 0;
}


#haendlersuche input {
float: left;
width: 160px;
margin: 2px 5px 7px 0;	
padding: 1px 0 1px 0;
}

#haendlersuche input.submit {
margin: 2px 10px 7px 0;	
width: 33px;
background: transparent;
border: none;
background: url(../../customer/images/bg_suche_senden_context.gif) no-repeat transparent 0px 0px;
float: right;
}

#haendlersuche fieldset#markenwahl  {
padding: 10px 10px 10px 22px;
margin: 5px 0px 0px 0;
}

#haendlersuche #markenwahl p {
margin: 0;
float: left;
}

#haendlersuche #markenwahl input {
margin: 5px 4px 0px 0;
_margin: 2px 4px 0px 0;
width: auto;
}

#haendlersuche #markenwahl label  {
float: left;
margin: 4px 1px 0px 0;
width: auto; 
}

#haendlersuche #markenwahl label span {
float: left;
margin: 5px 15px 0px 0;
width: auto; 
}

#haendlersuche .abschicken {
background-color: #ebf0f3;	
padding: 8px 10px 10px 22px;
margin-top: 5px;
}

#haendlersuche .abschicken .submitlabel input#formsubmit {	
background: transparent url(../../customer/images/suchen.gif) no-repeat bottom;	
width: 80px;
border: none;
margin: 0;
float: right;
}

/* ***** Styling Haendlersuche-ergebnisse ***** */


#zweitsuche {
background-color: #f2f4f5;	
margin: 0 0 20px 10px;
height: 37px;	
}

#zweitsuche label {
margin: 12px 5px 0px 10px;
float: left;
}

#zweitsuche input {
margin: 10px 0px 0px 10px;
float: left;
}

#zweitsuche input.zweitsuche-button {
margin: 8px 0px 0px 5px;
float: left;
}

.haendlerbox-select,
.haendlerbox {
height: 1%;	
background-color: #f2f4f5;	
margin: 0 0 20px 10px;	
padding-top: 6px;	
}

.haendlerbox-select {
background-color: #ebf0f3;
}

.haendlerbox-select strong,
.haendlerbox strong {	
margin: 0 0 5px 8px;
float: left;
}

.haendlername {
border-bottom: 1px solid #bfc0c1;
margin: 0 5px 5px 5px;
}

.haendleradresse {
position: relative;
float: left;
margin: 0;	
}

.haendlername p {
margin: 0 0 0 0 !important;
padding: 0;
}

.haendlername p a {
background-position: 0px 6px !important;
}

.haendleradresse p,
.haendlermarken p {
margin: 0 0 5px 12px !important;
padding: 0;
width: 200px;
}

.haendlermarken p {
margin-left: 3px !important;
}

p.url a {
padding-left: 0px !important;
background: none !important;
text-decoration: underline !important;
font-weight: normal !important;
margin: 0px !important;
}

.haendlermarken {
float: left;
margin: 0px 0 0 0px;	
}

.seikoselect {
float: left;
margin: 25px 0 0 20px;
}

.haendler-logo {
float: left;
margin: 5px 0 0 21px;
text-align: center;
overflow: hidden;
}

.haendler-drucken {
margin: 1px 0 0 210px !important;
display: block;
width: 48px;	
}

.text-small-light {
color: #666;
}


/* ***** Styling Popup-Weiterempfehlen ***** */

.popup {
background: url(../../customer/images/bg_popup.gif) repeat-x;
height: 800px;
width: 600px;
margin: 0;	
}

.popup img {
margin: 20px 0 10px 40px;
}

.popup h2 {	
font-family: verdana, arial;
font-size: 0.8em;
font-weight: bold;
color: #000;
margin: 0 0 10px 40px;
}

.popup p {
margin-left: 40px;
font-family: verdana, arial;
font-size: 0.7em;	
width: 390px;			
}

.popupfieldset {
float: left;
width: 450px;
padding: 18px 10px 10px 22px;
}

#weiterempfehlen form {
padding: 5px;
width: 90%;
}

#weiterempfehlen fieldset {
border: 0 solid transparent;
margin-left: 35px;	
padding: 0;	
display: inline;
}

#weiterempfehlen label {
float: left;
display: block !important;	
margin: 5px 0 0px 0px;
width: 150px;
font-family: verdana, arial;
font-size: 0.7em;			
float: left;			
}

#weiterempfehlen input {
float: right;
width: 200px;
margin: 1px 60px 7px 0;	
padding: 1px 0 1px 0;
}

#weiterempfehlen input.submit {
float: none;
width: 90%;
}


#weiterempfehlen textarea {
float: none;
width: 90%;
}


#weiterempfehlen textarea {
width: 200px; 
margin-left: 35px;
}

.empfehlung-absenden {
float: none !important;
display: inline;
margin-left: 159px !important;
}


html>body .empfehlung-absenden {
margin-left: 313px !important;
}

.empfehlung-absenden input {			
display: inline;
background: url(../../customer/images/senden.gif) no-repeat 0 0;
width: 76px !important;
height: 22px;
border: none;
}

.error {
font-family: verdana, arial;
font-size: 0.7em;		
color: #990000;
margin: 15px 0 0px 35px;
position: relative;
}

/* Techn. Datenbl‰tter ################################# */

#suche-techguides {
margin: 0px 0px 0px 10px;
background-color: #f2f4f5;	
width: 400px;
padding: 18px 10px 10px 22px;
}
#suche-techguides label {
margin: 0px 0px 0px 0px;
font-weight: bold;
float: none;
}

#suche-techguides input,
#suche-techguides select {
float: left;
width: 250px;
margin: 2px 15px 7px 0;	
padding: 1px 0 1px 2px;
}

#suche-techguides input.submit {
margin: 3px 10px 0px 0px;
width: 33px;
background: transparent;
border: none;
background: url(../../customer/images/bg_suche_senden_context.gif) no-repeat transparent 0px 0px;
float: left;
}

.ergebnis-techguides  {
background-color: #f2f4f5;	
padding: 5px;
float: left;
text-align:center;
margin: 10px 0px 0px 10px;
}

.ergebnis-techguides strong {
display: block;
float: none;
}


/*  Allgemeine Prototyp-Stile  ######################### */
.clear {
clear: both;
margin: -1px 0 0 0;  /* l‰sst 1px clear nach oben verschwinden */
height: 1px;  /* l‰sst   auf 1px schrumpfen fuer IE */
font-size: 1px;
line-height: 1px;
width: 100%;
}

.ahem {  /*  entspricht im wesentlichen display:none; , ist aber screenreaderfreundlich */
position: absolute;
overflow: hidden;
height: 0;
width: 0;
left: -1000px;
top: -1000px;
}

.normal {
display: none;
}

html, body {
height: 100%;
}

#wrapper {
position: relative;
min-height: 100%;
}

* html #wrapper {
height: 100%;
}

#footwrapper {
position: relative;
margin-top: -54px !important;
}


#contentwrapper {
margin-bottom: 57px !important;
}