body, input, textarea, select, button, table {
    font-family:Helvetica, Arial, sans-serif;
    font-size:13px;
}

body {
    color:#2e3436;
    margin:0;
    padding:0;
    background-color:#d3d7cf;
    background-image:url(grafiken/hintergrund.png);
    background-repeat:repeat-x;
    background-position:left top;
    z-index:0;
}

table {
    border-collapse:collapse;
}

table.abstand  td{
	padding:0 15px 10px 0;
}

#titel h1 {
    position:absolute;
    top:30px;
    left:40px;
    z-index:3;

    font-size:30px;
    font-weight:normal;

    color:#729fcf;
}

#rubrik	{
    position:absolute;
    top:120px;
    left:0;
    width:1000px;
    height:200px;
    z-index:2;

    background-image:url(grafiken/rand-oben.png);
    background-repeat:repeat-x;
    background-position:left top;
}

#rubrik h2, h2, h3, h4, .h4_like, h5, .h5_like {
    font-style:italic;
    font-weight:normal;
    color:#3465a4;
}

#rubrik h2, h2 {
    font-size:30px;
}

#rubrik h2 {
    position:absolute;
    bottom:40px;
    left:300px;
    z-index:3;
    margin:0;
}

h3 {
    font-size:20px;
    margin:10px 5px;
}

h4, .h4_like {
    font-size:16px;
    margin:5px;
}

h5, .h5_like {
    font-size:14px;
    margin:4px 0;
}

#rubrik #oben_rechts {
    position:absolute;
    top:0;
    left:900px;
    width:150px;
    height:225px;

    background-image:url(grafiken/rand-oben-rechts.png);
    background-repeat:repeat-x;
    background-position:left top;
}

#logo_1 {
    position:absolute;
    top:40px;
    left:690px;
    z-index:2;
    text-align:right;
}

#rand {
    position:absolute;
    top:320px;
    left:120px;
    width:900px;
    background-image:url(grafiken/rand-links_rechts.png);
    background-repeat:repeat-y;
    background-position:left top;
    min-height:1000px; /*komisch, eigentlich sollten auch 100% gehen...*/

    /*
    Internet Explorer stinkt furchtbar
    (zumindest können die Programmierer nicht W3C Standarts lesen...)
    border-color:#204a87;
    border-width:0 10px;
    border-style:solid;

    background-color:#eeeeec;
    */
}

#content {
    position:relative;
    left:150px;
    right:50px;
    width:700px;
}

#navi {
    position:absolute;
    z-index:2;
    top:310px;
    left:11px;
}

#navi h2 {
    display:none;
}

#navi ul {
    list-style:none;
}

#navi li a {
    display:block;
    width:200px;
    font-size:20px;
    height:55px;
    text-decoration:none;
    font-style:italic;
    background-image:url(grafiken/navigation-hintergrund.png);
    background-repeat:no-repeat;
}

html body #navi li a {
    padding-top:5px;
    padding-left:10px;
}

#navi a:link, #navi a:visited {
    color:#204a87;
    background-image:url(grafiken/navigation-hintergrund.png);
    background-repeat:no-repeat;
}

#navi a:focus, #navi a:hover {
    color:#cc0000;
    background-image:url(grafiken/navigation-hintergrund-hover.png);
    background-repeat:no-repeat;
}

#navi a:active, #navi a.current {
    cursor:default;
    background-image:url(grafiken/navigation-hintergrund-active.png)!important;
    background-repeat:no-repeat;
    color:#cc0000;
}

#navi img {
    border:none;
    margin-right:10px;
}

#content a:link, #content a:visited {
    color:#204a87;
}

#content a:focus, #content a:hover {
    color:#cc0000;
}

.pflicht {
    color:#ef2929;
}

.pflicht_fehlt {
    color:#ef2929;
    background-color:#fce94f;
}

.fehler {
    color:#ef2929;
    background-color:#fce94f;
    border-color:#ef2929;
    border-style:solid;
    border-width:1px;
}

.debug, .infobox {
    width:100%;
    border:solid #204a87 1px;
    padding:10px;
    margin:5px 0;
    z-index:4;
    background-color:#eeeeec;
}

.debug {
    font:8px monospace;
    white-space:pre;
}

.warnung:before {
    color:#ef2929;
    content:"Achtung! ";
}

.warnung, .debug {
    color:#a40000;
    background-color:#babdb6;
    border:solid #cc0000 1px;
}

input, textarea, select, button {
    color:#204a87;
}

.ergebnis td, .ergebnis th {
    border:solid #204a87 1px;
    padding: 3px;
}

.vertikal {
    text-align:right;
}

.preis_einzel, .preis_summe, .preis_summe_total {
    text-align:right;
}

.preis_summe, .preis_summe_total {
    font-weight:bold;
    background-color:#babdb6;
}

.preis_summe_total {
    border-top:solid #204a87 1px;
}

.image_link {
    border:none;
    text-decoration:none;
}

.hinweisbox {
    float:right;
    width:200px;
    text-align:center;
    border:solid #204a87 1px;
    font-size:20px;
    color:#cc0000;/*#204a87;#d3d7cf;*/
    background-color:#729fcf;
}