img, div { behavior: url(iepngfix.htc) }

html, body {
margin:0;
padding:0;
height:100%; /* needed for container min-height */
font-family: Helvetica, Arial, sans-serif;
color:#CCCCCC;
font-size:13px;
line-height:17px;
background: #000000 url(../pics/main_bg.gif) fixed left top;
}

img {
border:0;
}

p {
margin: 0;
padding: 2px 0px;
line-height: 1.5em;
}

h1 {
padding:0px;
margin:0px;
font-family: Helvetica, Arial, sans-serif;
font-size:14px;
line-height:20px;
color: #03b5f0;
font-weight:normal;
}

a {
color:#03b5f0;
text-decoration:none;
}

a:hover, a.aktiv {
text-decoration:underline;
}

div#mitte {
background: url(../pics/transpBlack75_mit_grau.png);
position:relative; /* needed for footer positioning*/
margin:18px auto; /* center, not in IE5 */
xmargin-top:18px;
xmargin-bottom:50px;
width: 992px;
xheight:auto !important; /* real browsers */
xheight:100%; /* IE6: treaded as min-height*/
min-height:100%; /* real browsers */
padding:0px;
text-align: left;
border:0px solid #FF0000;
}

div#header {
xbackground: url(../pics/header_bg_1px.gif) repeat-x;
background: url(../pics/header_bg_1px_trans.png) repeat-x;
height:44px;
width:932px;
font-size:12px;
padding:10px 30px;
border:0px solid #0000ff;
}

div#menu {
float:left;
}

div#menu ul {
position:relative;
top:-15px;
left:100px;
padding:0px;
margin:0px;
list-style-type:none;
}

div#menu ul li {
float:left;
}

div#menu ul li a {
margin:0px 10px;
color:#666666;
text-decoration:none;
}

div#menu ul li a:hover, div#menu ul li a.aktiv {
color:#03b5f0;
}

div#office {
margin-top:12px;
float:right;
color:#03b5f0;
font-size:11px;
font-style:italic;
border:0px solid #0000ff;
}

div#content {
xbackground: url(../pics/transpBlack75_mit_grau.png);
xbackground: url(../pics/content_bg_black.gif) fixed 50% 0px;
/*
filter:alpha(opacity=70);  /* IE
-moz-opacity: 0.70; /* Mozilla
opacity: 0.70; /* Opera
*/
height:auto !important; /* real browsers */
height:100%; /* IE6: treaded as min-height*/
min-height:100%; /* real browsers */
padding-bottom:0px;
border:0px solid #0000ff;
}

div#links_aussen {
left:0px;
top:0px;
width:663px;
margin:0px;
padding:0px 0px 0px 15px;
border:0px solid #0000ff;
}

div#links_main {
xbackground-color:#333333;
color:#cccccc;
padding:15px;
height:auto !important; /* real browsers */
xheight:100%; /* IE6: treaded as min-height*/
min-height:100%; /* real browsers */
border:0px solid #00ff00;
}

div#kunden {
font-size:12px;
}

div#kontaktformular {
padding:10px 0px;
border-top:1px solid #000000;
font-size:13px;
}

div#kontaktformular label {
float:left;
padding-right:10px;
padding-top:3px;
width:80px;
}

div#kontaktformular input {
width:200px;
color:#000000;
padding:2px;
margin:3px 0px;
font-family: Helvetica, Arial, sans-serif;
font-size:12px;
border:1px solid #aaaaaa;
background-color:#CCCCCC;
}

div#kontaktformular textarea {
width:200px;
height:97px;
color:#000000;
padding:2px;
margin:3px 0px;
font-family: Helvetica, Arial, sans-serif;
font-size:12px;
border:1px solid #aaaaaa;
background-color:#CCCCCC;
}

div#kontaktformular input.submit {
width:80px;
color:#000000;
padding:2px;
margin:0px;
font-family: Helvetica, Arial, sans-serif;
font-size:12px;
border:1px solid #03b5f0;
background-color:#03b5f0;
}

div#kontaktformular input.submit:hover {
border:1px solid #039acc;
background-color:#039acc;
}

div#rechts {
position:absolute;
right:0px;
top:100px;
width:280px;
margin:0px;
padding:15px 15px 0px 0px;
font-size:14px;
border:0px solid #00ff00;
}

div#rechts ul {
display:block;
padding:0px;
margin:0px;
list-style-type:none;
}

div#rechts ul li {
width:255px;
height:30px;
padding:0px;
margin:0px 0px 2px;
display:block;
}

div#rechts ul li a {
background: url(../pics/button2.png) no-repeat 0px 0px;
display:block;
width:255px;
height:30px;
padding:0px;
margin:0px;
line-height:28px;
text-indent:10px;
color:#ffffff;
font-size:14px;
font-weight:bold;
text-decoration:none;
}

div#rechts ul li a:hover, div#rechts ul li a:active, div#rechts ul li a.aktiv {
background: url(../pics/button2_hover.png) no-repeat 0px 0px;
}

div#rechts a.newsletter {
background: url(../pics/newsletter_bg_hover.gif) no-repeat 0px 0px;
display:block;
width:271px;
height:27px;
padding:0px;
margin:0px;
line-height:25px;
text-indent:10px;
color:#333333;
font-size:14px;
font-weight:bold;
text-decoration:none;
}

div#rechts a.newsletter:hover, div#rechts a.newsletter:active {
background: url(../pics/newsletter_bg.gif) no-repeat 0px 0px;
}

div#footer {
background: url(../pics/footer_bg_15px_trans.png) top repeat-x;
position:absolute;
width:962px;
bottom:-60px; /* stick to bottom */
padding:15px;
padding-top:28px;
font-size:11px;
color:#888888;
border:0px solid #ff0000;
}

div#footer a {
margin:0px 2px;
padding: 3px;
font-size:11px;
color:#888888;
text-decoration:none;
}

div#footer a:focus, div#footer a:hover, div#footer a:active {
background-color: #444444;
}

div#copyright {
float:left;
}

div#footerlinks {
float:right;
}