body {
background-color:#eee;
color:#333;
font-family:verdana,arial,helvetica,sans-serif;
margin:0px 50px 50px 50px;
font-size:11px;
border: solid 1px white;
}

a {
color:#333;
}
a:active {
color:#333;
text-decoration:underline;
}
a:visited {
color:#014A7F;
}

blockquote {background-color: white; border: solid 1px #333333;font-weight: 700; padding: 10px;}
hr {border:solid 1px #ccc; height:1px;}

h1 {font-size: 1.3em; color:#004477;}
h2 {font-size: 1.1em; color:#004477; }
h3 {font-size: 1.0em; color:#004477;}
#kopfrechts {text-align:right;border: solid 1px white;min-height:100px;}
#kopfrechts h1{margin: 2em 11px 0.1em 1em;color:#014A7F;}
#kopfrechts img{float:left;padding:12px;}
#kopfrechts ul {display:inline;}
#kopfrechts li {display:inline;}
#kopfrechts li a{padding: 2px 10px 2px 10px;}
#topnavi {
background: #ccc;
background-image:url(grafiken/navibg.jpg);
border-left: solid 1px #fff;
border-right: solid 1px #fff;
border-bottom: solid 3px #004477;
}

#topnavi ul {
 width: 100%;
margin: 0 0 -1px 0;
padding: 0px;
}

#topnavi li {
color:#333;
display: inline;
list-style-type: none;
margin: 0;
}

#topnavi a {
font-weight: 400;
color: #333;
text-decoration: none;
padding: 5px 10px 5px 10px;
line-height:25px;
margin: -1px 0 -2px 0;
border-right: solid 1px #fff;
}

#topnavi li a:hover {
color:#014A7F;
}
#topnavi li a.act {color:#fff; background-color: #004477;}

#navlinks {
position: relative;
float: left;
width: 250px;
margin-top: 1px;
}
#navlinks ul {
list-style-type: none;
}
#navlinks li {
line-height:20px;
}
#navlinks a {
color: #333;
text-decoration: none;
font-weight: 400;
display:block;
border-left:solid 7px #eee;
border-bottom:solid 1px #c0c0c0;
padding:5px;
}
#navlinks a:hover {
background-color: #fff;
border-left: solid 7px #004477;
}
#navlinks .aktiv {
border-left: solid 7px #004477;
background-color: #fff;
}
#kopfbild {background-image:url(img-header/hsb-3000.jpg);
background-position: top left;
background-repeat: no-repeat;
height: 140px;
margin-left:252px;
border: solid 1px #fff;
border-top: 0;}

#newsbox {
margin-top: 0px;
background-color: #eee;
border: solid 1px #fff;
margin-left:252px;
padding: 20px;
max-width: 1000px;
min-height: 800px;
}

#newsbox img{
margin: 7px;
}

#newsbox h1 {font-size: 1.3em;}
#breadcrumb {
font-size:0.8em;
border-bottom:1px solid #808080;
padding-bottom:1px;
}
#breadcrumb a {padding-right: 3em; text-decoration: none; color:#333;}
#breadcrumb a:hover {text-decoration: underline;}

h1 {font-size: 1.8em;}

#techdata {
margin: 5px;
background-color: white;
border:solid 2px #ccc;
max-width:800px;
border-collapse: collapse;
}
#techdata th {padding:7px;}
#techdata td {
vertical-align: top;
border: 1px solid #ccc;
padding:7px;
}
#fusszeile {
font-size:0.9em;
border-top: solid 1px #fff;
}

#fusszeile a{text-decoration: none; color: #333;}
#adresse {
padding-bottom: 2em; }

#fin{
border-bottom:1px solid #808080; margin-top: 50px;
}
#fin a {text-decoration: none; text-transform: uppercase; padding-right: 3em;}
#fin a:hover {text-decoration:underline;}
.logo {
float:left; margin: 12px;
}
.links {
float: left;
margin: 7px;
}

.rechts {
float: right;
margin: 7px;
}

.referenzliste {
float: left;
width: 200px;
margin: 3px;
}
.cb {clear:both;}
.cl {clear:left;}
dl {margin-bottom: 3em; border-bottom: solid 1px #ccc;}
dt {font-weight: bold; width: 120px;display: inline; float: left;}
dd { margin-left: 120px;margin-bottom:0.7em;}

@media print {
body {width:21cm; font-size:11pt;}
#kopfrechts ul {display: none;}
#topnavi {display:none;}
#topnavi a {display:none;}
#navlinks {display:none;}
#navlinks a  {display: none;}
#kopfbild {display:none;}
#newsbox {margin-left: 1cm;}
#fin {display:none;}
#copy {display:none;}
}