/* Kasten für Hauptüberschrift: */
h1 {
font-family:  Verdana, Arial, Helvetica, sans-serif;
font-size: 13pt;
font-weight: bold;
color: white;
width: 800px;
background-color: #17b771;
border-style: solid;
border-width: 1px;
padding: 3px;
 /* nur für NN 6 und Opera nötig: */
margin-top: 0px; 
}

/* normaler Fließtext: */
p {
font-family:  Verdana, Arial, Helvetica, sans-serif;
font-size: 12pt;
font-weight: bold;
color: black;
background-color: white;
}

/* Fließtext im Formular: hgruen */
p.form {
font-family:  Verdana, Arial, Helvetica, sans-serif;
font-size: 12pt;
font-weight: bold;
color: black;
background-color: #b8fedc;
}

/* Kontaktadresse: */
p.klein { 
font-size: 9pt;
color: black;
background-color: white;
margin-left: 5px;
}

/* Mini: */
p.mini { 
font-size: 6pt;
color: black;
background-color: white;
margin-left: 1px;
}

/* Bild und Bildunterschrift: */
.bild {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
font-weight: bold;
color: gray;
background-color: white;
}
 .kasten {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12pt;
text-align: center;
padding: 5px;
color: black;
background-color: #b8fedc; 
border-style: solid;
border-width: 1px;
border-color: black;
width: 580px;
}

 .kiste {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
text-align: center;
padding: 5px;
color: black;
background-color: #b8fedc; 
border-style: solid;
border-width: 1px;
border-color: black;
width: 400px;
}

 .kiste2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
text-align: center;
padding:4px;
color: black;
background-color: #ffff99; 
border-style: solid;
border-width: 1px;
border-color: black;
width: 400px;
}

 .kiste3 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
text-align: center;
padding:4px;
color: black;
background-color: #ffffff; 
border-style: solid;
border-width: 0px;
border-color: black;
width: 400px;
}

.rot {
font-family: "Century Gothic", "Comic Sans MS", Verdana, Arial, Helvetica, sans-serif;
font-size: 13pt;
font-weight: bold;
color: red;
}

/* Grafik als Auf.zeichen: */
ul {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11pt;
font-weight: bold;
color: gray;
background-color: white;
list-style-image: url(img/kwg1.jpg);
}

/* Box für Navigationsspalte: */
#navi {
margin: 1px;
width: 180px;
position: absolute;
top: 5px; left: 5px;
}

/* Box für Hauptspalte: */
#main {
margin-top: 5px;
width : 580px;
position: absolute;
top: 5px; left: 190px;
}
 /* frei schwebende Bohrmaschine: */
#floatbox {
position: absolute; 
top: 30px; 
left: 550px;
}
#floatbox2 {
position: absolute; 
top: 122px; 
left: 716px;
}
#floatbox3 {
position: absolute; 
top: 300px; 
left: 716px;
}
 /* KWG-Logo: */
#floatbox4 {
position: absolute; 
top: 10px; 
left: 8px;
}
/* floatbox KWG Adresse */
#floatbox5 {
position: absolute; 
top: 580px; 
left: 2px;
}

/* Rahmen für Buttons: */
.linkbox {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12pt;
margin-left: 2px;
/* nächste Anweisung nötig für IE 4: */
margin-right: 20;
border-style: solid;
border-width: 1px;
border-color: black;
width: 165px;
padding: 3px;
color: white;
background-color: #17b771;
}

/* Button für die aktive Seite: */
.linkboxaktiv {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12pt;
font-weight: bold;
margin-left: 1px;
/* nächste Anweisung nötig für IE 4: */
margin-right: 20px;
border-style: solid;
border-width: 1px;
border-color: #17b771;
width: 185px;
padding: 3px;
color: white;
background-color: #ff0000;
}

/* Button für die aktive Seite: */
.linkboxaktiv2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12pt;
font-weight: bold;
margin-left: 1px;
/* nächste Anweisung nötig für IE 4: */
margin-right: 20px;
border-style: solid;
border-width: 1px;
border-color: #17b771;
width: 165px;
padding: 3px;
color: white;
background-color: #17b771;
}

/* Button für die aktive Seite: */
.linkboxaktiv3 {
/*
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 15pt;
font-weight: bold;
margin-left: 1px;
*/
/* nächste Anweisung nötig für IE 4: */

/* 
margin-right: 20px;
border-style: solid;
border-width: 1px;
border-color: #17b771;
*/
width: 340px;
padding: 3px;
color: white;
background-color: #17b771;
}


/* Rahmen für "nach oben"-Button: */
.linkbox2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12pt;
margin-left: 1px;
/* nächste Anweisung nötig für IE 4: */
margin-right: 20;
border-style: solid;
border-width: 1px;
border-color: black;
width: 114px;
padding: 3px;
color: white;
background-color: #17b771;
}

/* Rahmen für "Bestellen"-Button: */
.linkbox3 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12pt;
margin-left: 1px;
/* nächste Anweisung nötig für IE 4: */
margin-right: 20;
border-style: solid;
border-width: 1px;
border-color: black;
width: 580px;
padding: 3px;
color: white;
background-color: #17b771;
}
/* Bestell-Nr-Box */
.rahmen {
border-style: solid;
border-width: 2px;
padding: 3px;
border-color: black;
width: 232px;
}


/* Links black, nicht unterstr.: */ 
A:link, A:visited, A:active {
text-decoration: none;
color: black;
}



/* 3D-Effekt für Buttons */
input.knopf {
border-style: outset;
border-width: 1px;
border-color: #ff0000;
background-color: black;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11pt;
}