html,body {
/*height: 100%;*/
}
html>body {
/*height: 100%;*/
}

body {
background-color:#fff;
font-family:Arial, Verdana, "Lucida Grande", Lucida, sans-serif;
font-size:11px;
font-weight:normal;
color:#000;
margin:0;
padding:0;
text-align:left;
background:url(../images/bg_gray.gif) repeat-y;
}

body, p {line-height:1.4em;}

p {
margin:6px 0;
/* margin:6px 0; */
}
p.bigBlock {
margin:6px 0;
}
* html p.bigBlock {
margin:4px 0;
}

/* ################# structural elements #################### */

#outerContainer { /* the gey surrounding */
padding:10px 0 0 10px;
background-color:#f0f0f0;
}

#innerContainer { /* makes white background with height 100% */
height:100%;
background-color:#fff;
width:990px;
overflow-x:hidden;
}

#headTop {
background-color:#fff;
width:990px;
height:100px;
}

#headTopLogo {
float:left;
padding:20px 0 0 27px;
width:200px;
}
#headTopNavigation {
float:right;
padding:10px 10px 0 0;
color:#babcbf;
font-size:11px;
}

#contentContainer {
background-color:#fff;
padding:15px 0 0 10px;
width:980px;
overflow-x:hidden;
}

#contentLeft {
float:left;
width:170px;
padding:0 20px 0 0;
}
* html #contentLeft {
width:170px;
}
#contentRight {
float:right;
width:250px;
padding:0;
}
#contentMain {
float:left;
padding-right:10px;
width:530px;
}
* html #contentMain {
width:527px;
}

#searchResultPaging {
margin:10px 0;
}
#searchResultPaging a {
margin-left:5px;
}


/* ################# general tags #################### */

hr {
color:#F0F0F0;
background:#F0F0F0;
border:0;
height:1px;
margin:5px 0;
}
* html hr {
margin:2px 0;
}

img {
display:block;
border:0;
}
img.inline {
display:inline;
}
img.border1 {
border:1px solid #000;
}
img.border2 {
border:2px solid #000;
}

h1, h2, h3 {
margin:5px 0 5px 0;
font-size:14px;
color:#237dcc;
}
h2, h3 {
font-size:12px;
margin:3px 0;
}

h1 {
margin:0 0 1px 0;
color:#000;
}
h2 {
margin:0 0 10px 0;
color:#000;
}

h1 a, h2 a {
font-weight:bold;
background-image:none;
}

ul {
list-style-type:none;
margin-left:0;
padding-left:0;
margin: 0px 0px;
}
ul li {
background:url(../images/listbull.gif) no-repeat;
background-position:0 3px;
padding-left:10px;
}

td li {
list-style-type:none;
background:url(../images/listbull.gif) no-repeat;
background-position:0 3px;
padding-left:10px;
}
ol {
margin-left:5px;
padding-left:15px;
margin: 0px 0px;
}
* html ol {
margin-left:10px;
}
ol li {
background-image:none;
padding-left:0;
}

table {
margin:0;
}
table, td, th {
border:0;
border-collapse:collapse;
}
td, th {
/*padding:3px 6px 3px 0;*/
/*vertical-align:top;*/ /* for tiny: don't set this option so columns can be manipulated accordingly */
}
th {
color:#babcbf;
}

td, #calendarTable td, #calendarTable th, #downloadTeaser td, #downloadTeaser th, 
#downloadsContent th, #downloadsContent td, #downloadsPageNavi td, #downloadsPageNavi th, 
#login td, #login th, #lostPassword td, #lostPassword th {
vertical-align:top;
}
#dealerTable td {
vertical-align:bottom;
padding-right: 30px;
padding-top: 8px;
}
#dealerTable h2 {
    font: bold 11px Arial, Verdana, "Lucida Grande", Lucida, sans-serif;
    margin-bottom: 0px;
    margin-top: 11px;
}
#dealerTable p {
    margin-bottom: 0px;
}
fieldset {
padding:0;
margin:0;
/* border:1px solid #babcbf; */
border:0;
}
* html fieldset { /* ie only */
padding-top:0;
}
legend {
padding: 1px 0;
color:#000;
font-weight:800;
}
* html legend { /* ie only */
padding:1px 0 10px 0;
margin:0 0 0 -7px;
}

.errorMessage {
margin-bottom:10px;
padding:5px 10px 5px 21px;
font-weight:normal;
border:1px solid #f0f0f0;
color:#D60C29;
background:url('../images/error_icon.gif') no-repeat;
background-position:11px 8px;
width:440px;
}
* html .errorMessage {
width:435px;
}

strong.head {
display:block;
padding-bottom:4px;
}

/* ################# form related tags #################### */

form {
display:inline;
margin:0;
padding:0;
}

input, textarea, select, option {
border:1px solid #babcbf;
font-size:10px;
color:#000;
background-color:#fff;
}
textarea {
font-size:12px;
}
#headTopNavigation input {
float:left;
margin:-2px 0 0 10px;
}

#searchSubmit {
float:left;
padding-top:3px;
}

input.auto {
width:auto;
padding:0;
margin:0;
}
input.input_searchbox {
width:120px;
}
.borderless {
border:0;
margin-top: 3px;
margin-bottom: -3px;
}

option {
border:0;
}
/*
#contactFormStandard {
width:100%;
}
#contactFormStandard textarea {
width:466px;
}
* html #contactFormStandard textarea {
width:461px;
}
*/
#contactFormStandard {
width:420px;
}
#contactFormStandard label {
display:block;
float:left;
width:100px;
margin-top:5px;
}
#contactFormStandard input {
float:left;
margin-top:5px;
width:310px;
}
#contactFormStandard input.borderless {
width:auto;
}
#contactFormStandard textarea {
width:410px;
}
#contactFormStandard select {
float:left;
margin-top:5px;
width:312px;
}
#contactFormTraining {
width:505px;
}
#contactFormTraining #adr label {
display:block;
float:left;
width:100px;
margin-top:5px;
}
#contactFormTraining #adr input {
float:left;
margin-top:5px;
width:310px;
}
#contactFormTraining #adr input.borderless {
width:auto;
}
#contactFormTraining #message {
    width:410px;
    margin-top: 15px;
}
#contactFormTraining select {
float:left;
margin-top:5px;
width:312px;
}
#TrainingThemesRight label, #TrainingThemesLeft label {
    width: auto;
}
#TrainingThemesRight input, #TrainingThemesLeft input {
    border: 0px;
    float: left;
    clear: left;
    margin-top: -3px;
    margin-bottom: 3px;
}
#TrainingThemesRight br, #TrainingThemesLeft br {
    clear: both;
}
#selection_standard {
    padding: 9px;
    float: left;
    width: 245px;
    height: 222px;
    border: 1px solid #CCCCCC;

}

/* ################# DOCUMENT LISTS #################### */

table.iconFilesize, table.iconFilesize td {border:0;}
table.iconFilesize td {padding:0;}


/* ################# FAQ #################### */
div.faqAnswer {
margin:15px 0;
}
div.faqAnswer p.faqAnswerQ {
margin:0;
}
div.faqAnswer p.faqAnswerA {
/*margin:0 0 20px 0;*/
}

a.up {
display:block;
text-align:right;
border:0;
}
a.up img {
text-align:right;
border:0;
padding-right:10px;
}


/* ################# TEASER BOXES #################### */

.teaserRight, #newsletterbox {
padding:0;
margin:0 0 10px 0;
border:1px solid #f0f0f0;
width:250px;
overflow:hidden;
}
/* the usual strange ie behaviour */
* html .teaserRight, * html #newsletterbox {
margin:0 -2px 10px 0;
}
.teaserRight p.teaserRightHead, #newsletterbox  p.teaserRightHead {
background-color:#f0f0f0;
font-weight:bold;
line-height:25px;
padding:0 0 0 10px;
margin:0;
font-size:12px;
}
/* the usual strange ie behaviour */
* html .teaserRight p.teaserRightHead, * html , #newsletterbox  p.teaserRightHead  {
margin-right:-2px;
}
.teaserRight .teaserRightBody, #newsletterbox  .teaserRightBody, #newsletterBoxError  {
padding:4px 10px 10px 10px;
margin:0;
font-size:11px;
}
/* TODO: maybe used for all h1 + h2 */
/*
.teaserRight .teaserRightBody h1 {
margin:0 0 1px 10px;
}
.teaserRight .teaserRightBody h2 {
margin:0 0 10px 10px;
color:#000;
}
*/

.mainTeaserBox {
padding:0 0 25px 0;
}

.mainTeaserBox h1 {
margin:0 0 3px 0;
padding:0 0 0 10px;
background:url('../images/link_streifen.gif') no-repeat;
background-position:0 3px;
background-color:#fff;
}
* html .mainTeaserBox h1 {
background-position:0 2px;
}
.mainTeaserBox em {
display:block;
margin:0 0 7px 0;
padding:0 0 0 10px;
}

#contentLeft .newsTeaser {
margin:0 0 15px 0;
}
#contentLeft .newsTeaser h1, #contentLeft .newsTeaser h2 {
margin-left:0;
margin-bottom:0;
}
#contentLeft .newsTeaser a {
padding-left:10px;
background:url('../images/link_streifen.gif') no-repeat;
background-position:0 3px;
}
#contentLeft .newsTeaser a:hover {
padding-left:10px;
background:url('../images/link_streifen.gif') no-repeat;
background-position:0 3px;
}

#contentMain .contentMainLeft {
float:left;
padding-top:10px;
width:120px;
overflow:hidden;
}
#contentMain .contentMainRight {
float:left;
padding-left:20px;
width:390px;
}
#contentMain .contentMainLeft img {
padding-top:10px;
}
#contentMain .contentMainLeft img.arrup {
padding-top:3px;
}

#contentMain .mainTeaserBox2col {
padding-top:10px;
}
#contentMain .mainTeaserBox2colLeft {
float:left;
width:260px;
padding-right:5px;
}
#contentMain .mainTeaserBox2colRight {
float:left;
width:260px;
padding-left:5px;
}
#contentMain .mainTeaserBox2col h1 {
margin:0 0 3px 0;
padding:0 0 0 10px;
background:url('../images/link_streifen.gif') no-repeat;
background-position:0 3px;
}
#contentMain .mainTeaserBox2col em {
display:block;
margin:0 0 7px 0;
padding:0 0 0 10px;
}

.imageBlockHorizontally {
margin-bottom:20px;
}
.imageBlockHorizontally img {
float:left;
padding-right:10px;
}

#newsletterbox {
margin-bottom:0;
}
#newsletterBoxError {
margin-bottom:10px;
padding:5px 10px 5px 21px;
font-weight:normal;
border:1px solid #f0f0f0;
border-top:0;
color:#D60C29;
background:url('../images/error_icon.gif') no-repeat;
background-position:11px 8px;
}
#newsletterbox input.emailfield {
margin-left:40px;
width:150px;
}
#newsletterbox strong.gray {
color:#949694;
}


/* ################# NAVIGATION LISTS #################### */

/* ------- Top Service Navigation */
#headTopNavigation ul {
margin:-10px 0 0 0;
padding:0;
background-color:transparent;
color:#babcbf;
float:left;
/*width:100%;*/
font-size:11px;
}
#headTopNavigation ul li {
display:inline;
border:0;
background-image:none;
padding-left:0;
}
#headTopNavigation ul li a {
padding:10px 6px 4px 2px;
background-color:#fff;
color:#babcbf;
text-decoration:none;
float:left;
margin-right:5px;
border:0;
background:url('../images/link_streifen_grau.gif') no-repeat;
background-position:0 0;
/*width:180px;*/
}
#headTopNavigation ul li a:hover {
color:#237dcc;
}
#headTopNavigation ul li a:active {
color:#babcbf;
}
/* not so beautiful... */
#headTopNavigation ul li label {
display:block;
float:left;
padding:10px 6px 4px 2px;
background:url('../images/link_streifen_grau.gif') no-repeat;
background-position:0 0;
border:0;
}
/* language dropdown */
#headTopNavigation ul li a.drop {
padding:0;
display:block;
width:79px;
background-image:url(../images/dropdown_bullet_active.gif);
background-position:right top;
}
#headTopNavigation ul li a.dropInactive {
padding:0;
display:block;
width:79px;
background-image:url(../images/dropdown_bullet_inactive.gif);
background-position:right top;
}
#languageDropParent {
float:left;
padding:10px 6px 4px 2px;
background:url('../images/link_streifen_grau.gif') no-repeat;
background-position:0 0;
}
#languageDrop {
position:absolute;
z-index:20;
border:0;
background-color:#fff;
padding:5px 0px 5px 1px;
width: 81px;
}
img#languageDropArrow {display:inline;padding-right:16px;padding-left:8px;}

/* ------- Top Main Navigation */
#headMainNavigationList ul {
margin:0;
padding:0;
background-color:transparent;
color:#237dcc;
float:left;
/*width:100%;*/
font-family:arial, helvetica, sans-serif;
font-size:11px;
width:740px;
background-color:#f0f0f0;
}
#headMainNavigationList ul li {
display:inline;
background-image:none;
padding-left:0;
}
#headMainNavigationList ul li a {
padding:8px 15px;
background-color:#f0f0f0;
color:#237dcc;
text-decoration:none;
float:left;
font-weight:bold;
text-transform:uppercase;
border-left:1px solid #f0f0f0;
/*width:180px;*/
}
/* not so beautiful... */
#headMainNavigationList ul li a.first {
padding:8px 15px 8px 30px;
}
#headMainNavigationList ul li.active a {
background:url('../images/link_streifen.gif') no-repeat;
background-position:7px 11px;
}
#headMainNavigationList ul li.active a.first {
background-position:23px 11px;
}
#headMainNavigationList ul li.active a:hover, #headMainNavigationList ul li.active a:active {
color:#237dcc;
}
#headMainNavigationList ul li a:hover{
color:#babcbf;
background:url('../images/link_streifen.gif') no-repeat;
background-position:7px 11px;
}
#headMainNavigationList ul li a.first:hover{
background-position:23px 11px;
}
#headMainNavigationList ul li.active a.first:hover{
background-position:23px 11px;
}
#headMainNavigationList ul li a:active {
color:#237dcc;
}
/* login navi */
#headMainNavigationList ul#loginNavigation {
width:250px;
background-color:#E5E6E6;
}
#headMainNavigationList ul#loginNavigation li a {
width:229px;
padding:8px 10px;
background:url('../images/submit_button_w.gif') no-repeat;
background-position:230px 10px;
background-color:#E5E6E6;
}
#headMainNavigationList ul#loginNavigation li a:hover {
color:#fff;
background:url('../images/submit_button_w.gif') no-repeat;
background-position:230px 10px;
background-color:#237dcc;
}
/* if user is logged in, he gets an empty item displayed */
#headMainNavigationList ul#loginNavigation li.loginNavigationEmpty {
padding:8px 15px;
background-color:#f0f0f0;
color:#237dcc;
text-decoration:none;
float:left;
font-weight:bold;
text-transform:uppercase;
border-left:1px solid #f0f0f0;
width:250px;
}
* html #headMainNavigationList ul#loginNavigation li.loginNavigationEmpty {
width:219px;
}

/* ------- Subnavigation Navigation */
#contentLeft ul {
margin:0 0 0 10px;
padding-left: 0;
list-style-type: none;
font-size:12px;
}

#contentLeft ul li {
background-image:none;
padding-left:0;
}

#contentLeft ul li.active a {
font-weight:bold;
background:url('../images/link_streifen.gif') no-repeat;
background-position:0 6px;
}
#contentLeft ul li.active3 a  {
font-weight:normal;
background:url('../images/link_streifen.gif') no-repeat;
background-position:0 6px;
}
#contentLeft ul li.parentNode a {
font-weight:bold;
}
#contentLeft ul li a {
display: block;
padding: 3px 3px 3px 10px;
width: 140px;
background-color: transparent;
}
#contentLeft ul li.active a:hover, #contentLeft ul li.active a:active {
color: #237dcc;
}
#contentLeft a:link, #contentLeft a:visited {
color: #237dcc;
text-decoration: none;
}
#contentLeft a:hover, #contentLeft a:active {
color: #babcbf;
}
/*#contentLeft a:hover {
background:url('../images/link_streifen.gif') no-repeat;
background-position:0 6px;
}*/

/*####### Fuer die Quicklinks ######*/

#quicklinks li {
         padding: 0;
    /*list-style-image: url('../images/icons/bt-quicklinks.gif');*/
         margin-left: 6px;
}
#quicklinks a {
    padding-left: 16px;
    margin-bottom: 10px;
         /*font-size:10px;*/
background:url('../images/icons/bt-quicklinks.gif') no-repeat 0px 1px;
}

/* ################# calendar #################### */

table#calendarNewEntry {
width:530px;
}
table#calendarNewEntry td input, table#calendarNewEntry td textarea, table#calendarNewEntry td select {
width:200px;
}

table#calendarTable {
width:530px;
margin-top:10px;
}
table#calendarTable th.first {
width:145px;
}
table#calendarTable th.second {
width:130px;
}
table#calendarTable th.third {

}
table#calendarTable th {
color:#babcbf;
text-decoration:none;
padding-bottom:10px;
padding-left:2px;
height:20px;
vertical-align:bottom;
background:url('../images/link_streifen_grau.gif') no-repeat;
background-position:0 0;
border-top:1px solid #F0F0F0;
}
table#calendarTable th a {
color:#babcbf;
}
table#calendarTable th a:hover {
color:#237dcc;
}
table#calendarTable td {
padding:0 0 5px 0;
}
table#calendarTable td.paging {
border-top:1px solid #F0F0F0;
padding-top:5px;
}
table#calendarTable td.paging a {
margin-left:10px;
}


/* ################# REFERENZEN #################### */
#referenzen {

}
#referenzen .referenzenLeft {
float:left;
}
#referenzen .referenzenRight {
float:left;
padding:0 0 0 10px;
}
#referenzen img {
margin:5px 0;
}


/* ################# DOWNLOAD LISTS #################### */
.downloads table {
width:100%;
margin-top:10px;
}
.downloads table td {
vertical-align:top;
padding:0 0 5px 2px;
}
.downloads table td a {
margin:0;
padding-top:0;
background-position:0 3px;
}
.downloads table td.first {
width:310px;
padding-right:10px;
}
.downloads table td.second {
width:145px;
padding:0;
}
.downloads table th {
border-top:1px solid #F0F0F0;
padding-bottom:10px;
}
.downloads table th, .downloads table th a {
color:#babcbf;
text-decoration:none;
padding-left:2px;
height:20px;
vertical-align:bottom;
background:url('../images/link_streifen_grau.gif') no-repeat;
background-position:0 0;
}

.downloads table td.downloadsFoot {
border-top:1px solid #F0F0F0;
}


/* ################# SITEMAP #################### */

#sitemapHead h1 {
margin:0 0 20px 0;
}
.lvl1 {
    width:260px;
    background-color: #F7F3F7;
    margin-top: 20px;
}
.lvl1 a {
    padding-top:2px;
    padding-bottom:2px;
    padding-left: 15px;
    display:block;
}
* html .lvl1 a {
    width:250px;
}
.lvl1 a:hover {
    padding-left: 15px;
    background:url('../images/link_streifen.gif') no-repeat;
    background-position:5px 4px;
}
.lvl2 {
    width:260px;
    margin-top: 2px;
}
.lvl2 a {
    margin-left: 35px;
    padding-top:2px;
    padding-bottom:2px;
    padding-left:10px;
    display:block;
    border-bottom:1px solid #F7F3F7;
}
* html .lvl2 a {
    width:210px;
}
.lvl2 a:hover {
    margin-left: 35px;
    padding-left:10px;
    background:url('../images/link_streifen.gif') no-repeat;
    background-position:0px 4px;
}
.lvl3 {
    width:260px;
    margin-top: 2px;
}
.lvl3 a {
    margin-left: 55px;
    padding-top:2px;
    padding-bottom:2px;
    padding-left: 30px;
    display:block;
}
* html .lvl3 a {
    width:180px;
}
.lvl3 a:hover {
    margin-left: 55px;
    padding-left: 30px;
    background:url('../images/link_streifen.gif') no-repeat;
    background-position:20px 4px;
}
.lvl4 {
    width:260px;
    margin-top: 2px;
}
.lvl4 a {
    padding-left: 70px;
    display:block;
}
.lvl4 a:hover{
    padding-left: 70px;
    background:url('../images/link_streifen.gif') no-repeat;
    background-position:60px 2px;
}


/* ################# STANDARD LINKS #################### */

/* text links inline */
a {
color: #237dcc;
text-decoration: none;
font-weight: normal;
/*font-weight: normal;*/ /* rbi ??? */
}

a:link {
color: #237dcc;
}
a:visited {
color: #237dcc;
}
a:hover {
color: #babcbf;
text-decoration: none;
}
a:active {
color: #babcbf;
}

/* text links block with prefixed line */
a.block, .block {
display:block;
line-height:15px;
padding:4px 0 0 10px;
background:url('../images/link_streifen.gif') no-repeat;
background-position:0 7px;
}

/* text links headline1 in teaser right */
a.headline {
display:block;
font-weight:bold;
line-height:15px;
padding:5px 0 0 10px;
margin-bottom:0;
background:url('../images/link_streifen.gif') no-repeat;
background-position:0 7px;
}


/* ################### MISC ##################### */
table#lostPassword th {
color:#000;
}
/* the print-preview button / link */
div.printbutton { margin:0; float:right; }
div.backbutton { margin:0; float:left; }
hr.printback {
color:#E5E6E6;
background:#E5E6E6;
border:0;
height:1px;
margin:20px 0 2px 0;
}


/* ######### min-height workaround for ie ############ */
.minheight {
min-height:200px;
}
* html .minheight {
height:200px;
}

/* ######### clearfix ############ */
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* rbi ??? */
/*####### Imageausrichtung#########*/
.picRightNoBorder {    
    float:right;
    margin-left: 10px;
}
.picRight {
    margin-left: 10px;
    float:right;
    border: 1px solid #000000;
}
.picLeft {
    margin-right: 10px;
    float:left;
    border: 1px solid #000000;
}
.picLeftNoBoarder {
    margin-right: 10px;
    float:left;
}
.pyra {
    vertical-align:top !important;
    padding-top: 42px !important;
}