startup/css/page.css

html {
    font-family: verdana, Arial, sans-serif;
    font-size: 11px;
    overflow: scroll;
}

body {
    width: 1200px;
    border: 10px solid #CC0066;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: 20px auto auto;
    font-size: 11px;
}

h1, legend {
    font-size: 1.75em;
    color: #CC0066;
    font-weight: bold;
}

h2, legend.sub {
    font-size: 1.5em;
    color: #000000;
    font-weight: bold;
}

a {
    color: #CC0066;
}

img {
    border: none;
}

fieldset {
    margin-bottom: 10px;
}

p.ein {
    text-indent: -20px;
    margin: 2px 0 2px 30px;
}

p.Feld1 {
    margin: 0 0 0 20px;
}

p.Feld {
    margin: 5px 0 0 20px;
    font-style: italic;
}

.center {
    text-align: center;
    margin-bottom: 0;
}

.error {
    color: #cc0066;
    font-weight: bold;
    font-size: 1.5em;
}

.button_add, .button_edit, .button_del, .button_view, .button_email, .button_copy, .button_search, .button_ok, .button_save, .button_logo, .button_ang, .button_best, .button_rech, .button_liefer, .button_gut, .button_cont_imp, .button_cont_exp, .button_art_imp, .button_art_exp, .button_over, .button_pdf, .button_pdfist, .button_pdfsoll, .button_mahn, .button_stop, .button_logout, .button_upload, .button_comp, .button_security, .button_ist, .button_soll {
    border: 0;
    width: 64px;
    height: 64px;
    margin-right: 32px;
    font-size: 0;
    background-color: #FFFFFF;
    cursor: pointer;
}

.button_add {
    background-image: url(../img/add.png);
}

.button_edit {
    background-image: url(../img/edit.png);
}

.button_del {
    background-image: url(../img/del.png);
}

.button_view {
    background-image: url(../img/view.png);
}

.button_email {
    background-image: url(../img/email.png);
}

.button_copy {
    background-image: url(../img/copy.png);
}

.button_search {
    background-image: url(../img/search.png);
}

.button_ok {
    background-image: url(../img/ok.png);
}

.button_save {
    background-image: url(../img/save.png);
}

.button_logo {
    background-image: url(../img/logo.png);
}

.button_ang {
    background-image: url(../img/ang.png);
}

.button_best {
    background-image: url(../img/best.png);
}

.button_rech {
    background-image: url(../img/rech.png);
}

.button_liefer {
    background-image: url(../img/liefer.png);
}

.button_gut {
    background-image: url(../img/gut.png);
}

.button_cont_imp {
    background-image: url(../img/cont_imp.png);
}

.button_cont_exp {
    background-image: url(../img/cont_exp.png);
}

.button_art_imp {
    background-image: url(../img/art_imp.png);
}

.button_art_exp {
    background-image: url(../img/art_exp.png);
}

.button_over {
    background-image: url(../img/over.png);
}

.button_pdf {
    background-image: url(../img/pdf.png);
}

.button_pdfist {
    background-image: url(../img/pdfist.png);
}

.button_pdfsoll {
    background-image: url(../img/pdfsoll.png);
}

.button_mahn {
    background-image: url(../img/mahn.png);
}

.button_stop {
    background-image: url(../img/stop.png);
}

.button_logout {
    background-image: url(../img/logout.png);
}

.button_upload {
    background-image: url(../img/upload.png);
}

.button_comp {
    background-image: url(../img/comp.png);
}

.button_security {
    background-image: url(../img/security.png);
}

.button_ist {
    background-image: url(../img/ist.png);
}

.button_soll {
    background-image: url(../img/soll.png);
}

.button_small_edit, .button_small_del, .button_small_stop, .button_small_ok, .button_small_save, .button_small_prev, .button_small_next {
    border: 0;
    width: 24px;
    height: 24px;
    margin-left: 12px;
    font-size: 0;
    background-color: #FFFFFF;
    cursor: pointer;
    float: right;
}

.button_small_edit {
    background-image: url(../img/small_edit.png);
}

.button_small_del {
    background-image: url(../img/small_del.png);
}

.button_small_stop {
    background-image: url(../img/small_stop.png);
}

.button_small_ok {
    background-image: url(../img/small_ok.png);
}

.button_small_save {
    background-image: url(../img/small_save.png);
}

.button_small_prev {
    background-image: url(../img/small_prev.png);
}

.button_small_next {
    background-image: url(../img/small_next.png);
}

.button_kunde {
    background: none;
    border: none;
    cursor: pointer;
    margin: 0;
    padding: 0;
    color: #CC0066;
}

.fix {
    clear: both;
    height: 1px;
    line-height: 1px;
    font-size: 1px;
}

#frame {
    width: 1200px;
}

#header {
    margin: 10px 20px -10px 20px;
    padding: 0;
    width: 1160px;
}

#header img {
    margin: 0;
}

#header #righticons {
    float: right;
    width: 48px;
    text-align: right;
    margin: 0 0 0 20px;
    line-height: 5px;
}

#righticons img {
    float: left;
}

#header #right {
    float: right;
    width: 300px;
    text-align: right;
    margin-top: 5px;
}

#header p {
    margin: 0;
    padding: 0;
}

#header a {
    text-decoration: none;
}

#links {
    width: 1200px;
    float: none;
    height: 42px;
    margin: 0;
    background-color: #CC0066;
}

#links ul {
    list-style-type: none;
    margin: 0 -1px;
    padding: 0;
}

#links img {
    border: none;
    margin: 0;
    float: left;
}

#links li {
    width: 150px;
    height: 32px;
    background-image: url(../img/navi.png);
    float: left;
    margin: 10px 1px 0 1px;
    z-index: 1;
}

#links li:hover, #links li.sv_activ, #links li.vt_activ, #links li.st_activ, #links li.ie_activ {
    height: 32px;
    background-image: url(../img/navi_act.png);
}

#links li.home {
    width: 42px;
    background-image: url(../img/navi_home.png);
}

#links li.home:hover, #links li.home_activ {
    width: 42px;
    background-image: url(../img/navi_home_act.png);
}

#links a {
    text-decoration: none;
    height: 32px;
    line-height: 32px;
    width: 140px;
    vertical-align: middle;
    display: block;
    float: left;
    font-size: 11px;
    margin: 0 5px;
    color: black;
}

#links li:hover a, #links li.sv_activ a, #links li.vt_activ a, #links li.st_activ a, #links li.ie_activ a {
    color: #CC0066;
    font-weight: bold;
}

#links a img {
    margin: 4px 4px 0 0;
}

#links li.home a, #links li.home_activ a {
    width: 32px;
}

#links li.home a img, #links li.home_activ a img {
    margin: 4px 0 0 5px;
}

#navi2 {
    width: 1160px;
    float: none;
    margin: 0 20px;
}

#navi2 ul {
    list-style-type: none;
    height: 28px;
    margin: 0 68px 0 22px;
    padding: 0;
}

#navi2 li {
    float: left;
}

#navi2 img {
    border: none;
    margin: 2px 4px;
    float: left;
}

#navi2 a {
    text-decoration: none;
    height: 28px;
    line-height: 28px;
    width: 150px;
    vertical-align: middle;
    display: block;
    float: left;
    font-size: 11px;
    margin: 0;
    border-left: 2px solid #CC0066;
    color: black;
    background-color: #FFFFFF;
}

#navi2 a:hover, #navi2 a.activ {
    color: #CC0066;
    font-weight: bold;
}

#navi2 a.back {
    float: right;
    background: none;
    width: 32px;
    height: 32px;
    margin: 0;
    padding: 0;
    border: none;
}

#page {
    width: 1200px;
    margin: 10px 0;
    float: none;
}

#tooltip ul {
    margin: 0;
    padding: 0;
}

#tooltip ul li {
    line-height: 24px;
    height: 24px;
    font-size: 1.0em;
    margin: 12px 0;
    padding: 0;
    list-style: none;
}

#tooltip li img {
    margin-right: 10px;
    float: left;
}

#inhalt {
    margin: 0 20px;
    padding: 0;
}

#inhalt .right input {
    float: right;
}

#inhalt .search_right {
    float: right;
    width: 350px;
    margin-left: 20px;
}

#inhalt #left {
    width: 570px;
    float: left;
}

#inhalt #right {
    width: 570px;
    float: right;
}

#inhalt #imp_left {
    width: 570px;
    float: left;
}

#inhalt #imp_right {
    width: 570px;
    float: right;
}

#imp_right br {
    clear: both;
}

#inhalt #imp_left select {
    width: 200px;
}

#inhalt #left label, #inhalt #right label {
    width: 270px;
}

#inhalt #left label + label, #inhalt #right label + label {
    width: 50px;
}

#inhalt #left label + label + label, #inhalt #right label + label + label {
    width: 100px;
    text-align: right;
}

#inhalt #left label + label + label + label, #inhalt #right label + label + label + label {
    font-weight: bold;
}

#inhalt ol {
    margin: 0 0 0 20px;
    padding: 0;
    list-style-position: outside;
}

#inhalt ul {
    margin: 0 0 0 20px;
    padding: 0;
    list-style-position: outside;
}

#inhalt img.n1 {
    margin: 0 20px;
    float: left;
}

#inhalt img.n2 {
    margin: 0 20px 0 56px;
    float: left;
}

#inhalt p.right {
    float: right;
    /*	width: 200px;*/
}

#inhalt label {
    width: 170px;
    display: block;
    float: left;
    text-align: left;
    margin-top: 5px;
}

#inhalt label.data, #inhalt #left label.data {
    width: 300px;
    float: left;
}

#inhalt label.ust, label.ust {
    width: 540px;
}

#inhalt label.short, #inhalt #left label.short {
    width: 120px;
}

#inhalt label.money {
    text-align: right;
    width: 100px;
}

#inhalt label.s1 {
    width: 92px;
}

#inhalt label.s2 {
    width: 36px;
}

#inhalt label.s3 {
    width: 252px;
}

#inhalt label.imp_short {
    width: 30px;
    margin-right: 20px;
    text-align: right;
}

#inhalt input {
    float: left;
    font-family: verdana, Arial, sans-serif;
    margin-top: 5px;
}

#inhalt textarea {
    float: left;
    font-family: verdana, Arial, sans-serif;
    font-size: 1em;
    height: 100px;
    width: 75%;
    margin-top: 5px;
}

#inhalt textarea.Artikel {
    width: 75%;
}

#inhalt form a {
    float: left;
    margin-right: 30px;
}

#inhalt fieldset.stamm label {
    width: 150px;
}

/*#inhalt button {
	background: none;
	margin: 0px;
	padding: 0px;
	color: #ffffff;
	border: 0px;
}

#inhalt button:hover {
	cursor: pointer;
}
*/
#inhalt .color {
    margin: 5px 0 0 10px;
    height: 22px;
    width: 22px;
    float: left;
}

/*
#inhalt table input[type=image] {
	float: right;
	margin: 0px;
}
*/
/*
#inhalt table button[type=reset] {
	float: right;
	margin: 0px;
}
*/

#inhalt input[type=submit] {
    margin-top: 0;
}

#inhalt form input[type=text] {
    width: 300px;
}

#inhalt form input[type=password] {
    width: 300px;
}

#inhalt form input[type=checkbox] {
    margin-right: 290px;
    margin-top: 8px;
}

#inhalt form input.short, input.short {
    width: 120px;
}

#inhalt form input.number, input.number {
    width: 30px;
    margin: 0;
    padding: 0;
}

#inhalt form input.long, input.long {
    width: 300px;
    margin: 0;
    padding: 0;
}

#inhalt form input.verylong, input.verylong {
    width: 95%;
    margin: 0;
    padding: 0;
}

#inhalt form input.money, input.money {
    width: 90px;
    margin: 0;
    padding: 0;
}

#inhalt form p {
    float: none;
}

#inhalt form select {
    width: 306px;
    margin-top: 5px;
}

#inhalt form br {
    clear: both;
    margin-bottom: 4px;
}

#inhalt form img {
    margin-top: 3px;
    margin-bottom: -6px;
}

#inhalt form input.date {
    width: 150px;
}

#inhalt form select.date {
    width: 120px;
    margin-right: 30px;
    float: left;
}

#inhalt form label.date {
    width: 150px;
}

#inhalt fieldset br {
    clear: both;
    margin-bottom: 4px;
}

#inhalt table {
    width: 1140px;
    border-collapse: collapse;
    vertical-align: top;
    font-size: 11px;
}

#inhalt table th {
    text-align: left;
    border: 1px solid black;
    vertical-align: top;
}

#inhalt table td {
    border: 1px solid black;
    vertical-align: top;
    color: #555;
}

#inhalt table td + td + td + td, #inhalt table th + th + th + th {
    text-align: right;
}

#inhalt table.foto {
    width: 700px;
}

#inhalt table.foto th {
    text-align: center;
    border: none;
    padding-top: 50px;
}

#inhalt table.foto td {
    text-align: center;
    vertical-align: top;
    padding-top: 20px;
    border: none;
}

#inhalt table.foto td img {
    border: 2px solid red;
    width: 100px;
    height: 100px;
    margin-left: 100px;
}

#footer {
    width: 1200px;
    margin: 20px 0;
}

#footer table {
    width: 1160px;
    margin: 0 20px;
}

#footer th, #footer td {
    text-align: left;
}

#footer th + th {
    text-align: right;
}