@charset "utf-8";
	
html {
	height: 101%;
	}
	
* {
	margin: 0px;
	padding: 0px;
	}

body {
	line-height: 1.25em;
	text-align: justify;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 0.875em;
	}

#wrapper {
	width: 960px;
	max-width: 1232px;
	margin-right: auto;
	margin-left: auto;
	}

#für----------header------------------------------ {}

#header {
	width: 960px;
	height: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	float: left;
	}

#header #headerbox {
	width: 960px;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	padding-top: 20px;
	float: left;
	}
	
#header #headerbox a img {	
	width: 350px;
	height: auto;
	top: 40px;
	position: absolute;
	}
			
#header #headerbox h1 {
	position: absolute;
	left: -9999px;
	/*die h1 ist hier ausserhalb gelegt*/
	top: 0;
	}

#header #headerbox ul {
	list-style-type: none;
	text-align: right;
	margin-left: 0px;
	padding-left: 15px;
	padding-top: 40px;
	}
	
#header #headerbox ul li {
	display: inline;
	}

#header #headerbox ul li a {
	font-size: 1.2em;
	text-transform: uppercase;
	color: #999;
	text-decoration: none;
	margin-left: 15px;
	}

#header #headerbox ul li a:hover {
	color: #00f;
	text-decoration: none;
	}
	
#header #headerbox ul li a.aktiv {
	color: #f00;
	}

#für-------banner--------------------------------- {}

#banner {
	width: 960px;
	height: auto;
	float: left;
	}

#img_banner {
	width: 960px;
	height: auto;
	text-align: center;
	margin-top: 45px;
	margin-bottom: 25px;
	}
	
#für-------stellenanzeige--------------------------------- {}

#stellenanzeige {
	width: 960px;
	height: auto;
	float: left;
	}

#img_stellenanzeige {
	width: 960px;
	height: auto;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 20px;
	}
		
#für----------content------------------------------ {}

#content {
	width: 600px;
	margin-right: 10px;
	padding: 8px 0px 25px;
	float: left;
	}
	
#content_firmenprofil {
	width: 960px;
	float: left;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
	}

#content_firmenprofil #contentbox {
	padding-bottom: 15px;
	width: 960px;
	}
	
#content_firmenprofil #contentbox img {
	border-width: 0px;
	width: 310px;
	}
	
#content_firmenprofil #contentbox .box {
	margin-top: 5px;
	margin-bottom: 20px;
	overflow: hidden;
	}
	
#content_firmenprofil #contentbox .box p {
	font-size: 1em;
	line-height: 1.375em;
	margin-top: 5px;
	margin-bottom: 8px;
	text-align: left;
	}
	
#content_firmenprofil #contentbox .box .drittel h3 {
	font-size: 1.125em;
	color: #f00;
	line-height: 1.5em;
	padding-top: 10px;
	text-align: left;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	}
	
#content_firmenprofil #contentbox ul li {
	font-size: 1em;
	line-height: 1.375em;
	margin-top: 8px;
	margin-bottom: 8px;
	list-style-type: none;
	text-align: left;
	}

#content_leistungen {
	width: 960px;
	float: left;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
	}

#content_leistungen #contentbox {
	padding-bottom: 15px;
	width: 960px;
	}
	
#content_leistungen #contentbox img {
	border-width: 0px;
	width: 465px;
	margin-top: 15px;
	}
	
#content_leistungen #contentbox .box {
	margin-top: 5px;
	margin-bottom: 16px;
	overflow: hidden;
	}
	
#content_leistungen #contentbox .box p {
	font-size: 0.750em;
	padding-right: 10px;
	padding-left: 0px;
	line-height: 1.125em;
	margin-top: 0px;
	margin-bottom: 8px;
	}
	
#content_leistungen #contentbox .box .haelfte h4 {
	font-size: 1.125em;
	color: #999;
	line-height: 1.250em;
	padding-top: 8px;
	text-align: left;
	padding-bottom: 8px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	}
	
#content_leistungen ul li {
	display: block;
	list-style-type: none;
	font-size: 1em;
	line-height: 1.375em;
	}

#content_datenschutz {
	width: 960px;
	float: left;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
	}

#content_datenschutz #contentbox {
	padding-bottom: 15px;
	width: 960px;
	}
	
#content_datenschutz ul li {
	display: block;
	list-style-type: none;
	font-size: 0.875em;
	line-height: 1.25em;
	}

#content_referenzen {
	width: 600px;
	margin-right: 10px;
	float: left;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
	}

#content_referenzen #contentbox2 {
	width: 600px;
	padding-bottom: 15px;
	}
	
#content_referenzen #contentbox2 h4 {
	font-size: 1.125em;
	color: #999;
	line-height: 1.250em;
	text-align: left;
	padding-bottom: 5px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	}
	
#content_impressum {
	width: 600px;
	float: left;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
	margin-right: 10px;
	}

#content_kontakt {
	width: 600px;
	margin-right: 10px;
	float: left;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
	}

.drittel {
	width: 310px;
	margin-right: 15px;
	float: left;
	}
	
.haelfte {
	width: 465px;
	margin-right: 30px;
	float: left;
	}

.last {
	margin-right: 0px;
	}
	
#content_impressum, #content_kontakt, #content_datenschutz {
	font-style: normal;
	color: #000;
	margin-top: 8px;
	font-size: 1em;
	line-height: 1.25em;
	margin-bottom: 16px;
	}
	
#content h1, #content_firmenprofil h1, #content_leistungen h1, #content_referenzen h1 {
	color: #000;
	text-align: left;
	font-size: 1.5em;
	line-height: 2em;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	}
	
#content h2, #content_firmenprofil h2, #content_leistungen h2, #content_referenzen h2, #content_impressum h2, #sidebar_kontakt h2, content_datenschutz h2 {
	color: #f00;
	text-align: left;
	padding-top: 8px;
	padding-bottom: 5px;
	font-size: 1.250em;
	line-height: 1.5em;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	}

#content_datenschutz h2 {
	color: #00f;
	text-align: left;
	padding-top: 8px;
	padding-bottom: 5px;
	font-size: 1.250em;
	line-height: 1.5em;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	}
		
#content h3, #content_impressum h3, #content_kontakt h3 {
	color: #000;
	text-align: left;
	font-size: 1.125em;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	line-height: 1.5em;
	padding-bottom: 10px;
	}
	
#content_leistungen h3 {
	color: #f00;
	text-align: left;
	font-size: 1.125em;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	line-height: 1.250em;
	padding-bottom: 10px;
	}
	
#content h4, #content_referenzen h4, #content_impressum h4, #content_kontakt h4 {
	color: #999;
	text-align: left;
	padding-bottom: 5px;
	padding-top: 0px;
	font-size: 1.125em;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	line-height: 1.50em;
	}
	
#content h5, #content_impressum h5, #content_kontakt h5 {
	color: #ccc;
	text-align: left;
	padding-bottom: 5px;
	padding-top: 0px;
	font-size: 1em;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	line-height: 1.125em;
	}

#content_datenschutz h5	{
	color:#999;
	text-align: left;
	padding-bottom: 5px;
	padding-top: 0px;
	font-size: 0.875em;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	line-height: 1.125em;
	}

#content h6, #content_impressum h6, #content_kontakt h6 {
	color: #000;
	text-align: left;
	padding-bottom: 5px;
	padding-top: 12px;
	font-size: 0.875em;
	line-height: 1.125em;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	}
	
#content_firmenprofil li a[href$=".pdf"] {
  	background-image:url(../bilder/icons/pdf.png);
  	background-repeat:no-repeat;
  	background-position:right bottom;
  	padding-right:20px;
	}

#für----------sidebar------------------------------ {}
#sidebar_kontakt p {
	margin-top: 8px;
	}
	
#sidebar h2, #sidebar_kontakt h2 {
	color: #f00;
	text-align: left;
	padding-top: 8px;
	padding-bottom: 5px;
	font-size: 1.250em;
	line-height: 1.5em;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	}
	
#sidebar_referenzen h2 {
	color: #999;
	text-align: left;
	padding-top: 8px;
	padding-bottom: 5px;
	font-size: 1.25em;
	line-height: 1.5em;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	}
	
#content_kontakt h2 {
	color: #999;
	text-align: left;
	padding-top: 8px;
	padding-bottom: 5px;
	font-size: 1.25em;
	line-height: 1.5em;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	}
		
#content_impressum p a, #content_kontakt p a, #content_datenschutz p a {
	text-decoration: none;
	color:#000;
	}

#sidebar a[href$=".pdf"]{
  background-image:url(../bilder/icons/pdf.png);
  background-repeat:no-repeat;
  background-position:right bottom;
  padding-right:20px;
}

#für----------sidebar------------------------------ {}
				
#sidebar {
	width: 330px;
	float: left;
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	margin-bottom: 50px;
	}
	
#sidebar_referenzen {
	width: 330px;
	float: left;
	margin-bottom: 50px;
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 25px;
	padding-left: 10px;
	}
	
#sidebar_kontakt {
	width: 330px;
	float: left;
	margin-bottom: 50px;
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 25px;
	padding-left: 10px;
	}

#sidebar_kontakt p a {
	text-decoration: none;
	}

#sidebar_impressum {
	width: 330px;
	float: left;
	margin-bottom: 50px;
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 25px;
	padding-left: 10px;
	}
	
#sidebar_impressum p a {
	text-decoration: none;
	color:#000;
	}

#sidebar_impressum h2 {
	color: #f00;
	text-align: left;
	padding-top: 8px;
	padding-bottom: 5px;
	font-size: 1.25em;
	line-height: 1.5em;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	}

div.iframebox {
	position: relative;
	padding-top: 60%;
	margin-top: 50px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
	}

div.iframebox iframe {
	position: absolute;
	width: 100%;
	height: 100%;
	top: -20px;
	left: 0px;
	}
	
.box1 {
	width: 310px;
	padding-right: 10px;
	padding-left: 10px;
	}	

#für-------------galerien-----------------------------------{}				
/*Flexible Galerie*/
#galerie1, #galerie2, #galerie3, #galerie4 {
	list-style-type: none;
	overflow: hidden;
	width: 600px;
	}
	
#galerie1 li, #galerie2 li, #galerie3 li, #galerie4 li {
	width: 140px;
	float: left;
	padding-right: 10px;
	margin-bottom: 15px;
	}
	
#galerie1 li a img, #galerie2 li a img, #galerie3 li a img, #galerie4 li a img {
	width: 140px;
	height: 140px;
	}
	
#für----------footer-------------------------------{}
	
#footer {
	width: 960px;
	font-size: 0.875em;
	float: left;
	margin-top: 25px;
	margin-bottom: 25px;
	}

#footer ul li {
	list-style-type: none;	
	display: inline;
	}
	
#footer ul li a {
	color: #999;
	text-decoration: none;
	border: 0;
	}

#footer ul li a:hover {
	color: #00f;
	text-decoration: none;
	}
	
#footer ul li a.aktiv {
	color: #f00;
	}

#footer ul li img {
	padding-right: 6px;
	}

.clearfloat {
	clear: both;
	}
		
.footer_copyright {
	color: #000;
	font-size: 1em;
	margin-top: 25px;
	clear: both;
	}

#für---------alles-andere-------------------------------{}

/*formatierung_verschiedene*/
a[href^="mailto:"] {
	color: #000;
	padding-right: 18px;
	}
	
a[href^="08168 601"] {
	padding-left: 0;
	color: #000;
	text-decoration: none;
	}

/*Aktivierten Rahmen ausschalten*/
a:active, a:focus {
	outline:0px none;
	}

#für----------alle---Ausgabegeräte------------------------------ {}

@media all {
	#banner{
		text-align: center;
			}
			
	#img_banner{
		max-width: 960px;
		text-align: center;
			}
}

#für----------optimiert-für-Prints------------------------------- {}
/*Optimiert für Druck-Printmedien*/

@media print {
	body{
		background-color: #fff;	
		font-size: 16pt;
		color: #000;
		font-family:"Times New Roman", Times, serif;
		}
	
	#footer, #navigation, img, .iframebox {
		display:none!important;	
		}
	
	#banner{
		background-color: #fff;
		}