html {
background: #FFFFFF url("images/site_background.png") repeat-y 32px 0%;
}

body {
background: #FFFFFF url("images/site_background.png") repeat-y 32px 0%;
font-size: 12px;
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
}

#all {
/*background: #32585D url("images/site_shadow_right.png") repeat-y 100% 0%;*/
color: #D6DEDF;
margin: 0 0 0 32px;
padding: 0;
position: relative;
width: 945px;
}

a {
color: #D6DEDF;
text-decoration: underline;
}
a:hover {
color: #FFFFFF;
}

h1 {
color: #FFFFFF;
font-size: 17px;
line-height: 150%;
}

h2 {
color: #D6DEDF;
font-size: 14px;
line-height: 150%;
margin: 1em 0 .25em 0;
}

p {
line-height: 155%;
margin: 0 0 1em 0;
}

ul {
line-height: 155%;
}

img.in-text-left {
float:left;
margin: 5px 12px 8px 0;
}

img.reference-logo {
border: 3px solid white;
}

td, th {
vertical-align: top;
}

/* contactform * ************************************************************/

input.contactform, textarea.contactform {
width: 300px;
}

textarea.contactform {
height: 150px;
}

.error {
color: #DB565A;
}

/* metanav * ****************************************************************/

#metanav {
font-size: 10px;
text-align: right;
line-height: 1.25em;
margin: 0;
padding: 17px 26px 4px 0;
}

#metanav li {
display: inline;
padding: 0 0 0 24px;
}

#metanav li a {
color: #C2CDCF;
text-decoration: none;
}
#metanav li a:hover {
color: #FFFFFF;
text-decoration: none;
}

/* header * *****************************************************************/

#header {
background: url("images/header_logo_background.png") no-repeat 108% 0%;
height: 200px;
position: relative;
}

#headerimage {
border: 0;
}

#headerlogo {
border: 0;
left: 343px;
padding: 5px;
position: absolute;
top: 72px;
}

/* navigation * *************************************************************/

#navigation {
float: left;
font-size: 12px;
line-height: 1.2em;
margin: 35px 0 64px 16px !important;
margin: 35px 0 64px 8px;
padding: 0;
text-align: right;
text-transform: uppercase;
top: 268px;
width: 204px;
}

#navigation li {
background: url("images/menu_line.png") no-repeat 100% 0%;
list-style-type: none;
margin: 0;
padding: 9px 3px 7px 0;
}
#navigation li.first-child { /* pseudo class :first-child doesn't work in IE6 :( */
background-image: none;
}

#navigation ul li {
background-image: none;
padding: 4px 0 2px 0;
line-height: 125%;
}

#navigation a {
color: #C2CDCF;
text-decoration: none;
}
#navigation a:hover {
color: #FFFFFF;
text-decoration: none;
}

#navigation ul {
margin: 0;
font-size: 11px;
font-weight: bold;
padding: 0;
text-transform: none;
}

#navigation ul ul {
font-weight: normal;
padding: 2px 0px 8px 0;
}

#navigation a.selected, #navigation a.active {
color: #FFFFFF;
font-weight: bold;
}

#navigation ul ul a.selected, #navigation ul ul a.active {
color: #FFFFFF;
font-weight: normal;
}

#navigation ul ul ul {
display: none;
}

/* content * ****************************************************************/

#content {
margin: 40px 240px 64px 296px;
padding: 0;
}

/* partner / reference ******************************************************/

.partner-reference {
background: url("images/refbox.jpg") no-repeat 0% 0%;
color: #32585D;
height: 86px;
margin: 0;
/* padding: wird im HTML-Code in Abhängigkeit von der Größe des Logos gesetzt */
vertical-align: middle;
/*width: 406px;*/
}

.partner-reference img {
margin: 0 8px 0 0;
padding: 4px;
border: 0px;
vertical-align: middle;
}

.partner-reference a {
color: #32585D;
text-decoration: none;
}
.partner-reference a:hover {
color: #CE5721;
text-decoration: none;
}


/* sidebar * ****************************************************************/

#sidebar {
float: right;
width: 188px;
margin: 45px 20px 64px 0 !important;   /* IE6 hack */
margin: 45px 10px 64px 0;              /* IE6 hack */
padding: 0;
}

.sidebox {
background: #47696E url("images/box_right.png") repeat-y 100% 0%;
color: #DAE1E2;
font-size: .9em;
margin: 0 0 8px 0;
padding: 0;
}

.sidebox h2 {
background: url("images/box_line.png") no-repeat 0% 100%;
color: #DAE1E2;
font-size: 11px;
margin: 0 12px 4px 12px;
padding: 10px 0 4px 1px;
text-transform: uppercase;
}

.sidebox p {
line-height: 140%;
margin: 6px 12px 8px 12px;
}

.sidebox a {
color: #DAE1E2;
text-decoration: none;
}
.sidebox a:hover {
color: #FFFFFF;
text-decoration: none;
}

.sideboxtop {
position: relative;
}
.sideboxtopleft {
background: url("images/box_topleft.png") no-repeat;
height: 7px;
left: 0;
position: absolute;
top: 0;
width: 7px;
}
.sideboxtopright {
background: url("images/box_topright.png") no-repeat;
height: 10px;
position: absolute;
right: 0;
top: 0;
width: 12px;
}

.sideboxbottom {
background: url("images/box_bottom.png") repeat-x 0% 100%;
height: 12px;
position: relative;
}
.sideboxbottomleft {
background: url("images/box_bottomleft.png") no-repeat;
bottom: 0;
height: 12px;
left: 0;
position: absolute;
width: 10px;
}
.sideboxbottomright {
background: url("images/box_bottomright.png") no-repeat;
height: 12px;
bottom: 0;
position: absolute;
right: 0;
width: 12px;
}

/* footer * *****************************************************************/

#footer {
clear: both;
font-size: 10px;
text-align: right;
margin: 0;
padding: 17px 26px 4px 0;
}

#footer li {
display: inline;
padding: 0 0 0 12px;
}

#footer li a {
color: #557378;
}