/*
		elektro-b-markt CSS, Version 1.24
*/


/* Farben
orange: #EC6400;
blau: #2164A8;
hellbau: #E7EFF5;
grau: #E2E2E2;
*/

/*_______________________________________________________________________________*/
/* 1. BASIC-RESETS */
/*-------------------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}



body {
	line-height: 1;
	color: #373737;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;	
	background: #6C8A9D url(../img/global/bg.jpg) repeat-x left top;

}




/*_______________________________________________________________________________*/
/* 2. BASIC STYLES */
/*-------------------------------------------------------------------------------*/



h1, h2, h3, h4 {
	color: #EC6400;
}

h1 {
	font-size: 180%;
	margin: 0 0 0.7em 0;
}

h2 {
	font-size: 130%;
	margin: 0 0 0.4em 0;
}

h3, h4 {
	font-size: 100%;
	margin: 0 0 0.2em 0;
}

h5 {
	font-size: 100%;
	padding: 0.4em 0 0.4em 0;
	clear: left;
}



p {
	margin: 0 0 1.2em 0;
	line-height: 130%;	
}



a 				{color: #EC6400;}
a:visited 		{color:#EC6400;}
a:hover 		{color: #fff;background-color: #EC6400; text-decoration: none;}
a:focus 		{background-color: #E2E2E2; color: #EC6400;}


#logo a:hover {background: transparent;}
#logo a:focus {background-color: transparent;}




cite {
	font-family: "Trebuchet MS";
	font-size: 110%;
	line-height: 130%;	
	color: #000;
	font-style: italic;
}

hr {
	width: 100%;
	height: 1px;
	margin: 30px 0;
	border: 0;
	color: #E2E2E2;
	background: #E2E2E2;
}

small {
	margin: 0 0 1.2em 0;
	line-height: 120%;
	font-size: 90%;
	color: #767676;
	
}

.clearer 	{clear: both; }
.links 		{float: left; width: 45%; margin: 1em 0 0 0;}
.rechts 	{float: right; width: 45%; margin: 1em 0 0 0;}


.links-60 		{float: left; width: 60%; margin: 1em 0 0 0;}
.rechts-30 	{float: right; width: 30%; margin: 1em 0 0 0;}


img.bild-links {
	float: left; 
	margin: 5px 14px 14px 0;
}


img.bild-rechts {
	float: right; 
	margin: 5px 0 14px 14px;
}

img.headline{
	margin: 0 0 10px 0;
	display: block;
}


.weiter {
	white-space: nowrap;	
	font-size: 90%;
}

blockquote {
	color: #925539;
	font-size: 120%;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	padding: 0.6em 0;
}


.unsichtbar {
   position: absolute;
   top: -1000px;
   left: 0px;
   width: 0px;
   height: 0px;
   color: #fff;
   background: #fff;
}


.datum {
	color: #767676;
	display: block;	
}

/* Tabellen */

table {
	margin: 0.5em 0 2em 0;
}



td, th {
	padding: 8px;	
	border-bottom: solid 2px #E2E2E2;
	line-height: 110%;
}

th {
	background: #EDEDED;
	font-weight: bold;
	text-align: left;
	text-transform: uppercase;
	font-size: 80%;

}



/* 2.1 INHALT STYLES */
/*-------------------------------------------------------------------------------*/


#inhalt ul {
	list-style: disc;
	margin: 0 0 1em 0;
	padding: 0 0 0 17px;	
}

#inhalt ul li {
	line-height: 130%;
}


.box {
	background: #ECEDED;
	padding: 16px;
	margin: 0.6em 0 1.4em 0;	
}

.box ul {
	margin: 0 0 0 0 !important;
}

.box ul li, ul.biglist li {
	padding: 0 0 0.8em 17px !important;
}


.box h4 {
	margin: 0 0 0.5em 0;
}


#pfad  {color: #2164A8;}

#pfad a {
	text-decoration: none;
	font-size: 90%;
}





/*Homepage*/
/*-------------------------------------------------------------------------------*/


h1.slogan {
	float: left;
	padding: 154px 0 0  367px;
}

.box-home {
	font-size: 95%;
}

#box-home-angebote h3 {
	color: #000;
	font-weight: bold;
	margin: 8px 0 4px 0;
}

#box-home-angebote dl {
	display: block;
	background: #fff;
	height: 52px;
	margin: 0 0 2px 0 !important;
}

#box-home-angebote dt {
	float: left;
	width: 52px;
}

#box-home-angebote dd {
	float: right;
	width: 218px;
	font-size: 90%;
}

dd.art {
	margin: 12px 0 0 0 ;
	color: #2164A8;
}



ul.vorteile {
	list-style: none;
	margin:0;
	padding:0;
}


ul.vorteile li {
	margin: 0 4px 8px 0px;
	padding: 0 0 6px 22px;
	background: transparent url(../img/global/bullet_haken.gif) no-repeat left top;

}

.teaser-produkt{
	float: right;
	margin:0;
	padding: 0 8px;
}


/* Marken */

#box-marken .headline {
	padding: 8px 16px 4px 16px;

}

#box-marken .marken {
	padding: 0 10px 12px 25px;
	margin-top: -38px;
}

#box-marken .marken img {
	margin: 0 28px 2px 0 ;

}
/* Filialen Slider*/

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

.news_slider {
	position: relative; 
	width: 286px;
	margin: 0 auto 20px 10px; 
	text-align: left;
}

.news_slider .prev, .news_slider .next {
	position: absolute; top: 50%; display: none;
}
.news_slider .next {
	right: 0;
}

a.next:hover, a.prev:hover {
	background: none;	
}


.news_slider .container {
	position: relative; 
	top: 0;
	left: 0; 
	width: 100%;
	background: #D4E8F6;
	height: 116px;
	margin: 16px 0 0 0;
}

.news_items {
	position: relative; 
	width: 246px; 
	top: 0; 
	left: 20px; 
	overflow: hidden;
	
}

.news_slider .item {
	width: 236px; 
	margin-right: 10px;
}

.news_slider .item div {
	width: 130px; 
	padding: 10px 0 10px 10px;	
}

img.filiale {
	border: 0px solid #2164A8;
	margin: 10px 0 0 0;
	display: block;
}
.news_slider .messaging {
	display: block; padding: 5px; margin: 0 20px 5px 20px; background: #ffffcc;
}


.fl h4 {
	color: #000;
	font-size: 90%;	
}


.fl h4.xl {
	background: transparent url(../img/global/icon_xlstore.gif) no-repeat right top;
	display: inline;
	padding: 0 45px 0 0;
}

.fl p {
	color: #6A6A6A;
	line-height: 100%;
	font-size: 90%;
}



/* Produktgruppen */
/*-------------------------------------------------------------------------------*/

.produktgruppe {
	padding: 0 0 0 90px;
	width: 212px;
	float: left;
	margin: 0 30px 10px 0;
	min-height: 5em;
}

.produktgruppe img {
	margin: 0 0 0 -90px;
	float: left;
}


.produktgruppe h3 {
	font-weight: bold;
	margin: 0 0 0.1em 0;

}

.produktgruppe small {
	margin: 0 0 0.6em 0 ;
	display: block;
}


/* Produktübersicht */
/*-------------------------------------------------------------------------------*/

.toolbar {
	font-size: 90%;
	padding: 5px;
}

.toolbar a {
	text-decoration: none;
}


.paging {
	float: right;
	padding: 4px 8px 0 0;
	

}


.paging-nr {
	display: inline;
	padding: 0 8px;
}

.paging-nr a, .paging-nr a:visited {
	padding: 0px 3px;
	background: #F6F9FB;
}


.paging-nr a.aktuelle-seite, .paging-nr a.aktuelle-seite:visited, .paging-nr a:hover{
	background: #EC6400;
	color: #fff;
}

.produkt-thumb img {
	margin-bottom: 1em !important;
	
}


.box-preis {
	float: right;
	width: 100px;
	margin-bottom: 3px;
	background: #E7EFF5 url(../img/global/bg_box_preis_bottom.gif) no-repeat left bottom;
	
}


.box-preis p {
	background: #E7EFF5 url(../img/global/bg_box_preis_top.gif) no-repeat left top;
	padding: 8px 8px 4px 8px;
	text-decoration: line-through;
	font-size: 130%;
	margin: 0 !important;
	
}

.box-preis small {
	color: #2164A8;
	padding: 0 8px 8px 8px;
	display: block;
	margin: 0;
	font-size: 80%;
}



.hersteller {display: block; margin: 0.1em 0;}

.hersteller {
	line-height: 100%;
	font-size: 70%;
	color: #767676;
	text-decoration: underline;

}

.hersteller-detail {display: block; margin: 0.1em 0;}

.hersteller-detail {
	line-height: 100%;
	font-size: 58%;
	color: #767676;
	text-decoration: underline;
}

.hersteller a:hover, .mitarbeiter a:hover {
	color: #fff;
	background: #767676;
	text-decoration: none;
}



/* Tabellen */

table.verfuegbar {
	border-top: 1px solid #E3E6E7;
	padding-top: 10px;
	margin: 0 0 2em 0;
	
}



table.verfuegbar td {
	padding: 0 8px 0 0;	
	border-bottom: none;
	line-height: 130%;
	color: #515252;
	
}


/* Produktdetail */
/*-------------------------------------------------------------------------------*/


#produkt-detail .box-preis {
	float: none;
	width: 100px;
	margin-bottom: 3px;
	background: #E7EFF5 url(../img/global/bg_box_preis_bottom.gif) no-repeat left bottom;
	
}


h1 .hersteller a {
	font-size: 50% !important;
}


#produkt-detail h2 {
	border-top: #E2E2E2 1px solid;
	padding: 10px 0 8px 0;
	margin-top: 12px; 
}

.spalte-bild a:hover, .spalte-bild a:focus{
	background: none;	
}
.spalte-bild img{
	margin-bottom: 1em;	
}

.mitarbeiter{
	background: #E3E3E3;
	padding: 6px;
	margin: 0 6px 6px 0;
	height: 80px;
	display: block;
	clear: both;
}


.mitarbeiter .tel{
	color: #2164A8;
}


.mitarbeiter:hover{
	background: #E7EFF5;
}


.mitarbeiter img {
	float:left;
	margin: 0 16px 0 0;	
	text-align: left;
	vertical-align: top;
}

.mitarbeiter-info{
	float: left;
}



.mitarbeiter p {
	font-size: 125%;
	color: #000;
	margin: 1em 0 0.3em 0;
}


.mitarbeiter address {
	font-size: 90%;
	color: #515252;
	font-style: normal;
}

.mitarbeiter a {
	color: #515252;
}

.service-links ul {
	padding: 0 !important;
}

.service-links ul li {
	display: block;
	float: left;
	height: 30px;
	width: 110px;
	padding: 0;
}


.service-links a {
	margin: 0 0 0 20px;
}

.service-links a:hover 		{color: #fff;background-color: #EC6400; text-decoration: none;}

li.garantie 		{background: transparent url(../img/global/icon_garantie.gif) no-repeat left top;}
li.entsorgung 		{background: transparent url(../img/global/icon_entsorgung.gif) no-repeat left top;}
li.zustellung 		{background: transparent url(../img/global/icon_zustellung.gif) no-repeat left top;}
li.montage 			{background: transparent url(../img/global/icon_montage.gif) no-repeat left top;}


#produkt-detail table.verfuegbar {
	border-top: none;
	padding-top: 0px;
	margin: 0 0 1em 0;
	
}



/* 2.2 HEADER STYLES */
/*-------------------------------------------------------------------------------*/


#top-navigation {
	text-align: right;
	color: #fff;
	padding: 4px 10px 0 0;
	font-size: 95%;
}

#top-navigation a {
	color: #fff; 
	text-decoration: none;
	padding: 0 4px;
}


#top-navigation a:hover {
	color: #fff; 
	text-decoration: underline;
	background: none;	
}



/* 2.3 NAVIGATION */
/*-------------------------------------------------------------------------------*/

#navigation ul {
	margin: 0 0 0 20px;
	padding: 0;
	list-style: none;

}

#navigation li {
	float: left;
	background: transparent url(../img/global/bg_nav_links.gif) no-repeat left top;
	margin: 0 4px 0px 0;
}

#navigation ul li a {
	text-decoration: none;
	font-size: 95%;
	font-weight: bold;
	display: block;
	padding: 10px 8px;
	color: #fff;
	background: transparent url(../img/global/bg_nav_rechts.gif) no-repeat right top;
}


#navigation ul li a:hover {
	text-decoration: underline;
}

/*aktiv*/

#navigation li.aktiv {
	background: transparent url(../img/global/bg_nav_aktiv_links.gif) no-repeat left top;
	margin: 0px 4px 0px 0;


}

#navigation li.aktiv a {
	background: transparent url(../img/global/bg_nav_aktiv_rechts.gif) no-repeat right top;
	color: #000;
}


/* 2.31 Subnavigation */
/*-------------------------------------------------------------------------------*/


.sub-navigation.waeschepflege		{background: #E7EFF5 url(../img/global/bereich_waeschepflege.jpg) no-repeat left top;}
.sub-navigation.unternehmen			{background: #E7EFF5 url(../img/global/bereich_unternehmen.jpg) no-repeat left top;}
/*.sub-navigation.filialen			{background: #E7EFF5 url(../img/global/bereich_filialen.jpg) no-repeat left top;}*/
.sub-navigation.kontakt				{background: #E7EFF5 url(../img/global/bereich_kontakt.jpg) no-repeat left top;}
/*.sub-navigation.vorteile			{background: #E7EFF5 url(../img/global/bereich_filialen.jpg) no-repeat left top;}*/
.sub-navigation.geschirrspueler 	{background: #E7EFF5 url(../img/global/bereich_geschirrspueler.jpg) no-repeat left top;}
.sub-navigation.kaeltegeraete   	{background: #E7EFF5 url(../img/global/bereich_kaeltegeraete.jpg) no-repeat left top;}
.sub-navigation.kochenundco     	{background: #E7EFF5 url(../img/global/bereich_kochenundco.jpg) no-repeat left top;}
.sub-navigation.unserservice     	{background: #E7EFF5 url(../img/global/bereich_unserservice.jpg) no-repeat left top;}
.sub-navigation.sonstiges       	{background: #E7EFF5 url(../img/global/bereich_sonstiges.jpg) no-repeat left top;}
/*.sub-navigation.marken          	{background: #E7EFF5 url(../img/global/bereich_marken.jpg) no-repeat left top;}*/
.sub-navigation.doppelteauswahl    	{background: #E7EFF5 url(../img/global/bereich_doppelteauswahl.jpg) no-repeat left top;}
.sub-navigation.service         	{background: #E7EFF5 url(../img/global/bereich_garantiepass.jpg) no-repeat left top;}
.sub-navigation.service247         	{background: #E7EFF5 url(../img/global/bereich_service.jpg) no-repeat left top;}


.sub-navigation h3 {
	font-size: 100%;
	margin: 0 0 0.8em 0;
	font-weight: bold;
	color: #000;
}

.sub-navigation ul {
	list-style: none;
	margin:0;
	padding:0;
}

.sub-navigation li {
	margin: 0 4px 8px 0px;
	padding: 0 0 0 10px;
	background: transparent url(../img/global/bullet_bg_blau.gif) no-repeat left 2px;
	line-height:110%;
}

.sub-navigation li.aktiv a {font-weight: bold;}


.sub-navigation ul ul {
	list-style: disc;
	margin: 0.8em 0 1.2em 16px;
	padding: 0;
}

.sub-navigation li li {
	margin: 0 4px 8px 0px;
	padding: 0;
	background: none;
	font-size: 90%;

}

.sub-navigation li li a {
	font-weight: normal !important;
}




/* 2.4 FOOTER STYLES */
/*-------------------------------------------------------------------------------*/


#footer p {
	margin: 0;
	font-size: 90%;
	color: #fff;	
}

#footer a {
	color: #fff;	
}


/* 2.5 POP UP STYLES */
/*-------------------------------------------------------------------------------*/

#mini-seite h2 {
	border-bottom: #E2E2E2 3px solid;
	margin: 0 0 1em 0;
	padding-bottom: 0.4em;
}

/*_______________________________________________________________________________*/
/* 3. LAYOUT */
/*-------------------------------------------------------------------------------*/



#seite {
	width: 960px;
	margin: 0 auto;
	padding: 0;
}

#inhalt-container {
	padding: 20px;
	background: #fff url(../img/global/bg_box_inhalt_top.gif) no-repeat left top;
}


#pfad {
	height: 30px;
}

#spalte-links {
	float: left;
	width: 184px;
}

.sub-navigation {
	padding: 170px 10px 10px 5px;
}


/*#sub-navigation {
	padding: 170px 10px 10px 10px;
}
*/
.subnavbox-bottom {
	height: 5px;
	background: #E7EFF5 url(../img/global/bg_box_subnavigation_bottom.gif) no-repeat left bottom;
	margin: 0 0 2em 0;
}

#inhalt {
	float: right;
	width: 670px;
	padding: 0 36px 0 0px;	
}

/*IE6 Hack*/
* html #inhalt {
	padding: 0 18px 0 0;
}


#footer {
	clear: both;
	padding: 120px 0 0 0;
	background: transparent url(../img/global/bg_box_inhalt_bottom.gif) no-repeat left top;
	margin: 0 0 2em 0;	
}

#footer.home {
	padding: 10px 0 0 0;
	background: none;
}


/* 3.1 HEADER */
/*-------------------------------------------------------------------------------*/

#header {
	background: #000 url(../img/global/bg_header.gif) no-repeat left bottom;
	margin-bottom: 3px;
	height: 114px;
	border: 0px solid;
}


#logo {
	float: left;
	height: 82px;
	width: 310px;
}

#top-navigation {
	float: right;
	width: 620px;
}

#navigation {
	float: left;
}

#container{
	clear: both;
	height: 32px;
	display: block;
}

#suche {
	float: right;
	width: 160px;
}



/* 3.2 HOMEPAGE SACHEN */
/*-------------------------------------------------------------------------------*/


#box-home-teaser {
	margin-bottom: 3px;
	height: 352px;
	position:relative;
}

.image-officeopen {
	background: #0171B4 url(../img/global/bg_box_home_teaser.jpg) no-repeat left top;
}
.image-officeclosed1 {
	background: #0171B4 url(../img/global/bg_box_home_teaser_247.jpg) no-repeat left top;
}
.image-officeclosed2 {
	background: #0171B4 url(../img/global/bg_box_home_teaser_247_v2.jpg) no-repeat left top;
}
.image-officeclosed3 {
	background: #0171B4 url(../img/global/bg_box_home_teaser_247_v3.jpg) no-repeat left top;
}
.image-officeclosed4 {
	background: #0171B4 url(../img/global/bg_box_home_teaser_247_v4.jpg) no-repeat left top;
}
.image-officeclosed5 {
	background: #0171B4 url(../img/global/bg_box_home_teaser_247_v5.jpg) no-repeat left top;
}


#box-home-angebote{
	background: #b3b1b2 url(../img/global/bg_box_home_angebote.gif) no-repeat left top;
	width: 284px;
	height: 320px;
	float: right;
	margin: 13px;
	padding: 0 12px;
}

#box-marken {
	background: #fff url(../img/global/bg_box_marken_bottom.gif) no-repeat left bottom;
	margin-bottom: 3px;
}

.box-marken-top {
	background: #fff url(../img/global/bg_box_marken_top.gif) no-repeat left top;
	height: 8px;	
}

.box-home {
	background: transparent url(../img/global/bg_box_home_top.gif) no-repeat left top;
	margin-bottom: 3px;
}

.box-home-bottom {
	background: transparent url(../img/global/bg_box_home_bottom.gif) no-repeat left bottom;
	height: 8px;
	clear: both;
	
}

#box-links, #box-mitte, #box-rechts{
	float: left;
	width: 290px;
	padding: 20px 10px 20px 20px;
}

#box-rechts {
	margin-left: -26px;
}


/* 3.3 PRODUKTÜBERSICHT */
/*-------------------------------------------------------------------------------*/



h1.linie{
	border-bottom: #E2E2E2 3px solid;
	margin: 0 0 1em 0;
	padding-bottom: 0.4em;
}

#produkt-uebersicht{
	width: 100%;
	margin: 0 0 2em 0;
}

#produkt-uebersicht .links 		{float: left; width: 40%; margin: 0 0 0 0;}
#produkt-uebersicht .rechts	 	{float: right; width: 60%; margin: 0 0 0 0; text-align: right}


.produkt {
	clear: both;
	border-top: #E2E2E2 3px solid;
	margin: 0 0 1em 0;
	padding: 1em 0 0 0;
}


.produkt-thumb {
	float: left;
	width: 95px;
}



.beschreibung {
	float: left;
	width: 460px;
}

.toolbar {
	clear: both;
	background: #EDEDED;
}


/* 3.4 PRODUKT DETAIL */
/*-------------------------------------------------------------------------------*/


#produkt-detail{
	border-top: #E2E2E2 3px solid;
	border-bottom: #E2E2E2 3px solid;
	padding: 12px 0;
	margin: 0 0 2em 0;
}


.spalte-bild {
	float: left;
	width: 154px;
	
}

#produkt-detail .beschreibung {
	float: right;
	width: 516px;

}


.service-links {
	float: left;
	width: 45%;
	margin: 1em 0 0 0;
}


.zoom {
	background: transparent url(../img/global/icon_lupe.gif) no-repeat left bottom;
	padding-bottom: 15px;
}



/* 3.5 POP UP SEITE */
/*-------------------------------------------------------------------------------*/


body.popup {
	background: #fff;
	background-image: none;
}

#mini-seite {
	padding: 16px 8px 8px 8px;
}

#mini-seite.bildzoom {
	text-align: center;
}




/*_______________________________________________________________________________*/
/* 4. FORMULARE */
/*-------------------------------------------------------------------------------*/


/* 4.1 BASICS */
/*-------------------------------------------------------------------------------*/



input, select, textarea {
	font-size: 90%;
	border: 1px solid #ccc;
}

input, textarea {
	padding: 4px;
}

input:focus, textarea:focus {
	background: #FEE1CC;
}


label {
	display: block;
	float: left;
	width: 150px;
	padding: 0;
}

input.absenden {
	background: #FF6C00 url(../img/global/bg_button.gif) repeat-x left top;
	border: 1px solid #FF6C00;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 85%;
}

input.absenden:focus {
	background: #FF984D;
	border: 1px solid #B44C00;
}





/* 4.2 Suche */
/*-------------------------------------------------------------------------------*/


#suche .suchfeld{
	width: 80px;
	padding: 2px;
	
}

#suche .suchbutton{
	border: 0px;
	padding: 0;
	margin-top: -4px;
	display: inline;
	vertical-align: middle; 
}

/* 4.3 PopUp Formular */
/*-------------------------------------------------------------------------------*/



#mini-seite fieldset{
	padding: 16px;
	
	background: #F0F8FF url(../img/global/bg_popup_form.gif) repeat-x left top;
	color: #000;
	margin: 0 0 1em 0;
}

#mini-seite input.textfeld{
	width: 200px;
}


#mini-seite input#vorwahl{
	width: 40px;
}

#mini-seite input#telefon{
	width: 120px;
}


.sortieren, .anrede { 
	vertical-align: middle; 
	border: 1px solid #ccc;
}

/* 5 24/7 */
/*-------------------------------------------------------------------------------*/

.box-service247 {
	background-color: #EC6400;
	color: #FFFFFF;
	padding: 10px;
	margin-top: 15px;
	margin-bottom: 15px;
}
.box-service247 h1{
	color: #FFFFFF;
}