#logo {
        background-image: url(images/d-werk-header-4.gif);
        margin: 0px;
        padding: 0px;
        position: absolute;
        left: 100px;
        top: 0px;
        height: 85px;
        width: 266px;
        background-repeat: no-repeat;
}
#body {
        background-image: url(images/d-werk-v3_03.gif);
        background-repeat: repeat-x;
        height: 85px;
}
body {
        margin: 0px;
        padding: 0px;
font-family: Arial, Helvetica, sans-serif;
        font-size: 1em;
}
#interaktivheader {
        background-image: url(images/d-werk-v4_05.gif);
        background-repeat: no-repeat;
        height: 33px;
        width: 513px;
        position: absolute;
        left: 100px;
        top: 85px;
}
#willkommenheader {
        background-image: url(images/d-werk-v4_06.gif);
        background-repeat: no-repeat;
        height: 33px;
        width: 287px;
        position: absolute;
        left: 613px;
        top: 85px;
}
#gruen1 {
        background-image: url(images/d-werk-v4_07.gif);
        background-repeat: no-repeat;
        position: absolute;
        height: 157px;
        width: 174px;
        left: 100px;
        top: 118px;
}
#orange2 {
        background-image: url(images/d-werk-v4_08.gif);
        background-repeat: no-repeat;
        position: absolute;
        height: 157px;
        width: 169px;
        top: 118px;
        left: 274px;
}
#blau3 {
        background-image: url(images/d-werk-v4_09.gif);
        height: 157px;
        width: 170px;
        position: absolute;
        top: 118px;
        left: 443px;
}
#main_img {
        background-image: url(images/d-werk-v4_10.jpg);
        background-repeat: no-repeat;
        height: 157px;
        width: 282px;
        position: absolute;
        top: 118px;
        left: 613px;
}
#gruentext {
        font-family: Arial, Helvetica, sans-serif;
        font-size: .75em;
        color: #FFFFFF;
        text-decoration: none;
        height: 75px;
        width: 150px;
        float: right;
        top: 0px;
        position: relative;
        left: 0px;
}
#orangetext {
        font-family: Arial, Helvetica, sans-serif;
        font-size: .75em;
        color: #FFFFFF;
        height: 60px;
        width: 150px;
        float: right;
        left: 0px;
        top: 0px;
}
#kontakt2 {
        font-family: Arial, Helvetica, sans-serif;
        font-size: .75em;
        color: #FFFFFF;
        text-decoration: none;
        height: 60px;
        width: 150px;
        float: right;
        left: 0px;
        top: 0px;
}
#leistung {
        font-family: Arial, Helvetica, sans-serif;
        font-size: .9em;
        color: #FFFFFF;
        text-decoration: none;
        height: 10px;
        width: 110px;
        top: 124px;
        position: absolute;
        left: 51px;
}
#referenz {
        font-family: Arial, Helvetica, sans-serif;
        font-size: .9em;
        color: #FFFFFF;
        text-decoration: none;
        position: absolute;
        height: 10px;
        width: 100px;
        left: 49px;
        top: 124px;
}
#kontakt1 {
        font-family: Arial, Helvetica, sans-serif;
        font-size: .9em;
        color: #FFFFFF;
        text-decoration: none;
        position: absolute;
        height: 10px;
        width: 100px;
        left: 49px;
        top: 124px;
}
#techpartner {
        background-image: url(images/d-werk-v4_11.gif);
        position: absolute;
        height: 43px;
        width: 174px;
        background-repeat: no-repeat;
        left: 100px;
        top: 275px;
}
#d_w_services {
        background-image: url(images/d-werk-v4_12.gif);
        position: absolute;
        height: 43px;
        width: 339px;
        top: 275px;
        left: 274px;
        background-repeat: no-repeat;
}
#d_w_news {
        background-image: url(images/d-werk-v4_13.gif);
        height: 43px;
        width: 287px;
        top: 275px;
        position: absolute;
        left: 613px;
}
#left_content {
        position: absolute;
        width: 174px;
        height: 225px;
        left: 100px;
        top: 318px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: .75em;
        border: 4px none #E9E9E7;
}
#mid_center_content {
        position: absolute;
        height: 425px;
        width: 320px;
        left: 274px;
        top: 318px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: .75em;
        padding-left: 8px;
        padding-top: 12px;
        border-top-width: 4px;
        border-right-style: solid;
        border-top-color: #E9E9E7;
        padding-right: 8px;
        border-right-color: #E9E9E7;
        border-right-width: 4px;
        border-bottom-color: #E9E9E7;
        border-left-color: #E9E9E7;
        border-left-width: 4px;
        border-left-style: solid;
}
.style1 {color: #0000CC}
li {
        list-style-image: url(images/arrow1.gif);
}
.style2 {color: #0000D5}
#right_content {
        position: absolute;
        height: 400px;
        width: 258px;
        top: 318px;
        left: 621px;
        padding-top: 12px;
        padding-right: 8px;
        padding-left: 8px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: .75em;
        color: #0000CC;
        text-decoration: none;
}
.style3 {color: #000000}
.style4 {color: #FF0000}
.style9 {color: #FC6200}


#footer {
        background-image: url(images/footer-dark.gif);
        background-repeat: repeat-x;
        height: 40px;
        width: 800px;
        position: absolute;
        left: 100px;
        top: 810px;
        background-position: left bottom;
        font-family: Arial, Helvetica, sans-serif;
        font-size: .6em;
        font-weight: bold;
        text-decoration: none;
}
#underline_800 {
        background-image: url(images/underline-800.jpg);
        background-repeat: repeat-x;
        height: 3px;
        width: 800px;
        position: absolute;
        left: 100px;
        top: 800px;
        background-position: left top;
        font-family: Arial, Helvetica, sans-serif;
        font-size: .75em;
        font-weight: bold;
        text-decoration: none;
}
a {
        font-family: Arial, Helvetica, sans-serif;
        font-size: .9em;
        color: #FFFFFF;
}
a:visited {
        color: #FFFFFF;
        text-decoration: none;
}
a:hover {
        color: #000000;
        text-decoration: none;
}
a:active {
        color: #FFFFFF;
        text-decoration: none;
}
a:link {
        text-decoration: none;
}
a.lowernav:link {
        font-family: Arial, Helvetica, sans-serif;
        font-size: .75em;
        font-weight: bold;
        color: #000000;
        text-decoration: none;
}
a.lowernav:visited {
        color: #000000;
        text-decoration: none;
        font-size: .75em;
}
a.lowernav:hover {
        color: #FF0000;
        text-decoration: none;
        font-size: .75em;
}
a.lowernav:active {
        color: #000000;
        text-decoration: none;
        font-size: .75em;
}
.style7 {
        font-size: .9em;
        font-weight: bold;
        color: #FF0000;
}
.style8 {color: #000000; font-size: .75em; }
a.marketing:link {
        font-family: Arial, Helvetica, sans-serif;
        font-size: .75em;
        color: #009966;
        text-decoration: none;
}
a.marketing:visited {
        color: #009966;
        text-decoration: none;
        font-size: .75em;
}
a.marketing:hover {
        color: #FF0000;
        text-decoration: none;
        font-size: .75em;
}
a.marketing:active {
        color: #009966;
        font-size: .75em;
}

#leistung_header {
        background-image: url(images/leistung-hd.gif);
        height: 43px;
        width: 521px;
        position: absolute;
        left: 100px;
        top: 275px;
}

#leistung_content {
        position: absolute;
        height: 445px;
        width: 486px;
        left: 100px;
        top: 318px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        padding: 6px 14px;
        border-top-width: 4px;
        border-right-width: 4px;
        border-bottom-width: 4px;
        border-left-width: 4px;
        border-right-style: solid;
        border-top-color: #E9E9E7;
        border-right-color: #E9E9E7;
        border-bottom-color: #E9E9E7;
        border-left-color: #E9E9E7;
}

#referenz_content {
        position: absolute;
        height: 415px;
        width: 486px;
        left: 100px;
        top: 318px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        padding: 6px 14px;
        border-top-width: 4px;
        border-right-width: 4px;
        border-bottom-width: 4px;
        border-left-width: 4px;
        border-right-style: solid;
        border-top-color: #E9E9E7;
        border-right-color: #E9E9E7;
        border-bottom-color: #E9E9E7;
        border-left-color: #E9E9E7;
}

#d_w_leistung {
        background-image: url(images/leistung.jpg);
        background-repeat: no-repeat;
        height: 157px;
        width: 287px;
        position: absolute;
        top: 118px;
        left: 613px;
}

#transparenz_header {
        background-image: url(images/transparenz-hd.gif);
        height: 43px;
        width: 287px;
        top: 275px;
        position: absolute;
        left: 613px;
        background-repeat: no-repeat;
}

#right_side_about {
        width: 265px;
        position: absolute;
        height: 300px;
        left: 621px;
        top: 318px;
        padding-left: 8px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        text-decoration: none;
        padding-top: 6px;
}

#referenz_header {
        background-image: url(images/referenz-hd.gif);
        height: 43px;
        width: 521px;
        position: absolute;
        left: 100px;
        top: 275px;
}

#empfehlung_header {
        background-image: url(images/empfehlung-hd.gif);
        height: 43px;
        width: 287px;
        top: 275px;
        position: absolute;
        left: 613px;
        background-repeat: no-repeat;
}

#email_header {
        background-image: url(images/email-hd.gif);
        height: 43px;
        width: 521px;
        position: absolute;
        left: 100px;
        top: 275px;
}

#kontakt_header {
        background-image: url(images/kontakt-hd.gif);
        height: 43px;
        width: 287px;
        top: 275px;
        position: absolute;
        left: 613px;
        background-repeat: no-repeat;
}

#d_w_referenz {
        background-image: url(images/referenz.jpg);
        background-repeat: no-repeat;
        height: 157px;
        width: 287px;
        position: absolute;
        top: 118px;
        left: 613px;
}

#d_w_kontakt {
        background-image: url(images/kontakt.jpg);
        background-repeat: no-repeat;
        height: 157px;
        width: 287px;
        position: absolute;
        top: 118px;
        left: 613px;
}

#inputcontainer {
        position: absolute;
        height: 375px;
        width: 486px;
        left: 100px;
        top: 318px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        padding: 6px 14px;
        border-top-width: 4px;
        border-right-width: 4px;
        border-bottom-width: 4px;
        border-left-width: 4px;
        border-right-style: solid;
        border-top-color: #E9E9E7;
        border-right-color: #E9E9E7;
        border-bottom-color: #E9E9E7;
        border-left-color: #E9E9E7;
}

input, textarea, select{
font-family: verdana, arial, helvetica, sans-serif;
font-size: 11px;
padding: 3px ;
background-color : #eee;
border: 1px outset #666;
color: #000;
margin: 5px 0px 5px 0px;
}

a.linki:link {
        color: #000;
        font-size: 1em;
        text-decoration: underline;
}
a.linki:visited {
        color: #000;
        font-size: 1em;
        text-decoration: underline;
}
a.linki:hover {
        color: #FC6200;
        font-size: 1em;
        text-decoration: underline;
}
a.linki:active {
        color: #FC6200;
        font-size: 1em;
        text-decoration: underline;
}

.formalert {
color: #000;
font-size: 1em;
}