/* global settings -----------------------------------------------------------*/
html, body {
font-family: arial, helvetica, sans-serif;
font-size: 100.01%;
margin: 0;
padding: 0;
color: #5E5D5D;
}
body {
text-align: center;
background: #F1F1F1;
}
img {
margin: 0;
padding: 0;
border: 0;
}
ol, ul, li, p, h1, h2, h3, h4, h5, h6, table, form, input, select, textarea, div, dl, dt, dd {
margin: 0;
padding: 0;
}
a {
color: #CB0000;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
a.externallink {
padding: 0 0 0 12px;
background: url(../../css/$FILE/icon_external_link.gif) no-repeat left center;
}
hr {
clear: both;
height: 0;
border-top: 0;
border-bottom: 1px solid #990000;
color: #990000;
background: #990000;
}
/* helpers -------------------------------------------------------------------*/
a.readmore {
float: right;
padding-left: 12px;
margin-bottom: 10px;
background: url(../../css/$FILE/background_arrow_transparent.gif) no-repeat left center;
}
#framework {
text-align: left;
width: 938px;
margin: 0 auto;
padding: 0 10px;
background: #FFF;
voice-family: "\"}\"";
voice-family:inherit;
width: 958px;
}
html>body #framework {
width: 938px;
}
#framework br {
clear: both;
}
/* top settings --------------------------------------------------------------*/
#logo {
float: left;
width: 227px;
height: 78px;
}
/* navigation settings -------------------------------------------------------*/
/* navigationservice */
#navigationservice {
float: left;
width: 701px;
margin: 0 0 0 10px;
}
#navigationservice ul {
text-align: right;
white-space: nowrap;
font-size: 0.7em;
list-style: none;
padding: 48px 0 0 0;
}
#navigationservice ul li {
display: inline;
}
#navigationservice ul li a {
padding: 0 0 0 29px;
text-decoration: none;
color: #5E5D5D;
background: url(../../css/$FILE/background_navigation_service.gif) no-repeat 17px 3px;
}
#navigationservice ul li a:hover {
color: #CB0000;
background: url(../../css/$FILE/background_navigation_service_hover.gif) no-repeat 17px 3px;
}
#navigationservice ul li.active a {
font-weight: bold;
color: #CB0000;
background: url(../../css/$FILE/background_navigation_service_hover.gif) no-repeat 17px 3px;
}
/* navigationmain - container for navigationproducts and navigationcompany */
#navigationmain {
float: left;
width: 227px;
font-size: 0.8em;
}
/* navigationproducts - first level */
#navigationproducts ul {
list-style: none;
}
#navigationproducts ul li {
margin: 0 0 1px 0;
}
#navigationproducts ul li a {
width: 200px;
display: block;
padding: 4px 0 5px 27px;
text-decoration: none;
color: #FFF;
background: #CB0000 url(../../css/$FILE/background_navigation_products_01.gif) no-repeat 15px 8px;
voice-family: "\"}\"";
voice-family:inherit;
width: 227px;
}
html>body #navigationproducts ul li a {
width: 200px;
}
#navigationproducts ul li a:hover {
background: #B00202 url(../../css/$FILE/background_navigation_products_01_hover.gif) no-repeat 15px 8px;
}
#navigationproducts ul li.active a {
background: #CB0000 url(../../css/$FILE/background_navigation_products_01_active.gif) no-repeat 14px 10px;
}
/* navigationproducts - second level */
#navigationproducts ul li.active ul {
list-style: none;
}
#navigationproducts ul li.active ul li {
margin: 1px 0 0 0;
}
#navigationproducts ul li.active ul li a {
width: 188px;
display: block;
padding: 4px 0 5px 39px;
color: #5E5D5D;
background: #DDD url(../../css/$FILE/background_navigation_products_02.gif) no-repeat 27px 8px;
voice-family: "\"}\"";
voice-family:inherit;
width: 227px;
}
html>body #navigationproducts ul li.active ul li a {
width: 188px;
}
#navigationproducts ul li.active ul li a:hover {
font-weight: normal;
color: #CB0000;
background: #DDD url(../../css/$FILE/background_navigation_products_02_hover.gif) no-repeat 27px 8px;
}
#navigationproducts ul li.active ul li.active a {
color: #CB0000;
background: #DDD url(../../css/$FILE/background_navigation_products_02_hover.gif) no-repeat 27px 8px;
}
/* navigationcompany */
#navigationcompany {
margin: 5px 0 0 0;
}
/* navigationcompany - first level */
#navigationcompany ul {
list-style: none;
}
#navigationcompany ul li {
margin: 0 0 1px 0;
}
#navigationcompany ul li a {
width: 200px;
display: block;
padding: 4px 0 5px 27px;
text-decoration: none;
color: #5E5D5D;
background: #BEBEBE url(../../css/$FILE/background_navigation_company_01.gif) no-repeat 15px 8px;
voice-family: "\"}\"";
voice-family:inherit;
width: 227px;
}
html>body #navigationcompany ul li a {
width: 200px;
}
#navigationcompany ul li a:hover {
background: #B2B1B1 url(../../css/$FILE/background_navigation_company_01_hover.gif) no-repeat 15px 8px;
}
#navigationcompany ul li.active a {
background: #BEBEBE url(../../css/$FILE/background_navigation_company_01_active.gif) no-repeat 14px 10px;
}
/* navigationcompany - second level */
#navigationcompany ul li.active ul {
list-style: none;
}
#navigationcompany ul li.active ul li {
margin: 1px 0 0 0;
}
#navigationcompany ul li.active ul li a {
width: 188px;
display: block;
padding: 4px 0 5px 39px;
color: #5E5D5D;
background: #DDD url(../../css/$FILE/background_navigation_company_02.gif) no-repeat 27px 8px;
voice-family: "\"}\"";
voice-family:inherit;
width: 227px;
}
html>body #navigationcompany ul li.active ul li a {
width: 188px;
}
#navigationcompany ul li.active ul li a:hover {
font-weight: normal;
color: #CB0000;
background: #DDD url(../../css/$FILE/background_navigation_company_02_hover.gif) no-repeat 27px 8px;
}
#navigationcompany ul li.active ul li.active a {
color: #CB0000;
background: #DDD url(../../css/$FILE/background_navigation_company_02_hover.gif) no-repeat 27px 8px;
}
/* content settings ----------------------------------------------------------*/
/* global */
#content {
float: left;
width: 701px;
margin: 0 0 0 10px;
}
#content object {
margin: 0 0 15px 0;
}
#content img {
margin: 0 0 15px 0;
}
/* home */
.hometeaserwide {
float: left;
width: 199px;
height: 130px;
padding: 55px 30px 0 235px;
background: url(../../css/$FILE/background_home_teaser_wide.jpg) no-repeat;
voice-family: "\"}\"";
voice-family:inherit;
width: 464px;
height: 185px;
}
html>body .hometeaserwide {
width: 199px;
height: 130px;
}
.hometeaserwide p {
font-size: 0.8em;
padding: 0 0 12px 0;
color: #555;
}
.hometeasershort {
float: left;
width: 227px;
height: 185px;
margin: 0 0 0 10px;
background: #F1F1F1;
}
.hometeasershort.first {
background: #DDD;
margin: 0;
}
.hometeasershort h1 {
font-size: 0.9em;
padding: 15px 20px 14px 20px;
color: #CB0000;
background: #DDD;
}
.hometeasershort h2 {
font-size: 0.8em;
padding: 10px 20px 0 20px;
color: #CB0000;
}
.hometeasershort h3 {
font-size: 0.8em;
padding: 2px 20px 0 20px;
color: #CB0000;
}
.hometeasershort p {
font-size: 0.8em;
padding: 0 20px;
color: #616161;
}
.hometeasershort p a.readmore {
margin-bottom: 0;
}
.hometeasershort ul {
font-size: 0.8em;
list-style: none;
padding: 10px 20px 0 20px;
}
.hometeasershort ul li {
padding: 0 0 0 10px;
color: #616161;
background: url(../../css/$FILE/background_ul_li_arrow_red.gif) no-repeat 0 5px;
}
.hometeasershort ul li a {
padding: 0 0 5px 0;
color: #616161;
}
/* contentbox */
#contentbox {
float: left;
width: 444px;
padding: 0 10px;
voice-family: "\"}\"";
voice-family:inherit;
width: 464px;
}
html>body #contentbox {
width: 444px;
}
#contentbox br {
clear: none;
}
#contentbox h1 {
clear: both;
font-size: 0.9em;
color: #CB0000;
}
#contentbox h2 {
clear: both;
font-size: 0.8em;
padding: 10px 0 0 0;
color: #5E5D5D;
}
#contentbox p {
clear: both;
font-size: 0.8em;
padding: 10px 0 0 0;
color: #5E5D5D;
}
#contentbox img {
float: left;
margin: 0 20px 10px 0;
}
#contentbox table {
clear: both;
width: 100%;
font-size: 0.8em;
border-collapse: collapse;
margin: 10px 0 0 0;
border-top: 1px solid #F1F1F1;
border-right: 1px solid #F1F1F1;
border-left: 1px solid #F1F1F1;
color: #5E5D5D;
}
#contentbox table th {
text-align: left;
padding: 5px 5px 5px 10px;
border-right: 1px solid #FFF;
background: #F1F1F1;
}
#contentbox table th.last {
border-right: 1px solid #F1F1F1;
}
#contentbox table td {
vertical-align: top;
padding: 5px 5px 5px 10px;
border-bottom: 1px solid #DADADA;
border-left: 1px solid #DADADA;
}
#contentbox table tr:hover td {
background: #F1F1F1;
}
/* contentimageteaser */
#contentbox .contentimageteaser {
float: left;
width: 217px;
margin: 10px 0 0 0;
background: #F5F5F5;
}
#contentbox .contentimageteaser.last {
margin: 10px 0 0 10px;
}
#contentbox .contentimageteaser img {
float: none;
margin: 0;
}
#contentbox .contentimageteaser h1 {
font-size: 0.9em;
padding: 10px 20px 0 20px;
color: #CB0000;
}
#contentbox .contentimageteaser p {
font-size: 0.8em;
padding: 10px 20px;
color: #5E5D5D;
}
/* contenttextteaser */
#contentbox .contenttextteaser {
clear: both;
font-size: 0.8em;
padding: 10px 0 0 0;
}
#contentbox .contenttextteaser ul {
list-style: none;
}
#contentbox .contenttextteaser ul li {
float: left;
}
#contentbox .contenttextteaser ul li a {
width: 180px;
display: block;
padding: 5px 5px 5px 32px;
color: #616161;
background: #DADADA url(../../css/$FILE/background_arrow_transparent.gif) no-repeat 20px center;
voice-family: "\"}\"";
voice-family:inherit;
width: 217px;
}
html>body #contentbox .contenttextteaser ul li a {
width: 180px;
}
#contentbox .contenttextteaser ul li.last {
margin: 0 0 0 10px;
}
#contentbox .contenttextteaser ul li.back a {
background: #DADADA url(../../css/$FILE/background_arrow_transparent_back.gif) no-repeat 20px center;
}
/* contentul */
#contentbox .contentul {
clear: both;
font-size: 0.8em;
margin: 10px 0 0 0;
background: #F1F1F1;
}
#contentbox .contentul ul {
list-style: none;
padding: 10px 0;
}
#contentbox .contentul ul li {
padding: 0 5px 0 32px;
color: #5E5D5D;
background: #F1F1F1 url(../../css/$FILE/background_ul_li_square_red.gif) no-repeat 20px 7px;
}
/* contentol */
#contentbox .contentol {
clear: both;
font-size: 0.8em;
margin: 10px 0 0 0;
background: #F1F1F1;
}
#contentbox .contentol ol {
padding: 10px 0;
}
#contentbox .contentol ol li {
margin: 0 0 0 32px;
padding: 0 5px 0 0;
color: #5E5D5D;
background: #F1F1F1;
}
/* contentlist */
#contentbox .contentlist {
clear: both;
font-size: 0.8em;
padding: 10px 0 0 0;
}
#contentbox .contentlist ul {
list-style: none;
}
#contentbox .contentlist ul li a {
width: 412px;
display: block;
margin: 1px 0 0 0;
padding: 5px 0 5px 32px;
color: #5E5D5D;
background: #F1F1F1 url(../../css/$FILE/background_ul_li_arrow_red.gif) no-repeat 20px 10px;
voice-family: "\"}\"";
voice-family:inherit;
width: 444px;
}
html>body #contentbox .contentlist ul li a {
width: 412px;
}
#contentbox .contentlist ul li a strong {
color: #CB0000;
}
#contentbox .contentlist ul li.headline {
padding: 13px 5px 13px 32px;
background: #DDD;
}
#contentbox .contentlist ul li ul {
padding: 0 0 5px 0;
background: #F1F1F1;
}
#contentbox .contentlist ul li ul li a {
width: 380px;
display: block;
margin: 0;
padding: 1px 0 1px 64px;
background: #F1F1F1 url(../../css/$FILE/background_ul_li_arrow_red.gif) no-repeat 52px 6px;
voice-family: "\"}\"";
voice-family:inherit;
width: 444px;
}
html>body #contentbox .contentlist ul li ul li a {
width: 380px;
}
/* contentimagetext */
#contentbox .contentimagetext {
width: auto;
height: auto;
margin: 10px 0 0 0;
background: #F5F5F5;
}
#contentbox .contentimagetext img {
float: left;
margin: 0 15px 0 0;
border-right: 1px solid #FFF;
}
#contentbox .contentimagetext p {
clear: none;
color: #5E5D5D;
font-size: 0.8em;
margin: 0 15px 0 0;
padding: 15px;
}
/* contentnavigationservice */
#contentbox #contentnavigationservice {
clear: both;
padding: 20px 0 0 0;
}
#contentbox #contentnavigationservice img {
float: none;
margin: 0 0 0 10px;
}
#contentbox #contentnavigationservice ul {
float: right;
list-style: none;
}
#contentbox #contentnavigationservice ul li {
float: left;
}
/* serviceteaser */
#serviceteaserbox {
float: left;
width: 227px;
padding: 0 0 0 10px;
voice-family: "\"}\"";
voice-family:inherit;
width: 237px;
}
html>body #serviceteaserbox {
width: 227px;
}
.serviceteaser {
width: 187px;
margin: 0 0 10px 0;
padding: 15px 20px;
background: #F1F1F1;
voice-family: "\"}\"";
voice-family:inherit;
width: 227px;
}
html>body .serviceteaser {
width: 187px;
}
.serviceteaser h1 {
font-size: 0.9em;
color: #CB0000;
}
.serviceteaser ul {
font-size: 0.8em;
list-style: none;
padding: 10px 0 0 0;
}
.serviceteaser ul li {
padding: 0 0 0 10px;
color: #616161;
background: url(../../css/$FILE/background_ul_li_arrow_red.gif) no-repeat 0 6px;
}
.serviceteaser ul li a {
padding: 0 0 5px 0;
color: #616161;
}
/* form settings -------------------------------------------------------------*/
fieldset {
clear: both;
margin: 10px 0;
padding: 15px 20px;
border: 0;
color: #5E5D5D;
background: #F1F1F1;
}
fieldset .submittransparent {
margin: 0 0 0 15px;
}
input {
font-family: arial, helvetica, sans-serif;
font-size: 0.8em;
margin: 5px 0 0 0;
padding: 2px 5px;
border: 1px solid #7E7E7E;
color: #5E5D5D;
background: #FBFBFB;
}
input:active, input:focus, input:hover, textarea:active, textarea:focus, textarea:hover {
background: #FFF;
}
.submittransparent {
cursor: pointer;
text-align: left;
padding-left: 12px;
border: 0;
color: #5E5D5D;
background: url(../../css/$FILE/background_arrow_transparent.gif) no-repeat left center;
}
.submittransparent:active, .submittransparent:focus, .submittransparent:hover {
background: url(../../css/$FILE/background_arrow_transparent.gif) no-repeat left center;
}
/* footer settings -----------------------------------------------------------*/
#footerleft, #footermiddle, #footerright {
float: left;
font-size: 0.7em;
color: #CB0000;
}
#footerleft a, #footermiddle a, #footerright a {
text-decoration: none;
color: #CB0000;
}
#footerleft a:hover, #footermiddle a:hover, #footerright a:hover {
text-decoration: underline;
}
#footerleft {
padding: 10px 0 15px 0;
}
#footermiddle {
padding: 10px 0 15px 105px;
}
#footerright {
float: right;
text-align: right;
white-space: nowrap;
}
/* social bookmarks settings -------------------------------------------------*/
#contentbox .social-add-button-service {
float: left;
}
#contentbox #contentnavigationservice .social-add-button img {
margin: 0 10px 0 0;
}