/* Stylesheet für die Übung */
/* 1.Kalibrierung und allgemeine Styles */

/* Allgemeine Sektoren */
body {color:#FFFFFF; font-family:Arial, Verdana, Helvetica, sans-serif; font-size: small;}
h1 {font-size:250%;}
h2 {font-size:150%;}
h3 {font-size:110%;}
address {text-align: center; font-size: 80%; font-style: normal; letter-spacing: 2px; line-height: 1.5em;}
.IBJS { position: absolute; top: 5px; right: 1px;}
/* Hyperlinks allgemein */
a {text-decoration: none;}
a:hover, a:focus {border-bottom: 1px solid #000000; background-color: #aaaaaa; border-bottom-color: #ffffff;}
a:active {color: #ffffff; background-color:afffff;}
a:link {color: #000000;}
a:visited {color: #000000;}
/* Allgemeine KLassen und IDs */
/* 2.Styles für die Layoutbereiche */
#wrapper { color:#000000; background-color:#FFFFFF; margin: 0px auto;}
#kopfbereich { color: #000000; background: #ffffff ; padding: 0 0 0 20px; }
#kopfbereich {width: 100%; font-weight: bold; padding: 0px 0px 1px 0px; margin-bottom: 0;}
.clearing { clear: both;}
#gelbbereich { position:absolute; top: 124px; right: 1px;  padding: 0 0px 0 0; border 1px solid #000000}
#navibereich { width: 160px; text-align: left; color: #000000; background: #ffffff; padding: 22px 5px 20px 0px; margin: 5px 0px;border: 1px solid #ffffff; font-size: 110%;}
#navibereich { float: left;}
#navibereich li { list-style-type: none; padding: 3px 0 3px 0;}
#navibereich a:hover, #navibereich a:focus, #Startseite #navi01 a, #Aktuell #navi02 a, #Unternehmen #navi03 a, #Produkte #navi04 a, #AQASYS #navi05 a, #BTB 2008 #navi06 a,#Hardware #navi07 a, #Referenzen #navi08 a, #Kontakt #navi09 a, #Impressum #navi10 a, #Disclaimer #navi11 a{ color: #000000; font-weight:bold; background-color: #ffffff; border-bottom-color: #000000;}
#textbereich {float: left; width: 66%; margin-left: 1%; padding: 20px 10px 20px 10px;}
#fussbereich {float: left; width: 100%; bottom: 0px; left: 0px; padding: 5px 0px 10px 0px; margin-top: 10px;}
/* 3. Sonstige Styles */
/* Kontaktformular */
form { background-color: #ffffff; width: 550px; padding: 10px 80px; border solid #8c8c8c}
label { display: block; cursor: pointer;}
input#FIRMA { width:300px; border: 1px solid #8c8c8c; margin-bottom: 0.6em;}
input#textarea { width:500px; border: 1px solid #8c8c8c; margin-bottom: 0.6em;}
input#strasse { width:300px; border: 1px solid #8c8c8c; margin-bottom: 0.6em;}
input#absender { width:300px; border: 1px solid #8c8c8c; margin-bottom: 0.6em;}
input#plz { width:50px; border: 1px solid #8c8c8c; margin-bottom: 0.6em;}
input#ort { width:244px; border: 1px solid #8c8c8c; margin-bottom: 0.6em;}
input#ansprechpartner { width:300px; border: 1px solid #8c8c8c; margin-bottom: 0.6em;}
input#telefon { width:147px; border: 1px solid #8c8c8c; margin-bottom: 0.6em;}
input#fax { width:147px; border: 1px solid #8c8c8c; margin-bottom: 0.6em;}
kf_textarea { height: 10em;}
/*.kf_textfeld { width:300px; border: 1px solid #8c8c8c; margin-bottom: 0em;}*/
/*.kf_telfaxnummer { width:300px; border: 1px solid #8c8c8c; margin-bottom: 0em;}*/
/*.kf_telfaxvorwahl { width:300px; border: 1px solid #8c8c8c; margin-bottom: 0em;}*/
input#FIRMA:focus, textarea:focus { background-color: #d9d9d9;}
input#strasse:focus, absender:focus { background-color: #d9d9d9;}
input#absender:focus { background-color: #d9d9d9;}
input#plz:focus { background-color: #d9d9d9;}
input#ort:focus { background-color: #d9d9d9;}
input#ansprechpartner:focus { background-color: #d9d9d9;}
input#TEL_VORWAHL:focus { background-color: #d9d9d9;}
input#fax:focus { background-color: #d9d9d9;}
input#FIRMA1:focus { background-color: #d9d9d9;}