html { height: 100%; padding-bottom:1px; }
body {
  background-color:#EE7900;
  margin:0 auto;
  text-align:center;
  font-family:Verdana, Arial, Helvetica, sans-serif; color:#006;
  font-size: 100.01%;
}

.blind {
   position: absolute !important;
   left: -6000px !important;
   top: -6000px !important;
   width: 0px !important;
   height: 0px !important;
}

.stopFloat {
	display: block;
	float: none;
	clear: both;
	height: 1px;
	font-size: 0px;
	line-height: 0px;
}

.clr { clear:both; }

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

h1, h2, h3, h4, h5, h6 { margin:0; padding:0; }

p { margin:1em 0 0; }
ul { margin:1em; padding-left:1em; }

#rahmen { width:775px; margin:auto; padding-bottom:12px;  padding-top:12px; }

/* KOPF */
#kopf { 
	width:775px; text-align:right;
	margin:auto;
	border-top: 2px solid #004D9F;
	}
#kopf-1 {
	float:left;
	width:184px; height:143px;
	color:#FFF; background-color:#004D9F;
	}
#kopf-1 p { 
	margin:35px 13px 10px 10px; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em; line-height:1.4em; font-weight:bold;
	}
#kopf-2 {
	float:left;
	background-color:#FFF; color:#006;
	}
#kopf-3 {
	float:left; width:346px; height:143px;
	background-color:#004D9F; color:#FFF;
	 }
#kopf-3 p {
	margin:66px 25px 10px 10px;
	font-size:0.8em; line-height: 1.5em;
	}
#kopf-unten {
	clear:both; text-align:left; height:43px;
	background-color:#FFF; color:inherit;
	background-image:url(../img/bg_kopf.jpg);
	border-right:1px solid #004D9F;
	border-left:1px solid #004D9F;
	}
#kopf-unten img {
	margin-bottom:3px; margin-left:183px;
	}

#content {
	width:773px; text-align:left;
	background-color:#FFF; color:#006; background-image:url(../img/bg_weiss.gif);
	border-right:1px solid #004D9F;
	border-bottom:1px solid #004D9F;
	border-left:1px solid #004D9F;
	padding-top:32px; padding-bottom:40px;
	}
* html #content { width:auto; } 

#spalte-links {
	float:left; width:183px;
}
#navigation {
	text-align:right; font-size:0.8em; line-height:2.2em;
	}
#navigation ul {
	margin: 0 45px 2em 0; list-style-type:none;
	font-weight:bold; padding:0;
	}
#navigation ul.startunten { margin: 0 45px 0 0; }

#content #index {
	float:left; width: 565px;
	margin-top:3px;
	font-size:0.8em; line-height:1.3em; text-align:justify;
	}
#content #index h1 { font-family:Arial, Helvetica, sans-serif; font-size:1.3em; margin:0 0 0.7em; line-height:1.3em; }
#content #index h2 { font-size:1em; line-height:1.3em; margin:1em 0; }

#content #index-1 { float:left; width:255px; }
#content #index-1 h1.inline { font-size:1.2em; line-height:1.5em; margin:0.7em 0; }

#content #index-2 { float:left; margin-left:25px; font-size:0.8em; line-height:1.1em; }
#content #index-2.referenz { float:left; margin-left:25px; padding-top:30px; font-size:0.85em; line-height:1.3em; }
#content #index-2 img { margin:4px 0 3px 0; }

/* BEGINN Stellenausschreibung */
#content div.job { text-align:left; padding:1em 0; margin:0; border-top:2px solid #e5e5e5; }
#content div.jobtext { float:left; width:394px; }
#content div.jobpdf { float:left; padding-left:25px; font-size: 0.85em; line-height: 1.5em; }
#content #index-3 h2.job { color:#004d9f; font-size:1.5em; line-height:1.5em; font-weight: normal; margin:0 0 0.7em; text-align:center; }
#content div.jobtext p { margin:1em 0 ; }
/* ENDE Stellenausschreibung */

#content #index-3 { width: 565px; } /* Inhalt über gesamte Breite des Inhalt-floats, FIRMA */
#content #index-3 ul { font-size:0.9em; line-height:1.5em; margin-top:1.4em; margin-bottom:1.4em; }

#content #index-4 { float:left; width:394px; } /* Inhalt erste Spalte breiter, LEISTUNGEN */
#content #index-4 h2 { font-size:1em; line-height:1.3em; margin:1em 0 0; padding:0; }
#content #index-4 p { margin:0 0 1em; }
#content #index-4 p.letzte { margin:0; }

#content #index-5 { float:left; width:340px; line-height:1.4em; } /* mittlere Spalte breiter, REFERENZEN */
#content #index-6 { width:590px; } /* REFERENZEN, Tabellenlayer */

#content #index-7 { float:left; width:370px; } /* mittlere Spalte breiter wie REFERENZEN, Überschriftbereich */
#content #index-7 div.ausbildung { height:95px; background:#004D9F; color:#fff; text-align:left; } 
#content #index-7 div.ausbildung h1 { margin:0; padding:13px 18px 11px; font-size:1.8em; font-weight:normal; line-height:1.5em; }
#content #index-7 div.ausbildungstext h2 { 
	margin:0; font-family:Arial, Helvetica, sans-serif; color:#004d9f; 
	font-size:1.3em; line-height:1.3em; font-weight: bolder; padding:15px 0 0; }
#content #index-7 div.ausbildungstext { padding-right:25px; }
#content #index-8 { float:left; width:195px; font-size:0.85em; line-height:1.4em; }
#content #index-8 div.oben { height:95px; }
#content #index-8 div.img {  }
#content #index-8 p { margin:0; padding:5px 0 0 25px; }

#fuss {
	background-color:#004D9F; color:#FFF;
	text-align:center;
	}
#fuss p { margin:0; padding:5px 0 7px; font-size:0.7em; }
#fuss a:link, #fuss a:visited { color:#FFF; text-decoration:none; background-color: #004D9F; }
#fuss a:focus, #fuss a:hover, #fuss a:active { color:#EE7900; text-decoration:underline; background-color: #004D9F; }

/* UNTERNEHMEN mit LINKE SPALTE LOGOS*/
#subnavibox01 { height:120px; text-align:center; margin-top:65px; }
#subnavibox02 { height:120px; background:url(../img/logo_PQverein.gif) no-repeat; margin-top:70px; }
ul.unternehmen li { margin-bottom:.6em; text-align:left; }

/* TABELLEN: TECHNIK und REFERENZEN */
table.technik { margin:2em 0 0; border-top:1px solid #CCC; font-size:85%; }
table.technik th {
	text-align:center; padding:0.3em 0 0.7em; background-image:url(../img/bgth_tabletechnik.gif); background-position:bottom;
	}


table.technik th.spalte-null { padding-left:3px; padding-right:3px; }
table.technik td.spalte-null { text-align:center; width:42px; }	
table.technik th.left { text-align:left; padding-left:12px; }
table.technik .spalte1 { width:70px; text-align:center; }
table.technik .spalte2 { width:215px; text-align:left; padding-left:12px; }
table.technik th.spalte3 { text-align:center; width:50px; }
table.technik td.spalte3 { text-align:center; width:50px; padding-left:3px; padding-right:3px; }
table.technik th.spalte4 { width:90px; text-align:center; }
table.technik td.spalte4 { width:65px; text-align:right; padding-right:25px; }
table.technik .spalte5 { width:85px; text-align:center; }
table.technik td { padding:0.3em 0; }

table.technik tr.farbe, table.referenzen td.farbe { background-color:#E5E5E5; color:#006; }

* html table.technik { font-size:0.9em; }

table.referenzen { margin:2em 0; border-collapse:collapse; font-size:0.85em; line-height:1.2em; }
table.referenzen th {
	text-align:center; padding:0.3em 0.5em 0.7em; background-image:url(../img/bgth_tablereferenz.gif); background-position:bottom; }
table.referenzen th.ohne { background-image:none; }
table.referenzen th.linie { border-top:1px solid #CCC; }
table.referenzen td { padding:6px 5px; }

table.referenzen .spalte1 { width:75px; text-align:left; }
table.referenzen .spalte2 { width:235px; text-align:left; }
table.referenzen th.spalte3 { width:65px; text-align:center; }
table.referenzen td.spalte3 { width:65px; text-align:right; padding-right:10px; }
table.referenzen .spalte4 { text-align:left; }
table.referenzen .spalte5 { width:40px; text-align:center; padding:0; }

table.referenzen td.schluss { height:3px; padding:0; border-bottom:1px solid #CCC; }
table.referenz td.schlusszelle { height:3px; padding:0; border-bottom:none; }

p.textrechts { text-align:right; margin:0 15px 0; }


/* +++++  FOTO-DOKU +++++ */
#fotodokuthumbs {  }
#thumbs { width:580px; margin:1em 0 0.6em; text-align:left; }
#thumbs img { margin-right:10px; margin-bottom:10px; border:1px solid #006; padding:0; }
/*#thumbs img.bildlinks .bildandere { margin-left:0; margin-bottom:10px; border:1px solid #006; padding:0; }*/
img.large { float:left; margin:0 15px 0 0; border:1px solid #006; }
#thumbs a { background-color: transparent !important; }
#galerie { text-align:left; border-top:1px solid #004D9F; border-bottom:1px solid #004D9F; padding:1em 0 1.5em; margin:1em 0 1.6em; }
#navivertikal { width: 380px; text-align:center; margin:0.5em 0; border:1px solid #FFF; }
#navihorizontal { width: 285px; text-align:center; margin:0.5em 0; border:1px solid #FFF; }
img.galerie { vertical-align: middle; }
#galerie a:focus, #galerie a:hover, #galerie a:active { border-bottom:3px solid #006; }

/* +++++ KONTAKT +++++ */
#content #kontakt-1 { float:left; width:340px; border-right:1px solid #004D9F; text-align:left; }
#content #kontakt-2 { float:left; margin-left:25px; }
#content #kontakt-2 p { margin:0 0 1em; }

/* +++++ Formular Kontaktseite +++++ */
form { margin:0; padding:0;}
fieldset { border: none; padding: 0; margin:1em 0 0; }
fieldset.feedback { border:none; padding:0; margin:0 1em 0 0; }
label { display: block; float: left; width: 7.5em; height: 1.5em; margin-bottom: 8px; text-align: left; }
input, textarea { display: block; float: left; width: 17em; background-color: #FFF; color: #006;
  border-top:1px solid #789; border-right:1px solid #006;
  border-bottom:1px solid #006; border-left:1px solid #789; }

form br { /* Alle Zeilenumbrüche in Formularen auswählen */
  clear: both; /* das floating der labels und inputs aufheben */
  width:auto;
}
input#submit { 
  display: block; float: left; width: 8em; font-weight:bold;
  margin-top: 1em; margin-left:7.5em; color:#006; background-color:#D4D4D4;
  border-top:1px solid #789; border-right:1px solid #006;
  border-bottom:1px solid #006; border-left:1px solid #789; }
    
* html input#submit { margin-left:48px; } /* IE-Hack */
* html input#reset { margin-left:14px; }

input#reset {
  display: block; float: left; width: 8em; font-weight:bold;
  margin-top:1em; margin-left:14px; color:#006; background-color:#D4D4D4;
  border-top:1px solid #789; border-right:1px solid #006;
  border-bottom:1px solid #006; border-left:1px solid #789; }

label, input, textarea { 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 1em; }

input#submit:hover, input#reset:hover { background-color: #006; color: #FFF; }

input, select, textarea { font-size: 100%; }
form label, #reset, #submit { cursor:pointer; }

/* verschiedene Links */
/* im Text */
#content a:link { color: #006; background-color:inherit; text-decoration:underline; }
#content a:visited { color:#556677; background-color:inherit; text-decoration:underline; }
#content a:focus, #content a:hover, #content a:active {color:#FFF; text-decoration:none; background-color:#000066; }

a.nobackground { background-color: transparent !important; }
a.nobackground img { border:none !important; }

/* ALLGEMEINE  */

img.rechts { float:right; border:none; }
.orange { color:#e6771a; }
.weiss { color:#fff; }
.anmerkung { font-size:90%; }