@charset "utf-8";
/* CSS Document */

/* =======================================
1. Kalibrierung und Restauration
======================================= */


* {
  padding: 0;
  margin: 0;
}

/* Abstand nach unten  */
h1, h3, p, ol { margin-bottom: 1em; }

html { /* erzwingt Scrollbar im Firefox */
  height: 101%;
}

h2 { 
  font-size: 80%;
}

h3 { 
  font-size: 120%;
  color: #333;
}

#navipunkt {
	color: #ffffff;
}

#klein {
	margin-bottom: 20px;
}

#table {
   border-collapse: collapse;
   border: none;
}
 
td, th {
   text-align: left;
   padding: 0.5em 1em;
   padding-left: 0;
}


 

/* =======================================
2. Allgemeine Styles
======================================= */

/* Gestalte das HTML-Element mit dem Namen body */
body {
  background-color: #000000; /* Hintergrundfarbe Weiss */
  color: #fff; /* Schriftfarbe */
  font-size: 0.8em;  /* Schriftgröße */
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

a { text-decoration: none;  
	outline: none; 
} /* Unterstreichung entfernen */


a:link { color: #ffffff; } 
a:visited { color: #ffffff; }

a:hover,
a:focus {
	color: #e74011; /* HKS 13 #ef1a1d */
}

a:active {
	color: #e74011;
}

a[href^="mailto"] {
    color: #e74011;
}

/* Gestalte die Grafik mit id="head" */
img#head {
  background-color: black;
}

img#inhalt {
  margin-bottom: 10px;
}

span {
	color: #fff;
}

/*#bild img { position:absolute; }
#bild img.eck1 { top:0; left:0; }
#bild img.eck2 { top:0; right:0; }*/

#inhalt img { position:absolute;}
#inhalt img.eck4 { bottom:0; left:0; }
#inhalt img.eck3 { bottom:0; right:0; }

#ecken { position:relative; } 

#inhalt img.team {
	position:relative;
	float:right;
	padding-left:20px;
}

#inhalt img.leistungen {
	position:relative;
	float:left;
	margin-bottom: 16px;
}

#inhalt_mitte img { position:relative;}

/* =======================================
3. Styles für die Layoutbereiche
======================================= */

div#wrapper {    /* zentriert die Seite */
  width: 960px;
  margin-right: auto; /* Abstand rechts */
  margin-left: auto; /* Abstand links */
}

div#head {
  width: 960px;
  height: 115px;
  position: relative;
  background-color: #000; /* Schwarz */
  z-index: 1;
}

div#box1 {
  position: absolute;
  right: 815px;
  background-color: #e74011; /* Orange */
  width: 80px;
  height: 42px;
}

div#logo {
	position: absolute;
	top: 10px;
	right: 0px;
	height: 65px;
	width: 200px;
	z-index: 2;
	background-color:#000;
}

div#bild {
  width: 960px;
  height: 330px;
  position: relative;
  background-color: #A8d; 
  z-index: 1;
}

div#box_title {
	opacity: 0.7;
	filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80, FinishOpacity=70, Style=2)";
	filter: alpha(opacity=70);
	color:#fff;
	font-size:30px;
	font-weight:500;
	position: absolute;
	z-index: 2;
	top:389px;
	background-color:#FFF;
	padding: 10px;
	padding-right: 20px;
	padding-left:65px;
}

div#title {
	text-shadow: 3px 3px 4px #000;
	-moz-text-shadow: 3px 3px 4px #000;
    -webkit-text-shadow: 3px 3px 4px #000;
    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
	color:#fff;
	font-size:30px;
	font-weight:500;
	position: absolute;
	z-index: 3;
	top:389px;
	padding: 10px;
	padding-right: 20px;
	padding-left:65px;
	
}


div#inhalt {
  overflow: hidden;  
  width: 960px;
  min-height: 250px;
  margin-top: 5px;
  margin-bottom:100px;
  position: relative;
  background-color: #333; /* Grau */
}

#inhalt_links {
	float:left;
	margin-left:65px;
	margin-top:20px;
	width: 405px;
	line-height: 1.5;
	padding-bottom:50px;
}

#inhalt_rechts {
	float:left;
	margin-left:20px;
	margin-top:20px;
	width: 405px;
	line-height: 1.5;
	padding-bottom:50px;
}

#inhalt_mitte {
	float:left;
	margin-left:65px;
	margin-top:20px;
	width: 830px;
	line-height: 1.5;
	padding-bottom:50px;
}

#formular {
	float:left;
	margin-left:65px;
	margin-top:20px;
	width: 800px;
	line-height: 1.5;
	padding-bottom:50px;
}


#footer {
	position:fixed;
	bottom: 29px;
	margin-left:170px;
	color: #e74011;
}

div#box3 {
  position:fixed;
  bottom: 0px;
  background-color: #000; /* Orange */
  width: 960px;
  height: 50px;
  margin-left:0px;
}

div#box2 {
  position:fixed;
  bottom: 0px;
  background-color: #e74011; /* Orange */
  width: 80px;
  height: 42px;
  margin-left:65px;
}

#navigation_1 {
	float:left;
	position: relative;
	padding: 10px;
	padding-left:0;
	height: 20px;
	width: 600px;
	z-index: 1;
	margin-top: 20px;
	margin-left: 170px;
}

#navigation_2 {
	float:left;
	position: relative;
	padding: 10px;
	padding-left:0;
	height: 20px;
	width: 600px;
	z-index: 1;
	margin-top: 15px;
	margin-left: 170px;
}

#navigation_3 {
	float:left;
	position: relative;
	padding: 10px;
	padding-left:0;
	height: 20px;
	width: 780px;
	z-index: 1;
	margin-top: 15px;
	margin-left: 170px;
}


#navigation_1,
#navigation_2,
#navigation_3 {
  background-color: #000;
}
  #navigation_1 li,
  #navigation_2 li,
  #navigation_3 li {
    display: inline; /* li nebeneinander anzeigen */
    list-style-type: none; /* ohne Aufzählungspunkte */
	margin-bottom: 0;
  }

/*  #navigation_1 ul,
  #navigation_2 u1 { 
    margin-bottom: 0; 
  } */

/* navigation_1 */
#news #navi11 a,
#unternehmen #navi12 a,
#leistungen #navi13 a
{ color: #e74011; }


/* navigation_2 */
#standorte #navi21 a,
#kontakt #navi21 a,
#qualitaetssicherung_schulung #navi22 a,
#team #navi22 a,
#impressum #navi23 a,
#know_how #navi23 a
{ color: #e74011; }

/* navigation_3 */
#rohr_kabelortung #navi31 a,
#elektrouebergangswiderstaende #navi32 a,
#isolationsueberpruefung #navi33 a,
#kopterthermografie #navi34 a
{ color: #e74011; }


/* Überschriftengröße ändern
h1 { font-size: 150%; }
h2 { font-size: 130%; }
*/

/* div#text_logo {                      BACK-UP
	font-family: impact;
	font-size:2.5em;
	text-shadow: black 0.1em 0.1em 0.2em;
	color: #ffffff;
	text-align:end;
	position: absolute;
	top: 72px;
	right: 120px;
	height: 44px;
	width: 800px;
	z-index: 2;
} */