body { text-align: left; background: #ffffff url(../images/blocks/bg_body.gif) left 82px repeat-x; margin: 0; padding: 0; } /*body { behavior: url(fileadmin/templates/html/../js/csshover.htc); }*/ body { behavior: url(../js/csshover.htc); } .clearer { height: 0px; font-size: 0px; clear: both; overflow: hidden; } #mainContainer { width: 966px; background: url(../images/blocks/bg_maincontainer.gif) left top repeat-y; margin: 23px 0 0 11px; } #mainContainer .cornerrt { width: 100%; height: 2px; line-height: 2px; font-size: 1px; background: url(../images/blocks/bordertop.gif) left top no-repeat; float: left; } #borderBottom { width: 100%; line-height: 3px; height: 3px; font-size: 1px; background: url(../images/blocks/bg_bottom.gif) left top no-repeat; float: left; } /* HEADER ================================================ */ #header { height: 119px; background: url(../images/blocks/bg_header.gif) left bottom repeat-x; margin: 15px 27px 15px 25px; float: left; display: inline; } #header .logo { float: left; } #header .logo img { margin: 0 0 13px 0; display: block; } .sysmenu { margin: 0; padding: 0; list-style: none; color: #212121; float: right; } .sysmenu li { margin: 0; padding: 0; display: inline; } .sysmenu li.separator { width: 4px; height: 8px; background: url(../images/blocks/separator01.gif) left center no-repeat; margin: 0 4px; } .sysmenu li a:link, .sysmenu li a:visited { font-size: 11px; color: #212121; text-decoration: none; } .sysmenu li a:hover { text-decoration: underline; } /* MAIN NAVIGATION ================================================ */ #mainNavigation { width: 100%; margin: 0; padding: 0; list-style: none; float: left; margin-left: -7px; } #mainNavigation li { margin: 0 14px 0 0; padding: 0; float: left; } #mainNavigation li .bt { height: 24px; margin: 0 2px -1px 0; /* border-bottom: 1px solid #000; background: #ff00ff; */ display: block; float: left; display: inline; } #mainNavigation li.sub { height: 30px; position: relative; z-index: 10; } #mainNavigation li.sub .level1 { height: 29px; margin: 0 0 -1px 0; float: left; } #mainNavigation li.sub:hover { background: url(../images/blocks/separator03.gif) right top repeat-y; z-index: 999; } #mainNavigation li.sub:hover ul { display: block; } #mainNavigation li.sub:hover .bt { /*border-top: 1px solid #999; */ } #mainNavigation li.sub:hover .level1 { color: #999; background: #fff url(../images/blocks/separator05.gif) left top repeat-x; border-left: 1px solid #999; } /* MAIN NAVIGATION LEVEL 1 ================================================ */ #mainNavigation li.first .level1 { padding-left: 0; } #mainNavigation li .level1 { font-size: 14px; color: #333; border-left: 1px solid #fff; text-decoration: none; padding: 5px 7px 0 7px; display: block; background: #fff; position: relative; z-index: 10; } #mainNavigation li.act .level1 { color: #fa8c10; } /* MAIN NAVIGATION LEVEL 2 ================================================ */ #mainNavigation li ul { width: 216px; margin: 0; padding: 0; list-style: none; background: url(../images/menu/bg_level2.gif) left top repeat-y; position: absolute; left: 0; top: 29px; display: none; } #mainNavigation li ul li { width: 194px; margin: 0 9px; padding: 0; float: left; display: inline; } #mainNavigation li ul li.separator { width: 194px; height: 1px; font-size: 1px; line-height: 1px; background: url(../images/blocks/separator04.gif) left top repeat-x; } #mainNavigation li ul li.first { width: 216px; background: url(../images/menu/bg_level2_first.gif) left top no-repeat; margin: 0!important; padding: 0; position: relative; z-index: 7; } #mainNavigation li ul li.last { width: 215px; height: 1px; font-size: 1px; line-height: 1px; background: url(../images/menu/bg_level2_last.gif) left bottom repeat-x; margin: 0 0 -2px 0!important; padding: 0 0 18px 0; position: relative; left: 0; bottom: 0; } #mainNavigation li ul li .level2 { width: 194px; color: #666; text-decoration: none; padding: 5px 0; display: block; } #mainNavigation li ul li.act .level2:hover ,#mainNavigation li ul li .level2:hover, #mainNavigation li ul li.act .level2 { color: #999; } #contentContainer { margin: 0 27px 0 25px; padding: 0 0 60px 0; float: left; display: inline; } .pathway { margin: 0 0 7px 0; padding: 0; list-style: none; } .pathway li { margin: 0; padding: 0; display: inline; } .pathway li.separator { width: 4px; height: 8px; background: url(../images/blocks/separator01.gif) left center no-repeat; margin: 0 4px; } .pathway li a:link, .pathway li a:visited { color: #666; text-decoration: none; } .pathway li a:hover { text-decoration: underline; } .pathway li.first a:link, .pathway li.first a:visited { background: url(../images/bullets/arrow01.gif) left center no-repeat; padding: 0 0 0 13px; } .imageBlock { width: 754px; margin: 0 24px 10px 0; float: left; } .imageBlock img { display: block; } .template-2cols #mainColumn .imageBlock { margin-right: 0; } #leftColumn { width: 195px; min-height: 10px; float: left; overflow: hidden; } .pageTitle_act h1, .pageTitle_act h2 { font-family:serif; font-size: 30px; color: #212121; margin: 10px 0 25px 0; font-weight: normal; } .pageTitle h1, .pageTitle h2 { font-family:serif; font-weight: normal; font-size: 30px; color: #212121; margin: 10px 24px 25px 26px; } /* LEFT NAVIGATION ================================================ */ .leftMenu { width: 100%; margin: 0; padding: 0; list-style: none; float: left; } .leftMenu li { margin: 0; padding: 0; } .leftMenu li.separator { width: 100%; height: 1px; line-height: 1px; font-size: 1px; background: url(../images/blocks/separator02.gif) left top repeat-x; } /* LEVEL1 ================================================ */ .leftMenu li .level1 { width: 100%; font-size: 13px; color: #333; text-decoration: none; padding: 5px 0; display: block; } .leftMenu li.act .level1 { color: #fa8c10; } .leftMenu li .level1:hover, #leftMenu li.act .level1:hover { color: #fa8c10; } /* LEVEL2 ================================================ */ .leftMenu li ul { margin: 0 0 10px 0; padding: 0; list-style: none; } .leftMenu li ul li { margin: 0; padding: 0; } .leftMenu li ul li .level2 { width: 180px; font-size: 11px; color: #666; text-decoration: none; padding: 5px 0 5px 15px; display: block; } .leftMenu li ul li.act .level2 { color: #fa8c10; font-weight: bold; } .leftMenu li ul li .level2:hover, #leftMenu li ul li.act .level1:hover { color: #fa8c10; } .leftMenu li ul li .level3 { width: 180px; font-size: 11px; color: #666; text-decoration: none; padding: 2px 0 2px 25px; display: block; } .leftMenu li ul li.act .level3 { color: #fa8c10; font-weight: bold; } .leftMenu li ul li .level3:hover, #leftMenu li ul li.act .level1:hover { color: #fa8c10; } #mainColumn { width: 583px; min-height: 10px; float: left; overflow: hidden; } #mainColumn .content { min-height: 300px; height: auto!important; height: 300px; margin: 0 24px; clear: both; } #rightColumn { width: 136px; min-height: 10px; float: right; /*overflow: hidden; */ } .template-3cols-2 #rightColumn { padding-top: 55px; } .search { width: 100%; background: url(../images/blocks/separator02.gif) left bottom repeat-x; padding: 0 0 10px 0; margin: 0 0 10px 0; float: left; } .search form { height: 26px; background: url(../images/blocks/bg_search.gif) left top no-repeat; } .search .imp-text { width: 93px; border: 0px solid #fff; margin: 2px 7px 0 7px; } .search .imp-button { width: 19px; height: 9px; margin: 0; padding: 0; float: right; background: #ff00ff; display: inline;} /* FOR 2COLS TEMLATE ================================================ */ .template-2cols #mainColumn { width: 754px; margin: 0 24px 0 0; min-height: 10px; float: left; overflow: hidden; } .template-2cols #mainColumn .content { margin: 0; clear: both; } /* FOR 4COLS TEMLATE // Additional Startpage-FCEs [Orange-Box,Tagcloud,Linklist] ================================================================================= */ .template-4cols #mainColumn { width: 754px; margin: 0 24px 0 0; min-height: 10px; float: left; overflow: hidden; } .template-4cols #mainColumn .content { margin: 0; clear: both; } .template-4cols #mainColumn .content #contentCol-1 {float:left;width:234px;margin-right:26px} .template-4cols #mainColumn .content .news-latest-container, .template-4cols #mainColumn .content .fce-linklist, .template-4cols #mainColumn .content .fce-tagcloud {width:234px !important} .template-4cols #mainColumn .content .fce-tagcloud, .template-4cols #mainColumn .content .fce-linklist {background-color:#b9b9b9;margin:10px 0;} .template-4cols #mainColumn .content .fce-tagcloud {padding:5px 0 10px;} .template-4cols #mainColumn .content .fce-tagcloud ul {margin:0 10px;} .template-4cols #mainColumn .content .fce-linklist {padding:5px 0;margin-top:0px;} .template-4cols #mainColumn .content .news-latest-item-v03, .template-4cols #mainColumn .content .news-latest-item-v02 {width:auto} .template-4cols #mainColumn .content .orange-fce {background-color:#fff} .template-4cols #mainColumn .content .orange-fce .topImg {background-color:#fa8c10;overflow-x:hidden;width:234px} .template-4cols #mainColumn .content .orange-fce .fce-content {background-color:#fa8c10;padding:0 10px 10px;color:#000} .template-4cols #mainColumn .content #contentCol-2 {float:left;width:234px;margin-right:26px} .template-4cols #mainColumn .content #contentCol-3 {float:left;width:234px;} /* FOOTER ================================================ */ #footer { width: 966px; margin: 18px 0 0 11px; float: left; } #footer .footerBlock { height: 32px; margin: 0 0 0 26px; float: left; display: inline; } #footer .footerBlock a:link, #footer .footerBlock a:visited { margin: 0 30px 0 0; float: left; } #footer .footerBlock a.dz:link, #footer .footerBlock a.dz:visited { margin: 9px 0 0 0; } #footer .sysmenu { margin: 5px 27px 0 0; display: inline; }