body { text-align: center; background: #ccc; margin: 0; padding: 0; } /* 41535d */ body { behavior: url(fileadmin/strict/templates/js/csshover2.htc); } .clearer { clear: both; } #mainContainer { width: 864px; text-align: left; margin: 0 auto; } #header { width: 593px; margin: 0 0 0 28px; float: left; display: inline; } #mainBlock { width: 836px; background: url(../images/blocks/bg_mainBlock02.gif) right top repeat-y; margin: 0 28px 0 0; float: left; } #contentContainer { width: 621px; float: left; min-height:355px; height:auto !important; height:355px; } #mainColumn { width: 396px; min-height: 10px; float: left; overflow: hidden; } #mainColumn .content { min-height: 300px; height: auto!important; height: 300px; margin: 0 14px 0 16px; clear: both; } #rightColumn { width: 215px; min-height: 214px; background: url(../images/blocks/bg_headerR.gif) left top no-repeat; float: right; overflow: hidden; padding-bottom: 25px; } #rightColumn .content { margin: 0 15px; clear: both; } #leftColumn { width: 224px; min-height: 10px; float: left; } #leftContent { width: 190px; float: left; margin: 6px 0 4px 4px; font-family: Verdana, sans-serif; } .border { border: 2px dotted #f00; } .langMenu { margin: 2px 0 0 28px; padding: 0; list-style: none; float: left; display: inline;} .langMenu li { margin: 0 2px 0 0; padding: 0; float: left; } .langMenu li a:link, .langMenu li a:visited { width: 98px; height: 21px; line-height: 21px; color: #fff; font-weight: bold; text-decoration: none; text-align: center; /*background: #67767d;*/ display: block; } .langMenu li a.nl:link, .langMenu li a.nl:visited { background: url(../images/buttons/lang_button01.gif) top left no-repeat;} .langMenu li a.eng:link, .langMenu li a.eng:visited { background: url(../images/buttons/lang_button02.gif) top left no-repeat;} .langMenu li a.nl:hover, .langMenu li a.eng:hover { background-position: left -21px;} /*.langMenu li a:hover { background: #02abd4; }*/ /*.langMenu li.act a:link, .langMenu li.act a:visited { background: #02abd4; }*/ .langMenu li.act a.nl:link, .langMenu li.act a.nl:visited, .langMenu li.act a.eng:link, .langMenu li.act a.eng:visited { background-position: left -21px; } .topMenu { height: 26px; line-height: 26px; margin: 0 28px 0 0; padding: 0; list-style: none; float: right; display: inline; } .topMenu li { margin: 0; padding: 0; display: inline; } .topMenu li a:link, .topMenu li a:visited { font-size: 9px; /*color: #fff;*/ color:#000000; text-decoration: none; background: url(../images/bullets/bullet10.gif) left center no-repeat; padding: 0 0 2px 8px; } .topMenu li a:hover { text-decoration: none; color: #00acd4;} .topMenu li.first a:link, .topMenu li.first a:visited { background: none; padding: 0; } .headerImage { width: 593px; height: 214px; float: left; position: relative; z-index: 1; overflow: hidden; } .headerImage img { display: block; } .headerImage .logo { width: 141px; height: 96px; position: absolute; left: 28px; top: 28px; z-index: 10; } .headerRight { width: 19px; height: 191px; position: absolute; right: 0; top: 10px; z-index: 99; } .headerImage .logo img, .headerRight img { behavior: url(fileadmin/strict/templates/js/pngbehavior.htc); } .adressBlock { height: 214px; color: #fff; font-size: 12px; line-height: 150%; font-weight: bold; } .adressBlock .adress { margin: 25px 0 0 0; float: left; } a.contactform:link, a.contactform:visited { width: 96px; height: 22px; font-size: 9px; text-align: center; background: #68757d; color: #fff; text-decoration: none; margin: 10px 0 0 0; display: block; } /* MAIN NAVIGATION ================================================ */ #mainNavi { width: 593px; height: 24px; margin: 0; padding: 0; background: #fff; list-style: none; float: left; } #mainNavi li { margin: 0; padding: 0; float: left; } #mainNavi li.sub { position: relative; z-index: 999; } /* level1 ===================== */ #mainNavi li .level1 { width: 97px; height: 22px; line-height: 22px; text-align: center; font-size: 12px; font-weight: bold; color: #fff; background: #67757d; text-decoration: none; margin: 0 2px 0 0; float: left; } #mainNavi li .level1:hover { background: #00acd4; } #mainNavi li.act .level1 { background: #00acd4; } #mainNavi li.actsub .level1 { background: #00acd4; } #mainNavi li.sub:hover .level1 { height: 24px; background: #00acd4; } #mainNavi li.last .level1 { width: 98px; margin-right: 0; position: absolute; } /* level2 ===================== */ #mainNavi li.sub ul { width: 196px; background: #67767d; margin: 0; padding: 2px 0 10px 0; list-style: none; position: absolute; left: 0; top: 24px; display: none; } #mainNavi li.sub:hover ul { display: block; } #mainNavi li.last ul { left: auto; right: 0; left:0; } #mainNavi li ul li { margin: 0; padding: 0; text-align: left; } #mainNavi li ul li.separator { width: 173px; height: 1px; font-size: 1px; line-height: 1px; background: #fff; margin: 0 6px 0 17px; padding: 0; display: inline;} #mainNavi li ul li .level2 { color: #fff; font-weight: bold; text-decoration: none; background: url(../images/bullets/bullet02.gif) left 10px no-repeat; margin: 0 0 0 7px; padding: 7px 0 5px 11px; display: block; } #mainNavi li ul li .level2:hover { color: #00acd2; background-image: url(../images/bullets/bullet03.gif); } #mainBlock .pathway { width: 533px; padding: 1px 0 5px 15px; margin: 0 0 0 28px; list-style: none; background: #fff; float: left; display: inline; } #mainBlock .pathway li { margin: 0 0 0 8px; padding: 0; display: inline; } #mainBlock .pathway li a:link, #mainBlock .pathway li a:visited { font-size: 9px; color: #000; text-decoration: none; background: url(../images/bullets/bullet04.gif) left center no-repeat; margin: 0 0 0 3px; padding: 0 0 2px 9px; } #mainBlock .pathway li a:hover { text-decoration: none; color: #00acd4; } /* SUB NAVIGATION ================================================ */ .submenu { width: 28px; margin: 0 0 25px 0; padding: 0; list-style: none; float: left;} .submenu li { padding: 0; position: relative; } .submenu li.ll1 { min-height: 122px; height: auto!important; height: 122px; padding: 0px; margin: 0 0 25px 0; } .submenu li span.mouseHover { width: 23px; margin: 0; padding: 0; display: block; } .submenu li .level1 { width: 23px; background: #00add2; display: block; zoom: 1; } .submenu li .level1 img { display: block; } .submenu li.act .level1 { width: 33px; position: absolute; } /* *html .submenu li.act .level1 { width: 26px; } */ .submenu li.act .level1 .top_item, .submenu li.act .level1 .bottom_item { background-position: left -12px; } .submenu li .level1 .top_item { width: 100%; height: 10px; background: url(../images/blocks/top_sm.gif) left top no-repeat; display: block; } .submenu li .level1 .bottom_item { width: 100%; height: 12px; background: url(../images/blocks/bottom_sm.gif) left top no-repeat; display: block; } .submenu li .img_left { width: 200px; height: 122px; text-align: right; position: absolute; left: 23px; top: 1px; overflow: hidden; } .submenu li ul { margin: 0; padding: 0; list-style: none; } .submenu li ul.sub_left { width: 190px; padding: 5px 0 6px 0; background: #00acd4; position: absolute; left: 33px; top: 0px; margin-bottom: 10px; display: none; } .submenu li ul li { width: 186px; margin: 0 0 0 4px; padding: 0; float: left; display: inline;} .submenu li ul li.separator { width: 166px; height: 1px; font-size: 1px; line-height: 1px; background: #fff; margin: 0 0 0 16px; padding: 0; clear: both; } .submenu li ul li .level2 { color: #fff; text-decoration: none; font-weight: bold; font-size: 12px; background: url(../images/bullets/bullet06.gif) left center no-repeat; padding: 8px 8px 9px 12px; display: block; cursor: pointer; } /* branches menu */ .submenu li.ll2 { clear: both; } .submenu li.ll2 .sub_left { width: 190px; display: block; } .submenu li.ll2 .sub_bottom { float: left; position: relative; } .submenu_header { float: left; cursor: pointer; color: #fff; font-weight: bold; font-size: 13px; text-align: left; /*#007aa0;*/; padding: 5px 0px 5px 14px; margin: -5px 0 0 4px;} .submenu_header_opened { background: url(../images/icons/opened.gif) left center no-repeat; } .submenu_header_closed { background: url(../images/icons/closed.gif) left center no-repeat; } .submenu_header_all { float: right; padding-top: 3px; } .submenu_header_all a:link, .submenu_header_all a:visited { font-size: 9px; font-weight: bold; color: #fff; text-align: right; text-decoration: none; margin-right: 6px;} .branches_submenu { clear: both; } .branches_submenu .branches:link, .branches_submenu .branches:visited { outline: none; width: 170px; color: #fff; text-decoration: none; font-weight: bold; font-size: 12px; background: url(../images/bullets/bullet07.gif) left center no-repeat; padding: 8px 8px 9px 12px; margin: 0 0 0 16px; display: block; } .branches_submenu.act .branches:link, .branches_submenu.act .branches:visited { color: #67757d; } .branches_submenu .branches:hover { color: #67757d; } .submenu li ul span.separator { width: 162px; height: 1px; font-size: 1px; line-height: 1px; background: #fff; margin: 0 0 0 16px; display: block; } /* .submenu li ul ul { width: 186px; display: none; overflow: hidden; } .submenu li.act2 ul { display: block; } .submenu li ul ul li { margin: 0!important; padding: 0!important; position: static; } .submenu li ul span.separator { display: block; } .submenu li ul ul li.separator, .submenu li ul span.separator { width: 162px; height: 1px; font-size: 1px; line-height: 1px; background: #fff; margin: 0 0 0 16px; } .submenu li ul ul li .level3 { width: 152px; color: #fff; background: url(../images/bullets/bullet07.gif) 16px center no-repeat; font-size: 11px; text-decoration: none; padding: 8px 8px 9px 26px!important; display: block; } .submenu li ul ul li .level3:hover, .submenu li.act3 .level3 { color: #41545a; background-image: url(../images/bullets/bullet08.gif); } */ .submenu li ul.sub_left_sub { width: 190px; padding: 5px 0 6px 0; background: #00acd4; position: absolute; left: 186px; top: -5px; display: none; overflow: hidden; } .submenu .sub_bottom:hover ul.sub_left_sub { display: block; } .submenu li ul ul li { width: 190px; margin: 0!important; padding: 0!important; } .submenu li ul ul li.separator { width: 174px; height: 1px; font-size: 1px; line-height: 1px; background: #fff; margin: 0 8px!important; } .submenu li ul ul li .level3 { color: #fff; background: url(../images/bullets/bullet07.gif) 16px center no-repeat; font-size: 11px; text-decoration: none; padding: 8px 8px 9px 26px!important; display: block; } .submenu li ul ul li .level3:hover, .submenu li.act3 .level3 { color: #41545a; background-image: url(../images/bullets/bullet08.gif); } .csc-sitemap-level2 { padding-left:15px; } .csc-sitemap-level3 { padding-left:25px; } hr { background-color:#00ACD3; border:none; margin-top:10px; margin-bottom:10px; } /* Styling for several cases */ /*.kb_listingImage { height:10px; width:100px; padding-bottom:10px; float:left; clear:both; } .kb_listingTitle { width:260px; font-size:13px; font-weight:bold; float:left; color: #00AED5; } .kb_listingTitle2 a { font-size:13px; font-weight:bold; } .kb_listingDesc { margin-left: 100px; padding-bottom:30px; width:260px; clear:both;} .kb_listingMoreInfo { height:10px; padding-bottom:10px; padding-left:20px; clear: left; float:left; } .kb_listingSeeCase { height:10px; padding-bottom:10px; padding-right: 20px; clear: right; float:right; } .kb_menu_item, .xx_kb_menu_item { clear:both; margin-bottom: 60px; } .kb_menu { clear:both; position:relative; } .kb_menu hr { clear:both; } .kb_menu_item { clear: both; }*/ /* new classes START */ .kb_menu { } .kb_menu_item { } .kb_title_cont { } .kb_more { clear:both; padding-top:3px; padding-left:5px; } .kb_listingImage { float:left; } .kb_listingTitle { float:left; font-size:13px; font-weight:bold; color: #00AED5; padding-left:10px } .kb_listingTitle2 a { } .kb_listingDesc { } .kb_listingMoreInfo { float:left; } .kb_listingSeeCase { float:right; } /* new classes END */ /* Styling menu type: Menu from KB relations */ .kb_listingImage_template { height:10px; width:100px; padding-bottom:11px; float:left; } .kb_listingTitle_template { font-weight:bold; color:#00ACD4; font-size:14px; cursor:pointer; } .kb_listingDesc_template { cursor:pointer; width:260px; font-weight:normal; font-size:11px; color:#595758; float:left; margin-left:100px; padding-bottom:10px; line-height: 150%; } .kb_listingLink_template { background: url(../images/bullets/bullet05.gif) left center no-repeat; padding: 16px 0 12px 10px; float: left; } .clearBoth { clear: both; } .level3Menu { background-color:#00acd4; color:#ffffff; font-weight:bold; padding-top:5px; padding-left:10%; padding-right:5px; font-family: Verdana, sans-serif; font-size:13px; font-weight:700; background-color: transparent; background-image: url(../images/icons/closed.gif); background-repeat: no-repeat; background-position:0% 60%; } #leftContent .level3MenuLi { color:white; font-size:12px; } .level3MenuLink { color:white; font-family: Verdana, sans-serif; font-weight:bold; text-decoration: none !important; font-size:12px; } .submenu_level3 { background-color:#00acd4; padding-bottom:10px; } .level3MenuLi a:link { color:white; text-decoration: none; font-weight:bold; } .level3MenuLi a:visited { color: white !important;} .level3MenuLi a:hover { color:#67757d !important; } .level3MenuLink .level3MenuLi a:active { } .level3Hr { border-top:solid 1px white; height:7px; width:160px; margin-top:10px; margin-left:-16px; } *html .level3UL { margin-left:25px;} .Backbutton { background-color: transparent; background-image: url(../images/back_arrow.gif) !important; background-repeat: no-repeat; background-attachment: scroll; padding-left:10px; background-position:0px 2px; } .backButtonCont { margin-right:17px; float:right; margin-top:-18px; }