@charset "utf-8";
/*---------------------------------------------------------------------------------------
--------------------------------------STANDARDS------------------------------------------
---------------------------------------------------------------------------------------*/

body, p, h1, h2, h3, h4, h5, h6, ul, span, a, form, img, li, form, object, textarea {
	margin: 0;
	padding: 0;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color:#434343;
	text-decoration: none;
	list-style-type: none;
	border:none;
	line-height:15px;
}
body, html {
	background: url(../images/bg-body.jpg) repeat-x;
	height:100%;
	margin:auto;
}
p {
	line-height:20px;
	padding-bottom:10px;
}
/*---------------------------------------------------------------------------------------
--------------------------------------Classen--------------------------------------------
---------------------------------------------------------------------------------------*/
.abstand {
	margin-left:20px;
}
.clear {
	clear:both;
	float:none;
}
.float-right {
	float:right;
}
.float-left {
	float:left;
}
/*---------------------------------------------------------------------------------------
--------------------------------------CONTAINER---------------------------------------------
---------------------------------------------------------------------------------------*/

#container {
	width: 972px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -10px; /* the bottom margin is the negative value of the footer's height */
}
/*---------------------------------------------------------------------------------------
--------------------------------------HEADER---------------------------------------------
---------------------------------------------------------------------------------------*/

#header {
	width:975px;
	height:587px;
	margin:auto;
	float:left;
	background:url(../images/bg-header.jpg) no-repeat;
}
h1#branding a {
	display:block;
	width:423px;
	height:85px;
	text-indent:-5000px;
	margin:340px 0 0 10px;
}
/*---------------------------------------------------------------------------------------
--------------------------------------content-container-------------------------------------
---------------------------------------------------------------------------------------*/

#content-container {
	width:975px;
	float:left;
	min-height:100%;
}
/*---------------------------------------------------------------------------------------
---------------------------------------NAVI--------------------------------------
---------------------------------------------------------------------------------------*/

ul#navi {
	width:960px;
	height:34px;
	margin:21px 0 0 16px;
}
/* Die normalen Buttons: */
ul#navi a {
	display:block;
}
ul#navi li {
	float:left;
}
a.index {
	width:189px;
	height:34px;
	text-indent:-9999px;
}
a.dienstleistungen {
	width:188px;
	height:34px;
	text-indent:-9999px;
}
a.montagearbeiten {
	width:189px;
	height:34px;
	text-indent:-9999px;
}
a.links {
	width:197px;
	height:34px;
	text-indent:-9999px;
}
a.kontakt {
	width:196px;
	height:34px;
	text-indent:-9999px;
}
ul#navi a:hover.index {
	background:url(../images/bg-index.jpg) 0 0;
}
ul#navi a:hover.dienstleistungen {
	background:url(../images/bg-dienstleistungen.jpg) 0 0;
}
ul#navi a:hover.montagearbeiten {
	background:url(../images/bg-montagearbeiten.jpg) 0 0;
}
ul#navi a:hover.links {
	background:url(../images/bg-links.jpg) 0 0;
}
ul#navi a:hover.kontakt {
	background:url(../images/bg-kontakt.jpg) 0 0
}
/*---------------------------------------------------------------------------------------
--------------------------------------CONTENT--------------------------------------------
---------------------------------------------------------------------------------------*/

#content-container {
	width: 975px;
	overflow: hidden;
}
#content-main {
	width:975px;
	float:left;
	min-height:100%;
	margin-botton:30px;
}
h2 {
	width:600px;
	color:#438ddc;
	font-size:25px;
	padding:42px 0 0 58px;
 	*padding:35px 0 0 58px;
}
h3 {
	width:700px;
	color:#7c7c7c;
	font-size:15px;
	padding:0 0 0 58px;
}
h4 {
	width:50px;
	color:#438ddc;
	font-size:20px;
	padding:0 0 10px 0;
}
#column {
	width:975px;
	float:left;
	min-height:100%;
	overflow: hidden;
	padding: 50px 50px 50px 57px;
}
#column-Content {
	width:610px;
	float:left;
	padding: 0 115px 0 0;
}
#column-Content1 {
	width:305px;
	float:left;
	padding: 0 60px 0 0;
}
#column-Content2 {
	width:305px;
	float:left;
	padding: 0 55px 0 0;
}
#column li {
	margin:0;
	padding:0;
	background:url(../images/pfeil.jpg) no-repeat;
	line-height:20px;
	color:#71a3be;
}
#column ul {
	margin:0;
	padding:0;
}
#sidebar {
	width:190px;
	float:left;
}
/*---------------------------------------------------------------------------------------
--------------------------------------FOOTER----------------------------------------------
---------------------------------------------------------------------------------------*/
.footer {
	height:10px;
	background:#333333;
}
.footer, .push {
	height: 10px; /* .push must be the same height as .footer */
}
#navi-add {
	width:100px;
	float:right;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	margin:10px 0 0 0;
}
#navi-add a {
	color:#FFFFFF;
}
/*---------------------------------------------------------------------------------------
--------------------------------------LINKS----------------------------------------------
---------------------------------------------------------------------------------------*/

a, a:visited, .escape span {
	text-decoration: none;
	color: #71a3be;
	outline: none;
}
a:hover, a:hover span, a:active, a:active span {
	text-decoration:underline;
	color:#71a3be;
}
a[href$=".pdf"] {
 width:150px;
 height:22px;
 padding: 4px 0 0px 55px;
 background: url(../images/pdf.gif) no-repeat 0 50%;
 border-bottom: none;
 display:block;}


dt {width:135px;float:left;}