body {
background: white;
margin: 0; 
padding: 0;
overflow: auto;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

#header1 {
position: absolute;
left: 50px;
top: 10px;
width: 900px;
height: 8px;
background-color: #4D85B3;
}

#header2 {
position: absolute;
left: 51px;
top: 18px;
width: 898px;
height: 78px;
background-color: #ffffff;
text-transform: uppercase;
z-index: 5;
}
#header2 td{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
text-transform: uppercase;
color: #999999
}

.input {
FONT-SIZE: 12px; 
WIDTH: 146px; 
HEIGHT: 16px;
border: 1px solid #838484;
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
.input:focus {
background-color: #CCCCCC;
color: #000000;
}

.inputbox {
border: 1px solid #838484;
}
.inputbox:focus {
background-color: #CCCCCC;
}

select {
FONT-SIZE: 12px; 
WIDTH: 150px; 
HEIGHT: 18px;
border: 1px solid #838484;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
select:focus {
background-color: #CCCCCC;
color: #000000;
}

.headerform {
FONT-SIZE: 12px; 
WIDTH: 146px; 
HEIGHT: 16px;
border: 1px solid #838484;
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
.headerform:focus {
background-color: #CCCCCC;
color: #000000;
}

.headersubmit {
FONT-SIZE: 12px; 
WIDTH: 35px; 
HEIGHT: 16px;
border: 1px solid #838484;
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
.headersumit:focus {
background-color: #CCCCCC;
color: #000000;
}


#banner1 {
position: absolute;
left: 198px;
top: 110px;
width: 371px;
height: 78px;
z-index: 7;

}

#banner2 {
position: absolute;
left: 574px;
top: 110px;
width: 375px;
height: 75px;
z-index: 6;
}

#auswahlinfo {
position: absolute;
left: 220px;
top: 112px;
width: 730px;
height: 27px;
background-color: transparent;
color: #999999;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-transform: uppercase;
z-index: 111;
}
#auswahlinfo td{
color: #999999;
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-transform: uppercase;
}

#auswahlbanner {
position: absolute;
left: 220px;
top: 112px;
width: 730px;
height: 77px;
background-color: transparent;
color: #999999;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-transform: uppercase;
z-index: 111;
}

/*<![CDATA[*/
#contentindex {
position: absolute;
left: 195px;
top: 184px;
width: 755px;
height: 390px;
border-top: 1px solid #838484;
overflow: auto;
font-size: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
/*]]>*/

/*<![CDATA[*/
#contentbox {
position: absolute;
left: 195px;
top: 132px;
width: 755px;
height: 390px;
border-top: 1px solid #838484;
overflow: auto;
font-size: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
/*]]>*/


.submitcontentbox {
width: 140px;
HEIGHT: 25px;
border: 1px solid #838484;
}

.submitcontentbox:hover {
width: 140px;
HEIGHT: 25px;
border: 1px solid #000000;
}

.submitwarenkorb {
width: 200px;
HEIGHT: 25px;
border: 1px solid #838484;
}
.submitwarenkorb:hover {
width: 200px;
HEIGHT: 25px;
border: 1px solid #000000;
}

.border {
border: 1px solid #838484;
}
.border:hover {
border: 1px solid #000000;
}


.textblau {
color: #4D85B3;
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-transform: none;
}

a.textblau:hover {
color: #000000;
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-transform: none;
}

.textrot {
color: #CC0000;
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-transform: none;
}

a.textrot:hover {
color: #000000;
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-transform: none;
}

.textgrau {
color: #999999;
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-transform: none;
}

a.textgrau:hover {
color: #000000;
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-transform: none;
}

.titelblaubold {
color: #4D85B3;
font-size: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-transform: none;
font-weight: bold;
}

.titelgraubold {
color: #999999;
font-size: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-transform: none;
font-weight: bold;
}

.textblack {
color: #000000;
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-transform: none;
}

.titelgraubold {
color: #999999;
font-size: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-transform: none;
font-weight: bold;
}

#hauptnav {
position: absolute;
left: 50px;
top: 106px;
width: 145px;
background-color: #ffffff;
border-top: 1px solid #838484;
z-index: 11;
}

#footerform {
position: absolute;
left: 65px;
top: 540px;
width: 330px;
height: 50px;
z-index: 20;
}

#footerform input{
FONT-SIZE: 12px; 
WIDTH: 146px; 
HEIGHT: 16px;
border: 1px solid #838484;
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
#footerform input:focus{
background-color: #CCCCCC;
color: #000000;
}

#benuzter {
position: absolute;
font-size: 12px;
text-transform: uppercase;
color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
}


#passwort {
position: absolute;
font-size: 12px;
text-transform: uppercase;
color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

#footernav {
position: absolute;
left: 420px;
top: 561px;
width: 551px;
height: 32px;
z-index: 30;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

a.footernav{
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
color: #FFFFFF;
}

a.footernav:hover {
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
color: #B3B3B3;
}

a.footernavklein{
font-size: 10px;
font-weight: normal;
text-transform: uppercase;
color: #FFFFFF;
}

a.footernavklein:hover {
font-size: 10px;
font-weight: normal;
text-transform: uppercase;
color: #B3B3B3;
}

#footer {
position: absolute;
left: 50px;
top: 528px;
width: 900px;
height: 62px;
background-color: #4D85B3;
z-index: 12;
}