/*////////////////////// general //////////////////////*/

* {
	 border:none;
	 outline:none;
	 padding:0;
	 margin:0;
}

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:20px;
	color:#868789;
	background:#333333;
}

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

p {
	margin-bottom:20px;
}


div#content-container img.pic {
	padding:2px;
	border:1px solid #37749b;
	margin-bottom:20px;
	float:left;
	margin-left:5px;
}

/*////////////////////// headlines //////////////////////*/

h1.branding a {
	width: 339px;
	height: 177px;
	margin: 27px 0 0 22px ;
	display: block;
	position: absolute;
	text-indent:-1000000px;
}

h2 {
  color:#868789;
  font-size:18px;
  position:absolute;
  margin: 243px 0 0 421px ;
}


h3 {
  color:#e2011a;
  font-size:14px;
  margin-top:10px;
  margin-bottom:10px; 
  }

h4 {  
  color:#87888a;
  font-size:18px;
  margin: 0 0 25px 0 ;
}


/*////////////////////// links //////////////////////*/

div#container-main a {
	color:#e2011a;
	text-decoration:underline;
	}

div#container-main a:hover {
	text-decoration:none;
	}

/*////////////////////// layout //////////////////////*/

div#container-main {
  width:978px; 
  height:610px; 
  margin:-305px 0px 0px -489px;
  background:url(../images/bg-main.jpg);
  top: 50%;
  left: 50%;
  position:absolute;
  }

div#container-content {
  width:450px;
  height:322px;
  position:absolute;
  margin: 271px 0 0 421px ;
  overflow-y:auto;
  padding-right:98px;
  padding-bottom:8px;
  }

div#footer {
  width:960px;
  height:143px;
  background:url(../images/bg-footer.jpg)
  }

/*////////////////////// main navi //////////////////////*/

div#container-main ul#main-navi {
  width:133px;
  height:239px;
  float:left;
  position:absolute;
  margin: 243px 0 0 84px ;
  }

div#container-main ul#main-navi li {
  list-style:none;
  text-indent:-100000px;
  display:block;
  margin-top:8px;
  padding-bottom:18px;
  _margin: 0 0 2px 0 ;
  _padding: 0 0 15px 0 ;
  *margin: 0 0 2px 0 ;
  *padding: 0 0 15px 0 ;
  } 

div#container-main ul#main-navi li a {
  width:133px;
  height:11px;
  display:block;
  }
  
div#container-main ul#main-navi li#objektdesign-und-sonderanfertigungen {
  margin-top:-3px;
  _margin: 0 0 2px 0 ;
  _padding: 0 0 15px 0 ;
  *margin: 0 0 2px 0 ;
  *padding: 0 0 15px 0 ;
  }
  
div#container-main ul#main-navi li#grafik {
  margin-top:7px;
  _margin: 0 0 2px 0 ;
  _padding: 0 0 15px 0 ;
  *margin: 0 0 2px 0 ;
  *padding: 0 0 15px 0 ;
  }
  
div#container-main ul#main-navi li#impressum {
  margin-top:6px;
   _margin: 0 0 2px 0 ;
  _padding: 0 0 15px 0 ;
  *margin: 0 0 2px 0 ;
  *padding: 0 0 15px 0 ;
  }

div#container-main ul#main-navi li a#navi-objektdesign-und-sonderanfertigungen { height:35px; } 
div#container-main ul#main-navi li a#navi-beschriftung { margin-bottom:10px }


div#container-main ul#main-navi li a:hover#navi-startseite { background:url(../images/bg-hover-navi.jpg) no-repeat 0 0 }
div#container-main ul#main-navi li a:hover#navi-firma { background:url(../images/bg-hover-navi.jpg) 0 -26px }
div#container-main ul#main-navi li a:hover#navi-druckverfahren { background:url(../images/bg-hover-navi.jpg) 0 -52px }
div#container-main ul#main-navi li a:hover#navi-cnc-fraesen { background:url(../images/bg-hover-navi.jpg) 0 -78px }
div#container-main ul#main-navi li a:hover#navi-werbeanlagen { background:url(../images/bg-hover-navi.jpg) 0 -104px }
div#container-main ul#main-navi li a:hover#navi-objektdesign-und-sonderanfertigungen { background:url(../images/bg-hover-navi.jpg) 0 -130px;}
div#container-main ul#main-navi li a:hover#navi-grafik { background:url(../images/bg-hover-navi.jpg) 0 -180px }
div#container-main ul#main-navi li a:hover#navi-beschriftung { background:url(../images/bg-hover-navi.jpg) 0 -206px }
div#container-main ul#main-navi li a:hover#navi-impressum { background:url(../images/bg-hover-navi.jpg) no-repeat 0 -227px }

div#container-main ul#main-navi li a#navi-startseite-aktiv { margin-top:-8px; background:url(../images/bg-hover-navi.jpg) no-repeat 0 0 }
div#container-main ul#main-navi li a#navi-firma-aktiv { margin-top:-11px; background:url(../images/bg-hover-navi.jpg) 0 -26px }
div#container-main ul#main-navi li a#navi-druckverfahren-aktiv { margin-top:-11px; background:url(../images/bg-hover-navi.jpg) 0 -52px }
div#container-main ul#main-navi li a#navi-cnc-fraesen-aktiv {  margin-top:-11px; background:url(../images/bg-hover-navi.jpg) 0 -78px }
div#container-main ul#main-navi li a#navi-werbeanlagen-aktiv {  margin-top:-11px;  background:url(../images/bg-hover-navi.jpg) 0 -104px }
div#container-main ul#main-navi li a#navi-objektdesign-und-sonderanfertigungen-aktiv {  margin-top:-2px; height:35px;   background:url(../images/bg-hover-navi.jpg) 0 -130px }
div#container-main ul#main-navi li a#navi-grafik-aktiv {   margin-top:-10px; background:url(../images/bg-hover-navi.jpg) 0 -180px }
div#container-main ul#main-navi li a#navi-beschriftung-aktiv {  margin-top:-11px; margin-bottom:10px; background:url(../images/bg-hover-navi.jpg) 0 -206px }
div#container-main ul#main-navi li a#navi-impressum-aktiv { background:url(../images/bg-hover-navi.jpg) no-repeat 0 -227px }

/*IE6*/
* html div#container-main ul#main-navi li a#navi-startseite { margin-top:-0px; }
* html div#container-main ul#main-navi li a#navi-firma { margin-top:-11px; }
* html div#container-main ul#main-navi li a#navi-druckverfahren { margin-top:-11px; }
* html div#container-main ul#main-navi li a#navi-cnc-fraesen { margin-top:-11px; }
* html div#container-main ul#main-navi li a#navi-werbeanlagen { margin-top:-11px; }
* html div#container-main ul#main-navi li a#navi-objektdesign-und-sonderanfertigungen { margin-top:-11px; }
* html div#container-main ul#main-navi li a#navi-grafik { margin-top:-2px; }
* html div#container-main ul#main-navi li a#navi-beschriftung { margin-top:-11px; }
* html div#container-main ul#main-navi li a#navi-impressum { margin-top:-16px;}

* html div#container-main ul#main-navi li a#navi-startseite-aktiv { margin-top:-0px; }
* html div#container-main ul#main-navi li a#navi-firma-aktiv { margin-top:-11px; }
* html div#container-main ul#main-navi li a#navi-druckverfahren-aktiv { margin-top:-11px; }
* html div#container-main ul#main-navi li a#navi-cnc-fraesen-aktiv { margin-top:-11px; }
* html div#container-main ul#main-navi li a#navi-werbeanlagen-aktiv { margin-top:-11px; }
* html div#container-main ul#main-navi li a#navi-objektdesign-und-sonderanfertigungen-aktiv { margin-top:-11px; }
* html div#container-main ul#main-navi li a#navi-grafik-aktiv { margin-top:-2px; }
* html div#container-main ul#main-navi li a#navi-beschriftung-aktiv { margin-top:-11px; }
* html div#container-main ul#main-navi li a#navi-impressum-aktiv { margin-top:-16px;}

/*IE7*/
* div#container-main ul#main-navi li a#navi-startseite { margin-top:-8px; }
* div#container-main ul#main-navi li a#navi-firma { margin-top:-11px; }
* div#container-main ul#main-navi li a#navi-druckverfahren { margin-top:-11px; }
* div#container-main ul#main-navi li a#navi-cnc-fraesen { margin-top:-11px; }
* div#container-main ul#main-navi li a#navi-werbeanlagen { margin-top:-11px; }
* div#container-main ul#main-navi li a#navi-objektdesign-und-sonderanfertigungen { margin-top:-3px; }
* div#container-main ul#main-navi li a#navi-grafik { margin-top:-10px; }
* div#container-main ul#main-navi li a#navi-beschriftung { margin-top:-11px; }
* div#container-main ul#main-navi li a#navi-impressum { margin-top:-24px;}

/*////////////////////// add navi //////////////////////*/

div#container-impressum ul li {
  list-style:none;
  float:left;
  margin: 0 2px 0 2px ;
  }


/*////////////////////// content //////////////////////*/


/*////////////////////// miscellaneous //////////////////////*/

div#google-maps {
  width:440px;
  height:230; 
  border:1px solid #e2011a;
  padding:3px;
  }

div#container-impressum {
  position:absolute;
  margin: 535px 0 0 88px ;
  width:200px;
  height:50px;
  }
  
/*////////////////////// easy slider //////////////////////*/
  
#slider{ 
  position:absolute;
  margin: 107px 0 0 415px ;
  width:490px;
  height:63px;  
  overflow:hidden;  

  }
  
#slider img {

} 
  
#slider ul, #slider li{
  margin:0;
  padding:0;
  list-style:none;
}

#slider li{ 
  width:490px;
  height:63px;
}	

#prevBtn, #nextBtn{ 
  width:10px;
  height:10px;
  position:absolute;
  left:426px;
  top:158px;
  /*display:none;*/
}	

#nextBtn{ 
  left:867px;
}		
												
#prevBtn a, #nextBtn a{  
  display:block;
  width:10px;
  height:10px;
  text-indent:-10000px;
background:url(../images/btn_prev.jpg) no-repeat 0 0;	
}	

#nextBtn a{ 
background:url(../images/btn_next.jpg) no-repeat 0 0;	
}	

#slider img {
  margin: 0 9px 0 9px ;
  border:2px solid #cccccc;
  }						
