@charset "utf-8";

/* CSS Document */

	
* {
   margin:0;
   padding:0;
}

body,
html {
   height:100%;
   margin:0 0 0 0;
   padding:0 0 0 0;
   background:#ececec;
}

body {
	background:url(../images/bg-head.jpg) repeat-x;
    }

p {
   font-family:"trebuchet MS", verdana, arial, helvetica, sans-serif;
   font-size:13px;
   line-height:18px;
   margin-bottom:18px;
}

a img {
   border:none;
}

a:link,
a:visited {
   color: #218ce9;
   text-decoration: underline;
}

a:hover {
   color: #000;
   text-decoration:underline;
}

h2 {
   font:14px/21px Arial, Helvetica, sans-serif;
   margin-bottom:21px;
   color:#218ce9;
   font-weight:bold;
   margin-bottom:10px;
}

h1.start {
   background:ddd;
   width:417px;
   height:48px;
   text-indent:-999999px;
   margin:15px 0 20px -19px;
}

/* ----------------------------------------------------- wrapper ----------------------------------------------------- */
div#wrapper {
   min-height:100%;  /*hierdurch + die 100% Angabe im Body/Html nimmt der wrapper 100% des Browserfensters in der Höhe ein*/
   width:955px;
   margin:0 auto;
}

* html #wrapper {
   height:100%;
}

/* ----------------------------------------------------- head ----------------------------------------------------- */

#head {
   position:relative;
   width:955px;
   height:156px;
   padding:0 0 0 0;
   background:url(../images/head.jpg);
}

#head2 {
   position:relative;
   width:955px;
   height:284px;
   padding:0 0 0 0;
   background:url(../images/head2.jpg);
}

#newsletterBox {
   height:147px;
   left:368px;
   position:absolute;
   top:38px;
   width:321px;
}

#kontaktbox {
   left:368px;
   position:absolute;
   top:38px;
   width:321px;
}

#headAdresse {
	position:absolute;
    top:29px;
    left:716px;
    font-family:"trebuchet MS", verdana, arial, helvetica, sans-serif;
    font-size:13px;
    line-height:18px;
    color:#FFFFFF;
}

/* ----------------------------------------------------- main----------------------------------------------------- */

#content {
   width:855px;
   margin:0 0 0 0;
   padding:47px 0 0 53px;
   min-height:35px;
}

#col_left {
   float:left;
   width:284px;
}

#col_right {
   float:left;
   width:284px;
   margin-left:40px;
}

#col_img {
   position:absolute;
   top:312px;
   left:700px;
   width:217px;
   background:#DEDEDE;
   padding:28px 7px 0 7px;
}

.striche {
   background:url(../images/striche.jpg);
   width:301px;
   height:13px;
   margin:-5px 0 5px;
}

.grau {
   background:#DEDEDE;
   margin-left:-16px;
   padding:10px;
   width:637px;
}

.clear {
   float:none;
   clear:both;
}

/*- Main Navi --------------------------- */





div#navi {
   height:190px;
   left:38px;
   position:absolute;
   top:37px;
   width:190px;
}

div#navi ul {
   list-style:none;
   margin:0 0 0 0;
   padding:0 0 0 0;
   text-indent:-99999px;
   overflow:hidden;
   width:190px;
   height:190px;
}

div#navi ul li {
   display:block;
   text-align: left;
}

a.produktion {
   display:block;
   width:178px;
   height:34px;
   background:none;
   font-weight: normal;
   padding:0 0 0 0;
   margin-left:7px;
}

a.produktion:hover,
a.produktion:active {
   display:block;
   width:178px;
   height:34px;
   padding:0 0 0 0;
   background:url(../images/navi/produktion.jpg);
   margin-left:7px;
}

a.repservice {
   display:block;
   width:178px;
   height:40px;
   background:none;
   font-weight: normal;
   padding:0 0 0 0;
   margin-left:7px;
}

a.repservice:hover,
a.repservice:active {
   display:block;
   width:174px;
   height:40px;
   padding:0 0 0 0;
   background:url(../images/navi/reperaturservice.jpg);
   margin-left:7px;
}

a.laser {
   display:block;
   width:178px;
   height:54px;
   background:none;
   font-weight: normal;
   padding:0 0 0 0;
   margin-left:7px;
}

a.laser:hover,
a.laser:active {
   display:block;
   width:174px;
   height:54px;
   padding:0 0 0 0;
   background:url(../images/navi/laserschweissen.jpg);
   margin-left:7px;
}

a.leistungen {
   display:block;
   width:190px;
   height:32px;
   background:none;
   margin:0 0 24px;
   font-weight: normal;
   padding:0 0 0 0;
}

a.leistungen:hover,
a.leistungen:active {
   display:block;
   width:190px;
   height:32px;
   margin:0 0 24px;
   padding:0 0 0 0;
   background:url(../images/navi/leistungen.jpg)
}


/* Listen */

ul.liste  {
    margin:20px 0 20px 20px;
    }

ul.liste li {
    margin:0 0 7px 0;
    font-family:"trebuchet MS", verdana, arial, helvetica, sans-serif;
    font-size:13px;
    line-height:18px;
    }
    
/* Bilder */

.img_border {
	border:1px solid #000;
    padding:3px;
    background:#ECECEC;
    margin:0 10px 10px 0;
    }

/*- Main Navi Rechts --------------------------- */





div#navi_rechts {
   height:225px;
   left:700px;
   position:absolute;
   top:37px;
   width:225px;
}

div#navi_rechts ul {
   list-style:none;
   margin:0 0 0 0;
   padding:0 0 0 0;
   text-indent:-99999px;
   overflow:hidden;
   width:225px;
   height:225px;
}

div#navi_rechts ul li {
   display:block;
   text-align: left;
}

a.katalog {
   display:block;
   width:225px;
   height:34px;
   background:none;
   font-weight: normal;
   padding:0 0 0 0;
}

a.katalog:hover,
a.katalog:active {
   display:block;
   width:225px;
   height:32px;
   padding:0 0 0 0;
   background:url(../images/navi/katalog.jpg);
}

a.unternehmen {
   display:block;
   width:225px;
   height:34px;
   background:none;
   font-weight: normal;
   padding:0 0 0 0;
   margin-bottom:-2px;
   margin-top:4px;
}

a.unternehmen:hover,
a.unternehmen:active {
   display:block;
   width:225px;
   height:32px;
   padding:0 0 0 0;
   background:url(../images/navi/unternehmen.jpg);
   margin-top:4px;
}

a.start {
   display:block;
   width:255px;
   height:40px;
   background:none;
   font-weight: normal;
   padding:0 0 0 0;
   margin-top:-2px;
}

a.start:hover,
a.start:active {
   display:block;
   width:225px;
   height:40px;
   padding:0 0 0 0;
   background:url(../images/navi/start.jpg);
   margin-top:-2px;
}

a.kontakt {
   display:block;
   width:255px;
   height:38px;
   background:none;
   font-weight: normal;
   padding:0 0 0 0;
}

a.kontakt:hover,
a.kontakt:active {
   display:block;
   width:225px;
   height:38px;
   padding:0 0 0 0;
   background:url(../images/navi/kontakt.jpg);
}

a.anfahrt {
   display:block;
   width:255px;
   height:37px;
   background:none;
   font-weight: normal;
   padding:0 0 0 0;
}

a.anfahrt:hover,
a.anfahrt:active {
   display:block;
   width:225px;
   height:37px;
   padding:0 0 0 0;
   background:url(../images/navi/anfahrt.jpg);
}

a.impressum {
   display:block;
   width:255px;
   height:40px;
   background:none;
   font-weight: normal;
   padding:0 0 0 0;
}

a.impressum:hover,
a.impressum:active {
   display:block;
   width:225px;
   height:40px;
   padding:0 0 0 0;
   background:url(../images/navi/impressum.jpg);
}