@charset "iso-8859-1";
/********* A Felix Reinicke CSS-FILE **********/
/****** THIS IS FOR elektro-claes.de ******/

*					{ margin: 0; padding: 0; }
html, body			{ min-height: 100%; height: auto; height: 100%; }

@media screen, projection {

/* Standards */
body				{ background: #fff url(../images/bg-body.jpg) repeat-x; font-family: Tahoma; color: #2b2b2b; line-height: 150%; font-size: 76%; }

.clear				{ clear: both; font-size: 0.0001em; line-height: 0.00001em; }
img 				{ border: none; }
p 					{ font-size: 1em; line-height: 160%; }
ul 					{ list-style:none; }
a, a:visited		{ text-decoration: underline; color: #f13022; }
a:hover	 			{ text-decoration: none; }
/* a:hover img	 	{ -moz-opacity: 0.85; opacity: 0.85; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; filter: alpha(opacity=85); } */


/* LAYOUT */

div#container-top			{ }
div#container-bottom		{ background: url(../images/bg-container-bottom.jpg) repeat-x; }

div#header					{ background: url(../images/bg-header.jpg) no-repeat; width: 990px; height: 501px; margin: 0 auto; position: relative; }
div#content-container		{ background: url(../images/bg-content-container.jpg) no-repeat; width: 990px; padding-top: 42px; margin: 0 auto; }
div#content-main			{ width: 574px; padding: 0 28px 0 73px; float: left; }
div#sidebar					{ width: 271px; padding: 0 44px 0 0; float: right; }
div#footer					{ background: url(../images/bg-footer.jpg) no-repeat; width: 990px; height: 283px; margin: 0 auto; position: relative; }


/* BRANDING, TEASER AND NAVIGATION */

div#header h1				{ display: none; }
div#header img#branding		{ position: absolute; top: 148px; left: 45px; z-index: 2; }

div#teaser					{ width: 600px; height: 269px; position: absolute; top: 232px; left: 45px; z-index: 1; }
div#teaser img#layer		{ position: absolute; top: 0; left: 0; }

ul#navi-add					{ background: url(../images/bg-navi-add.gif) no-repeat; width: 301px; height: 108px; position: absolute; top: 123px; left: 645px; }
ul#navi-add li				{ line-height: normal; font-size: 0.9em; margin-left: 1px; float: left; display: inline; }
ul#navi-add li a			{ display: block; width: 99px; height: 23px; padding-top: 83px; text-align: center; color: #f13022; text-decoration: none; }

a#add01:hover, 
a#add01_active				{ background: url(../images/bg-navi-add.gif) no-repeat -1px -108px; }

a#add02:hover, 
a#add02_active				{ background: url(../images/bg-navi-add.gif) no-repeat -101px -108px; }

a#add03:hover, 
a#add03_active				{ background: url(../images/bg-navi-add.gif) no-repeat -201px -108px; }

ul#navi						{ background: url(../images/bg-navi.jpg) no-repeat 0 0; position: absolute; top: 232px; left: 645px; }
ul#navi li					{ margin-bottom: 1px; line-height: normal; text-transform: uppercase; font-weight: bold; }
ul#navi li a				{ display: block; width: 300px; height: 28px; padding-top: 16px; text-indent: 30px; text-decoration: none; color: #2b2b2b; }

a#n01:hover, a#n01_active	{ background: url(../images/bg-navi.jpg) no-repeat -300px 0; color: #fff!important; }
a#n02:hover, a#n02_active	{ background: url(../images/bg-navi.jpg) no-repeat -300px -45px; color: #fff!important; }
a#n03:hover, a#n03_active	{ background: url(../images/bg-navi.jpg) no-repeat -300px -90px; color: #fff!important; }
a#n04:hover, a#n04_active	{ background: url(../images/bg-navi.jpg) no-repeat -300px -135px; color: #fff!important; }
a#n05:hover, a#n05_active	{ background: url(../images/bg-navi.jpg) no-repeat -300px -180px; color: #fff!important; }
a#n06:hover, a#n06_active	{ background: url(../images/bg-navi.jpg) no-repeat -300px -225px; color: #fff!important; }


/* HEADLINES */

div#content-main h2			{ text-indent: -9999px; width: 574px; height: 35px; margin-bottom: 20px; }
div#content-main h2 span	{ display: none; }
div#content-main h3			{ font-size: 1.4em; font-weight: normal; color: #f13022; text-transform: uppercase; margin-bottom: 10px; }
div#sidebar h5				{ background: url(../images/h5-kontakt-oeffnungszeiten.gif) no-repeat; width: 271px; height: 35px; text-indent: -9999px; margin-bottom: 20px; }
div#footer h6				{ text-indent: -9999px; position: absolute; }

h2.index							{ background: url(../images/h2-index.gif) no-repeat; }
h2.aktuelle-themen					{ background: url(../images/h2-aktuelle-themen.gif) no-repeat; }
h2.leistungsumfang					{ background: url(../images/h2-leistungsumfang.gif) no-repeat; }
h2.hausgeraetekundendienst			{ background: url(../images/h2-hausgeraetekundendienst.gif) no-repeat; }
h2.referenzobjekte					{ background: url(../images/h2-referenzobjekte.gif) no-repeat; }
h2.elektro-gross-kleingeraete		{ background: url(../images/h2-elektro-gross-kleingeraete.gif) no-repeat; }
h2.haushaltswaren-geschenkartikel	{ background: url(../images/h2-haushaltswaren-geschenkartikel.gif) no-repeat; }
h2.kontakt							{ background: url(../images/h2-kontakt.gif) no-repeat; }
h2.danke							{ background: url(../images/h2-danke.gif) no-repeat; }
h2.anfahrt							{ background: url(../images/h2-anfahrt.gif) no-repeat; }
h2.error404							{ background: url(../images/h2-error404.gif) no-repeat; }
h2.impressum						{ background: url(../images/h2-impressum.gif) no-repeat; }

h6.anfahrtskostenpauschale	{ background: url(../images/h6-anfahrtskostenpauschale.gif) no-repeat; width: 144px; height: 84px; top: 79px; left: 177px; }
h6.e-check					{ background: url(../images/h6-e-check.gif) no-repeat; width: 109px; height: 69px; top: 85px; left: 494px; }
h6.marktplatzpartner		{ background: url(../images/h6-marktplatzpartner.gif) no-repeat; top: 87px; left: 674px; }
h6.marktplatzpartner a		{ display: block; width: 130px; height: 73px; }


/* CONTENT */

div#content-main p			{ margin-bottom: 15px; padding: 0 2px; }
div#content-main .highlight	{ text-transform: uppercase; color: #f13022; font-weight: bold; }

div#content-main ul			{ margin: 0 0 15px 10px; }
div#content-main ul li		{ background: url(../images/li-content.gif) no-repeat 0 7px; padding-left: 15px; margin-bottom: 5px; }

div#content-main dl			{ width: 272px; margin: 0 0 15px 2px; float: left; display: inline; }
div#content-main dl dt		{ width: 80px; font-weight: bold; float: left; clear: left; }
div#content-main dl dd		{ width: 192px; float: left; }

div#content-main .column	{ width: 274px; margin-right: 24px; float: left; display: inline;}
div#content-main .last		{ margin-right: 0; }

div#content-main .image		{ margin-bottom: 20px; position: relative; }
div#content-main .image a	{ cursor: url(../images/zoomin.cur), pointer!important; outline: none!important; }
div#content-main .layer-th	{ position: absolute; top: 0; left: 0; }
/* thumb size 274 x 120 */

div#content-main .file		{ background: #f6d104 url(../images/li-file.gif) no-repeat 10px 9px; padding: 5px 0 5px 30px; display: block; }
div#content-main .hyper		{ background: #f13022 url(../images/li-hyper.gif) no-repeat 7px 7px; color: #fff; padding: 5px 0 5px 25px; display: block; }

div#content-main .spacer	{ display: block; height: 30px; clear: both; }
div#content-main #map		{ border: 1px solid #f13022; padding: 1px; }
div#content-main .mt20      { margin-top: 20px;}


/* SIDBAR */

div#sidebar p				{ font-size: 0.9em; padding: 0 20px 0 1px; color: #858484; margin-bottom: 15px; }
div#sidebar .highlight		{ text-transform: uppercase; color: #f13022; font-weight: bold; }
div#sidebar a				{ color: #858484; }

div#sidebar dl				{ width: 230px; font-size: 0.9em; color: #858484; margin: 0 0 20px 1px; float: left; }
div#sidebar dl dt			{ width: 63px; float: left; clear: left; }
div#sidebar dl dd			{ width: 167px; float: left; }

dl#times dt					{ width: 113px!important; }
dl#times dd					{ width: 117px!important; }

}

@media print {

@charset "utf-8";
/* CSS PRINT */
body						{ font-size: 76%; font-family: Tahoma; color: #000; line-height: 150%; }

ul#navi, ul#navi-add, form.Form, div#header h1, div#teaser, div#footer, h6.toggler
{display: none;}

.clear						{ clear: both; font-size: 0.0001em; line-height: 0.00001em; }
img 						{ border: none; }
p 							{ font-size: 1.1em; line-height:150%; }
a, a:visited				{ text-decoration: none; color: #000; }

div#header img#branding		{ margin: 20px 0 60px 45px; }

div#content-main h2			{ font-size: 1.2em; text-transform: uppercase; font-weight: bold; line-height: 120%; margin-bottom: 20px; }
div#content-main h2 span	{ font-size: 1.5em; color: #f13022; }
div#content-main h3			{ font-size: 1.4em; font-weight: normal; color: #f13022; text-transform: uppercase; margin-bottom: 10px; }
div#content-main h6.active	{ display: block; font-size: 1.4em; font-weight: normal; color: #f13022; text-transform: uppercase; margin-bottom: 10px; }
div#sidebar h5				{ font-size: 1.6em; text-transform: uppercase; color: #f13022; margin-bottom: 20px; }

div#content-main p			{ margin-bottom: 15px; }
div#content-main .highlight	{ text-transform: uppercase; color: #f13022; font-weight: bold; }

div#content-main ul			{ margin: 0 0 15px 30px; list-style: square; color: #000; font-size: 1.1em; }
div#content-main ul li		{ margin-bottom: 5px; }

div#content-main dl			{ width: 280px; margin: 0 0 15px 0; font-size: 1.1em; float: left; display: inline; }
div#content-main dl dt		{ width: 80px; font-weight: bold; float: left; clear: left; }
div#content-main dl dd		{ width: 200px; float: left; }

div#content-main .last		{ margin-right: 0; }

div#content-main .image img	{ margin: 0 20px 10px 0; padding: 1px; border: 1px solid #000; float: left; display: inline; }
div#content-main .layer-th	{ display: none!important; }
/* thumb size 274 x 120 */

div#content-main .file		{ display: none; }
div#content-main .hyper		{ display: none; }

div#content-main .spacer	{ display: block; height: 30px; clear: both; }
div#content-main .mt20      { margin-top: 20px;}

div#content-main			{ float: left; }
div#sidebar					{ clear: both; margin-top: 40px; border-top: 1px solid #f13022; padding-top: 10px; }

div#sidebar p				{ font-size: 1.1em; color: #858484; margin-bottom: 15px; }
div#sidebar .highlight		{ text-transform: uppercase; color: #f13022; font-weight: bold; }

div#sidebar dl				{ width: 100%; font-size: 1.1em; color: #858484; margin: 0 0 20px 1px; float: left; clear: both; }
div#sidebar dl dt			{ width: 50px; float: left; }
div#sidebar dl dd			{ float: left; margin-right: 20px; }

dl#times dt					{ width: 140px!important; }
dl#times dd					{  }

}