/* ---------------------------------------------------------- Allgemeines HTML */
html, body {
	margin: 0px;
	padding: 0px;
}
body {
	margin: 0px;
	padding: 0px;
	background-color: #f3f3f3;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	line-height: 20px;
	color: #151515;
}

h1 {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 9px 0px;
	font-size: 23px;
	line-height: 23px;
	color: #610b44;
	font-weight: normal;
}
h2 {
	margin: 0px;
	font-size: 18px;
	line-height: 23px;
	margin: 0px 0px 9px 10px;
	color: #610b44;
	font-weight: normal;
	font-family: Georgia, "Times New Roman", Times, serif;
}
p {
	margin: 0px 0px 12px 0px;
}
#content .infoblockdoppeltblume .spalte1 p.oeffnungszeiten, #content .infoblockdoppeltblume .spalte2 p.oeffnungszeiten, #content p.oeffnungszeiten {
	margin: 0px 0px 8px 0px;
    line-height: 18px;
}
/* ---------------------------------------------------------- Grundgestaltung */

#wrapper {
	width: 955px;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
}
#header {
	width: 955px;
	height: 112px;
	background-image: url(../images/bg-header.gif);
}
#header h3 {
	float: left;
	width: 482px;
	height: 112px;
	margin: 0px;
	background-image: url(../images/logo-header.gif);
	text-indent: -9000px;
}
#header p {
	float: left;
	width: 446px;
	height: 78px;
	margin: 0px 0px 0px 0px;
	text-indent: -9000px;
	background-image: url(../images/produkte-kataloge.gif);
}
#hingucker {
	width: 955px;
	height: 315px;
	padding: 0px;
	background-image: url(../images/bg_hingucker.gif);
}
#hin-links {
	float: left;
	width: 564px;
	margin: 0px;
}
#hingucker h2 {
	float: left;
	margin: 0px 0px 0px 217px;
	width: 321px;
	height: 68px;
	text-indent: -9000px;
}
h2#metamorphose { background-image: url(../images/h-metamorphose.gif);}
h2#garland { background-image: url(../images/h-garland.gif);}
h2#empire { background-image: url(../images/h-empire.gif);}
h2#decocover { background-image: url(../images/h-decocover.gif);}
h2#dibbernhead { background-image: url(../images/h-dibbern.gif);}
h2#purecouleur { background-image: url(../images/h-tischwaesche.gif);}
h2#dolcevita { background-image: url(../images/h-dolcevita.gif);}

#auswahl {
	float: left;
	margin: 0px 0px 0px 217px;
	width: 289px;
	height: 22px;
	text-indent: -9000px;
}
#details {
	float: left;
	margin: 0px 0px 0px 217px;
	width: 289px;
	height: 22px;
	text-indent: -9000px;
}
img.teaserbild {
	float: left;
}
.lambert { background-image: url(../images/auswahl-lambert.gif);}
.bassetti { background-image: url(../images/auswahl-bassetti.gif);}
.detaillink { background-image: url(../images/details.gif);}
.dibbern { background-image: url(../images/auswahl-dibbern.gif);}
.finksilber { background-image: url(../images/auswahl-finksilber.gif);}

#euroweb {
	margin: 0px 0px 0px 10px;
}

a.klickhier {
	float: left;
	width: 32px;
	height: 22px;
	text-indent: -9000px;
	margin: 0px 0px 0px 0px;
	background-image: url(../images/buttons/klick-hier.gif);
}
a.klickhier:hover { background-position: 0px -22px;}

#content {
	width: 876px;
	margin: 0px 0px 0px 27px;
	padding: 14px 11px 8px 14px;

	background-color: #e5e5e5;
}
#content p {
	margin: 0px 0px 20px 0px;
}
#content p.first {
	margin: 10px 0px 20px 0px;
}
#content p.ohne {
	margin: 0px 0px 10px 0px;
}
.infoblock {
	float: left;
	width: 172px;
	height: 237px;
	margin: 0px 4px 4px 0px;
	background-image: url(../images/bg_infoblock.gif);
	background-repeat: no-repeat;
	overflow: hidden;
}
.infoblockohne {
	float: left;
	width: 62px;
	height: 237px;
	margin: 0px 0px 4px 0px;
	overflow: hidden;
}
.infoblock.ohnebg {
	background-image: none;
	overflow: hidden;
	width: 164px;
	height: 237px;
	padding: 4px;
}

.infoblockdoppelt {
	float: left;
	width: 348px;
	height: 237px;
	margin: 0px 4px 4px 0px;
	overflow: hidden;
}
.infoblockdoppelthoch {
	float: left;
	width: 348px;
	margin: 0px 4px 4px 0px;
	overflow: hidden;
}
.infoblockdoppelthoch2 {
	float: left;
	width: 348px;
	margin: 56px 4px 4px 80px;
	overflow: hidden;
}
.infoblockdoppeltblume {
	float: left;
	width: 352px;
	height: 237px;
	margin: 0px 0px 4px 0px;
	background-image: url(../images/bg_infoblockdoppeltblume.jpg);
	overflow: hidden;
}
.infoblockdreifachblume {
	float: left;
	width: 507px;
	height: 237px;
	margin: 0px 0px 4px 0px;
	padding: 0px 20px 0px 0px;
	background-image: url(../images/bg_infoblockdoppeltblume.jpg);
	background-position: right top;
	background-repeat: no-repeat;
	overflow: hidden;
}
.infoblockdreifach {
	float: left;
	width: 517px;
	height: 237px;
	margin: 0px 10px 4px 0px;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
}
.infoblockdreifachhoch {
	float: left;
	width: 517px;
	margin: 0px 10px 4px 0px;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
}
.infoblockdreifachhoch.trennung {
	float: left;
	width: 500px;
	margin: 0px 10px 4px 0px;
	padding: 0px 17px 0px 0px;
	overflow: hidden;
	background-image: url(../images/trenner-vertikal.gif);
	background-position: right;
	background-repeat: repeat-y;
}
.infoblockdreifachhoch.last {
	float: left;
	width: 507px;
	margin: 0px 0px 4px 0px;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
}

#content .infoblockdoppelt p, #content .infoblockdreifach p, #content .infoblockdreifachhoch p, #content .infoblockdoppelthoch p {
	padding: 0px 0px 0px 10px;
}
#content .infoblockdoppelt p.trenner, #content .infoblockdreifach p.trenner, #content .infoblockdreifachhoch p.trenner, #content .infoblockdoppelthoch p.trenner{
	background-image: url(../images/bg_trenner.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	padding-bottom: 20px;
}
#content .infoblockdoppeltblume p, #content .infoblockdreifachblume p {
	padding: 0px 0px 0px 10px;
	margin: 10px 0px 10px 0px;
}
#content .infoblockdoppelt p.engel {
	padding: 24px 0px 0px 82px;
	margin-left: 7px;
	height: 44px;
	background-image: url(../images/bg_engel.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;	
}
.infoblock.last, .infoblockdoppelt.last {
	margin: 0px 0px 4px 0px;
}
.spalte1 {
	display: block;
	float: left;
	width: 173px;
	background-image: url(../images/bg_spalte1.gif);
	background-position: right;
	background-repeat: repeat-y;
}
.spalte2 {
	display: block;
	float: left;
	width: 153px;
}
#content .infoblockdoppeltblume .spalte1 p, #content .infoblockdoppeltblume .spalte2 p {
	margin: 5px 0px 5px 0px;
}
/* ---------------------------------------------------------- Überschriften mit Grafiken */
#content h1 {
	width: 346px;
	height: 56px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	text-indent: -9000px;
	background-repeat: no-repeat;
}
h1#welcome { background-image: url(../images/h-willkommen.gif);}
h1#ueber { background-image: url(../images/h-ueberuns.gif);}
h1#hlambert { background-image: url(../images/h-lambert.gif);}
h1#htaschen { background-image: url(../images/h-taschen.gif);}
h1#htuecher { background-image: url(../images/h-tuecher.gif);}
h1#hschmuck { background-image: url(../images/h-schmuck.gif);}
h1#hkontakt { background-image: url(../images/hkontakt.gif);}
h1#himpressum { background-image: url(../images/h-impressum.gif);}
h1#hnewsletter { background-image: url(../images/h-newsletter.gif);}
h1#hanfahrt { background-image: url(../images/h-anfahrt.gif);}
h1#haktuelles { background-image: url(../images/h-aktuelles.gif);}




.infoblock a {
	display: block;
	width: 172px;height: 237px;
}
.infoblock a:hover {
	background-image: url(../images/infoblocklink-hover.gif);
	background-position: bottom;
	background-repeat: no-repeat;
}
.infoblock a span  {
	display: block;
	width: 172px;
	height: 229px;
	overflow: hidden;
	background-position: top;
	margin: 0px;
	padding: 0px;
	text-indent: -9000px;
}
span.liegesofa { background-image: url(../images/liegesofa-judy-garland-reca.jpg);}
span.windlicht { background-image: url(../images/windlicht-fink-silber.jpg);}
span.leuchter { background-image: url(../images/leuchter-fink-silber.jpg);}
span.tischwaesche { background-image: url(../images/tischwaesche-volga.jpg);}
span.konsole { background-image: url(../images/konsole-archivio.jpg);}
span.tischleuchte { background-image: url(../images/tischleuchte-havanna.jpg);}


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

#footer {
	width: 955px;
	height: 143px;
	background-image: url(../images/bg_footer.gif);
}
#footer ul {
	width: 934px;
	height: 80px;
	margin: 0px 0px 0px 0px;
	color: #000;
	padding: 17px 0px 0px 26px;
	font-size: 14px;
	font-weight: normal;
	list-style-type: none;
	list-style: none;

}
#footer li { /* all list items */
	float: left;
	width: 170px;
	height: 80px;
	margin: 0px 8px 0px 0px;
	padding: 0px;
}
#footer ul a, #footer ul a:link, #footer ul a:visited {
	display: block;
	color: #000;
	background-position: 0px 0px;
	height: 80px;
	width: 170px; 
	text-decoration: none;
	padding: 0px 0px 0px 0px;
	background-repeat: no-repeat;
	text-indent: -9000px;
}
#footer ul a:hover {
	background-position: 0px -80px;
}
a#lamberlink { background-image: url(../images/buttons/lamberlink.gif); margin: 0px 10px 0px 5px;}
a#finklink { background-image: url(../images/buttons/finklink.gif); margin: 0px 5px 0px 10px;}
a#dibbernlink { background-image: url(../images/buttons/dibbernlink.gif); margin: 0px 5px 0px 10px;}
a#gtlink { background-image: url(../images/buttons/gtlink.gif); margin: 0px 5px 0px 10px;}
a#bassettilink { background-image: url(../images/buttons/bassettilink.gif);  margin: 0px 0px 0px 10px;}

a#impressumslink {
	float: left;
	display: block;
	width: 68px;
	height: 16px;
	text-indent: -9000px;
	background-position: 0px 0px;
	margin: 17px 0px 0px 649px;
	background-image: url(../images/buttons/impressumslink.gif);
}
a#euroweblink {
	float: left;
	display: block;
	width: 107px;
	height: 16px;
	text-indent: -9000px;
	background-position: 0px 0px;
	margin: 17px 0px 0px 56px;
	background-image: url(../images/buttons/euroweblink.gif);
}
a#impressumslink:hover, a#euroweblink:hover {
	background-position: 0px -16px;
}
/* ---------------------------------------------------------- aktuelle News */

#aktuellenews {
	position: absolute;
	top: 307px;
	left: 50%;
	width: 174px;
	height: 155px;
	margin: 0px 0px 0px 302px;
	text-indent: -9000px;
	background-image: url(../images/buttons/aktuellenews.png);
}
#aktuellenews:hover  {
	background-image: url(../images/buttons/aktuellenews-hover.png);
}


/* ---------------------------------------------------------- Routenplaner */

#route table {
	float: left;
	width: 220px;
	margin: 0px 0px 0px 40px;
	font-size: 11px;
	line-height: 24px;
}
form {
	margin: 0px;
	padding: 0px;
}
#route input {
	width: 220px;
	border:1px solid #720009;
	background:#fcfcfc url(../images/form-hg.png) repeat-x;
	font-size: 11px;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#route input#submit2 {					/* Gestaltung des Submit-Buttons */
	padding:2px;
	background: #730009;
	color: #fff;
	cursor:pointer;
	border: 1px solid #720009;
	margin: 6px 0px 0px 0px;
}

#route input#submit2:hover {
	background: #c30000;
	border: 1px solid #720009;
	color: #fff;
}
.route-start td, .route-ziel td{
	background-color: #dfdfdf;
	line-height: 14px;
	padding-top: 4px;
	padding-bottom: 4px;
    padding-left: 5px;
	color: #000;
	letter-spacing: 1px;
	margin: 0px 0px 5px 0px;
}


/* ---------------------------------------------------------- Allgemeine Styles */
.smaller {
	font-size: 11px;
	line-height: 13px;
}
.smaller p {
	margin: 5px 0px 5px 0px;
	font-size: 11px;
	line-height: 13px;
}
.dicker {
	font-size: 17px;
	line-height: 18px;
	font-weight: bold;
}
.farbig {
	color: #d2075f;
}
table caption {
	display: none;
}
:focus {
 outline: 0;
}
.close {
	float: right;
	margin: 5px;
}
.clearer {
	clear: both;    
	display: block; 
    height: 0; 
}
.clearer2 {
	clear: both;    
	display: block; 
    height: 20px; 
	margin: 0px 0px 20px 0px;
	border-bottom: 1px solid #c2c2c2;
}

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

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

a img {
	border: none;
}
img.last {
	margin: 0px 0px 10px 5px;
}
a img.rahmen {
	border: 1px solid #730009;
}
a:hover img.rahmen {
	border: 1px solid #c30000;
}
a, a:link, a:visited, a:active {
	font-weight: normal;
	color: #000;
	text-decoration: none;
}
a:hover {
	color: #000;
	text-decoration: underline;
}