#bottomblockmain {
   width: 960px;
   margin: 8px 0px 0px 0px;
   padding: 0px;
   border: 0px none;
   background-color: #ffffff;
}

/* THE TABBED MENU */

#tab_menu, #tab_menu div.csc-default, div.tabbed-menu, ul.tabbed-menu-list {
   width: 960px;
   height: 30px;
}
#content ul.tabbed-menu-list  {
   margin: 0px;
}
#content ul.tabbed-menu-list li {
   height: 30px;
}
html > .tabbed-menu {height:30px;}
#tab_menu ul.tabbed-menu-list li div {
   margin: 0px;
   padding: 4px 4px 0px 4px;
}
#tab_menu {
   position: relative;
   left: 0px;

   background-color:#d8e6f3;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
}
#tab_menu div.csc-default {
   margin: 0px !important;
   padding: 0px !important;
}
/*Styles for tabbed menu: */
div.tabbed-menu {
   display: block;
   background: none;

}
div.tabbed-menu .img, div.tabbed-menu .item, div.tabbed-menu .item2 {
   float: left;
}
/* Specially for the IE8-compatibility-mode: */
#content div.tabbed-menu ul li {
   float: left;
}
ul.tabbed-menu-list {
   display: inline-block;
   margin: 0 !important;
   padding: 0px 2px 0px 0px !important;
}
ul.tabbed-menu-list li {
   display: inline;
   float: left;
   color: #606060;
   list-style-type: none !important;
   background: none !important;
   margin: 0px 0px 0px 4px !important;
   padding: 0px 8px 0px 2px !important;
}

#tab_menu ul.tabbed-menu-list li div.tabbed-menu-item2 {
   display: inline-block;
   /* Active tab is centered in menu-line:
   height: 26px;
   margin: 2px 0px 2px 0px;
   padding: 4px 4px 0px 4px;
   */
   /* Active tab is on bottom of menu-line (like a real index card): */
   height: 26px;
   margin: 1px 0px 0px 0px;
   padding: 3px 4px 0px 4px;
}
div.tabbed-menu div.tabbed-menu-item {
   color: #606060;
   background-color: #d8e6f3;
}
/*
div.tabbed-menu .tabbed-menu-item:hover {
   border-color: #3b80c2;
}
*/
div.tabbed-menu div.tabbed-menu-item2 {
   color: #d8e6f3;
   background-color: #ffffff;
}

div.tabbed-menu a {
   margin: 0px 12px 0px 12px;
   padding: 4px 0px 2px 0px;
   height: 20px;
   line-height: 20px;
   font-weight: bold;
   font-size: 1.1em;
   text-decoration:none;
}
div.tabbed-menu .tabbed-menu-item a, div.tabbed-menu .tabbed-menu-item a:visited {
   color: #606060;
}
div.tabbed-menu .tabbed-menu-item a:hover {
   /*color: #ffffff;
   border-bottom: 1px solid #ffffff;
   */
   border-bottom: 1px solid #606060;
   border-top: 0px none;
   border-left: 0px none;
   border-right: 0px none;
}
div.tabbed-menu .tabbed-menu-item2 a, div.tabbed-menu .tabbed-menu-item2 a:visited {
   color: #606060;
   border-bottom: 0px solid #ffffff;
}
div.tabbed-menu .tabbed-menu-item2 a:hover {
   color: #606060;
   border-bottom: 1px solid #606060;
}

/* THE CONTENT BELOW THE TABBED MENU */

#bottomblock {
   width: 717px;
   margin: 0px;
   min-height: 624px;
   float: left;
   border: 0px none;
}

#bottomblockcontent {
   width: 717px;
   float: left;
/*   margin: 0px 0px -4000px 0px;
   padding: 0px 0px 4000px 0px;*/
}

#bottomcontent {
   width: 700px;
   padding: 8px;
   z-index: 10;
}

#bottombg {
   width: 716px;
   position: absolute;
   float: none;
   top: 0px;
   left: 0px;
   overflow: hidden;
}

/* THE LEFT MENUBAR */
#blockleft {
   position: relative;
   float:left;
   width: 230px;
   min-height: 556px;
   height: auto;
   overflow: visible;
/* without white border on top:
   background: url("/images/layout/box230.jpg") no-repeat scroll 0 0 #ffffff !important;*/
   background: url("/images/layout/service-support/box230.jpg") no-repeat scroll 0 0 #ffffff !important;
   z-index: 1;
}

#blockleftbg {
   position: absolute;
   top: 0px;
   left: 0px;
   width: 230px;
   /*min-height: 528px;*/
   /*height: 100%;*/
   margin: 0;
   padding: 0;
   z-index: 1;
   overflow: hidden;
}

#blockleftcontent {
   position: relative;
   top: 0px;
   left: 0px;
   width: 210px;
   /*margin: 10px 0px 0px 0px; (only, if we need a top border, that has to be incuded in the background-image ...*/
   margin: 0px;
   padding: 10px 10px 4px 10px;
   background: none;
   height: auto;
   overflow: visible;
   z-index: 10;
}

#contentblock {
   width: 730px;
   float:left;
/*   margin: 0px 0px -4000px 0px;
   padding: 0px 0px 4000px 0px;*/
}

#contentblockbg {
   width: 730px;
   margin: 0px;
   padding: 0px;
}

#contentblockcontent {
   width: 700px;
   padding: 10px 10px 10px 20px;
}


#contentblock div.csc-header h1 {
   color: #DC002E;
   font-size: 20px;
   margin: 20px 0 0;
}

/* Styles for left-sided menu: */
div.site-menu {
   display: block;
   margin: 10px 0px 0px 0px;
   padding: 0px;
   width: 210px;
   /*
   background-color: #f0f0f0;
   border: 1px solid #3b80c2;
   */
}
html > .site-menu {width:222px;}

/* Specially for the IE8-compatibility-mode: */
#content div.site-menu ul li {
   display: block;
   float: none;
   background: none;
   color: #3b80c2;
   list-style-type: none !important;
   background: none !important;
   margin: 0px;
   padding: 0px 0px 0px 0px !important;
}

#content ul.site-menu-list1, #content ul.site-menu-list2 {
   display: block;
   margin: 0px 0px 0px 0px !important;
   padding: 0px 0px 0px 0px !important;
}

ul.site-menu-list1 li {
   font-size: 1.1em;
   margin: 0px 0px 0px 0px !important;
}
ul.site-menu-list2 li {
   font-size: 0.9em;
   /*margin: 0px 0px 0px 24px !important;*/
}

#content ul ul.site-menu-list2 li {
   margin-left: 0px;
   padding-left: 0px;
}

div.site-menu a {
   display: block;
   margin: 0px 0px 0px 0px;
   padding: 1px 2px 1px 12px;
   text-indent: -12px;
   line-height: 20px;
   font-weight: normal;
   font-size: 1.1em;
   text-decoration:none;
}
#content ul ul.site-menu-list2 li a {
   margin-left:10px;
}

li.site-menu-li1 a, li.site-menu-li1 a:visited {
   color: #606060;
   background: none;
   font-weight: bold;
}
li li.site-menu-li2 a, li li.site-menu-li2 a:visited {
   color: #606060;
   background: none;
   font-weight: normal;
}
li.site-menu-li1 a:hover, li li.site-menu-li2 a:hover {
   /*
   color: #ebf2f9;
   background-color: #3b80c2;
   */
   color: #3b80c2;
   border: none;
}

li.site-menu-li1a a, li.site-menu-li1a a:visited {
   color: #3b80c2;
   /*background-color: #d8e6f3;*/
   font-weight: bold;
}
li li.site-menu-li2a a, li li.site-menu-li2q  a:visited {
   color: #3b80c2;
   /*background-color: #d8e6f3;*/
   font-weight: bold;
}
li.site-menu-li1a a:hover, li li.site-menu-li2a  a:hover {
   /*
   color: #ebf2f9;
   background-color: #3b80c2;
   */
   color: #3b80c2;
   border: none;
}
/* ################################## */

div.bottom-shadow {
   position: relative;
   width: 960px;
   height: 3px;
   background-color: #666666;
   z-index: 15;
}

div.side_header {
   background-color: #b1cce7;
   border-top-left-radius: 5px;
   border-top-right-radius: 5px;
   position: relative;
   left: -10px;
   width: 226px;
   height: 14px;
   line-height: 14px;
   margin: 0px -10px 10px 0px;
   padding: 8px 2px 8px 2px;
   color: #ffffff;
}
div.side_header p {
   color: #ffffff;
   font-size: 14px !important;
   font-weight: bolder;
   line-height: 14px;
   margin-top: 0px;
   text-align: center;
}
div.side_header_white {
   color: #ffffff;
}
div.side_header_white p {
   color: #ffffff !important;
}
div.side_header_black {
   color: #000000;
}
div.side_header_black p {
   color: #000000 !important;
}
div.side_header_blue {
   color: #3b80c2;
}
div.side_header_blue p {
   color: #3b80c2 !important;
}
div.side_header_red {
   color: #f00000;
}
div.side_header_red p {
   color: #f00000 !important;
}