/***********************************************************************************
* Allgemeine Elementselektoren
************************************************************************************/
html, body {
	padding:0;
	margin:0;
	width:100%;
	text-align:center;
	font-family: Arial, Helvetica, Swiss, Verdana, sans-serif;
	background-color:white;
	color: #333333;
}

body {
	font-size:100.01%
}

form {
	padding:0;
	margin:0;
}

input, select {
	vertical-align:middle;
}

a {
	color:#ff7e21;
	text-decoration:none;
	font-weight:bold;
}

a img {
	border:none;
}

p {
	margin:0 0 6px 0;
	padding:0;
}

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

sup {
    font-size: 70%;
    vertical-align: 35%;
}


/***********************************************************************************
* Allgemeine Klassen
************************************************************************************/

.block {
	display:block;
}


.floatL {
	float:left;
	display:inline;
}

.floatR {
	float:right;
	display:inline;
}

.absPosBot {
	position:absolute;
	bottom:0;
	left:0;
}

.absPos {
	position:absolute;
}

.relPos {
	position:relative;
}

.margin22 {
	margin:19px 22px;
}

.halfTeaser .margin22 p {
	margin-left:0;
}

#Content .margin22 h3 {
	margin:-6px 0 8px;
}

.sidePad10 {
	padding:0 10px;
}

.clear {
	clear:both;
	line-height:0;
	height:0;
}

.noWrap {
    white-space:nowrap;
}

.unit {
    font-size: 0.8em;
}

br.pageBreak,
br.print {
	display:none;
	line-height:0;
	clear:both;
}

#FilterBar {
	background-color: #FF7E21;
	width:700px;
	height:48px;
}

#FilterBar .floatR,
#FilterBar .floatL {
	width:50%;
}

#Content #FilterBar h3 {
	margin:7px 0 0 11px;
}

#Content #FilterBar p {
	margin:14px 11px 0 7px;
}

#FilterBar .floatL h3,
#FilterBar .floatL p {
	float:left;
	display:inline;
}

#FilterBar .floatR h3,
#FilterBar .floatR p {
	float:right;
	display:inline;
}


/* Beginn besonders gestaltete OBI-Dropdowns */
.obi {
	height:17px;
	display:block;
}

.obi select {
	border:solid 1px #c4c4c4;
	border-top-color:#F4F4F4;
	border-left-color:#F4F4F4;
	background-color:#F4F4F4;
	width:100%;
}

.gradientH120 .obi select {
	border:solid 1px #c4c4c4;
	border-top-color:#e1e1e1;
	border-left-color:#e1e1e1;
	background-color:#E0E0E0;
}

* html .obi { /* fuer IE7 in CC-Stylesheet */
	height:15px;
 	overflow:hidden;
	border:solid 1px #c4c4c4;
	border-top-color:#F4F4F4;
	border-left-color:#F4F4F4;
}

* html .gradientH120 .obi { /* fuer IE7 in CC-Stylesheet */
	border-top-color:#e1e1e1;
	border-left-color:#e1e1e1;
	background-color:#E0E0E0;
}

* html .obi select { /* fuer IE7 in CC-Stylesheet */
   margin:-4px -3px -4px;
   width:expression(parentNode.offsetWidth + 3);
}

/* Ende besonders gestaltete OBI-Dropdowns */


/***********************************************************************************
* Bestimmte Seitenbereiche
************************************************************************************/

#Whole {
	text-align:left;
	margin:0 auto;
	width:955px;
	font-size:12px;
	/*  border-bottom:solid 2px #f3f3f3;
	ersetzt durch border-top bei #Footer */
}

#Footer {
	border-top:solid 2px #f3f3f3;
}


/**************
* Header
***************/

#Header {
	height:99px;
	background:url(../../images/structure/background/obi_gray_gradient_h_5x99.gif) repeat-x;
}

#PrintHeader {
	display:none;
}

#Logo {
   	height:99px;
	width:232px;
	float:left;
	display:inline;
}

#HeaderOrangeBar {
	background:url(../../images/structure/background/obi_orange_gradient_v_8x10.gif) repeat-y #ff7e21;
	width:723px;
	height:69px;
	float:right;
	display:inline;
}

#HeaderBottomBar {
	background-color:#333333;
	width:723px;
	height:30px;
	float:right;
	display:inline;
}

/******************
* Breadcrumb-Navi
*******************/

#BreadCrumbTrail {
	border:solid 1px #E0E0E0;
	border-top-color:white;
	border-bottom-width:0;
	/*font-weight:normal;*/
	font-weight:bold;
	/*font-size:11px;*/
	font-size:12px;
	padding:10px 10px 9px;
	margin:0;
	border-bottom:solid 1px #E0E0E0;
}

#BreadCrumbTrail ul, #BreadCrumbTrail li {
	padding:0;
	margin:0;
	list-style-type:none;
	display:inline;
	color:#333333; /* tmp */
}

#BreadCrumbTrail a {
	text-decoration:none;
	color:#ff7e21;
	/*font-weight:normal;*/
	font-weight:bold;
	/*background:url(../../images/structure/icons/breadcrumb.gif) no-repeat 100% 50%;*/
	background:url(../../images/structure/icons/breadcrumb_tmp.gif) no-repeat 100% 50%;
	/*padding-right: 10px;*/
	padding-right: 9px;
	/*margin-right: 6px;*/
	margin-right: 2px;

}

#BreadCrumbTrail a.single {
	background:transparent;
}

/***************************************
* Hauptbereich
***************************************/


#Main {
	background:url(../../images/structure/background/left_nav.gif) repeat-y;
}

#Main, #Detail {
	border:solid 1px #E0E0E0;
	border-width:0 1px 1px;
	width:953px;
	overflow:hidden;
}

/* Beginn Linke Navigation */

#LeftNav {
	float:left;
	display:inline;
	width:231px;
	line-height:1.2em;
}

#LeftNav h2 {
	background:url(../../images/structure/background/heading.gif) repeat-x;
	border-top:solid 1px #FFFFFF;
	height:28px;
	line-height:28px;
	padding:0 11px;
	margin:0;
}

#LeftNav p {
	padding:10px 11px;
	border-top:solid 1px #FFFFFF;
	border-bottom:solid 1px #E0E0E0;
	margin:0;
}

#LeftNav ul {
	list-style-type:none;
	margin:0;
	padding:0;
	font-weight:bold;
	width:100%;
}

#LeftNav ul li ul {
	margin:3px 0 -4px -16px;
	border-bottom:none;
}

#LeftNav ul li {
	list-style-type:none;
	margin:0;
	padding:7px 0 6px 28px;
	border-top:solid 1px #FFFFFF;
	border-bottom:solid 1px #E0E0E0;
	background:url(../../images/structure/icons/firstlevel_arrow.gif) no-repeat 11px 9px;
}

* html #LeftNav ul li {
	height:14px;
}


#LeftNav ul li.last,
#LeftNav ul li:last-child {
	border-bottom:none;
}

#LeftNav ul li.active {
	background-image:url(../../images/structure/icons/firstlevel_arrow_active.gif);
}

#LeftNav ul li ul li {
	background:url(../../images/structure/icons/secondlevel_arrow.gif) no-repeat 0 7px;
	padding:3px 0 3px 16px;
	height:auto;
	border:none;
}

#LeftNav ul.noSubCategories li {
	background-position: 11px 6px;
	padding:4px 0 3px 28px;
	height:auto;
	border:none;
}


#LeftNav ul li ul li.active {
	background-image:url(../../images/structure/icons/secondlevel_arrow_active.gif);
}

#LeftNav ul li.active ul li.active a,
#LeftNav ul li.active a {
	color:#333333;
}

#LeftNav ul li.active ul li a,
#LeftNav ul li a {
	text-decoration:none;
	color:#ff7e21;
	font-weight:bold;
}


#LeftNav ul.subCategories li,
#LeftNav ul.noSubCategories li ul li {
	display:none;
}

#LeftNav ul.subCategories,
#LeftNav ul.noSubCategories {
	margin-top:-2px;
}

#LeftNav ul.noSubCategories {
/*	background:url(../../images/structure/background/obi_gray_gradient_h_5x11.gif) repeat-x 0 100%; */
	padding-bottom:3px;
}

#LeftNav ul.subCategories li.active {
	border-bottom:none;
}

#LeftNav ul.noSubCategories li.switch {
	background-image:url(../../images/structure/icons/allcat_open.gif);
	background-position:11px 9px;
	padding:7px 0 3px 28px;
	border-top:solid 1px #FFFFFF;
}

#LeftNav ul.subCategories li.switch {
	background-image:url(../../images/structure/icons/allcat_closed.gif);
	padding:7px 0 7px 28px;
	border-top:solid 1px #FFFFFF;
	border-bottom:solid 1px #E0E0E0;
}

* html #LeftNav ul.subCategories li.switch {
	height:14px;
}

#LeftNav ul.noSubCategories li.switch,
#LeftNav ul.subCategories li.switch,
#LeftNav ul.subCategories li.active,
#LeftNav ul.subCategories li ul li {
	display:list-item;
}

#ProductSearch {
	overflow:hidden;
	clear:both;
}

#LeftNav #ProductSearch p {
	padding:14px 11px 22px;
}

* html #LeftNav #ProductSearch p input {
	margin-top:-2px;
}


#LeftNav #ProductSearch input[type=text] {
	width:180px;
}

#ProductName {
	width:180px;
}

#Assortment {
	border-top:solid 1px #e1e1e1;
	margin-top:-1px;
	clear:both;
}

/* Ende Linke Navigation */

#Content {
	line-height:1.3em !important;
	float:right;
	display:inline;
	margin-bottom:65px;
	margin-right:1px;
}

#Detail #Content {
	float:left;
}

#Main #Content {
	margin-left:11px;
	width:710px;
}

#Content h2,
#Content h3 {
	padding:0;
	margin:0;
}


/*************
* Teasertypen
**************/

/* Beginn Triptychon-Teaser fuer Startseite */

.tripty {
	height:248px;
	overflow:hidden;
}

.tripty .orangeSide {
	width:172px;
	height:100%;
	background-color:#ff7e21;
	color:white;
	float:left;
	display:inline;
	margin-right:4px;
}

.tripty .orangeSide a {
	color:white;
}

.tripty .orangeSide .absPosBot {
	bottom:4px;
}

.tripty .middle {
	float:left;
	display:inline;
	margin-right:4px;
}

/*
.tripty .orangeSide ul {
	list-style-type:none;
	margin:6px 11px 0;
	width:150px;
	overflow:hidden;
}

.tripty .orangeSide ul li {
	list-style-type:none;
}

.tripty .orangeSide ul li a {
	color:#FFFFFF;
	background:url(../../images/structure/icons/linkmarker_white.gif) no-repeat 0 5px;
	padding-left:9px;
	text-decoration:none;
}
*/

/*** ge�nderte Version (23.08.2007), zuvor auskommentiert: Original-Version ***/

	.tripty .orangeSide ul {
		list-style-type:disc;
		list-style-image: url(../../images/structure/icons/linkmarker_white.gif);
		margin:6px 11px 0;
		width:150px;
		overflow:hidden;
	}

	.tripty .orangeSide ul li {
		list-style-type:disc;
		list-style-image: url(../../images/structure/icons/linkmarker_white.gif);
		margin-left: 14px;
	}

		* html .tripty .orangeSide ul li {
			margin-left: 18px;
		}

		*+ html .tripty .orangeSide ul li {
			margin-left: 18px;
		}

	.tripty .orangeSide ul li a {
		color:#FFFFFF;
		text-decoration:none;
	}

 /*******/


.tripty .absPosBot {
	bottom:-2px !important;
}

.tripty h4 {
	font-size:12px;
	margin:0 11px;
	width:150px;
	overflow:hidden;
}

.tripty p {
	font-size:12px;
	margin:0 11px 11px;
	width:150px;
	overflow:hidden;
}

.tripty p.price {
	font-size:24px;
	line-height:30px;
	font-weight:bold;
	position:relative;
	margin-top:-6px;
	overflow:visible;
}

/* Ende Triptychon-Teaser fuer Startseite */

.teaserSection {
	clear:both;
}

.halfTeaser,
.quarterTeaser,
.orangeQuarterTeaser {
	float:left;
	display:inline;
	margin:0 4px 4px 0;
}

.orangeQuarterTeaser p {
	margin:0 8px 10px 10px;
	padding:0;
}

.quarterTeaser {
	width:172px;
	overflow:hidden;
	background-color:#F3F3F3;
}

.quarterTeaser div.relPos,
.quarterTeaser a.relPos {
	height:164px;
	width:172px;
	display:block;
	border-bottom:solid 4px #ff7e21;
	margin-bottom:8px;
	background-color:white;
	overflow:hidden;
}

.quarterTeaser a.cover {

}

.quarterTeaser a.relPos span.center {
	display:table;
	height:164px;
	width:172px;
}

* html .quarterTeaser a.relPos span.center {
	position:absolute;
	top:50%;
	left:50%;
	display:block;
}

.quarterTeaser a.relPos span.center span {
	display:table-cell;
	vertical-align:middle;
	text-align:center;
}

* html .quarterTeaser a.relPos span.center img {
	position:absolute;
	top:expression(-this.offsetHeight/2);
	left:expression(-this.offsetWidth/2);
}


.quarterTeaser a.relPos img.block { /* kuenfig wegfallend */
	width:172px;
	height:164px;
	background-color:#FFFFFF;
	background-position: 50% 50%;
	background-repeat: no-repeat;
}

.quarterTeaser div.text {
	height:156px;
	overflow:hidden;
	position:relative;
	padding:0 4px; /* 22.05. */
}

.quarterTeaser span.topArrow {
	position:absolute;
	display:block;
	background:url(../../images/structure/icons/tsr_arrow_top_orange.gif) no-repeat;
	width:13px;
	height:7px;
	top:157px;
	left:21px;
}

.quarterTeaser .garden,
.quarterTeaser .timber,
.quarterTeaser .colordeco,
.quarterTeaser .electric,
.quarterTeaser .sanitary,
.quarterTeaser .iron,
.quarterTeaser .hardware {
	position:relative;
	height:204px;
	color:#FFFFFF;
}

.quarterTeaser .garden h3,
.quarterTeaser .timber h3,
.quarterTeaser .colordeco h3,
.quarterTeaser .electric h3,
.quarterTeaser .sanitary h3,
.quarterTeaser .iron h3,
.quarterTeaser .hardware h3 {
	color:#FFFFFF;
	font-size:12px;
	margin:5px !important;
}

.quarterTeaser a.cover {
	position:absolute;
	top:0;
	left:0;
	display:block;
	height:100%;
	width:100%;
	background-image:url(../../images/structure/trans.gif);
}

.quarterTeaser .garden span.topArrow { background:url(../../images/structure/icons/tsr_arrow_top_green.gif) no-repeat; }
.quarterTeaser .timber span.topArrow { background:url(../../images/structure/icons/tsr_arrow_top_brown.gif) no-repeat; }
.quarterTeaser .colordeco span.topArrow { background:url(../../images/structure/icons/tsr_arrow_top_purple.gif) no-repeat; }
.quarterTeaser .electric span.topArrow { background:url(../../images/structure/icons/tsr_arrow_top_red.gif) no-repeat; }
.quarterTeaser .sanitary span.topArrow { background:url(../../images/structure/icons/tsr_arrow_top_teal.gif) no-repeat; }
.quarterTeaser .iron span.topArrow { background:url(../../images/structure/icons/tsr_arrow_top_blue.gif) no-repeat; }
.quarterTeaser .hardware span.topArrow { background:url(../../images/structure/icons/tsr_arrow_top_gray.gif) no-repeat; }



.quarterTeaser h4,
.quarterTeaser p {
	display:inline;
	color:#ff7e21;
	font-weight:bold;
	font-size:12px;
	/* padding:0 4px; 22.05 */
}

.quarterTeaser p.price {
	color:#333333;
	font-size:16px;
	display:block;
	/* margin-top:16px; 22.05 */
	position:absolute;
	left:4px;
	bottom:50px;
}

.quarterTeaser .text p.arrowButton {
	display:block;
	padding-left:19px;
	background:url(../../images/structure/icons/firstlevel_arrow.gif) no-repeat 4px 5px;
	position:absolute;
	left:0;
	bottom:7px;
}

.halfTeaser {
	width:348px;
}

.halfTeaser .pic {
	width:172px;
	float:left;
}

.halfTeaser .text {
	width:176px;
	height:164px;
	position:relative;
	margin-left:172px;
	background-color:#ff7e21;
	color:#FFFFFF;
}

* html .halfTeaser .text {
	float:left;
	margin-left:0;
}



.halfTeaser .headLines {
	width:100%;
	height:auto;
	position:relative;
	top:18px;
	padding-bottom:23px;
}

.garden .halfTeaser .headLines,
.timber .halfTeaser .headLines,
.colordeco .halfTeaser .headLines,
.electric .halfTeaser .headLines,
.sanitary .halfTeaser .headLines,
.iron .halfTeaser .headLines,
.hardware .halfTeaser .headLines {
	height:auto;
	padding-bottom:23px;
}

.halfTeaser h4 {
	padding:0;
	margin:0 11px 12px;
	font-size:16px;
	width:152px;
	overflow:hidden;
}

.halfTeaser h5 {
	padding:2px 0 0;
	margin:0 11px 0;
	font-size:12px;
	background-color:#ff7e21;
	position:absolute;
	bottom:15px;
	left:0;
}

.halfTeaser p {
	padding:0;
	margin:0 11px 12px;
	font-size:12px;
}

.halfTeaser .text p.price {
	font-size:16px;
	font-weight:bold;
	width:154px;
	position:absolute;
	left:0;
	bottom:5px;
}

.halfTeaser p.price a.teaserButton {
	position:absolute;
	right:-3px;
	bottom:-9px;
}

/***** Neu ab hier ******/
.halfTeaser .onlyText p.price a.teaserButton {
	position:absolute;
	right:8px;
	bottom:8px;
}
/***** Neu bis hier ******/

.orangeQuarterTeaser {
	background-color:#ff7e21;
	color:white;
	width:172px;
	height:204px;
}

.gradientH120 {
	background:url(../../images/structure/background/obi_gray_gradient_h_5x15.gif) repeat-x #F3F3F3;
	height:120px;
	width:348px;
	float:left;
}

.tripty .relPos {
	height:100%;
	width:100%;
}

.teaserArrowRight {
	position:absolute;
	top:0;
	right:-22px;
}

.teaserArrowLeft {
	position:absolute;
	bottom:-.5em;
	left:-7px;
	background:url(../../images/structure/icons/tsr_arrow_left_orange.gif) no-repeat;
}

.garden .teaserArrowLeft { background-image:url(../../images/structure/icons/tsr_arrow_left_green.gif); }
.timber .teaserArrowLeft { background-image:url(../../images/structure/icons/tsr_arrow_left_brown.gif); }
.colordeco .teaserArrowLeft { background-image:url(../../images/structure/icons/tsr_arrow_left_purple.gif); }
.electric .teaserArrowLeft { background-image:url(../../images/structure/icons/tsr_arrow_left_red.gif); }
.sanitary .teaserArrowLeft { background-image:url(../../images/structure/icons/tsr_arrow_left_teal.gif); }
.iron .teaserArrowLeft { background-image:url(../../images/structure/icons/tsr_arrow_left_blue.gif); }
.hardware .teaserArrowLeft { background-image:url(../../images/structure/icons/tsr_arrow_left_gray.gif); }

#FilterBar h3 img {
	background-repeat: no-repeat;
	background-position: 0 50%;
}

#FilterBar .floatL h3 img { background-image:url(../../images/structure/heading/orange/hd_anzeigen_o.gif);  }
#FilterBar .floatR h3 img { background-image:url(../../images/structure/heading/orange/hd_sortieren_nach_o.gif); }

.garden #FilterBar .floatL h3 img { background-image:url(../../images/structure/heading/green/hd_anzeigen_g.gif); }
.garden #FilterBar .floatR h3 img { background-image:url(../../images/structure/heading/green/hd_sortieren_nach_g.gif); }

.timber #FilterBar .floatL h3 img { background-image:url(../../images/structure/heading/brown/hd_anzeigen_br.gif); }
.timber #FilterBar .floatR h3 img { background-image:url(../../images/structure/heading/brown/hd_sortieren_nach_br.gif); }

.colordeco #FilterBar .floatL h3 img { background-image:url(../../images/structure/heading/purple/hd_anzeigen_p.gif); }
.colordeco #FilterBar .floatR h3 img { background-image:url(../../images/structure/heading/purple/hd_sortieren_nach_p.gif); }

.electric #FilterBar .floatL h3 img { background-image:url(../../images/structure/heading/red/hd_anzeigen_r.gif); }
.electric #FilterBar .floatR h3 img { background-image:url(../../images/structure/heading/red/hd_sortieren_nach_r.gif); }

.sanitary #FilterBar .floatL h3 img { background-image:url(../../images/structure/heading/teal/hd_anzeigen_t.gif); }
.sanitary #FilterBar .floatR h3 img { background-image:url(../../images/structure/heading/teal/hd_sortieren_nach_t.gif); }

.iron #FilterBar .floatL h3 img { background-image:url(../../images/structure/heading/blue/hd_anzeigen_b.gif); }
.iron #FilterBar .floatR h3 img { background-image:url(../../images/structure/heading/blue/hd_sortieren_nach_b.gif); }

.hardware #FilterBar .floatL h3 img { background-image:url(../../images/structure/heading/gray/hd_anzeigen_gr.gif); }
.hardware #FilterBar .floatR h3 img { background-image:url(../../images/structure/heading/gray/hd_sortieren_nach_gr.gif); }

.lightShade {
	background:url(../../images/structure/background/obi_gray_gradient_h_5x12.gif) repeat-x;
}

#Content .pageNav h3,
#Content .pageNav p {
	font-size:16px;
	font-weight:bold;
	float:left;
	display:inline;
	line-height:1.2em;
	margin:17px 0 0 4px;
	padding:0;
}

.pageNav {
	clear:both;
	float:none;
	width:700px;
	overflow:hidden;
	margin-top:4px;
}


.pageNav ul {
	height:17px;
	margin:15px -5px;
}

.pageNav li {
	float:right;
	display:inline;
	padding:0 9px 0 0;
	font-weight:bold;
	text-align:center;
}

.pageNav li img {
	vertical-align:middle;
	width:28px;
	height:17px;
}

.pageNav li a.inactive {
	cursor:text;
	color:#333333;
	text-decoration:none;
}

.pageNav li.forwdDisabled a,
.pageNav li.backwdDisabled a {
	cursor:default;
}

.pageNav li.backwd {
	background:url(../../images/structure/buttons/btn_whitearrow_back_orange.gif) no-repeat 0 50%;
}

.pageNav li.forwd {
	background:url(../../images/structure/buttons/btn_whitearrow_forwd_orange.gif) no-repeat 0 50%;
}

.pageNav li.backwdDisabled {
	background:url(../../images/structure/buttons/btn_whitearrow_back_gray.gif) no-repeat 0 50%;
}

.pageNav li.forwdDisabled {
	background:url(../../images/structure/buttons/btn_whitearrow_forwd_gray.gif) no-repeat 0 50%;
}

.pageNav li.forwd img,
.pageNav li.forwdDisabled img {
	margin-left:7px;
}

.garden #QuickSearchBar input,
.timber #QuickSearchBar input,
.colordeco #QuickSearchBar input,
.electric #QuickSearchBar input,
.sanitary #QuickSearchBar input,
.iron #QuickSearchBar input,
.hardware #QuickSearchBar input {
	float:left;
	margin-top:2px;
}


.garden #QuickSearchBar,
.timber #QuickSearchBar,
.colordeco #QuickSearchBar,
.electric #QuickSearchBar,
.sanitary #QuickSearchBar,
.iron #QuickSearchBar,
.hardware #QuickSearchBar {
	width:700px;
	/*height:48px;*/
	overflow:hidden;
}

.garden #QuickSearchBar, .garden #FilterBar, .garden .halfTeaser .text, .garden .halfTeaser h5, .quarterTeaser .garden { background-color:#2C6F3B; }
.timber #QuickSearchBar, .timber #FilterBar, .timber .halfTeaser .text, .timber .halfTeaser h5, .quarterTeaser .timber   { background-color:#5A4635; }
.colordeco #QuickSearchBar, .colordeco #FilterBar, .colordeco .halfTeaser .text, .colordeco .halfTeaser h5, .quarterTeaser .colordeco { background-color:#562150; }
.electric #QuickSearchBar, .electric #FilterBar, .electric .halfTeaser .text, .electric .halfTeaser h5, .quarterTeaser .electric { background-color:#B0220E; }
.sanitary #QuickSearchBar, .sanitary #FilterBar, .sanitary .halfTeaser .text, .sanitary .halfTeaser h5, .quarterTeaser .sanitary  { background-color:#0B8A8E; }
.iron #QuickSearchBar, .iron #FilterBar, .iron .halfTeaser .text, .iron .halfTeaser h5, .quarterTeaser .iron { background-color:#33729E; }
.hardware #QuickSearchBar, .hardware #FilterBar, .hardware .halfTeaser .text, .hardware .halfTeaser h5, .quarterTeaser .hardware  { background-color:#5A5B5E; }

.outLetSearchBar {
	background-color:#ff7e21;
	padding-top:10px;
	width:700px;
	overflow:hidden;
}

#Content .outLetSearchBar h3 {
	float:left;
	display:inline;
	margin:2px 11px 16px 11px;
}


/***************************************
* Hauptbereich Detailseite
***************************************/

p.pageBack {
	padding:0;
	margin:19px 15px 20px;
	clear:both;
	height: 17px;
	overflow:hidden;
}

p.pageBack a {
	background:url(../../images/structure/buttons/btn_whitearrow_back_orange.gif) no-repeat 0 50%;
	float:left;
	padding:0 0 0 40px;
	line-height:17px;
}

#DetailHead {
	width:698px;
	height:374px;
	overflow:hidden;
	float:left;
	display:inline;
	background:#F3F3F3;
	border:solid 1px #E0E0E0;
	margin-left:11px;
	margin-bottom:4px;
}

#DetailHead .picSection {
	border-right:solid 1px #E0E0E0;
	background-color:#FFFFFF;
	height:374px;
	width:326px;
	overflow:hidden;
	float:left;
	display:inline;
}

#DetailHead .mainPic {
	height:310px;
	overflow:hidden;
	position:relative;
}

#DetailHead .mainPic table {
	table-layout:fixed;
	border-collapse:collapse;
	width:320px;
	height:303px;
}

#DetailHead .mainPic table td {
	width:100%;
	height:100%;
	vertical-align:middle;
	text-align:center;
}

#DetailHead .mainPic table td img {
	margin:0 auto;
}

/*
#DetailHead .mainPic .magnify {
	position:absolute;
	right:13px;
	bottom:13px;
}
*/
#DetailHead #Thumbs {
	background-color:#E0E0E0;
	margin:0 7px;
	height:58px;
	overflow:hidden;
	position:relative;
}


#DetailHead #Thumbs .backwd {
	margin:7px 2px 7px 3px;
	position:absolute;
	left:0;
    visibility:hidden;
}

#DetailHead #Thumbs .forwd {
	margin:7px 2px 7px 3px;
	cursor:pointer;
	cursor:hand;
	position:absolute;
	right:0;
    visibility:hidden;
}

#ThumbsDisplay {
	position:absolute;
	left:16px;
	top:0;
	width:280px;
	height:58px;
	overflow:hidden;
}

#ThumbSpacer {
	width:2000px;
	position:absolute;
	top:0;
	left:0;
}

#ThumbSpacer img {
	width:48px;
	height:44px;
	background-color:#f4f4f4;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	position:relative;
}


#DetailHead #Thumbs .active {
	float:left;
	display:inline;
	border:solid 1px #999999;
	width:48px;
	height:44px;
	overflow:hidden;
	margin:6px 3px;
}

#DetailHead #Thumbs .floatL {
	margin:7px 4px;
}

#DetailHead #Thumbs .active img {
	margin:-1px;
	border:solid 1px #999999;
}

#DetailHead .textSection {
	margin-left:328px;
	padding:17px 22px;
	font-weight:bold;
}

#DetailHead .textSection p {
	margin-bottom:12px;
}

#DetailHead .textSection h2 {
	line-height:1.3em;
	font-size:18px;
	margin-bottom:44px;
}

#DetailHead .textSection select {
	font-weight:normal;
	width:200px;
}


#DetailHead .textSection .breakOutOpt select {
	font-weight:normal;
	width:203px;
}

#DetailHead .textSection .breakOutOpt select.over {
	position:absolute;
	top:0;
	left:0;
	font-weight:normal;
	width:auto;
}

#DetailHead .textSection p.productNo {
	margin:55px 0 22px;
	font-size:16px;
}

#DetailHead .textSection p.price {
	font-size:28px;
}

#DetailHead .textSection p.printIco {
	background:url(../../images/structure/icons/ico_printer.gif) no-repeat;
	padding-left:28px;
	line-height:24px;
	margin-top:40px;
}

#Detail .description {
	width:692px;
	overflow:hidden;
	float:left;
	display:inline;
	margin:0 4px 0 11px;
	padding:20px 4px;
	background:url(../../images/structure/background/obi_gray_gradient_hl_5x15.gif) repeat-x;
}

#Detail .description img.productLogo {
	margin:44px 7px 10px;
	float:right;
	display:inline;
}

#Detail .description h3 {
	font-size:12px;
	margin:0 0 22px;
	padding:0;
}

#Detail h4 {
	font-size:12px;
	margin:0;
	padding:0;
}

#Detail .description .descriptSection {
	margin:0 4px 16px;
}

#Detail .description #Supplement {
	padding:27px 4px;
	margin:-5px -4px 0;
	background:url(../../images/structure/background/obi_gray_gradient_hl_5x15.gif) repeat-x;
	position:relative;
	z-index:0;
	width:692px;
	overflow:hidden;
}

#Detail #Supplement h4,
#Detail #Supplement p {
	color:#ff7e21;
	margin:0;
	font-weight:bold;
}

#Detail #Supplement p.price {
	color:#333333;
	font-size:16px;
	margin-top:16px;
}

/*** �nderungen 24.08.07 ***/
	#Detail #Supplement p.price {
		position: absolute;
		bottom: 10px;
		left: 93px;
	}

	#Detail #Supplement .relPos img{
		background-position: center;
	}
/******/

#Detail #Supplement .product {
	float:left;
	display:inline;
	width:232px;
	height:100%;
	overflow:hidden;
	padding:4px 0;
}

#Detail #Supplement .product img {
	float:left;
	display:inline;
	border:solid 1px #e1e1e1;
	margin:0 4px;
}

#Detail #Supplement .product .relPos {
	width:100%;
	height:100%;
	z-index:0;
}

#Detail #Supplement .product .relPos a.absPos {
	width:100%;
	height:100%;
	top:-4px;
	left:0;
	background:url(../../images/structure/trans.gif);
}

#Detail #Supplement .product img {
	vertical-align:bottom;
	width:82px;
	height:78px;
	background-repeat:no-repeat;
}

#Spacer {
	width:200000px;
	height:88px;
	overflow:hidden;
	position:relative;
	left:0;
	top:0;
	background-color:#F3F3F3;
}


#InfoHead {
	height:376px;
	width:227px;
	overflow:hidden;
	float:left;
	display:inline;
	margin: 0 0 4px 4px;
	background-color:#ff7e21;
	color:white;
}

#InfoHead h3 {
	margin:8px 11px 3px;
}

#InfoHead p {
	margin:5px 11px;
	clear:left;
}

#InfoHead ul {
	margin:10px 11px 0;
	clear:left;
}

#InfoHead li {
	margin:0 0 11px 0;
	float:left;
	clear:left;
	white-space:nowrap;
}

#InfoHead ul img {
	vertical-align:middle;
}


#InfoHead p img {
	float:left;
	display:inline;
	margin:1px 3px 0 0;
}

/*,
#InfoHead ul img {
	float:left;
	clear:left;
	margin:3px 10px 0 0;
}
*/
.infoCol {
	margin:0 0 4px 1px;
	width:226px;
	overflow:hidden;
	float:left;
	display:inline;
	background:url(../../images/structure/background/obi_gray_gradient_hl_5x15.gif) repeat-x;
}

#Detail .infoCol .sidePad10 h3 {
	margin:0 -10px 16px 0;
}

#Detail .infoCol p,
#Detail .infoCol ul {
	margin-bottom:16px;
}

#Detail .colSep {
	background:url(../../images/structure/background/vertical_line.gif) repeat-y  715px 0;
	width:100%;
	clear:both;
	margin-bottom:4px;
}

/* Nachbau obi style.css */

#Header {
	font-size:12px;
	color: #000000;
}

#Footer {
	font-size:11px;
}

#Header .serviceNavigation {
	display:inline;
	font-weight:bold;
	list-style:none;
}

#Header .serviceNavigation a {
    color:#FFFFFF;
}

#Footer li.footerNavigation {
	display:inline;
	color:#FF7E21;
	list-style:none;
    font-size:12px;
}

.bgColor2 {
	background-color: #FF7E21;
}

.color3 {
	color:#333333;
}

/*** hinzugef�gt 24.08.07 -> f�r das ge�nderte Drucklayout ***/
.descriptSection_Print{
	display: none;
}

/***** Hinzugefuegt 29.10.2007 Kuechenstudio******/
#Kitchenstudio {
	border-top:solid 1px #e1e1e1;
	margin-top:-1px;
	clear:both;
}

.halfTeaser .onlyText {
	width:348px;
	height:164px;
	position:relative;
	margin-left:0px;
	background-color:#f4f4f4;
	color:#333333;
}
* html .halfTeaser .onlyText {
	width:338px;
}



* html .halfTeaser .onlyText #RundumService {
	margin-left:5px;
	margin-top:-10px;
}
*+ html .halfTeaser .onlyText #RundumService {
	margin-left:5px;
	margin-top:-10px;
}

#LocalOBISearchArrow  {vertical-align:top;padding:3px 0 0 4px;}
* html #LocalOBISearchArrow  {padding:4px 0 0 4px;}


#InfoHeadSearchArrow {padding:0px 0 0 6px;}
* html #InfoHeadSearchArrow {padding:1px 0 0 6px;}
*+ html #InfoHeadSearchArrow {padding:1px 0 0 6px;}

.halfTeaser .onlyText #RundumService td {
	padding-bottom:0px;
}
.halfTeaser .onlyText #RundumService td img{
	padding-right:5px;
}

div.textSection p.productSpecial {font-weight:normal;font-size:14px;padding-top:10px;}

.RundumServiceKuechenstudio {margin-left:6px;}

.halfTeaser .onlyText p.price a.teaserButton {
	position:absolute;
	right:8px;
	bottom:8px;
}

.outLetPLZSearchBar {
	background-color:#ff7e21;
	padding-top:14px;
	height:34px;
	width:700px;
	overflow:hidden;
}

.outLetPLZSearchBar h3 {
	float:left;
	display:inline;
	margin:2px 11px 0 11px;
}

#outLetPLZSearch select {
	font-size:12px;
	height:18px;
}
*+ html #outLetPLZSearch select {
	height:20px;
}

#outLetPLZSearchFirst {
	float:left;
	margin-right:10px;
}

#outLetPLZSearchSecond {
	width:247px;
	margin-right:8px;
	float:left;
}

#outLetPLZSearchDetailFirst {
	width:181px;
	z-index:1;
	margin:0 0 10px 11px;
}

#outLetPLZSearchDetailSecond {
	width:181px;
	margin:0 0px 0 11px;

}

/* Hinzugefuegt 13.11.2007 Elektrogeraete */
.halfTeaser .onlyText #RundumService {margin-left:17px;margin-top:-20px;}
.elektro #QuickSearchBar, .elektro #FilterBar, .elektro .halfTeaser .text, .elektro .halfTeaser h5, .quarterTeaser .elektro  { background-color:#f5f5f5;color:#797979; }
.elektro .teaserArrowLeft {display:none;}
.elektro .price {display:none;}
.elektro #UnserePartner {margin-bottom:59px;position:relative;width:700px;height:79px;background:#ffffff url(/obi/images/structure/background/unsere_partner_back.gif) no-repeat; top}
.elektro #UnserePartner img {position:absolute;bottom:0;}
.elektro #rundumHead,.elektro #RundumService {color:#797979;}
#rundumHead {margin-left:10px;}
*+ html .halfTeaser .onlyText {width:348px;}
.halfTeaser h4 {overflow:visible;}]