/********* A Felix Reinicke CSS-FILE **********/
/****** THIS IS FOR lederreparaturservice.de ******/

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

@media screen, projection {

/* Standards */
body				{ background: #110601; font-family: Verdana; color: #fff; line-height: 150%; font-size: 76%; }

.clear				{ clear: both; font-size: 0.0001em; line-height: 0.00001em; }
img 				{ border: none; }
p 					{ font-size: 1.15em; line-height: 150%; }
ul 					{ list-style:none; }
a, a:visited		{ text-decoration: underline; color: #ffe2c5; }
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			{ background: url(../images/bg-container-top.jpg) repeat-x; }
div#container-top-fx		{ background: url(../images/bg-container-top-fx.jpg) no-repeat 50% 0; }
div#container-center		{ background: url(../images/bg-container-center.jpg) repeat; }
div#container-center-fx		{ background: url(../images/bg-container-center-fx.jpg) no-repeat 50% 0; }
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: 430px; margin: 0 auto; position: relative; }
div#content-main			{ background: url(../images/bg-content-main.jpg) no-repeat; width: 745px; padding: 57px 0 0 245px; min-height: 250px; height: auto!important; height: 250px; margin: 0 auto; }
div#footer					{ background: url(../images/bg-footer.jpg) no-repeat; width: 990px; height: 200px; margin: 0 auto; padding-top: 100px; position: relative; }


/* BRANDING AND NAVIGATION */

div#header h1				{ display: none; }
div#header img#branding		{ position: absolute; top: 272px; left: 451px; }

ul#navi						{ background: url(../images/bg-navi.gif) no-repeat; position: absolute; top: 379px; left: 243px; }
ul#navi li					{ text-indent: -9999px; margin-right: 1px; float: left; display: inline; }
ul#navi li a				{ display: block; height: 34px; }

a#n01, a#n01_active			{ width: 98px; }
a#n01:hover, a#n01_active	{ background: url(../images/bg-navi-active.gif) no-repeat 0 0; }

a#n02, a#n02_active			{ width: 138px; }
a#n02:hover, a#n02_active	{ background: url(../images/bg-navi-active.gif) no-repeat -99px 0; }

a#n03, a#n03_active			{ width: 104px; }
a#n03:hover, a#n03_active	{ background: url(../images/bg-navi-active.gif) no-repeat -238px 0; }

a#n04, a#n04_active			{ width: 121px; }
a#n04:hover, a#n04_active	{ background: url(../images/bg-navi-active.gif) no-repeat -343px 0; }

a#n05, a#n05_active			{ width: 155px; }
a#n05:hover, a#n05_active	{ background: url(../images/bg-navi-active.gif) no-repeat -465px 0; }

a#n06, a#n06_active			{ width: 106px; }
a#n06:hover, a#n06_active	{ background: url(../images/bg-navi-active.gif) no-repeat -621px 0; }


/* HEADLINES */

div#content-main h3			{ line-height: 100%; color: #fff; text-transform: uppercase; font: normal 1.15em Verdana; margin-bottom: -4px; }
div#content-main h2			{ text-indent: -9999px; width: 700px; height: 46px; margin-bottom: 25px; }
div#content-main h4			{ color: #ffe2c5; font-weight: bold; font-size: 1.4em; text-transform: uppercase; border-bottom: 1px solid #521700; width: 700px; margin-bottom: 15px; padding-bottom: 5px; }

h2.index					{ background: url(../images/h2/index.gif) no-repeat; }
h2.ueberuns					{ background: url(../images/h2/ueberuns.gif) no-repeat; }
h2.leistungen				{ background: url(../images/h2/leistungen.gif) no-repeat; }
h2.galerie					{ background: url(../images/h2/galerie.gif) no-repeat; }
h2.aktuelles				{ background: url(../images/h2/aktuelles.gif) no-repeat; }
h2.referenzliste			{ background: url(../images/h2/referenzliste.gif) no-repeat; }
h2.vertraege				{ background: url(../images/h2/vertraege.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; }


/* CONTENT */

div#content-main p			{ margin-bottom: 15px; }
div#content-main .highlight	{ text-transform: uppercase; color: #ffe2c5; font-weight: bold; }
div#content-main .pdf		{ background: #ffe2c5 url(../images/a-pdf.gif) no-repeat 5px 8px; display: block; padding: 5px 5px 5px 45px; width: 650px; color: #290c00; font-size: 1.15em; text-decoration: none; margin-bottom: 15px; }
div#content-main .pdf:hover	{ text-decoration: underline; }

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

div#content-main .th		{ border: 1px solid #521700; padding: 10px; width: 318px; margin: 0 20px 20px 0; float: left; display: inline; cursor: url(../images/zoomin.cur), pointer!important; outline: none!important; }

div#content-main .column	{ width: 340px; margin-right: 20px; float: left; display: inline; }
div#content-main .column-small	{ width: 200px; margin-right: 50px; float: left; display: inline; }	
div#content-main .column-small.last	{ margin-right: 0px;}
div#content-main .column-big{ width: 700px; }
div#content-main #uv,
div#content-main #player	{ width: 512px; border: 1px solid #521700; padding: 10px; margin: 0 0 0 80px; }

div#content-main dl			{ width: 340px; font-size: 1.15em; line-height: 150%; margin-bottom: 15px; float: left; display: inline; }
div#content-main dl dt		{ width: 100px; font-weight: bold; float: left; clear: left; }
div#content-main dl dd		{ width: 240px; float: left; }

div#content-main #map		{ border: 1px solid #521700; padding: 10px; width: 678px; }
div#content-main #maplink	{ background: #521700; padding: 5px; display: block; width: 690px; }
div#content-main .spacer	{ height: 30px; clear: both; display: block; }

div.referenzdiv				{ margin: 20px 0; border-bottom: 1px #5c1b00 solid;  }

/* FOOTER */

div#footer p				{ color: #ffe2c5; line-height: 120%; }
div#footer a				{ text-indent: -9999px; }

div#contact					{ width: 180px; margin: 0 80px 0 245px; float: left; display: inline; }
div#contact p				{ margin-bottom: 8px; }
div#contact a				{ background: url(../images/bg-contact.gif) no-repeat; display: block; width: 180px; height: 33px; }
div#contact a:hover			{ background: url(../images/bg-contact.gif) no-repeat 0 -33px; }

div#shop					{ width: 171px; margin: 0 90px 0 0; float: left; display: inline; }
div#shop p					{ padding-left: 6px; margin-bottom: -3px; }
div#shop a					{ background: url(../images/bg-shop.png) no-repeat; display: block; width: 171px; height: 49px; }
div#shop a:hover			{ background: url(../images/bg-shop.png) no-repeat 0 -49px; }

div#direction				{ width: 181px; float: left; }
div#direction p				{ padding-left: 2px; margin-bottom: 8px; }
div#direction a				{ background: url(../images/bg-direction.gif) no-repeat; display: block; width: 181px; height: 33px; }
div#direction a:hover		{ background: url(../images/bg-direction.gif) no-repeat 0 -33px; }

div#address					{ margin: 32px 0 11px 245px; }
*+html div#address			{ margin-top: 135px; }
div#address p				{ line-height: 165%; font-size: 1em; }
div#address p strong		{ text-transform: uppercase; color: #fff; }
div#address p a				{ text-indent: 0; }

ul#navi-add					{ margin-left: 245px; }
ul#navi-add li				{ line-height: 100%; border-right: 1px solid #8b8380; padding-right: 10px; margin-right: 10px; float: left; display: inline; }
ul#navi-add li.last			{ border-right: none; padding-right: 0; margin-right: 0; }
ul#navi-add li a			{ color: #8b8380; text-transform: uppercase; text-decoration: none; text-indent: 0; }
ul#navi-add li a:hover		{ color: #fff; }


}

@media print {

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

ul#navi, ul#navi-add, form.Form, div#header h1, div#shop, div#direction, div#contact , div#uv
{display: none;}


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

div#header img#branding 	{ float: right; margin: 20px 0 40px 0; }
div#content-main			{ float: left; margin-bottom: 50px; }

div#content-main h3			{ line-height: 100%; color: #000; text-transform: uppercase; font: normal 1.15em Verdana; }

div#content-main h2			{ font: bold 1.8em Verdana; color: #521700; border-bottom: 1px solid #521700; text-transform: uppercase; padding-bottom: 15px; margin-bottom: 25px; }
div#content-main h4			{ color: #521700; font-weight: bold; font-size: 1.4em; text-transform: uppercase; border-bottom: 1px solid #521700; margin-bottom: 10px; }

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

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

div#content-main .th		{ border: 1px solid #521700; margin: 0 0 10px 0; float: left; display: inline; }

div#content-main dl			{ width: 340px; font-size: 1.2em; line-height: 150%; margin-bottom: 15px; float: left; display: inline; }
div#content-main dl dt		{ width: 100px; font-weight: bold; float: left; clear: left; }
div#content-main dl dd		{ width: 240px; float: left; }

div#footer 					{ clear: both; border-top: 1px solid #000; margin-top: 50px; padding-top: 10px; }
div#footer p				{ font-size: 1em; }

}