html, body {
	width: 100%; overflow: hidden;
	margin: 0px; padding: 0px;
	font-family: arial, helvetica, sans-serif; font-size: 12px; font-weight: normal;
}

html { overflow-y: scroll; background: #2f2f2f url(img/bg_html.jpg) repeat-x; }
img { border: 0; }

p { margin: 0px; padding: 0px; }
h1 { margin: 0px; margin-bottom: 10px; font-size: 14px; font-weight: bold; }
h2 { margin: 0px; margin-bottom: 10px; font-size: 12px; font-weight: bold; }
ul { list-style-type: square; margin: 0px; padding: 0px; margin-bottom: 20px; margin-left: 20px; }

div#header { margin: auto; display: block; width: 985px; height: 167px; background: url(img/bg_header.jpg) no-repeat -1px 0px; }
	div#header a.logo { float: left; width: 230px; text-decoration: none; display: block; margin-left: 50px; margin-top: 40px; }

div#navigation { margin: auto; display: block; width: 985px; height: 63px; background: url(img/bg_navi.jpg) no-repeat -1px 0px; }
	div.leiste { float: left; margin-left: 25px; margin-top: 28px; }
div#subnavigation { margin: auto; display: block; width: 985px; height: 58px; background: url(img/bg_subnavi.jpg) repeat-y -1px 0px; }
	div.titel { float: left; margin-left: 25px; margin-top: 20px; font-size: 20px; color: #fff; width: 175px; }
	div.subleiste { float: left; margin-left: 2px; margin-top: 27px; }
	div.subleiste_hoch { float: left; margin-left: 2px; margin-top: 12px; }
		div.subleiste a { float: left; display: block; margin-right: 15px; text-decoration: none; color: #fff; }
		div.subleiste a.newslink2 { float: left; display: block; margin-right: 10px; text-decoration: none; color: #fff; }
		div.subleiste a.newsnone { float: left; display: block; margin-right: 10px; text-decoration: none; color: #fff; }
		div.subleiste a.newslink2:hover, div.subleiste a.newsnone:hover { margin-right: 10px; }
		div.subleiste a.aktiv { float: left; display: block; margin-right: 15px; text-decoration: none; color: #f00; padding-bottom: 5px; border-bottom: 2px solid #f00; }
		div.subleiste a:hover { float: left; display: block; margin-right: 15px; text-decoration: none; color: #f00; padding-bottom: 5px; border-bottom: 2px solid #f00; }

		div.subleiste_hoch a { float: left; display: block; margin-right: 15px; text-decoration: none; color: #fff; }
		div.subleiste a.newslink2 { float: left; display: block; margin-right: 10px; text-decoration: none; color: #fff; }
		div.subleiste a.newsnone { float: left; display: block; margin-right: 10px; text-decoration: none; color: #fff; }
		div.subleiste a.newslink2:hover, div.subleiste a.newsnone:hover { margin-right: 10px; }
		div.subleiste_hoch a.aktiv { float: left; display: block; margin-right: 15px; text-decoration: none; color: #f00; padding-bottom: 5px; border-bottom: 2px solid #f00; }
		div.subleiste_hoch a:hover { float: left; display: block; margin-right: 15px; text-decoration: none; color: #f00; padding-bottom: 5px; border-bottom: 2px solid #f00; }

div#contentrahmen { margin: auto; width: 985px; min-height: 400px; background: url(img/bg_contentrahmen.jpg) repeat-y -1px 0px; }
	div#content { margin-left: 6px; float: left; display: block; width: 972px; min-height: 300px; color: #313131; }
		div.start { background: url(img/bg_inhalt_start.jpg) no-repeat; }
		div.inhalt { background: url(img/bg_inhalt.jpg) no-repeat; }
			div#noflash p { margin-left: 20px; padding-left: 20px;  }
			div#noflash { display: block; width: 972px; height: 314px; background: url(img/start.jpg) no-repeat; padding-top: 25px; padding-left: 20px; }

	div#teaser { margin-left: 6px; float: left; display: block; width: 972px; height: 162px; background: url(img/bg_teaser.jpg) repeat-x; }
		div#teaser span { float: left; padding-left: 20px; }
		div.teaser_leistung { float: left; width: 325px; height: 162px; background: url(img/teaser_leistungen.jpg) no-repeat; cursor: pointer; }
		div.teaser_leistung_start { float: left; width: 325px; height: 162px; background: url(img/teaser_leistungen_start.jpg) no-repeat; cursor: pointer; }
		div.teaser_leistung_en { float: left; width: 325px; height: 162px; background: url(img/en.teaser_leistungen.jpg) no-repeat; cursor: pointer; }
		div.teaser_leistung_start_en { float: left; width: 325px; height: 162px; background: url(img/en.teaser_leistungen_start.jpg) no-repeat; cursor: pointer; }

		div.teaser_referenz { float: left; width: 326px; height: 162px; margin-left: 1px; background: url(img/teaser_referenzen.jpg) no-repeat; cursor: pointer; }
		div.teaser_referenz_start { float: left; width: 326px; height: 162px; margin-left: 1px; background: url(img/teaser_referenzen_start.jpg) no-repeat; cursor: pointer; }
		div.teaser_referenz_en { float: left; width: 326px; height: 162px; margin-left: 1px; background: url(img/en.teaser_referenzen.jpg) no-repeat; cursor: pointer; }
		div.teaser_referenz_start_en { float: left; width: 326px; height: 162px; margin-left: 1px; background: url(img/en.teaser_referenzen_start.jpg) no-repeat; cursor: pointer; }

		div.teaser_unternehmen { float: left; width: 319px; height: 162px; margin-left: 1px; background: url(img/teaser_unternehmen.jpg) no-repeat; cursor: pointer; }
		div.teaser_unternehmen_start { float: left; width: 319px; height: 162px; margin-left: 1px; background: url(img/teaser_unternehmen_start.jpg) no-repeat; cursor: pointer; }
		div.teaser_unternehmen_en { float: left; width: 319px; height: 162px; margin-left: 1px; background: url(img/en.teaser_unternehmen.jpg) no-repeat; cursor: pointer; }
		div.teaser_unternehmen_start_en { float: left; width: 319px; height: 162px; margin-left: 1px; background: url(img/en.teaser_unternehmen_start.jpg) no-repeat; cursor: pointer; }

div#contentrahmen:after { content: ".."; display: block; height: 0px; clear: both; visibility: hidden; }
	/* Hides from IE-mac \*/
  	* html div#contentrahmen {height: 1px;}
  	/* End hide from IE-mac */

div#footer { clear: left; margin: auto; display: block; width: 985px; background: url(img/bg_footer.jpg) no-repeat -1px 0px; padding-top: 20px; color: #dedede; padding-bottom: 10px; }
	.footer_left { float: left; width: 230px; margin-left: 5px; }
		.footer_left a { color: #dedede; text-decoration: underline; margin-right: 5px; }
	.footer_right { float: right; width: 710px; margin-right: 10px; text-align: right; }

div#footer:after { content: ".."; display: block; height: 0px; clear: both; visibility: hidden; }
	/* Hides from IE-mac \*/
  	* html div#footer {height: 1px;}
  	/* End hide from IE-mac */

.clear { clear: left; }
.content_links { float: left; display: block; width: 325px; padding-top: 25px; padding-bottom: 25px; padding-left: 25px; }
.content_rechts { float: left; display: block; width: 585px; margin-left: 10px; padding-top: 25px; padding-bottom: 25px; }
.vorschau { float: left; overflow: hidden; }
.rechts { margin-left: 20px; margin-bottom: 0px;}

.mitarbeiter { float: left; margin-right: 10px; display: block; width: 280px;}
.bild { float: left; display: block; width: 115px; }
.text { float: left; display: block; width: 165px;}

.referenz_container { float: left; display: block; width: 972px; background: url(img/bg_refcontainer.jpg) repeat-y top right; }
.ref_links { float: left; display: block; margin-top: 33px; width: 362px; margin-bottom:20px;}
.ref_mitte { float: left; display: block; width: 400px; padding-top: 25px; }
.ref_rechts { float: right; display: block; margin-top: -1px; width: 168px; background-color: #252525;}
.ref_links p { margin-left: 22px; width: 300px; }
a.ref_linkbottom { float: left; clear: left; width: 168px; height: 96px; text-decoration: none; margin: 0px; padding: 0px; border-bottom: 1px solid #000; }
a.ref_link { float: left; clear: left; width: 168px; height: 96px; text-decoration: none; margin: 0px; padding: 0px; }

a.newslink { color: #f00; text-decoration: none; border-bottom: 1px dotted #f00; }
a.newslink:hover { text-decoration: none; border-bottom: 1px solid #f00; }

a.teaser { color: #000; margin-left: 20px; display: block; text-decoration: none; }
a.teaser:hover { text-decoration: underline; }

.form_left { float: left; clear: left; display: block; width: 150px; margin-bottom: 3px; }
.form_right { float: left; display: block; width: 420px; margin-bottom: 3px; }

input, select, textarea { border: 1px solid; margin-right: 4px; }
textarea { height: 100px; }
.klein { border: 0px; }
.breit { width: 400px; }
.halb { width: 197px; }
.plz { width: 65px; }
.ort { width: 329px; }

.button { cursor: pointer; }
