@charset "utf-8";
/* Haupt-CSS-Datei zu alztec.com */ 
/* CSS Document */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: small;
	font-family: inherit;
	vertical-align: baseline;
	
}

.hide-robot {
			opacity: 0;
position: absolute;
top: 0;
left: 0;
height: 0;
width: 0;
z-index: -1;
		}

/* arimo-regular - latin */
@font-face {
  font-family: 'Arimo';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/arimo-v11-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Arimo Regular'), local('Arimo-Regular'),
       url('../fonts/arimo-v11-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/arimo-v11-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/arimo-v11-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/arimo-v11-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/arimo-v11-latin-regular.svg#Arimo') format('svg'); /* Legacy iOS */
}
/* arimo-700 - latin */
@font-face {
  font-family: 'Arimo';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/arimo-v11-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Arimo Bold'), local('Arimo-Bold'),
       url('../fonts/arimo-v11-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/arimo-v11-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/arimo-v11-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/arimo-v11-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/arimo-v11-latin-700.svg#Arimo') format('svg'); /* Legacy iOS */
}


/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('../fonts/open-sans-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/open-sans-v15-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'),
       url('../fonts/open-sans-v15-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/open-sans-v15-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold'), local('OpenSans-Bold'),
       url('../fonts/open-sans-v15-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}


.dschutz {
margin-top: 10px;
margin-bottom: 10px !important;
}

.dschutz input {
width: 20px !important;
float: left !important;
margin-top: 20px !important;
}

.dschutz label {
width: 90% !important;
float: left;

}


body {
      color: #fff;
	   	font-family:  Arial, Verdana, Helvetica,  sans-serif;
	   background:#e9e9e9 url(../img/body_bg04.png) 0 0 repeat-x;
}
 

#pageContainer 
{
background-color:#fff; /* verhindert grauen Bereich im IE am Seitenende */
      margin: 0 auto;   /* sorgt für zentrierung */   
      width: 980px; /* legt die Breite auf   960px fest */
      text-align:left; /* sorgt für Linksbündigkeit bei Zentrierung */
      box-shadow: 2px 2px 4px 2px #ccc;
}

#wrapper {
      height:auto;
      min-height:450px;
}


      
/************** LOGO  ******************/

#logo
{
      position:relative;
      width:100%;
      height:55px;
      background: transparent;
       margin-bottom: 20px;
}

#logo h1
{
      font-size:1.7em;
      margin-top:0;
      padding:155px 0 0px 50px;
      line-height:1.3em;
      color:#fff;
      text-transform:uppercase; 
      text-shadow: 1px 1px 3px #000000; /*Schatten hinter der Überschrift */
        xxfilter: dropshadow(color=#464646, offx=1, offy=1);
        font-family: 'Open Sans', sans-serif;
        font-weight:600;
            }

span.title_home
{font-size: 2.5em;
line-height:1.4em;}     

h1 span.subtitle_home
{font-size: 1.5em;}  

span.title
{font-size: 1.5em;}            

body#home #logo h1
{padding:175px 0 0px 50px;}

img.fest
{

      position:absolute;
      top:0px;
      right:20px;
      border:none;
    
      }

/************** HEADER  ******************/


#header
{
      border:none;
            margin:0;
      padding:0;
      width:980px;
      height: 200px;
      color: #fff;
      
      background:#fff url(../img/testheader03.jpg)  0px 0% no-repeat;
     
}

img#img_05 {
margin-top: 0 !important;
height: 200px;

}
body#schlosserei #header
{background:#fff url(../img/header/hd_schlosserei02.jpg)  0px 0% no-repeat;}

body#ueberuns #header, body.subueberuns #header
{padding-top: 0 !important; margin-top: 0 !important; height:200px !important; background:#fff url(../img/header/hd_ueber_uns_small.jpg)  0px 0% no-repeat;}

body#maschinen #header, body.submaschinen #header
{background:#fff url(../img/header/hd_maschinen.jpg)  0px 00% no-repeat;}

body#schweisskonstruktionen #header
{background:#fff url(../img/header/hd_schweisskonstruktionen02.jpg)  0px 00% no-repeat;}

body#cad #header
{background:#fff url(../img/header/hd_cad02.jpg)  0px 00% no-repeat;}

body.subkontakt #header
{background:#fff url(../img/header/hd_jobs.jpg)  0px 00% no-repeat;}

body#montage #header
{background:#fff url(../img/header/hd_montage03.jpg)  0px 00% no-repeat;}

body#messtechnik #header
{background:#fff url(../img/header/hd_.jpg)  0px 00% no-repeat;}

body#leistungen #header
{background:#fff url(../img/header/hd_leistungen.jpg)  0px 00% no-repeat;}

body#zerspanungstechnik #header 
{background:#fff url(../img/header/hd_zerspanungstechnik.jpg)  0px 00% no-repeat ;}


body#stellenangebote #header, body.substellen #header
{background:#fff url(../img/header/hd_kontakt0925.jpg)  0px 00% no-repeat;}

body#ausbildung #header
{background:#fff url(../img/header/hd_azubi.jpg)  0px 00% no-repeat;}

body#messtechnik #header
{background:#fff url(../img/header/hd_messtechnik.jpg)  0px 00% no-repeat;}

body#home #header
{height:300px;
background:#fff url(../img/header/hd_home.jpg)  0px 00% no-repeat;}

/*************** breadcrumb ****************/
#breadcrumb{
height:33px;
background: #2b647f; 
color:#fff;
margin:8px 0;
padding:10px 10px 0 20px;}


#breadcrumb p
{text-transform:uppercase;
font-size:1.2em;
font-weight:bold;
font-family: 'Arimo', sans-serif;
}

/****************** Allgemeine Angaben *********************/
h1, h2, h3, h4, h5, h6
{
color:#2b647f;
margin-bottom:0px;
}


	
h2 {
      margin:0 0 20px 0;
      font-size: 1.2em;
      font-weight:bold;
      text-transform:uppercase;
      font-family:  Arimo, Arial, Verdana, Helvetica,  sans-serif;
      
}
h3 {
      margin:0;
      font-size: 1em;
	    font-weight:bold;
      margin-bottom:5px;
      font-family:  Arimo, Arial, Verdana, Helvetica,  sans-serif;
		}

h4 {
      margin:0;
      
	    font-weight:bold;
      margin-bottom:5px;
      color:#464646;
		}



p+h2
{margin-top:30px;}


.beschreibung h3
{margin-bottom:0px;
margin-top:-3px;}

.beschreibung h3 span.ergaenzung
{font-weight:normal;}

h3.beschr_o_img
{margin-bottom:0px;
}

p+h3, p+div, address+h3, ul+h3
{margin-top:30px;}

div+p, div+h3
{margin-top:30px;}

h2+h3
{margin-top:5px;}

h3+h3
{margin-top:20px;}

h3.dark
{color:#464646;
font-size:1em;
margin-top:0px;}


#middle ul li
{padding-bottom:5px;}

.signatur /* Startseite */
{font-style:italic;}


/************** Alternative iconanordnung auf Unterseiten von Leistungen***************/
body#schweisskonstruktionen h2.icon
{padding-left:65px;
padding-top:8px;
background: transparent url(../img/schweisskonstruktionen_icon_50.jpg) 0 bottom no-repeat;
line-height:1.4em;
margin-bottom:20px;
height:46px;
}

body#schlosserei h2.icon
{padding-left:65px;
padding-top:8px;
background: transparent url(../img/schlosserei_icon_50n.jpg) 0 bottom no-repeat;
line-height:1.4em;
margin-bottom:20px;
height:46px;
}
body#montage h2.icon
{padding-left:65px;
padding-top:8px;
background: transparent url(../img/montage_icon_50.jpg) 0 bottom no-repeat;
line-height:1.4em;
margin-bottom:20px;
height:46px;
}

body#messtechnik h2.icon
{padding-left:65px;
padding-top:8px;
background: transparent url(../img/messtechnik_icon_50.jpg) 0 bottom no-repeat;
line-height:1.4em;
margin-bottom:20px;
height:46px;
}


body#zerspanungstechnik h2.icon
{padding-left:65px;
padding-top:8px;
background: transparent url(../img/zerspanung_icon_50.jpg) 0 bottom no-repeat;
line-height:1.4em;
margin-bottom:20px;
height:46px;
}

body#cad h2.icon
{padding-left:65px;
padding-top:8px;
background: transparent url(../img/cad_icon_50.jpg) 0 bottom no-repeat;
line-height:1.4em;
margin-bottom:20px;
height:46px;
}



body.subleistungen span.sub /* Untertitel neben den icons */
{text-transform:uppercase;
font-size:1em;
 color:#8c8c8c;

}


h3.sub
{text-transform:uppercase;
font-size:1.2em;
 color:#8c8c8c;
margin-top:-15px;
margin-bottom:20px;
}




/*** Reguliert Abstand zur Überschrift mit Icon ***************/
body#schweisskonstruktionen #middle,
body#schlosserei #middle,
body#zerspanungstechnik #middle,
body#cad #middle,
body#montage #middle
body#messtechnik #middle 
{margin-top:0;}


/************************ Ende Alternative iconanordnung    *********************************/

.clearer
{
      clear:both;
      margin:0;
      padding:0;
      }
      


p
{
      margin:0;
      margin-bottom:8px;
      padding:0;
      line-height:1.8em;
      font-size:0.9em;
}

p.xs
{font-size:0.8em;
margin-top:-5px;
font-style:italic;}


p.ausbildungsbeschreibung
{height:90px;}

hr
{
      width:100%;
      margin: 50px 0px;
      padding:0px;
      border:1px solid #ccc;
}


strong
{font-weight:bold;
font-size:1em;}

#content #middle .middle-left p strong
{font-size:1em;}

address
{margin:10px 0;
font-size:0.9em;}


/* eingesetzt bei Maschinen */
dl
{
color:#2b647f;
margin-bottom:10px;}


dl dt
{font-weight:bold;}


/**************** Link "nach oben" *******************/


div.oben
{margin-top:30px;}

.oben a
{padding-left:17px;
background:transparent url(../img/pfeil_ob.png)  0 80%  no-repeat;}

.oben a:hover
{
background:transparent url(../img/pfeil_ob_hv.png)  0 80%  no-repeat;}
/********************* Anweisungen für content *****************/


#content
{
      width:100%;
      height:auto;
      min-height:450px;
      background:#fff;
background:transparent;
}





/********************* Anweisungen für left und middle *****************/


#left{
      width:24%;
      float:left;
      margin:10px 0 0 0;
      padding:0px 0px 0 0px;
      background:transparent;
          }



#middle 
{margin:10px 0px 0 -1px; /* neg. margin sorgt f. Überlappung mit border von #left damit über nimmt jeweils der längere Bereich die Abtrennung */
padding:10px 0 25px 20px ;
      float: left;
      width:67%;
      color: #464646;
      line-height: 1.4em;
      margin-right:4px;
     background:transparent;
      border-left:1px solid #e7e7e7;
      position:relative;
}

.submaschinen #middle
{width:70%;}

#middle ul
{
      margin: 0 0 0px 20px;
      list-style-position:outside;
      padding-left:0px;
      line-height:1.4em;
     
}



#middle ul li
{margin:0px 0 2px 0;}

#middle ul ul
{margin-top:5px;}



#content #middle a, #content #middle .middle-left a
{font-weight:bold;
color:#2b647f;
text-decoration:underline;
font-size:1em;
}

#content #middle a:hover, #content #middle .middle-left a:hover
{color:#5a5a5a;
}

body#home #middle a
{
color:#2b647f;
font-size:1.0em;}

body#home #middle a:hover
{color:#5a5a5a;
}

#content #middle .middle-left
{width:901px;
background:#f6f6f6;
padding:20px;
margin-bottom:30px;
background: #eeeeee; /* Old browsers */
background: -moz-linear-gradient(top,  #eeeeee 0%, #f9f9f9 29%, #f9f9f9 73%, #eeeeee 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(29%,#f9f9f9), color-stop(73%,#f9f9f9), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #eeeeee 0%,#f9f9f9 29%,#f9f9f9 73%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #eeeeee 0%,#f9f9f9 29%,#f9f9f9 73%,#eeeeee 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #eeeeee 0%,#f9f9f9 29%,#f9f9f9 73%,#eeeeee 100%); /* IE10+ */
background: linear-gradient(to bottom,  #eeeeee 0%,#f9f9f9 29%,#f9f9f9 73%,#eeeeee 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
}
/**************** Anweisungen für right ***********************/

#right {
      float: left;
      padding:0;
      margin:25px 10px 15px 0;
      width:0%;
      color: #464646;
      background:#fcfcfc; 
      border:1px solid #ccc;
    }




/*********** Anweisungen für footer ***********/


#footer {
      position:relative;
      clear: both;
      margin: 0;
      padding:0;
      height:75px;
      width:980px;
      color: #eee;
      
      background:#2b647f;
      
}

#footer p
{
      margin:0;
      padding:10px 0 2px 15px;
      font-size:0.9em;
      }

#footer a
{
      text-decoration: none;
      color: #eee;
      font-size:1em;
}


/* *********** kontaktformular ****************/


#middle form {width:450px;margin: 0px 0px;}
#middle legend {color: #2b647f; padding: 3px 6px 3px 0px; font-weight:bold;}
#middle fieldset {padding-left:0px;border:none;}
#middle label {display:block;width:20%;float:left;margin:10px 0 0 0;padding: 8px 20px 0 0;}
#middle input {font-size:14px;padding: 6px 20px 6px 0;width:62%;margin:10px 0 0 0;background-color:#e9e9e9;}
#middle textarea {clear:left;font-size:11px;width:410px;height:100px;margin:0 0 10px 0px;background-color:#e9e9e9;}
#middle input.button {background:#e9e9e9; margin: 10px 10px 0 0; padding:8px;width:44%;}
#middle input.button:hover {background:#2b647f; color: #fff; cursor: pointer;}
#middle .fehler {border:1px solid red;}
#middle p.error {color:red;background: #fff;}

#middle .eingerueckt {margin-top:10px;}
#middle p.index
{font-size:0.85em;margin-left:5px;}

p.xxs
{margin-top:20px;}

/*********************** Pull Down NAVIGATION *************************/

#navigation{
      clear:both;
      width:100%;
      margin:0;
      padding:0;
      height:32px; /* mit Arial 32px */
      background:#fff; /*585858 678208*/
     /**** Verlauf hinter Menü oben ****/
background: rgb(247,247,247); /* Old browsers */
background: -moz-linear-gradient(top, rgba(247,247,247,1) 1%, rgba(252,252,252,1) 47%, rgba(247,247,247,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(247,247,247,1)), color-stop(47%,rgba(252,252,252,1)), color-stop(100%,rgba(247,247,247,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(247,247,247,1) 1%,rgba(252,252,252,1) 47%,rgba(247,247,247,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(247,247,247,1) 1%,rgba(252,252,252,1) 47%,rgba(247,247,247,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(247,247,247,1) 1%,rgba(252,252,252,1) 47%,rgba(247,247,247,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(247,247,247,1) 1%,rgba(252,252,252,1) 47%,rgba(247,247,247,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#f7f7f7',GradientType=0 ); /* IE6-9 */ 

 }



#nav, #nav ul { list-style-type: none; }
#nav li { float: left; position: relative; white-space: nowrap;  font-weight: bold; font-size: 1.0em; 


}
#nav li li { float: none; }
#nav li:hover {background:#e9e9e9; }
#nav li a { color: #5a5a5a; text-decoration: none; padding: 8px 20px; display: block; 
}
#nav li:hover a {color:#2b647f; }


#nav li li { background-color: #fff; color: #ccc; font-weight: bold;  opacity:0.90; filter:alpha(opacity=90);}
#nav li li:hover { background-color: #2b647f;}
#nav li li a, #nav li:hover li a { color: #2b647f; padding: 8px 20px; border-right:none; border-top:1px solid #d2d2d2; }
#nav li li:hover a {color:#e5e5e5 !important; }
#nav li li li { background-color: #f6ffb0; }
#nav li li li a, #nav li li:hover li a, #nav li:hover li li a { color: #6d9982; padding: 15px 15px; }
#nav li li li:hover a { color: #f6ffb0; }
/*#nav li ul, #nav li:hover ul ul { position: absolute; left: -999em; }*/
#nav li:hover ul { left: 0; }
#nav li li:hover ul { left: 100%; top: 0; }



/************* Alternativ: Pfeile im Submenü *******************/
#nav li li a { color: #5a5a5a; text-decoration: none; padding: 8px 40px !important; display: block; background:transparent url(../img/pfeil_re_hv.png) 20px 50% no-repeat;
}

#nav li li a:hover {background:transparent url(../img/pfeil_re_weiss.png) 20px 50% no-repeat;
}


/***** Hauptmenü: Spezielle Hervorhebungen auf den einzelnen Seiten ***********/


/*** Hervorhebung des Hintergrunds des aktiven Seitenmenüpunktes *****/
body#home #nav li.index,
body.subueberuns #nav li.nav-ueber,
body.subleistungen #nav li.nav-leistungen,
body.subkontakt #nav li.nav-kontakt,
body#maschinen #nav li.nav-maschinen,
body.substellen #nav li.nav-stellen,
body.submaschinen #nav li.nav-maschinen

{
      background: #e9e9e9 !important;
      
} 

/*** Hervorhebung der Schriftfarbe von Verlinkungen im Menü *****/
body#home #navigation #nav li.index a, 
body.subueberuns #nav li.nav-ueber a,
body.subleistungen #nav li.nav-leistungen a,
body.subkontakt #nav li.nav-kontakt a,
body#maschinen #nav li.nav-maschinen a,
body.substellen #nav li.nav-stellen a,
body.substellen #nav li.nav-bewerbung a,
body.submaschinen #nav li.nav-maschinen a
{
      color:#2b647f;
      padding-left:20px;}
      
   
 
      
      

/*********************** SUBNAVIGATION  Untermenü links***************/


#subnav
{margin:0px 0 0 0px ;
padding:0;
width:236px;
font-weight:bold;}

#subnav ul
{list-style-type:none;

}


#subnav ul li
{height:35px;

}

#subnav ul li a
{display:block;
width:195px;
height:25px;
text-decoration:none;
color: #5a5a5a;
border-bottom:1px dotted #d2d2d2;
padding-left:40px;
padding-top:10px;
background:transparent url(../img/pfeil_re.png) 20px 55% no-repeat;
}


#subnav ul li a:hover
{
color:#2b647f;
background: #e9e9e9 url(../img/pfeil_re_hv.png) 20px 55% no-repeat;
}

#subnav ul li.mnav-b {
 height:45px;
}

#subnav ul li.mnav-b a {
height:35px;
}

/*** hervorhebung des aktiven Menüpunktes in der linken Navigation ******/
body#philosophie #left #subnav ul li a.ueberuns-philosophie,
body#historie #left #subnav ul li a.ueberuns-historie,
body#produktionsstaetten #left #subnav ul li a.ueberuns-produktionsstaetten,
body#referenzen #left #subnav ul li a.ueberuns-referenzen,
body#agb #left #subnav ul li a.ueberuns-agb,
body#qualitaetssicherung #left #subnav ul li a.maschinen-qualitaetssicherung,

body#schweisskonstruktionen #left #subnav ul li a.leistungen-schweisskonstruktionen,
body#zerspanungstechnik #left #subnav ul li a.leistungen-zerspanungstechnik,
body#schlosserei #left #subnav ul li a.leistungen-schlosserei,
body#montage #left #subnav ul li a.leistungen-montage,
body#messtechnik #left #subnav ul li a.leistungen-messtechnik,
body#cad #left #subnav ul li a.leistungen-cad,
body#kundennutzen #left #subnav ul li a.leistungen-kundennutzen,

body#ansprechpartner #left #subnav ul li a.kontakt-ansprechpartner,
body#kontaktformular #left #subnav ul li a.kontakt-form,
body#anfahrt #left #subnav ul li a.kontakt-anfahrt,

body#offenestellen #left #subnav ul li a.stellen-offen,
body#ausbildung #left #subnav ul li a.stellen-ausbildung,
body.bewerbung #left #subnav ul li.nav-bewerbung,

body#maschinenzerspanung #left #subnav ul li a.maschinen-zerspanung,
body#maschinenschlosserei #left #subnav ul li a.maschinen-schlosserei,
body#maschinencad #left #subnav ul li a.maschinen-cad
{background: #e9e9e9 url(../img/pfeil_re_hv.png) 20px 55% no-repeat;
color:#2b647f;
}

/***************** Top Topics Seite Home: vier grauen kästen *****************/
.top_topic
{display:block;
width:96%;
height:20px;
background-color:#e9e9e9;
margin:20px 0;
padding:25px 0 25px 75px;
font-size:1.0em;
text-decoration:none;
color:#4d4d4d;
text-transform:uppercase;
font-family: 'Arimo', sans-serif;
}

a.top_topic:hover
{color:#2b647f;}

body#home #middle a.top_topic
{font-size:1em;
font-weight:bold;}



.top_topic.schweisskonstruktion
{background:transparent url(../img/bg_icons_ges02.jpg) 0 0 no-repeat;}
.top_topic.zerspantechnik
{background:transparent url(../img/bg_icons_ges02.jpg) 0 -140px no-repeat;}
.top_topic.schweisstechnik
{background:transparent url(../img/bg_icons_ges03.jpg) 0 -280px no-repeat;}
.top_topic.montage
{background:transparent url(../img/bg_icons_ges02.jpg) 0 -420px no-repeat;}


.top_topic.schweisskonstruktion:hover
{background:transparent url(../img/bg_icons_ges02.jpg) 0 -70px no-repeat;}
.top_topic.zerspantechnik:hover
{background:transparent url(../img/bg_icons_ges02.jpg) 0 -210px no-repeat;}
.top_topic.schweisstechnik:hover
{background:transparent url(../img/bg_icons_ges03.jpg) 0 -350px no-repeat;}
.top_topic.montage:hover
{background:transparent url(../img/bg_icons_ges02.jpg) 0 -490px no-repeat;}


/*************** Bildergallerie fancybox*********************/
img.fl-l
{float:left;
width:150px;
margin-right:20px;
}
                                      
img.fl-r
{float:right;
width:150px;
margin-left:20px;
}

img, iframe
{border:5px solid #e7e7e7;
}

img.leiste /* Für Bilder in Leistenform ohne Bildtitel unter den Thumbs*/
{margin-right:-10px;
margin-top:-10px;

}

img.leiste-fr /* Für erste Zeile von Bildern in Leistenform */
{margin-right:-10px;
margin-top:20px;}

img.noborder
{border:none;
margin:20px 40px 0 0;
padding:0;}

#philosophie img.phil, #kundennutzen img.nutz
{border:none;
width:200px;
margin-top:-30px;
margin-right:-20px;
margin-bottom:20px;}

#referenzen img.ref
{border:none;
width:200px;
margin-top:-40px;
margin-right:-20px;
}

/******* Bildergallerie als Leiste mit Titeln unter den Thumbs *******/
.bildmittitel
{float:left;
width:119px;
margin:10px 17px 0 0px;
padding:0;}

.bildmittitel a img
{margin:0px 0px 3x 0;
padding:0;
border:5px solid #e7e7e7;

}


p.untertitel
{font-size:0.85em;
line-height: 1.2em;
padding: 0 5px;
margin:0;
color:#2b647f;}



.portfolio
{width:750px;}



/***************** Kontakt Ansprechpartner *****/
div.ansprechpartner{position:relative;height:240px;}

.ansprechpartner img
{width:140px;
margin: 0px 0px 0px 0;}

.ansprechpartner p
{position:absolute;
bottom:25px;
left:170px;}









/***************** Maschinen *******************/
body#maschinen  .beschreibung,
body#maschinenzerspanung  .beschreibung,
body#maschinenschlosserei  .beschreibung,
body#maschinencad  .beschreibung
{float:left;
width:320px;
margin-bottom:20px;}

body#maschinen  .beschreibung li,
body#maschinenzerspanung  .beschreibung li,
body#maschinenschlosserei  .beschreibung li,
body#maschinencad .beschreibung li
{padding:1px 0;}

body#maschinen img.fl-l,
body#maschinenzerspanung img.fl-l,
body#maschinenschlosserei img.fl-l,
body#maschinencad img.fl-l
{float:left;
width:270px;
margin-right:20px;
margin-bottom:30px;
}

body#maschinen #content #middle ul,
body#maschinenzerspanung #content #middle ul,
body#maschinenschlosserei #content #middle ul,
body#maschinencad #content #middle ul
{margin-left:15px;
}

/*** blendet in der Übersicht weitere Galeriebilder auf der Maschinenseite aus  - in Galerie ist Bild sichtbar**/
body#maschinen img.unsichtbar,
body#maschinenzerspanung img.unsichtbar,
body#maschinenschlosserei img.unsichtbar,
body#maschinencad img.unsichtbar,
body#schweisskonstruktionen img.unsichtbar,
body#zerspanungstechnik img.unsichtbar,
body#ausbildung img.unsichtbar
{display:none;}




/**************** Firmengeschichte *****************/
#historie #content #middle ul {
margin-left:0;
padding-left:0;
margin-bottom:25px;
}

#historie #content #middle ul li
{list-style-type:none;
font-weight:bold;
color:#2c647f;
font-size:1.2em;
padding:0px 0;
}

#historie #content #middle ul li ul li
{list-style-type:disc;
margin-left:25px;
font-weight:normal;
color:#464646;
font-size:0.9em;
padding:0;}


.box {
float:left;
width: 26%;
height:140px;
padding: 10px;
font-size: 90%;

margin-bottom:20px;
margin-left:0px;
margin-right:12px;
}

.whitebordered {
      background: #e7e7e7;
      border: 4px solid #fff;
      box-shadow: 0 0 1px rgba(0,0,0, .4);
  
    }
    
    img.button_historie
    {position:absolute;
    top:35px;
    right:-20px;
    border:none;
    width:200px;}
    
/******************* Leistungen: Leistungsliste mit icons *****/
    
body.subleistungen #middle ul.miticons
{margin-left:0;
padding-left:0;}   
    
 li.schweissicon
 {padding-left:50px;
 margin:0;
 background: transparent url(../img/icon_schweisskonstruktionen_32.png) 0 75% no-repeat;
 list-style:none;
 padding:10px 0 0px 50px;
 }
 
 li.zerspanicon
 {padding-left:50px;
 margin:0;
 background: transparent url(../img/icon_zerspanungstechnik_32.png) 0 bottom no-repeat;
 list-style:none;
 padding:16px 0 20px 50px;
 }
 
  li.schlossereiicon
 {padding-left:50px;
 margin:0;
 background: transparent url(../img/icon_schlosserei_32n.png) 0 bottom  no-repeat;
 list-style:none;
 padding:20px 0 20px 50px;
 }
 
 li.montageicon
 {padding-left:50px;
 margin:0;
 background: transparent url(../img/icon_montage_32.png) 0 bottom no-repeat;
 list-style:none;
 padding:20px 0 20px 50px;
 }
 
  li.messicon
 {padding-left:50px;
 margin:0;
 background: transparent url(../img/icon_messtechnik_32.png) 0 bottom no-repeat;
 list-style:none;
 padding:20px 0 20px 50px;
 }
 
 #middle ul li
 {font-size:0.9em;}   
 
body#produktionsstaetten #middle ul
{list-style-type:none;}

/*********************** Karriere *********************/

img.margin_left
{margin:0 0 0 8px;
}

img.nomargin
{margin:0;
}

#pdfreader
{margin-top:30px;
margin-bottom:0;}
    
	
/** Cookie Consent *****/        
                #bs-gdpr-cookies-modal {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 1rem;
  font-weight: 400;
}
 
#bs-gdpr-cookies-modal-title.modal-title {
                color: #222;
}
 
#bs-gdpr-cookies-modal-message {
                color: #222;
                line-height: 24px !important;
}
#bs-gdpr-cookies-modal-advanced-types p {
                color: #222;
                padding-left: 7px !important;
}
 
#bs-gdpr-cookies-modal-message a {
                text-decoration: none;
}
 
#bs-gdpr-cookies-modal-message a:hover {
                text-decoration: underline;
}
 
#bs-gdpr-cookies-modal-advanced-btn.btn.btn-secondary {
               /* display: none;*/
			    background: transparent;
                border: 1px solid #c0c0c0;
                padding: 10px;
                color: #222;
                border-radius: 10px;
                opacity: 1;
				margin-top: 0px;
				
}
 
#bs-gdpr-cookies-modal-accept-btn.btn.btn-primary {
                background: #329A3E;
                border: 1px solid #628217;
                padding: 10px;
                color: #fff;
                border-radius: 10px;
                opacity: 1;
				text-transform: none;
}
#bs-gdpr-cookies-modal-accept-btn.btn.btn-primary:hover {
                cursor: pointer;
                opacity: .8;
}
 
.dpopup .container {
width: 60%;
margin: 0 auto;
}
 
.dpopup .btn-primary {
background: #92c222;
border: 1px solid #74B4EC;
text-transform: none;
/*font-weight: bold;*/
font-size: 16px;
opacity: .8;
}
 
.dpopup .btn-primary:hover {
opacity: .7;
}
 
.dpopup .btn-secondary {
border: 1px solid #CFCFCF;
font-size: 16px;
color: #757575;
}
 
.dpopup .btn-secondary:hover {
opacity: .7;
cursor: pointer;
}
 
.dpopup h5 {
display: none;
}
 
.modal-footer ul {
float: left;
list-style: none;
margin: 0;
padding: 0;
}
 
.modal-footer ul li {
float: left;
margin-left: 0;
margin-right: 20px;
}
 
.modal-footer ul li a {
text-decoration: underline;
color: #333;
}
 
.modal-footer ul li a:hover {
text-decoration: none;
color: #999;
}
 
#bs-gdpr-cookies-modal-message {
font-size: 16px; 
}
 
#bs-gdpr-cookies-modal-more-link {
                color: #555;
                font-size: 16px; 
                text-decoration: underline !important;
}
 
#bs-gdpr-cookies-modal-more-link:hover {
                text-decoration: none !important;
                color: #999;
}
 
#bs-gdpr-cookies-modal .modal-dialog {
width: 100%;
bottom: 10px !important;
position: fixed;
bottom: 0;
}
 
#bs-gdpr-cookies-modal-advanced-types {
display: block !important;
}
 
.modal-dialog-centered {
bottom: 0 !important;
position: fixed;
}
 
.modal-content {
z-index: 9999;
width: 100%;
background: #f5f5f5;
position: fixed !important;
bottom: 0;
border: none;
}
 
#bs-gdpr-cookies-modal-advanced-types ul {
list-style: none !important;
}
 
#bs-gdpr-cookies-modal-advanced-types li {
list-style: none !important;
}
 
#bs-gdpr-cookies-modal-advanced-types li label {
font-size: 16px;
color: #333 !important;
margin-left: 7px;
width: 90%;
}
 
#bs-gdpr-cookies-modal-advanced-types li label:hover {
                color: #999 !important;
}
 
#bs-gdpr-cookies-modal-advanced-types li p {
font-size: 14px;
margin-left: 24px;
clear: both;
}
 
#bs-gdpr-cookies-modal-advanced-types li input {
                float: left;
                width: 20px;
                margin-top: 5px;
}
 
/** Cookie Consent /*****/