html {
height: 100%;
}
body {
margin: 0 0 0 1px;
height: 100%;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #333;
background-color: #fff;
}
td {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
vertical-align: top;
empty-cells: show;
border: none;
}
a {
color: #0857a7;
text-decoration: none;
}
a.link {
background: transparent url('/img/a.gif') no-repeat left 6px;
color: #01499a;
display: block;
height: 15px;
padding: 3px 0 0 12px;
width: 168px;
text-decoration: none;
}
p {
margin: 0;
}
h1 {
color: #666;
font-size: 12px;
margin: 0;
}
h2 {
color: #0075b3;
font-size: 11px;
font-weight: bold;
margin: 0;
}
input {
font-size: 11px;
}
img.a {
border: none;
height: 6px;
width: 5px;
}
img.ar {
border: 0;
height: 5px;
vertical-align: middle;
width: 6px;
}
img.ab {
border: 0;
height: 9px;
vertical-align: middle;
width: 9px;
}
.clear {
clear: both;
}
div#top div#strip {
background-color: #ceced1;
height: 9px;
width: 100%;
}
div#top div#strip div.spacing, div#top div#top_content div.top_spacing, div#termination div.spacing, div#bottom div.spacing {
width: 973px;
}
div#top div#strip div#strip_l {
background-color: #fff;
float: left;
font-size: 0;
width: 252px;
height: 9px;
}
div#top div#strip div#strip_r {
background-color: #0075b3;
border-right: 1px solid #fff;
float: left;
font-size: 0;
height: 9px;
width: 720px;
}
div#top div#top_content {
clear: both;
height: 120px;
}
div#top div#top_content div#top_logo {
float: left;
width: 552px;
border-right: #efeff0;
}
div#top div#top_content div#top_logo div.spacing {
padding: 42px 0 0 32px;
}
div#top div#top_content div#top_logo div.spacing img#logo {
border: 0;
height: 43px;
width: 326px;
}
div#top div#top_content div#top_pic {
float: left;
width: 420px;
}
div#top div#top_content div#top_logo div.spacing img#top_pic {
border: 0;
height: 120px;
width: 420px;
}
div#top div#spacer {
background: transparent url('/img/top/spacer_bg_r.gif') repeat-x left top;
clear: both;
margin-top: 1px;
width: 100%;
}
div#top div#spacer div#spacer_l {
background: transparent url('/img/top/spacer_bg_l.gif') repeat-x left top;
border-right: 1px solid #fff;
text-align: right;
width: 972px;
}
div#top div#spacer div#spacer_l img.spacer {
border: 0;
height: 19px;
width: 420px;
}
div#top div#spacer2 {
background-color: #b7c5d3;
height: 4px;
width: 100%;
}
div#top div#spacer2 div#spacer2_l {
background-color: #0075b3;
border-right: 1px solid #fff;
font-size: 0;
height: 4px;
width: 972px;
}
div#top div#vl {
background: transparent url('/img/top/vl_r.gif') repeat-x left top;
height: 23px;
margin-top: 1px;
width: 100%;
}
div#top div#vl div#vl_l {
background: transparent url('/img/top/vl_l.gif') repeat-x left top;
border-right: 1px solid #fff;
height: 23px;
width: 972px;
}
/* Body */
div#body {
background-color: #6298c8;
clear: both;
width: 973px;
}
div#body div#indenting {
background-color: #0075b3;
border-bottom: 262px solid #fff;
float: left;
height: 46px;
width: 30px;
}
div#body div#main {
background-color: #f5f5f5;
float: left;
width: 943px;
}
div#body div#main div#menubox {
float: left;
width: 222px;
}
div#body div#menu {
border-bottom: 2px solid #fff;
height: 258px;
padding: 28px 25px 20px 25px;
}
div#body div#menu div#menu_top {
border-bottom: 1px solid #ccc;
padding-bottom: 6px;
text-align: right;
width: 172px;
}
div#body div#news {
padding: 24px 25px 20px 25px;
}
div#menu a, div#news a.news, td#menu a, td#news a.news {
background: transparent url('/img/a.gif') no-repeat left center;
border-bottom: 1px solid #ccc;
color: #01499a;
display: block;
padding: 3px 0 3px 12px;
width: 160px;
}
div#menu a.active, div#news a.news_active, td#menu a.active, td#news a.news_active {
background: transparent url('/img/ar.gif') no-repeat left center;
border-bottom: 1px solid #ccc;
color: #333;
display: block;
padding: 3px 0 3px 12px;
width: 160px;
}
div#body div#main div#content {
background-color: #fff;
border-right: 1px solid #efeff0;
float: right;
width: 720px;
}
div#body div#main div#content_head {
background-color: #6298c8;
border-bottom: 1px solid #fff;
padding: 21px 0 10px 20px;
}
div#body div#main div#content_head h1 {
color: #fff;
}
div#body div#main div#content div.spacing {
float: left;
padding: 34px 24px;
width: 671px;
}
div#body div#main div#minHeight {
float: right;
height: 680px;
width: 1px;
}
/* Bottom */
div#bottom {
background-color: #fff;
clear: both;
height: 22px;
width: 100%;
}
div#bottom div#bottom_indenting {
background-color: #fff;
clear: both;
float: left;
font-size: 0;
height: 22px;
width: 30px;
}
div#bottom div#bottom_menu {
background-color: #f5f5f5;
float: left;
font-size: 0;
height: 22px;
width: 222px;
}
div#bottom div#bottom_content {
background-color: #fff;
border-right: 1px solid #efeff0;
color: #999;
float: left;
height: 22px;
width: 720px;
}
div#bottom div#bottom_content div {
padding: 3px;
}
div#termination {
background-color: #ececec;
height: 5px;
width: 100%;
}
div#termination div#termination_indenting {
background-color: #666;
float: left;
font-size: 0;
height: 5px;
width: 30px;
}
div#termination div#termination_menu {
background-color: #b7b7b7;
float: left;
font-size: 0;
height: 5px;
width: 222px;
}
div#termination div#termination_content {
background-color: #666;
border-right: 1px solid #fff;
float: left;
font-size: 0;
height: 5px;
width: 720px;
}
/* Services */
div#service_head {
background-color: #6298c8;
border-bottom: 1px solid #fff;
padding: 21px 0 10px 20px;
}
div#service_head h1 {
color: #fff;
}
div.service_desc {
border-bottom: 1px solid #6298c8;
border-left: 18px solid #fff;
height: 182px;
float: left;
padding: 20px 10px 20px 0;
width: 330px;
}
div.service_pic {
background-color: #6298c8;
border-bottom: 1px solid #fff;
height: 150px;
float: left;
margin-left: 2px;
padding: 36px;
width: 288px;
}
div.service_pic img.service {
background-color: #fff;
border: 1px solid #999;
height: 146px;
width: 258px;
}
div.service_desc_last {
border-bottom: none;
border-left: 18px solid #fff;
height: 152px;
float: left;
padding: 20px 10px 20px 0;
width: 330px;
}
div.service_pic_last {
background-color: #6298c8;
border-bottom: none;
height: 120px;
float: left;
margin-left: 2px;
padding: 36px;
width: 288px;
}
td.service_desc {
border-bottom: 1px solid #6298c8;
border-left: 18px solid #fff;
height: 182px;
padding: 20px 10px 20px 0;
width: 332px;
}
td.service_desc a {
background: transparent url('/img/a2.gif') no-repeat left center;
padding-left: 15px;
}
td.service_pic {
background-color: #6298c8;
border-bottom: 1px solid #fff;
border-left: 2px solid #fff;
height: 150px;
padding: 36px;
width: 288px;
}
td.service_pic img.service {
background-color: #fff;
border: 1px solid #999;
height: 146px;
width: 258px;
}
/* Referenzen */
div#ref_head {
background-color: #6298c8;
border-bottom: 1px solid #fff;
padding: 21px 0 10px 20px;
}
div#ref_head h1 {
color: #fff;
}
div.ref_desc {
border-bottom: 1px solid #6298c8;
border-left: 18px solid #fff;
height: 182px;
float: left;
padding: 20px 10px 20px 0;
width: 330px;
}
div.ref_pic {
background-color: #ccc;
border-bottom: 1px solid #fff;
height: 150px;
float: left;
margin-left: 2px;
padding: 36px;
width: 288px;
}
div.ref_pic img.ref {
background-color: #fff;
border: 1px solid #999;
height: 146px;
width: 258px;
}
div.ref_desc_last {
border-bottom: none;
border-left: 18px solid #fff;
height: 152px;
float: left;
padding: 20px 10px 20px 0;
width: 330px;
}
div.ref_pic_last {
background-color: #ccc;
border-bottom: none;
height: 120px;
float: left;
margin-left: 2px;
padding: 36px;
width: 288px;
}
td.ref_desc {
border-bottom: 1px solid #6298c8;
border-left: 18px solid #fff;
height: 182px;
padding: 20px 10px 20px 0;
width: 332px;
}
td.ref_desc a {
background: transparent url('/img/a2.gif') no-repeat left center;
padding-left: 15px;
}
td.ref_pic {
background-color: #ccc;
border-bottom: 1px solid #fff;
border-left: 2px solid #fff;
height: 150px;
padding: 36px;
width: 288px;
}
td.ref_pic img.ref {
background-color: #fff;
border: 1px solid #999;
height: 146px;
width: 258px;
}
/* Startseite */
td#menu {
background-color: #f5f5f5;
border-bottom: 2px solid #fff;
vertical-align: top;
width: 222px;
height: 308px;
}
td#menu div.spacing {
padding: 28px 25px 20px 25px;
}
td#menu div#menu_top {
border-bottom: 1px solid #ccc;
padding-bottom: 6px;
text-align: right;
width: 172px;
}
td#news {
background-color: #f5f5f5;
vertical-align: top;
width: 222px;
}
td#news div.spacing {
padding: 24px 25px 20px 25px;
}
table#home {
table-layout: fixed;
width: 100%;
border: 0;
border-spacing: 0;
border-collapse: separate;
margin: 0;
padding: 0;
}
table#home td {
margin: 0;
padding: 0;
}
table#home div#indenting {
background-color: #0075b3;
height: 46px;
width: 30px;
}
td#upper_left {
width: 30px;
height: 308px;
}
td#upper_content_left {
color: #01499a;
width: 321px;
}
td#upper_content_left div.spacing, td#upper_content_right div.spacing {
padding: 34px 24px;
}
td#upper_content_right {
border-right: 1px solid #efeff0;
color: #01499a;
width: 399px;
}
td#lower_left {
background-color: #6298c8;
}
td#median {
border-right: 1px solid #efeff0;
height: 44px;
}
td#lower_content {
color: #fff;
width: 720px;
background: #6298c8 url('/img/home/cross.gif') no-repeat 301px 272px;
border-right: 1px solid #fff;
}
div#lower_content_left {
float: left;
height: 376px;
width: 345px;
}
div#lower_content_right {
float: left;
height: 376px;
width: 360px;
}
td#lower_right {
background-color: #d0e0ee;
}
table#home img#text1 {
border: 0;
height: 83px;
width: 245px;
}
table#home img#text2 {
border: 0;
height: 61px;
width: 340px;
}
table#home img#imgt {
border: 0;
height: 44px;
width: 317px;
}
table#home img#imgb {
border: 0;
height: 144px;
width: 317px;
}
table#home img#text3 {
border: 0;
height: 58px;
margin: 22px 0 27px 0;
width: 310px;
}
/* Kontakt */
input.contact {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
border: none;
background-color: #e3e3e3;
width: 200px;
height: 18px;
padding: 1px;
}
input.contact_error {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
border: 1px dotted #ff0000;
background-color: #e3e3e3;
width: 200px;
height: 18px;
padding: 1px;
}
textarea.contact {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
border: none;
background-color: #e3e3e3;
width: 400px;
height: 80px;
padding: 1px;
}
textarea.contact_error {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
border: 1px dotted #ff0000;
background-color: #e3e3e3;
width: 400px;
height: 80px;
padding: 1px;
}
input.contact_submit {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
border: none;
background: transparent url('/img/a2.gif') no-repeat left center;
width: 150px;
height: 18px;
}
.inputsuccess {
font-weight: bold;
color: #0075b3;
}
.inputerror {
font-weight: bold;
color: #ff0000;
}
/* CMS Login */
div#cms_login {
width: 200px;
height: 207px;
background-color: #fff;
border: 1px solid #dbdbdb;
text-align: center;
}
div#cms_login_space {
padding: 12px 0 0 0;
}
div#cms_login form {
width: 186px;
height: 107px;
margin: auto;
text-align: center;
background-color: #e6e6e6;
font-size: 11px;
}
div#cms_login form div {
width: 140px;
text-align: left;
margin: auto;
}
div#cms_login form input[type=text], div#cms_login form input[type=password] {
width: 138px;
height: 14px;
background-color: #fff;
border: 1px solid #a5acb2;
color: #333;
font-size: 11px;
}
div#cms_login form input[type=submit] {
width: 68px;
height: 18px;
text-align: center;
background-color: #777;
border: 1px solid #efefef;
color: #fff;
font-size: 11px;
margin-left: 74px;
}