/* css developped by farbpool*/

body    { color: #000000; font-size: 12px; font-family: Arial, SunSans-Regular, Sans-Serif; line-height: 15px; background-color: #c0c0c0; background-position: 300px 50%; margin: 0; padding: 0 }
a {
	color: #3C61A8;
	text-decoration: none;
}
a:visited {color:#3C61A8;}
a:hover {color: #333399;}
a:active { color:#333399;}



/* ----------container zentriert das layout-------------- */
#container {
	width: 874px;
	margin-bottom: 0px;
	background-color: #D8E3F4;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}

/* -----------------Header--------------------- */

#container #header   { background-color: #ffffff; margin: 0; padding: 11px 0 0; height: 175px }

#container #header #agbimpressum    { font-size: 10px; margin: 0 0 0 40px; position: absolute; top: 11px; width: 200px; height: 15px; float: left }

#container #header #logo  { background-image: none; background-repeat: no-repeat; margin: 0 0 0; padding: 0; width: 267px; height: 70px; float: right }
#container #header #banner     { background-image: none; background-repeat: no-repeat; background-position: 0 0; margin: 0 0 0 40px; padding: 0; position: absolute; top: 81px; width: 606px; height: 70px; float: none }
#container #header #navigation  { margin-top: 0; margin-right: 0; padding: 0; position: absolute; top: 158px; width: 635px; height: 30px; float: left }
/* -----------------Inhalt--------------------- */

#container #content   { bottom: 0; height: 340px }
#container #content2   { bottom: 0; height: 390px }
#container #content #onecolumncontent  { }

#container #content #onecolumncontent  #column      { line-height: 16px; margin-top: 40px; margin-left: 40px; position: absolute; top: 195px; width: 785px; float: left }

#container #content #twocolumncontent  { }

#container #content #twocolumncontent #firstcolumn  { margin-top: 40px; margin-left: 40px; width: 280px; float: left }

#container #content #twocolumncontent #secondcolumn {
	float: left;
	width: 474px;
	margin-top: 40px;
	margin-left: 40px;
	margin-right: 40px;
}

#container #content #threecolumncontent  { }

#container #content #threecolumncontent #firstcolumn    { margin-top: 40px; margin-left: 40px; width: 240px; float: left }

#container #content #threecolumncontent #secondcolumn   { margin-top: 40px; position: relative; width: 320px; float: left }

#container #content #threecolumncontent #thirdcolumn   { margin-top: 0; margin-right: 0; left: 580px; width: 275px; float: right }

#container #content #threecolumncontent #secondthirdcolumn {
	float: left;
	width: 544px;
	margin-top: 40px;
	margin-left: 40px;
	margin-right: 40px;
}

#container #content h2   { color: #3c61a8; font: bold 150% Arial; text-align: left; letter-spacing: 0 }
#container #content2 h2 { color: #3c61a8; font: bold 150% Arial; text-align: left; letter-spacing: 0 }
#container #content3 h2 { color: #3c61a8; font: bold 150% Arial; text-align: left; letter-spacing: 0 }
#container #content #endingrow  { margin-bottom: 0; margin-left: 40px; position: absolute; top: 480px; height: 40px; clear: both }


/* -----------------Footer--------------------- */

#container #footer   { color: #3c61a8; font-size: 10px; background-image: url(../images/leiste_unten.jpg); background-repeat: no-repeat; background-position: 50% bottom; text-align: center; bottom: 40px; height: 75px; clear: both }

/* -----------------Others--------------------- */

#positionleft {
	margin-left: 0;
}
.zeilenabstand { line-height: 15px }
#positionright {
	margin-right: 0;
}

ul {
	margin-left: -25px;
	margin-top: -5px;
}

#space {
	clear: both;
	height: 40px;
	margin-left: 40px;
	margin-right: 40px;
}
#space1 { margin-right: 40px; margin-left: 40px; height: 20px; clear: both }
.angebotsbackground   { background-image: url(../images/bild_leistungsangebot.jpg); background-repeat: no-repeat; background-position: right top; top: 185px; height: 227px }
.hartverchromenbild   { background-image: url(../images/hartverchromen.jpg); background-repeat: no-repeat; background-position: right top; top: 185px }
p {
	padding-top: 10px;
}
.textabstand { list-style-type: disc; list-style-position: outside; margin-left: 40px }
div#content {
	min-height:350px;
	height:expression(this.scrollHeight > 320 ? "auto":"320px");
}
.backgr_elox { background-image: url(../images/eloxieren.jpg); background-repeat: no-repeat; background-position: right top }
#container #content2 #threecolumncontent { height: 400px }
#container #content2 #threecolumncontent #firstcolumn { margin-top: 40px; margin-left: 40px; position: absolute; top: 195px; width: 240px; float: left }
#container #content3   { bottom: 0; height: 390px }
#container #content3 #threecolumncontent   { height: 380px }
#container #content3 #threecolumncontent #firstcolumn { margin-top: 40px; margin-left: 40px; position: absolute; top: 195px; width: 240px; float: left }
