#body { background-color: #ffffff; background-repeat: no-repeat; font-size: 12px; font-family: Segoe UI, Trebuchet MS, Arial, Verdana, Times New Roman; margin: 0px; width: 100%;}
#alles { width: 100%; margin: 0px; position: relative; }
#laufleiste { height: 20px; }
#box1 { position:absolute; width:250px; height:189px; z-index:2; left: 747px; top: 50px; background-image: url(../img/bg_login.png); background-repeat: no-repeat; font-family:Segoe UI, Trebuchet MS, Arial, Verdana, Times New Roman; }
#boxtext1 { width:220px; position:relative; z-index:4; top:15px; left:15px; font-family:Segoe UI, Trebuchet MS, Arial, Verdana, Times New Roman;}
#box2 { width:250px; height:189px; background-image: url(../img/bg_login.png); background-repeat: no-repeat; font-family:Segoe UI, Trebuchet MS, Arial, Verdana, Times New Roman; }
#boxtext2 { margin-left: 20px; margin-top: -30px; }
#drei { height:150px; }
#vier {width:250px; height:150px;}
#box4_text {margin-left: 20px; margin-top: -30px;;}


#mainframe { width: 100%; }
#headbox { width: 100%; height: 120px; background-image: url(../img/bg_head.png); background-repeat: repeat-x; }
#headline { text-align:left; font-family:Segoe UI, Trebuchet MS, Arial, Verdana, Times New Roman; color: #212121; font-size: 20px; font-weight: bold; padding-left: 10px;}

#fehlermeldung { border-width:3px; border-style:dotted; border-color:red; text-align:center; width: 400px; margin-left:auto; margin-right:auto; vertical-align: middle; }
#bestaetigung { border-width:3px; border-style:dotted; border-color:green; text-align:center; width: 400px; margin-left:auto; margin-right:auto; vertical-align: middle; }

#artikeltabelle { border-width:2px; border-style:solid; border-color:blue;  }

#maintable { margin-left: 50px; margin-top: 10px; }

#maintext {
width: 650px;
font-family:Segoe UI, Trebuchet MS, Arial, Verdana, Times New Roman;
color: #666666;
font-size: 12px;
text-decoration: none;
padding: 20px;
text-align: justify;
background-repeat: no-repeat;
vertical-align: top;
margin: 20px;

}

#text {
width: 650px;
font-family:Segoe UI, Trebuchet MS, Arial, Verdana, Times New Roman;
color: #666666;
font-size: 12px;
text-decoration: none;
text-align: justify;
padding: 5px;
background-color: #ffffff;
vertical-align: top;
background-repeat: no-repeat;

}

#datatable { 
width: 250px;
}

#data { vertical-align: top; }

#add {
width: 200px;
vertical-align:top;
padding: 20px;
}

#addtable {
vertical-align: top;
background-color: #ffffff;
}

#adddata {
vertical-align: top;
}

#footer { width: 100%; height:25px; background-image: url(../img/bg_footer.png); background-repeat: repeat-x; text-align:center; font-family:Segoe UI, Trebuchet MS, Arial, Verdana, Times New Roman; font-size: 9px;}
#footertext { font-family:Segoe UI, Trebuchet MS, Arial, Verdana, Times New Roman; }
#footeradd { width: 650px; font-family:Segoe UI, Trebuchet MS, Arial, Verdana, Times New Roman; color: #666666; font-size: 12px; text-decoration: none; text-align: justify; padding: 5px; background-color: #ffffff; vertical-align: top; background-repeat: no-repeat;}
h1 {font-family:Segoe UI, Trebuchet MS, Arial, Verdana, Times New Roman; color: #212121; font-size: 20px; font-weight: bold; padding-left: 5px; padding-bottom: 10px; background-image:url(../img/bg_balken.png); background-repeat: repeat-x;}
h2 {font-family:Segoe UI, Trebuchet MS, Arial, Verdana, Times New Roman; color: #212121; font-size: 14px; font-weight: bold; padding-left: 10px; padding-bottom: 10px; }
h3 {font-family:Segoe UI, Trebuchet MS, Arial, Verdana, Times New Roman; color: #212121; font-size: 22px; font-weight: bold; background-color: #e5e5e5;}
p { padding-left: 10px; padding-right: 10px; }
input{font-family:Segoe UI, Trebuchet MS, Arial, Verdana, Times New Roman; font-size:12px; color:#303030;}
input#loginid{background:#fff url(../img/in_login.png) no-repeat; padding-left: 15px;}
input#loginpass{background:#fff  url(../img/in_pass.png) no-repeat; padding-left: 15px;}
input#handycode{background:#fff  3px 3px no-repeat;}

a:link { text-decoration:underline; color: gray; font-family: Segoe UI, Trebuchet MS, Arial, Verdana, Times New Roman} 
a:visited { text-decoration:underline; color: gray; font-family: Segoe UI, Trebuchet MS, Arial, Verdana, Times New Roman; } 
a:active { color: gray; font-family: Segoe UI, Trebuchet MS, Arial, Verdana, Times New Roman; } 
a:hover { color: #ffffff;text-decoration: none;font-family: Segoe UI, Trebuchet MS, Arial, Verdana, Times New Roman; background-color: #4e4aff; }