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 }

body {
		background: #fff url(../../customer/images/bg_clocks_body.jpg) repeat-x;	
}

#wrapper {
		border-right: 1px solid #e1e2de;
		border-bottom: 1px solid #e1e2de;
		border-left: 1px solid #e1e2de;
		background: #fff url(../../customer/images/bg_clocks_content.gif) repeat-x;	
}

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

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

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

.linear a{
	font-weight: bold;
}

hr {
	display: none;
}

.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: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	margin: 0 0 5px 10px;
	font-size: 1.8em;
	padding: 2px 0 0 0;
}



h2 {
	margin: 0 5px 5px 10px;
	font-size: 1.4em;
	font-weight: normal;
	font-family: Georgia, "Times New Roman", Times, serif;
}

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



#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: -15px 10px 5px 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_clocks.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: 177px; background: url(../../customer/images/mainnavi_clocks_uhren.jpg) no-repeat 0px 0px; }
#quernavigation ul li a.mainnav-special {  width: 160px; background: url(../../customer/images/mainnavi_clocks_wohnwelt.jpg) no-repeat 0px 0px;}
#quernavigation ul li a.mainnav-unternehmen {  width: 140px; background: url(../../customer/images/mainnavi_clocks_highlights.jpg) no-repeat 0px 0px; }
#quernavigation ul li a.mainnav-aktuelles {  width: 179px; background: url(../../customer/images/mainnavi_clocks_shops.jpg) no-repeat 0px 0px;}
#quernavigation ul li a.mainnav-service {  width: 175px; background: url(../../customer/images/mainnavi_clocks_service.jpg) no-repeat 0px 0px; }

/* hover */
#quernavigation ul li a.mainnav-kollektion:hover { background: url(../../customer/images/mainnavi_clocks_uhren.jpg) no-repeat 0px -32px; }
#quernavigation ul li a.mainnav-special:hover { background: url(../../customer/images/mainnavi_clocks_wohnwelt.jpg) no-repeat 0px -32px;}
#quernavigation ul li a.mainnav-unternehmen:hover { background: url(../../customer/images/mainnavi_clocks_highlights.jpg) no-repeat 0px -32px; }
#quernavigation ul li a.mainnav-aktuelles:hover { background: url(../../customer/images/mainnavi_clocks_shops.jpg) no-repeat 0px -32px;}
#quernavigation ul li a.mainnav-service:hover { background: url(../../customer/images/mainnavi_clocks_service.jpg) no-repeat 0px -32px; }

/* aktiver Punkt */
#quernavigation ul li a.mainnav-kollektion-a { width: 177px; background: url(../../customer/images/mainnavi_clocks_uhren.jpg) no-repeat 0px -64px; }
#quernavigation ul li a.mainnav-special-a {  width: 160px; background: url(../../customer/images/mainnavi_clocks_wohnwelt.jpg) no-repeat 0px -64px;}
#quernavigation ul li a.mainnav-unternehmen-a {  width: 140px; background: url(../../customer/images/mainnavi_clocks_highlights.jpg) no-repeat 0px -64px; }
#quernavigation ul li a.mainnav-aktuelles-a {  width: 179px; background: url(../../customer/images/mainnavi_clocks_shops.jpg) no-repeat 0px -64px;}
#quernavigation ul li a.mainnav-service-a {  width: 175px; background: url(../../customer/images/mainnavi_clocks_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_clocks.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 ***** */
/* +++++++++++++++++++++++++++++++++++*/

#foot {
	border-top: 1px solid #d2cecf;
	margin-top: 15px;
	margin-bottom: 20px;
}

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

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

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

#foot div img {
	margin: 6px 0 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_clocks.gif) top left no-repeat;
	height: 228px;
	padding: 15px 0;	
	margin: 0 0 20px 0;	
}

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

#content .schnelleinstieg-wrapper h3 {
	padding: 0;
	margin: 0;
	color: #333;
  font-family: Georgia, "Times New Roman", Times, serif;
	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;
	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: #f6f6f6;	
	float: left;
	width: 400px;
	padding: 18px 10px 10px 22px;
}

.prospekte-senden {
	background-color: #f6f6f6;
	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: #f6f6f6;
	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: #e8ede1;	
}

.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  {
	background: none !important;
}
#header img {
	margin: 20px 0 25px 20px; 
	float: left;
}


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

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

.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 .bildlinks a.bild  {	
	background: none;	
}

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

}

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

.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;
}
.newshome p a:hover {
text-decoration:underline;
}

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


#context .contextsuche {		
	height: 1%;
}

#context .contextsuche form {
	height: 50px;
	margin: 5px 0px 5px 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;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.2em;
}

.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 kuenstliche Contextspalte */


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

#contextfake {
float: right; 
width: 181px; 
height: 197px; 
background-image:url(../images/bg_suche_banner_uhrenberater.jpg);  
background-repeat:no-repeat;
background-position: 0px -18px;
}

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

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

#uhrenberater ul {
	margin: 0px 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: 4px 0px 5px 10px;
	background: url(../../customer/images/uhrenberater_trenner_clocks.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;
	 position: relative;
	 padding-right: 8px;

}	

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

#uhrenberater ul li a img {
position: absolute;
right: 2px;
top: 5px;
vertical-align: middle;
}


/* zweite Ebene */


#uhrenberater ul li ul {
	position: absolute;
	z-index: 99;
	top: 38px;
	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-serie { left: 0px; width: 160px; z-index: 99;}  
#uhrenberater ul li ul.uf-optik { left: 97px; width: 140px; z-index: 99;} 
#uhrenberater ul li ul.uf-zifferblatt { left: 195px; width: 110px; z-index: 99;} 
#uhrenberater ul li ul.uf-alarm { left: 293px; width: 95px; z-index: 99;} 
#uhrenberater ul li ul.uf-pendel { left: 391px; width: 95px; z-index: 99;} 
#uhrenberater ul li ul.uf-preis { left: 489px; 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 außer IE 5.x */
	margin: 0px 0px 0px 3px; /* alle außer 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: #eae5e2;
}

#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: 0px 0 0 0px;
}

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


.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 */

width: auto;
}

.produktuebersicht-seitenschalter {
display:block;
height: 24px;
float:left;
background:#f6f6f6;
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 {
float: left;
min-height: 466px;
width: 642px;
margin: 0 20px 20px 0px;
display: inline;
}

* html #proddetail {
height: 466px;

}

.proddetail-wand {
background: url(../../customer/images/bg_clocks_proddetail_wand.jpg) top left repeat-y; 
}

#proddetail-bild {
z-index: 90 !important;
float: left;
width: 297px;
display: inline;
margin: 20px 0 20px 25px;
}

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

#proddetail-preis {
	margin: 40px 0px 0px 0px;
	padding: 0;
}

.proddetail-preis-buttons {
z-index: 99 !important;
float: left;
margin: 0 30px 0 0;
}

#proddetail-preis .preisdetail {
	width: 123px;
	height: 37px;
	background:url(../images/prod_detail_preis_bg.gif) no-repeat;
	margin: 0px 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 {
	float: left;
}

#proddetail-preis ul.proddetail-aktion,
#proddetail-preis ul.proddetail-aktion li {
	list-style: none !important;
	list-style-image: none !important;
	margin: 0;
	padding: 0;
}

#proddetail-preis ul.proddetail-aktion {
margin-top: 7px;
}

#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: #7a7a7a;
	font-size: 0.9em;
	text-decoration: underline;	
}

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

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



#zoombutton  {
	position:absolute;
	top: 190px;
	margin-left: 240px;
	z-index: 99 !important;
}

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

#proddetail-text {
	margin: 2px 0px 0px 0px;
	float: left;
	width: 300px;
	display: inline; /* IE doppel margin fix */
}

#proddetail-text h2 {
	font-weight: normal;
	margin: 24px 0px 25px 0;
}

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

#proddetail-text ul {
	margin: 0px 0px 10px -8px;
	padding: 0;
	list-style-type: square;
}
#proddetail-text p  {
	margin: -20px 20px 20px 5px;
}

#proddetail-text ul li.mplayer { 
	list-style-type: none;
	margin: 10px 0 0 10px;
}
*html #proddetail-text ul li.mplayer { 
	list-style-type: none;
	margin: 10px 0 0 -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: -280px!important; 
	top: 20px!important; 
	z-index: 1000!important;
	background-image: url(../images/bg_tooltipp_produkttext.gif)!important;
	background-repeat: repeat-x;
	background-color: #f6f6f6;
	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;
}

.proddetail-tisch #proddetail-bild {
position: absolute;
z-index: 90;
left: 25px;
top: 20px;
margin: 0;
}

.proddetail-tisch #proddetail-preis {
height: 1%;
}

.proddetail-tisch #proddetail-text {
padding-left: 322px !important;
width: 320px;
z-index: 0;
background-image: url(../images/bg_clocks_proddetail_tisch.gif);
background-repeat: no-repeat;
background-position: 0 190px;
}

/* 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;
}


/* 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 #f6f6f6;
	border-bottom: 1px solid #f6f6f6;
	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 div p {	
	margin: 0 !important; 
	padding: 0; 
}


#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: #f6f6f6;
	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: 1.2em;
}

#haendlersuche fieldset {		
	background-color: #f6f6f6;	
	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: #e8ede1;	
	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: #f6f6f6;	
	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: #f6f6f6;	
	margin: 0 0 20px 10px;	
	padding-top: 6px;	
}

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

.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: #f6f6f6;	
	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: #f6f6f6;	
	padding: 5px;
	float: left;
	text-align:center;
	margin: 10px 0px 0px 10px;
}

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

.banner {
margin: 0 0 10px 0 !important;
}


/* Wohnwelten Einstieg */

.wohnwelten-einstieg {
height: 1%;
padding: 1px 0 0 0;
margin: 0;
position: relative;
}

.wohnwelten-einstieg .spaltelinkshalb,
.wohnwelten-einstieg .spalterechtshalb {
width: 420px;
margin: 0 15px 0 0;
float: left;
}

.wohnwelten-einstieg .spalterechtshalb {
margin: 0 -25px 0 0;
}

.wohnwelten-einstieg h2 {
background: #f1f1f1;
padding: 15px;
margin: 0 20px 20px 0;
}

.wohnwelten-einstieg a.thumb {
display: block;
width: 190px;
float: left;
text-decoration: none;
color: #a30000;
margin: 0 20px 15px 0;
display: inline;
}

.wohnwelten-einstieg a.thumb img {
margin: 0 0 4px 0;
}

.wohnwelten-einstieg a.thumb span {
padding: 0 0 0 8px;
background: url(../../customer/images/linkpfeil_rot_clocks.gif) no-repeat transparent 0px 4px;
}


/* Wohnwelten Detailseite */


#wohnwelt-info {
float: left;
}

#wohnwelt-meta {
float: right;
}

#wohnwelten-detail {
height: 1%;
}

#wohnwelten-detail .preis {
background: url(../../customer/images/bg_clocks_preis.gif) top left no-repeat;
font-size: 1.3em;
font-weight: bold;
height: 24px;
padding: 5px 0 0 0;
text-align: center;
width: 123px;
margin: 0 0 10px 0;
}

#wohnwelten-detail .preis .euro {
font-size: 0.9em;
font-weight: normal;
}

#wohnwelten-detail .preis small {
color: #666;
font-size: 0.7em;
font-weight: normal;
}

#wohnwelt-nav {
background: url(../../customer/images/bg_clocks_wohnwelt_nav.gif) top right no-repeat;
height: 466px;
width: 172px;
position: absolute;
right: 0;
}

.drag #wohnwelt-nav {
width: 823px;
}

#wohnwelt-content {
display: inline;
float: left;
margin: 0 24px 0 10px;
width: 628px;
}

#wohnwelt-info p {
margin-bottom: 5px;
}

#wohnwelt-info p a {
padding: 0;
background: none;
margin: 0;
font-weight: normal;
color: #900;

}

#wohnwelt-content h2 {
font-size: 1.3em;
font-weight: bold;
}

#wohnwelt-image {
border: 1px solid #cab5ae;
margin: 0 0 20px 0;
padding: 10px;
}

#wohnwelt-nav ul,
#wohnwelt-nav ul li {
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
}

#wohnwelt-nav ul {
margin: 20px 28px 25px 29px !important;
width: 115px;
float: right;
display: inline;
}

#wohnwelt-nav ul li {
display: inline;
}

#wohnwelt-nav ul li a {
border: 1px solid #fff;
display: block;
margin: 0;
padding: 10px 3px;
text-align: center;
width: 107px;
cursor: move;
}

#wohnwelt-nav ul li a:hover {
border: 1px solid #6b311e;
}

.masstabshinweis {
margin: 0 0 0 10px;
color: #9a9a9a;
}

.wohnweltnavtooltip {
height: 74px;
width: 214px;
border: 0;
padding: 0;
background: none;
margin: 0;
}

.wohnweltzoomtooltip {
height: 74px;
width: 214px;
border: 0;
padding: 0;
background: none;
margin: 0;
}

#wohnwelt-nav:hover #wohnwelt-nav-tooltip,
#wohnwelt-nav.sfhover #wohnwelt-nav-tooltip {
display: block;
}

#blende-top {
position: absolute;
top: 25px;
right: 10px;
}

#blende-bottom {
position: absolute;
bottom: 25px;
right: 10px;
}

#motioncontainer {
height: 415px;
margin-top: 25px;
overflow: hidden;
position: absolute;
right: 0;
width: 172px;
}

.drag #motioncontainer {
width: 823px;
}

#motioncontainer a:hover{
color: red; /* Dummy definition to overcome IE bug */
}

#statusdiv {
display: 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;
}