/* ----------------------------------------------
   FULL BG   // muss als erstes stehen
------------------------------------------------- */
 img.bg {
  /* Set rules to fill background */
  min-height: 100%;
  min-width: 1024px;

  /* Set up proportionate scaling */
  width: 100%;
  height: auto;

  /* Set up positioning */
  position: fixed;
  top: 0;
  left: 0;

  z-index: -1;
}

@media screen and (max-width: 1024px) { /* Specific to this particular image */
  img.bg {
    left: 50%;
    margin-left: -512px;   /* 50% */
  }
}




/* ----------------------------------------------
   BOX MODELING
------------------------------------------------- */

html {
  width: 100%;
  height:100%;

  font-family: Open Sans, Arial, Helvetica;
  font-size: 1.2em;
}

body {
  width: 100%;
  height:100%;

  margin: 0 auto;
  text-align: center;
}


#wrapper {
  width: 900px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;

  /*
  border: solid 1px green;
  max-width: 900px;
  */
}


#header {
   background-color: #fff;
   height: 90px;
   width: 900px;
   float:left;
   /*
   float: left;
   border: solid 1px yellow;
   */
}

#content {
   color: #fff;
   width: 900px;
   float:left;
   text-align: left;
   font-size: 0.7em;
   text-shadow: 1px 2px #606060;
   /*
   border: solid 1px blue;
   background-color: #b5b5b5;
   */
}

#footer {
  background-image: url('http://schweiss-online.de/packages/theme_slate/themes/slate//images/bg50.png');
  width: 900px;
  height: 160px;
  float:left;

  font-size: 0.7em;
  text-align: left;
  /*
   border: solid 1px red;
   background-color: #fff;
  */
}


/* ----------------------------------------------
   ALLGEMEIN
------------------------------------------------- */

a {
  color: #014985;
  text-decoration:none;
  }

a:hover {
  color: #3e3e3e;
}

.active {
  color: #3e3e3e;
}


/* content links */
.row_1_3 a {
 color: #ffb745;
}

.row_2_3 a {
 color: #ffb745;
}



em {
 font-size: 0.6em;
}

.img-ref {
  margin-top: 40px;
}

.portrait {
 float:left;
}


h2  {
 /*
 padding-top: 50px;
 */
}

/* ----------------------------------------------
   ROWS & SEITENAUFTEILUNG // Formatierung
------------------------------------------------- */

.row_1_3 {
  width: 280px; /* 300 px = 280 + 2x 10 */
  padding: 10px;
  float: left;
  /*
  border: solid 1px red;
  */
}


.row_2_3 {
  width: 580px; /* 600 px = 580 + 2x 10 */
  padding: 10px;
  float: left;
}


/* NAV bgs */
.home {
  background-color: #fff;
  height: 70px;
  padding-top: 20px;
}

.home:hover {
  -webkit-transform:scale(1.1);
  transform:scale(1.1);
}

.referenzen {
  background-color: #00d5ee;
  height: 60px;
  padding-top: 30px;
}

.referenzen:hover {
  -webkit-transform:scale(1.1);
  transform:scale(1.1);
}

.kontakt {
  background-color: #00eec4;
  height: 60px;
  padding-top: 30px;
}

.kontakt:hover {
  -webkit-transform:scale(1.1);
  transform:scale(1.1);
}

/* Content aktiva border top */

.con-home {
  border-top: solid 10px #fff;
}

.con-referenzen {
  border-top: solid 10px #00d5ee;
}

.con-kontakt {
  border-top: solid 10px #00eec4;
}