/*| -----------------------------------------------------------------------*/
/*| --------------------------------| =Standard| ----------------------------*/
/*| -----------------------------------------------------------------------*/

html,body,
div,span,p,
h1,h2,h3,h4,h5,h6,
ul,ol,li,
a,form,input,form,object,textarea,
table,td,img {
   margin: 0px;
   padding: 0px;
   font-family: Verdana, Arial, Tahoma, sans-serif;
   font-size: 12px;
   color: #585858;
   text-decoration: none;
   list-style-type: none;
   outline: none;
}

html, body {
   height: 100%;
   min-height: 100%;
}

body {
   background: #e6e6e6;
}

hr {
   color: #dcdcdc;
   height: 1px;
   border-top: solid 1px #dcdcdc;
   border-bottom: transparent;
   clear: both;
	margin-bottom: 20px;
}

.hr {
   margin: 0 0 10px 0;
	padding-bottom: 10px;
	_padding-bottom: 0px;
   color: #dcdcdc;
   height: 1px;
	width: 546px;
	display: block;
	float: left;
}

.clear {
   clear: both;
}

.floatRight {
   margin: 0 0 15px 15px;
   float: right;
}

.floatLeft {
   margin: 0 0 15px 15px;
   float: right;
}

/* ------------------------------------------------------------------------*/
/* --------------------------------| =branding |---------------------------*/
/* ------------------------------------------------------------------------*/

h1.branding {
   width: 210px;
   height: 103px;
   position: absolute;
   text-indent: 0px;
}

h1.branding a {
   width: 210px;
   height: 103px;
   display: block;
   text-indent: -5000px;
}

/* ------------------------------------------------------------------------*/
/* --------------------------------| =Headlines |--------------------------*/
/* ------------------------------------------------------------------------*/

h2 {
	text-indent: -5000px;
	height: 68px;
	width: 529px;
	padding-bottom: 10px;
	float: left;
}

h2.startseite {background: url(../images/index/bg-h2.gif) no-repeat left top;}
h2.kontakt {background: url(../images/kontakt/bg-h2.gif) no-repeat left top;}
h2.danke {background: url(../images/danke/bg-h2.gif) no-repeat left top;}
h2.anfahrt {background: url(../images/anfahrt/bg-h2.gif) no-repeat left top;}
h2.impressum {background: url(../images/impressum/bg-h2.gif) no-repeat left top;}
h2.fehler {background: url(../images/fehler/bg-h2.gif) no-repeat left top;}
h2.firmenprofil {background: url(../images/firmenprofil/bg-h2.gif) no-repeat left top;}
h2.kooperationspartner {background: url(../images/kooperationspartner/bg-h2.gif) no-repeat left top;}
h2.beratung {background: url(../images/leistungsspektrum-beratung-und-service/bg-h2.gif) no-repeat left top;}
h2.lohnarbeiten {background: url(../images/leistungsspektrum-lohnarbeiten/bg-h2.gif) no-repeat left top;}
h2.montageeinsaetze {background: url(../images/leistungsspektrum-montageeinsaetze/bg-h2.gif) no-repeat left top;}
h2.wartung {background: url(../images/leistungsspektrum-wartung-und-instandsetzung/bg-h2.gif) no-repeat left top;}

h3 {
   font-size: 14px;
   font-weight: bold;
   margin-bottom: 5px;
   color: #fe0002;
}

h4 {
   font-size: 13px;
   font-weight: bold;
   margin-bottom: 5px;
   color: #fe0002;
}

h5 {
   font-size: 12px;
   font-weight: bold;
   color: #585858;
}

/* ---------------------------------------------------------------------*/
/* --------------------------------| =Border |--------------------------*/
/* ---------------------------------------------------------------------*/

.imageBorderFloatRight,
.imageBorderFloatLeft,
.imageBorderClear,
.imageBorder {
   padding: 4px;
   background: #fff;
   border: 1px solid #b7b7b7;
   margin: 0 0 14px 14px;
}

.imageBorderFloatLeft {
   margin: 0 14px 14px 0;
   float: left;
}

.imageBorderFloatRight {
   float: right;
	clear: both;
}

.imageBorderClear {
   margin: 0 0 14px 0;
   clear: both;
}

.imageBorderFloatNone {
   margin: 0 14px 14px 0;
   float: none;
}

.imageBorder {
   margin: 0 0px 14px 0;
}

/* -------------------------------------------------------------------*/
/* --------------------------------| =Link |--------------------------*/
/* -------------------------------------------------------------------*/

/* a */
a,
a.escape,
a.escape span span {
   font-family: Verdana, Arial, Tahoma, sans-serif;
   font-size: 12px;
   color: #fe0002;
   text-decoration: underline;
}

a:hover,
a.escape:hover,
a.escape:hover span span {
   text-decoration: none;
}

/* pdfDownload */
a.pdfDownload,
a.linkDownload,
a.linkWeb   {
   background: url(../images/icon-pdf.gif) no-repeat left;
   padding: 20px 0 18px 60px;
   height: 30px;
   width: 100px;
   text-decoration: none !important;
}

a.pdfDownload:hover,
a.linkDownload:hover,
a.linkWeb:hover {
   text-decoration: underline !important;
}

/* linkDownload */
a.linkDownload {
   background: url(../images/icon-download.gif) no-repeat left;
}

/* linkWeb */
a.linkWeb {
   background: url(../images/icon-web.gif) no-repeat left;
}

/* linkTop */
a.linkTop {
   float: right;
   display: block;
   height: 20px;
   width: 100px;
   text-align: right;
   color: #fff;
   text-decoration: none;
   font-size: 10px;
}

a.linkTop:hover {
   color: #abb59b;
}

/* ------------------------------------------------------------------------*/
/* --------------------------------| =container |--------------------------*/
/* ------------------------------------------------------------------------*/

#container {
   width: 933px;
	min-height: 100%;
	_height: 100%;
   margin: 0 auto;
	padding: 0 11px 0 11px;
   position: relative;
	background: #FFFFFF;
	overflow: hidden;
	_overflow: visible;
}

/* ---------------------------------------------------------------------*/
/* --------------------------------| =header |--------------------------*/
/* ---------------------------------------------------------------------*/

#header {
   width: 933px;
   height: 360px;
   background: url(../images/bg-header.jpg) no-repeat top left;
   position: relative;
}

#header p {
	text-indent: -5000px;
}

/* -------------------------------------------------------------------------------*/
/* --------------------------------| =contentContainer |--------------------------*/
/* -------------------------------------------------------------------------------*/

/* contentContainer */
#contentContainer {
   width: 912px;
	padding: 0 0 130px 21px;
   position: relative;
	overflow: hidden;
	_overflow: visible;
}

/* contentColumn */
.contentColumn1 {
   width: 430px;
   padding-right: 35px;
   position: relative;
   float: left;
}
.contentColumn2 {
   width: 430px;
   position: relative;
   float: left;
}

.contentColumn3 {
   width: 330px;
   padding-right: 35px;
   position: relative;
   float: left;
}

.contentColumn4 {
   width: 530px;
   position: relative;
   float: left;
}


/* content */
p {
   margin: 0 0 18px 0;
   line-height: 18px;
}

#container #contentContainer ul {
   margin: 0 0 18px 0px;
}

#container #contentContainer ul li {
   margin: 0 0 5px 0;
   padding: 0 0 0 15px;
   line-height: 18px;
   background: url(../images/li-icon.gif) no-repeat top left;
   position: relative;
}

#container #contentContainer .kenndaten p {
   background: #F5F5F5;
   position: relative;
	float: left;
	padding: 5px;
	margin-right: 5px;
	display: block;
	width: 210px;
	height: auto;
	margin: 5px 0 0 0;
   border: 1px solid #b7b7b7;
}

#container #contentContainer .kenndaten img {
   padding: 4px;
   background: #fff;
   border: 1px solid #b7b7b7;
   margin: 5px 5px 0 0;
	float: left;
	margin-bottom: 15px;
}

/* ---------------------------------------------------------------------*/
/* --------------------------------| =footer |--------------------------*/
/* ---------------------------------------------------------------------*/

#footer {
   width: 955px;
   height: 128px;
   background: url(../images/bg-footer.jpg) no-repeat top left;
   position: absolute;
	left: 0px;
	margin-top: -130px;
}

#container #footer #adress span span span {
	text-indent: -5000px;
	position: absolute;
}

/* -------------------------------------------------------------------------*/
/* --------------------------------| =navigation |--------------------------*/
/* -------------------------------------------------------------------------*/

ul#navigation {
   height: 53px;
	top: 103px;
   position: relative;
}

ul#navigation li {
   position: relative;
   float: left;
}

ul#navigation li a {
   display: block;
   height: 35px;
   padding: 18px 0 0 0;
   font-family: Verdana, Tahoma, Arial;
   font-size: 11px;
   color: #5a5858;
   text-align: center;
   text-decoration: none;
}

ul#navigation li a.startseite {width: 87px;}
ul#navigation li a.firmenprofil {width: 90px;}
ul#navigation li a.leistungsspektrum {width: 132px;}
ul#navigation li a.kooperationspartner {width: 141px;}
ul#navigation li a.kontakt {width: 68px;}
ul#navigation li a.anfahrt {width: 66px;}
ul#navigation li a.impressum {width: 87px;}

ul#navigation li a:hover {
   color: #fe0002;
}

ul#navigation li#leistungsspektrum ul {
   display: none;
   list-style: none;
}

ul#navigation li#leistungsspektrum ul li {
   background: none;
   display: block;
   margin: 0;
   padding: 0;
   position: relative;
   float: none;
}

ul#navigation li#leistungsspektrum ul li a {
   display: block;
   color: #5a5858;
   text-decoration: none;
   height: 20px;
   padding: 5px 5px 0 10px;
   width: 176px;
   font-size: 11px;
   border-bottom: 1px solid #ccc;
   border-left: 1px solid #ccc;
   border-right: 1px solid #ccc;
   text-align: left;
}

ul#navigation li#leistungsspektrum ul a:hover {
   color: #fe0002;
   background: #f7f7f7;
}

ul#navigation li#leistungsspektrum ul {
   top: 53px;
   position: absolute;
   background: #fff;
}

ul#navigation li#leistungsspektrum:hover ul {
   display: block;
}

ul#navigation li#leistungsspektrum ul li {
   float: none;
   position: relative;
   display: inline;
   clear: both;
}

/* ---------------------------------------------------------------------*/
/* --------------------------------| =adress |--------------------------*/
/* ---------------------------------------------------------------------*/

#footer #adress {
   padding: 12px 0 0 32px;
   position: relative;
}

#adress p {
   margin: 0 20px 0 0;
   position: relative;
   font-size: 10px;
   color: #818181;
   float: left;
	line-height: 18px;
}

#adress p a,
#adress p a.escape,
#adress p a.escape span span {
   text-decoration: underline;
   font-size: 10px;
   color: #818181;
}

#adress p a:hover,
#adress p a.escape:hover,
#adress p a.escape:hover span span {
   color: #fe0002;
	text-decoration: none;
}