@charset "utf-8";
/* CSS Document */
body {
	width: 960px;
	background-image: url(../images/hg/hg.jpg);
	background-repeat: repeat-y;
	font-family: Arial, sans-serif;
/*	font-family: "Comic Sans MS", Arial, sans-serif; */
	font-size: 14px;
}

h1 img {
	vertical-align: middle;
	margin-right: 15px;
	float: right;
	margin-bottom: 1px;
}

.title, .breadcrumbs {
	display: none;
}

#navigation {
	/* background-image: url(../images/hg/hg_active.jpg); */
	margin-top: 10px;
	width: 200px;
}

#navigation ul {
	
} 

#navigation a {
	
}

#navigation a:hover {
	background-image: url(../images/artikelNavi/mainNaviActive.png);
}

#navigation li a {
	height: 17px;
	background-image: url(../images/artikelNavi/mainNaviInactive.png);
	background-repeat: no-repeat;
	padding: 5px 5px 5px 12px;
}

#navigation li ul li a {
	height: 18px;
	background-image: url(../images/artikelNavi/subNaviInactive.png);
	background-position: center;
	background-repeat: no-repeat;
	padding: 3px 3px 0px 20px;
	
}

#navigation li ul li a:hover {
	background-image: url(../images/artikelNavi/subNaviActive.png);
}

#lineRO {
	background-image:url(../images/rahmen3/line_ro_r1_c2.png);
	float: right;
	width: 14px;
	height: 14px;
	margin-top: -4px;
	margin-right: -1px;
	background-position: top;
	background-position: right;
}

#lineLO {
	background-image: url(../images/rahmen3/line_ro_r1_c1.png);
	background-position: top left;
	background-repeat: no-repeat;
	width: 14px;
	height: 14px;
	margin-top: -4px;
	margin-left: -6px;
}
.navAddInfoLO {
	background-image: url(../images/rahmen3/line_grau_r1_c1.png);
	background-position: top left;
	background-repeat: no-repeat;
	width: 14px;
	height: 14px;
	margin-top: -7px;
	margin-left: -12px;
}
.navAddInfoRO {
	background-image:url(../images/rahmen3/line_grau_r1_c3.png);
	float: right;
	width: 14px;
	height: 14px;
	margin-top: -14px;
	margin-right: -7px;
	background-position: top;
	background-position: right;
}
.navAddInfoLU {
	background-image: url(../images/rahmen3/line_grau_r3_c1.png);
	background-position: bottom left;
	background-repeat: no-repeat;
	width: 14px;
	height: 14px;
	margin-bottom: -14px;
	margin-left: -12px;
	padding-top: 5px;
}
.navAddInfoRU {
	background-image:url(../images/rahmen3/line_grau_r3_c3.png);
	float: right;
	width: 14px;
	height: 14px;
	margin-bottom: -2px;
	margin-right: -7px;
	background-position: top;
	background-position: right;
}


.produktListe #lineRO, .produktUebersicht #lineRO, .infoPage #lineRO  {
	margin-top: -14px;
}
.produktListe h2 {
	margin: 0;
}
.produktListe img {
	margin-right: 10px;
}
.produktListe .palette img {
	margin-right: 0px;
}
.produktListe .bezeichnung {
	display: block;
	width: 150px;
	float: left;
	font-weight: bold;
}
.produktListe .muster {
	display: block;
	float: left;
}
.produktListe .beschreibung {
	display: block;
	clear: left;
	padding-left: 150px;
	width: 360px;
}
.produktSeite {
	padding: 0px 15px 15px 15px;
}
.produktSeite #lineLO {
	margin-left: -16px;
	margin-top: -1px;
}
.produktSeite #lineRO {
	margin-right: -16px;
	margin-top: -1px;
}
.produktSeiteEinzel #lineRO {
	margin-top: -14px;
}
.infoPage a {
	color:#003399;
	text-decoration: underline;
}
.infoPage #lineLO {
	margin-left: -16px;
}
.infoPage #lineRO {
	margin-right: -16px;
}

.produktListeHead {
	font-size: 110%;
	font-weight: bold;
	padding-bottom: 5px;
	display: block;
}

.produktListeText {
	width: 480px; 
	display: block; 
	float:left;
}
.produktListeBildLinks {
	float: left;
}
.produktListeBildRechts {
	float: right;
	margin-top: 15px;
	width: 280px;
	text-align: right;
}
.produktListeText img.listeItemLogo {
	float: right;
}

.produktIllustrationKlein {
	margin-right: 10px;
	float: left;
	/* width: 151px; */
	text-align: center;
}
.artBody .produktIllustrationKlein {
	margin-left: 15px;
}
.produktIllustrationKlein img {
	
}

.preis table {
	float:	right;
	width: 150px;
}
a.linkTarget {
	display: inline;
	border: none;
	margin: 0px;
	padding: 0px;
}

.produktDetailsContainer {
	margin-top: 15px;
}

.produktDetailsContainer td {
	text-align: right;
}

.zusatzUeberschrift {
	font-size: 14px;
}

.farbtonKarteFarbe {
	width: 224px;
	float: left;
}

.farbtonKarteHolzlasur {
	width: 330px;
	text-align: center;
	float: left;
	margin-top: 7px;
}
.artBody p, .artBody h1, .artBody h2, .artBody h3, .artBody h4, .artBody ul, .artBody table {
	margin-left: 15px;
	margin-right: 15px;
}
.artBody table {
	border-top: 1px solid #666666;
	border-left: 1px solid #666666;
}
.artBody td, .artBody th {
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
	padding: 5px;
}
.artBody .preis table, .artBody .preis td, .artBody .preis th {
	border: none;
}
.artBody .preis table {
	margin-right: 5px;
}
.artBody .preis td, .artBody .preis th {
	text-align: right;
	padding: 5px 0px 0px 10px;
}
.parkettListe {
/*	padding: 5px 15px 5px 15px; */
/*	border: 1px solid #FFCC33; */
}
.parkettListe #lineLO {
	margin-top: -6px;
	margin-left: -16px;
}
.parkettListe #lineRO {
	margin-top: -14px;
	margin-right: -16px;
}
.parkettListe a, #holzparkett a {
	color: #000033;
}
.parkettListe ul {
	padding: 0px;
}
.parkettListe li {
	list-style: none;
	clear: both;
	
	
}
.parkettListe .odd {
	
}
.parkettListe .bezeichnung, .parkettListe .muster, .parkettListe .preis {
	float: left;
	display: block;
}
.parkettListe .bezeichnung, .parkettListe .preis {
	width: 105px;
	font-size: 110%;
	font-weight: bold;
	text-align: right;
	margin-right: 15px;
	clear: none;
} 
.parkettListe .preis {
	margin: 40px 0px 0px 15px;
}
.parkettListe .beschreibung {
	display: block;
	clear: both;
	margin-left: 120px;
	width: 360px;
	float: left;
}
.even .parkettListeItemDesc {
	padding-left: 90px;
}
.parkettListeItem {
	margin: 5px 5px 5px 0px;
	border: 1px solid #E0E0E0;
	padding: 5px 0px 5px 0px;
}
.parkettListeItem p, .parkettListeItem h2 {
	margin: 3px 0px 3px 15px;;
}
.parkettListeItemDesc {
	float: left;
	width: 250px;
	padding-top: 10px;
	padding-right: 15px;
}
#holzparkett .parkettListeItemDesc {
	width: 410px;
	
}
#holzparkett .parkettListeItemDesc h2 img {
	float: right;
	padding-left: 15px;
}
.parkettListeItemDesc .preis {
	margin-top: 20px;
}
.parkettListeItemDesc .preis, .parkettListeItemDesc .mwst, .parkettListeItemDesc .transport {
	text-align: right;
	float: none;
	width: inherit;
}
.transport a {
	margin: 0px;
	padding: 0px;
	color: #000066;
	display: inline;
	text-decoration: underline;
	font-size: 12px;
}
.parkettListeItemDesc .preis {
	font-weight: bold;
	
}
.parkettListeItemImg {
	float: left;
	padding-left: 10px;
	text-align: center;
}
.parkettEigenschaften li {
	margin-left: 25px;
	list-style: disc;
}
.linoMusterContainer {
	padding: 0px 0px 0px 15px;
	margin: 0px 0px 15px 0px;
}
.linoPreiseContainer {
	padding-bottom: 15px;
}
.linoPreiseContainer h3 {
	margin: 15px 0px 10px 15px;;
}
.linoMuster {
	margin-top: 6px;
}
img.linoMuster {
	float: left;
}
.linoConditions {
	font-size: 90%;
}
.linoListe h2 {
	margin-left: 0px;
	margin-bottom: 5px;
}
.linoListe a {
	color: #000033;
}
.produktUebersicht {
}
.produktUebersicht h2 {
	font-size: 120%;
	margin-bottom: 10px;
}
.produktUebersicht h3 {
	margin: 3px 0px 1px 0px;
	font-size: 110%;
}
.produktUebersicht ul {
	margin: 0px;
	padding: 0px;
	padding-right: 10px;
}
.produktUebersicht ul ul {
	border: none;
}

.produktUebersicht li {
	list-style: none;
	margin: 2px 0px 2px 0px;
	/* padding: 0px 5px 0px 5px; */
	border: 1px solid #f0f0f0;
}
.produktUebersicht img {
	margin-right: 5px;
}
.produktUebersicht li li {
	border: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.produktUebersicht li li a {
	padding: 1px 0px 1px 5px; 
}
.produktUebersicht a {
	display: block;
	border: 1px solid white;
	margin-right: 135px;
	padding-left: 0px;
	padding: 3px 0px 5px 5px; 
}
.produktUebersicht ul ul a {
	padding-left: 10px;
}
.produktUebersicht a:hover {
	border: 1px solid #CCCCCC;
	background-color: #f9f9f9;
}
.spalteLinks, .spalteRechts {
	/* border: 1px solid #DDDDDD; */
	padding: 10px 10px 20px 10px;
}
.spalteLinks {
	float: left;
	margin-right: 10px;
	width: 320px;
	
}
.spalteLinks ul {
	border-right: 1px solid #DDDDDD;
}
.spalteLinks>ul>li>a, .spalteRechts>ul>li>a {
	margin-right: 0px;
	
}
.spalteLinks h3 {
	clear: both;
}
.spalteRechts {
	float: left;
	width: 290px;
}
.spalteRechts a {
	height: 50px;
	text-align: right;
	padding-right: 5px;
}
#haga img {
	margin-left: 15px;
}
#haga li {
	margin-bottom: 8px;
}
#haga h2 {
	margin-top: 10px;
}
#haga .preis {
	text-align: right;
	font-weight: bold;
	font-size: 120%;	
}
.produktSeitePreise {
	border: 1px solid #f0f0f0;
	margin: 10px 15px 10px 10px;
	padding: 5px;
}
.produktSeitePreise p {
	margin: 0px;
}
td.hagaTabelleWerte {
	text-align: center;
}
.disclaimer {
	font-size: 85%;
}
.shortDesc {
}
.artDetailPreise {
	margin-bottom: 30px;
}
.infoPage h2 {
	margin-top: 20px;
}
.navAddInfo {
	width: 210px;
	float: right;
	margin: 0px 5px 20px 10px;
	padding: 5px 5px 0px 10px;
	/* border: 2px solid #F0F0F0; */
}
.infoPage .navAddInfo h2, .artBody .navAddInfo h2 {
	margin: 0px 0px 0px 5px;
	font-size:90%;
}
.navAddInfo a {
	color: #000033;
	text-decoration: none;
	border: none;
}
.navAddInfo ul {
	padding: 0px;
	margin: 8px 0px 0px 0px;
}
.navAddInfo li {
	list-style: none;
	
}
.navAddInfo li a, .navAddInfo li.active {
	height: 24px;
	background-image: url(../images/artikelNavi/navAddInfo.png);
	background-position: center;
	background-repeat: no-repeat;
	padding: 7px 3px 0px 15px;
	margin-top: -5px;
	display: block;
	font-size: 90%;
}
.navAddInfo li a:hover, .navAddInfo li.active {
	background-image: url(../images/artikelNavi/navAddInfoActive.png);
	border: none;
	background-color: #FFFFFF;
}
.anleitungBildOdd, .anleitungBildEven {
	margin-bottom: 30px;
}
.anleitungBildOdd .text {
	float: left;
	width: 300px;
}
.anleitungBildOdd .bild {
	float: left;
	padding: 0px 10px 0px 15px;
}
anleitungBildEven {
}
.anleitungBildEven .text {
	float: right;
	width: 285px;
}
.anleitungBildEven .bild {
	float: right;
	padding: 0px 25px 0px 15px;
}
.bottomNav li.nextPage {
	width: 250px;
}
.bottomNav li.prevPage {
	float: left;
	width: 250px;
}
.bottomNav ul {
	padding: 0px;
	display: block;
	
}
.bottomNav li {
	list-style: none;
	float: left;
	width: 140px;
	text-align: center;
}
.bottomNav a {
	display: block;
	height: 25px;
}
.bottomNav a:hover {
	
}
.navBottomLeft, .navBottomCenter, .navBottomRight {
	float: left;
	height: 25px;
	text-align: center;
}
.navBottomLeft {
	width: 11px;
	background-image: url(../images/artikelNavi/navBottom_r1_c1.png);
	background-repeat: no-repeat;
	display: block;
}
.navBottomCenter {
	background-image: url(../images/artikelNavi/navBottom_r1_c3.png);
	background-repeat: repeat-x;
	display: block;
	padding: 4px 7px 0px 7px;
}
.prevPage .navBottomCenter,.nextPage .navBottomCenter  {
	width: 210px;
}
.navBottomRight {
	width: 11px;
	background-image: url(../images/artikelNavi/navBottom_r1_c5.png);
	background-position: right;
	background-repeat: no-repeat;
	display: block;
}
.bottomNav a:hover .navBottomLeft {
	background-image: url(../images/artikelNavi/navBottomActive_r1_c1.png);
}
.bottomNav a:hover .navBottomCenter {
	background-image: url(../images/artikelNavi/navBottomActive_r1_c3.png);
}
.bottomNav a:hover .navBottomRight {
	background-image: url(../images/artikelNavi/navBottomActive_r1_c5.png);
}
#madera .holzarten li {
	float: left;
	text-align: center;
}
#kamelhaardecken table {
	border: none;
	width: 80%;
	float: right;
}
#kamelhaardecken td {
	border: none;
}
#kamelhaardecken td p, #kamelhaardecken td h2, #kamelhaardecken td h3 {
	margin: 3px 0px 3px 0px;
}
#kamelhaardecken #lineRO, #wollteppiche #lineRO {
	margin-top: -4px;
}
#wollteppiche .produktListeItem {

}
#wollteppiche .farbmuster {
	border: 1px solid #f0f0f0;
	padding: 5px;
}
#wollteppiche .farbmusterEven, #wollteppiche .farbmusterOdd {
	width: 300px;
	float: left;
	margin-bottom: 20px;
}
#wollteppiche .farbmusterEven .farbmusterBild, #wollteppiche .farbmusterEven .farbmusterDesc {
	float: left;
}
#wollteppiche .farbmusterOdd .farbmusterBild, #wollteppiche .farbmusterOdd .farbmusterDesc {
	float: right;
}
#wollteppiche .farbmusterDesc {
	margin: 45px 15px 0px 15px;
	font-weight: bold;
}
#wollteppiche .label {
	width: 220px;
	font-weight: bold;
	float: left;
	display: block;
}
#wollteppiche .value {
	display: block;
	float: left;
	width: 380px;
}
#wollteppiche .eigenschaften li {
	clear: both;
}
#woodline a {
	border: none;
}
.produktListeItemOhneBild .produktListeDesc {
	width: 500px;
}
.produktListeItemOhneBild .prodListePreis {
	margin-top: 0px;
}
.Kissen div.produktListeDesc {
	width: 250px;
}
.naviPage li > h2 {
	margin: 0 5px 3px 0;
	padding: 5px;
}
/* .naviPage ul > li > ul {
	padding-left: 20px;
	margin-left: 20px;
	display: block;
	border: 1px solid red;
} */
.naviPage > ul > li > ul > li {
	padding-left: 20px;
	background-image: url(../images/buttons/spiegelstrich.png);
	background-repeat: no-repeat;
	background-position: left;
}
.naviPage > ul > li > ul > li h3 {
	margin: 0px;
}
.aktuell {
	background-color: #CCCCCC;
}
.sternchenText {
	font-size: 10px;
}