/* Allgemeines */



* {

  margin: 0;

  padding: 0;

}



p {

  margin: 0px;

  margin-bottom: 10px;

}



p.error { color: #ac0a0a;}



h1 {

  font-size: 1.4em;

  font-weight: normal;

  margin: 0px;

  color: #fff;

  list-style-type: none;

  padding: 23px 0px 0px 15px;

  display:block;

}



body {

  color:#666;

  padding: 0;

  font-family: Tahoma, Verdana, Helvetica, sans-serif;

  font-size: 0.8em;

  font-weight:normal;

  background-color: #fff;

  text-align:center;

}





/* Layout */



#container {

  margin:auto;

  width:900px;

  margin-top: 30px;

  height: 544px;

  background-image:url(../images/layout/druckerie-verlauf.jpg);

  background-repeat:repeat-x;

  text-align:left;

  border:#d0d0d0 solid 1px;

  position:relative;

}



#gitter {

  background-image:url(../images/layout/druckerei-gitter.gif);

  width:900px;

  height: 544px;

}



#header {

  height: 184px;

  margin: 0px;

}



#navi {

  padding: 68px 0px 0px 25px;

  margin: 0px; 

  width: 125px;

  height: 290px;

  float:left;

  background-image:url(../images/layout/druckerei-balken_l.gif);

  background-repeat:no-repeat;

  background-position:left top; 

}



#content {

  margin: 0px;

  width: 680px;

  float:left;

}



#rechts {

  margin: 0px;

  height: 350px;

  background-image:url(../images/layout/druckerei-balken_r.gif);

  background-repeat:no-repeat;

  background-position:right top;  

}





/* Kopf */

#kontakt {

  width: 700px;

  height: 60px;

  font-size: 0.9em;

  background-image:url(../images/layout/druckerei-kopf.jpg);

  background-repeat:no-repeat;

  margin: 0px 0px 0px 150px;

  padding: 5px 0px 0px 0px;

}



#kontakt li {

  list-style-type:none;

  float:right;

  margin-right: 40px;

  border-left: 5px solid #f49e00;

  padding-left: 10px;

}



#kontakt li a {

color:#666;

text-decoration:none;

}



#kontakt li a:hover {

color:#f49e00;

text-decoration:none;

}





#logo {

  height:105px;

  margin: 2px 0px 0px 150px;

}


#auflage  { 

position: absolute; 
left: 542px;
top: 55px; }



#kontakt .bold_orange  {

color: #f49e00;

font-weight:bold;

}





/* Navigation */



#navi ul {

  display:block;

  list-style-type:none;

  

}



#navi li {

  margin-bottom: 15px;

  color: #f49e00;

  text-decoration: none;

  font-weight:bold;



}



#navi li a {

  font-weight:normal;

  color:#666;

  text-decoration:none;

  border-left: 5px solid #f49e00;

  padding-left: 10px;

}



#navi li a:hover {

  font-weight:normal;

  color:#666;

  text-decoration:none;

  border-left: 5px solid #fff;

  padding-left: 10px;

}



#navi .aktiv {

  border-left: 5px solid #fff;

  padding-left: 10px;

}





/* 1 grosse box und 1 kleine */



#gbox {

  width: 506px;

  height: 325px;

  float:left;

}



#gbox_kopf {

  width: 506px;

  height: 40px;

}



#gbox_hl {

  width: 506px;

  height: 80px;

  background-image:url(../images/layout/druckerei-gbox_hl.gif);

  background-repeat: repeat-y;

}



#gbox_text_bg {

  width: 506px;

  height: 190px;

  background-image:url(../images/layout/druckerei-gbox_text.gif);

  background-repeat: repeat-y;

}



#gbox_text {

  height: 180px;

  line-height: 150%;

  overflow:auto;

  margin: 0px 10px 0px 15px;

  padding: 10px 20px 0px 0px;

}



#gbox_text h2 {

line-height: 150%;

font-size: 1.0em;

font-weight: bold;

padding: 0px;

margin: 0px;

color: #f49e00;

list-style-type: none;

}



#gbox_text a {

  color: #f49e00;

  font-weight:bold;

  text-decoration:none;

  line-height: 150%;

}



#gbox_text a:hover {

  color: #666;

  font-weight:bold;

  text-decoration:none;

  line-height: 150%;

}



#gbox_fuss {

  width: 506px;

  height: 15px;

  background-image:url(../images/layout/druckerei-gbox_fuss.gif);

  background-repeat:no-repeat;

}





/* 4 boxen */



#kbox1 {

width: 160px;

height: 325px;

margin-left: 0px;

float:left;

}



#kbox2 {

width: 160px;

height: 325px;

margin-left: 13px;

float:left;

}



#kbox3 {

width: 160px;

height: 325px;

margin-left: 13px;

float:left;

}



#kbox4 {

width: 160px;

height: 325px;

margin-left: 13px;

float:left;

}



#kbox_kopf {

width: 160px;

height: 40px;

}



#kbox_hl {

width: 160px;

height: 80px;

background-image: url(../images/layout/druckerei-kbox_hl.gif);

background-repeat:repeat-y;

}



#kbox_content_bg {

width: 100%;

height: 190px;

background-image: url(../images/layout/druckerei-kbox_text.gif);

background-repeat:repeat-y;

}



#kbox_content_obg {

width: 100%;

height: 190px;

background-image: url(../images/layout/druckerei-kbox_o_text.gif);

background-repeat:repeat-y;

border-top:#d0d0d0 solid 1px;

color:#FFFFFF;

}



#kbox_content {

line-height: 150%;

overflow:auto;

margin: 0;

padding: 10px 0px 0px 0px;

}



#kbox_content h2 {

line-height: 150%;

font-size: 1.0em;

font-weight: bold;

padding: 0px 15px 0px 15px;

margin: 0px;

color: #f49e00;

list-style-type: none;

}



#kbox_content a {

  color: #f49e00;

  font-weight:bold;

  text-decoration:none;

  line-height: 150%;

}



#kbox_content a:hover {

  color: #666;

  font-weight:bold;

  text-decoration:none;

  line-height: 150%;

}



#kbox_content p { 

margin: 0px 15px 3px 15px;

}



.icon	 { list-style: url("../images/druckerei-li.jpg"); margin: 0 0 0 10px; padding: 6px 10px 0 16px; line-height: 18px;}

.icon li { padding-bottom: 4px; }



#kbox_fuss {

width: 160px;

height: 15px;

background-image:url(../images/layout/druckerei-kbox_fuss.gif);

background-repeat:no-repeat;

}



#kbox_o_fuss {

width: 160px;

height: 15px;

background-image:url(../images/layout/druckerei-kbox_o_fuss.gif);

background-repeat:no-repeat;

}





/* ebenen - leistungen*/



#kbox_hl_layer {

  	position:absolute;

	width:160px;

	height:80px;

	z-index:1;

}



#druckvorstufe {

	position:absolute;

	width:160px;

	height:205px;

	z-index:1;

}



#offsetdruck {

	position:absolute;

	width:160px;

	height:205px;

	z-index:2;

}



#digitaldruck {

	position:absolute;

	width:160px;

	height:205px;

	z-index:3;

}



#weiterverarbeitung {

	position:absolute;

	width:160px;

	height:205px;

	z-index:4;

}





/* Formular */



#formular {

width:440px;

padding: 0;

margin: 0;

float:left;

}



#formular_f {

width: 140px;

margin: 0px 5px 0px 0px;

padding: 0;

float:left;

}



#formular_f p {

margin: 0px 0px 20px 0px;

padding: 0;

}



#formular_t {

width: 410px;

margin: 0;

padding: 0;

}



.eingabefelder {

font-family: Tahoma, Verdana, Helvetica, sans-serif;

font-weight:normal;

width: 110px;

color:#666;

font-size: 1.0em;

background-image: url(../images/layout/druckerei-eingabefeld.gif);

background-repeat:no-repeat;

border: 0px solid #fff;

padding: 2px 5px 5px 5px;

}



.liste {

font-family: Tahoma, Verdana, Helvetica, sans-serif;

font-weight:normal;

width: 120px;

color:#666;

font-size: 1.0em;

background-image: url(../images/layout/druckerei-eingabefeld_liste.gif);

background-repeat:no-repeat;

border: 0px solid #fff;

padding: 2px 0px 5px 5px;

}



.liste_klein {

font-family: Tahoma, Verdana, Helvetica, sans-serif;

font-weight:normal;

width: 53px;

color:#666;

font-size: 1.0em;

background-image: url(../images/layout/druckerei-eingabefeld_liste.gif);

background-repeat:no-repeat;

border: 0px solid #fff;

padding: 2px 0px 5px 5px;

}



.eingabefeld {

font-family: Tahoma, Verdana, Helvetica, sans-serif;

font-weight:normal;

width: 400px;

height: 120px;

color:#666;

font-size: 1.0em;

background-image: url(../images/layout/druckerei-eingabefeld1.gif);

background-repeat:no-repeat;

border: 0px solid #fff;

padding: 2px 15px 5px 5px;

}



.schaltflaeche {

font-family: Tahoma, Verdana, Helvetica, sans-serif;

font-size: 1.0em;

font-weight:normal;

width: 120px;

height: 20px;

padding: 2px 0px 3px 0px;

color:#fff;

background-image: url(../images/layout/druckerei-button.gif);

background-repeat:no-repeat;

border: 0px solid #fff;

}