/* CSS Definitionen für Homepage KS Biegetechnik GmbH */
/*  ... Hier werden die Formate definiert ...         */


/* Grundfarbe für Hintergrund ist hellgrau, Textfarbe ist schwarz  */
body { 
 background-color: lightgray; color: black;
 margin: 0;
 padding: 0;
 font-family: Arial, sans-serif;
/* width: 100%;  */
 width: 1022px;
 border-right: 1px solid black;
 }
 
*.Fett {
 font-weight: bold;
 }

*.headerlike_1 {
 font-family: Arial, Helvetica, sans-serif; 
 font-size: 22px;
 font-weight: bold;
 }

*.headerlike_3 {
 font-family: Arial, Helvetica, sans-serif; 
 font-size: 14px;
 font-weight: bold;
 color: blue;
 }

*.Foto {
 border: 4px outset #666;
 margin: 0;
 }
 
*.sitemap {
 font-style : italic;
 border: 2px solid #999;
 padding : 2px;
 margin-top : 10px;
 margin-bottom :0;
 margin-left : 0;
 margin-right : 30px;
 }

*.slogan {
 margin-right: 25px;
 }
  
#header {
 margin-top: 0;
 background-color: lightgreen;
/* background-image: url(pictures/haupt.jpg);	*/
/* background-image: url(pictures/haupt2.gif);	*/
 background-image: url(pictures/haupt3.jpg);
 background-repeat: no-repeat;
 background-attachment: scroll;
 background-position: 0 0;
 height: 130px; 
 /* border-bottom: 1px solid #333; */
 text-align: right;
 }

#columnLeft {
 float: left;
 width: 140px;
 height: auto;
 background-color: lightgray;
 /* background-image: url(pictures/ks-bg.jpg); */
 /* background-repeat: repeat; */
 margin-left: 0;
 padding-top: 0;
 padding-bottom: 0.2em;
 }

#columnRight {
 height: auto;
 background-color: lightgreen;
 background-image: url(pictures/ks-bg.jpg);
 /* background-repeat: repeat-x; */
 background-repeat: repeat;
 padding-top: 0.5em;
 padding-bottom: 0.2em;
 margin: 0 0 0 140px;      /* Rand: oben rechts unten links */
 border-left: 1px solid darkgreen;
 }

#columnRight p {
 margin-left: 20px;
 }

#columnRight p.start {
 margin-top: 1em;
 margin-left: 0;
 }
 
#columnRight img {
 margin-top: 10px;
 margin-left: 5px;
 margin-right: 5px;
 }

#address {
 text-align: left;
 margin-left: 20px;
 }

#footer {
 clear: both;
 background-color: lightgray;
 padding-bottom: 5px;
 border-top: 1px solid #333;
 padding-left: 140px;
 text-align: left;
 font-size: 10px;
 }

#footer p {
 font-size: 10px;
 margin-top: 0.5em;
 margin-bottom: 0.5em;
 }

#footer img {
 float: left;
 border: none;
 margin-left: -80px;
 }

/* Formatierung der Menüleiste links  */
#phome a#lkhome,
#psitemap a#lksitemap,
#pinfo a#lkinfo,
#pfirma a#lkfirma,
#pcontact a#lkcontact,
#pprod a#lkprod,
#peckig a#lkeckig,
#pstich a#lkstich,
#pspitz a#lkspitz,
#prund a#lkrund,
#pkorb a#lkkorb,
#pkreis a#lkkreis,
#pellipse a#lkellipse,
#pschwing a#lkschwing,
#pmap a#lkmap,
#pimpress a#lkimpress,
#pfbank a#lkfbank,
#paludeck a#lkaludeck,
#pnews a#lknews,
#psteel a#lksteel {
 border-left: 5px solid #f33;
 border-right: 1px solid #f66;
 border-bottom: 1px solid #f33;
 background-color: #fcc;
 color: #333;
 }

/* Überschriften  */
h1, h2, h3, h4, h5, h6 { 
 font-family: Arial, Helvetica, sans-serif; 
 font-weight: bold;
 margin-right: 20px;
 }

h1, h2, h3, h4 { 
 margin-left: 20px;
 }

h1 { 
 font-size: 22px; 
 margin-top: 15px; 
 margin-bottom: 15px; 
 }

h2 { 
 font-size: 18px;
 }

h3 { 
 font-size: 14px;
 color: blue;
 }

h4, h5 {
 font-size: 12px;
 color: black;
 }
 
h5 {
 margin-left: 0;
 margin-top: 5px;
 margin-bottom: 0;
 }

/* alle Links in den h5-Überschriften werden nicht unterstrichen */
h5 a {
 text-decoration: none;
 }

h6 {
 font-size: 16px;
 color: black;
 margin-top: 5px;
 margin-bottom: 0;
 }
 
/* Maus über Link: Farbe ändert sich  */
a:hover {
 color : red;
 }

/* Kein Unterstrich beim Link */
a.no_underline {
 text-decoration: none;
 }

/* Textkörper */
p { 
 font-family: Arial, sans-serif; 
 font-size: 12px;
 margin: 0;
 }

/* Texteinrücken am Anfang eines Absatzes  */
p.einrueck {
 text-indent: 2em;
 }
 
/* Image mit Link ohne Rahmen */
img.noborder {
 border: none;
 }