/* GENERAL ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ body { font-family: calibri, Arial, Helvetica, sans-serif; font-size: 13px; color: #FFFFFF; } body { background: #747B7F url(/images/background.gif) repeat-x; } html { } .dots { background: url(/images/dots.gif) repeat-x; height: 1px; margin: 10px 0px 10px 0px; clear: both; } p { margin-bottom: 10px; } p.bold { font-weight: bold; } /* GENERAL LAYOUT ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ #container { border: 0px solid #FFFFFF; width: 991px; position: absolute; left: 50%; margin: 0px 0px 0px -495px; } #header { border: 0px solid #FFFFFF; height: 280px; } #content { border: 0px solid #FFFFFF; background: url(/images/background_repeat.png); padding: 0px 18px 18px 10px; min-height: 475px; _height: 475px; } #footer { border: 0px solid #FFFFFF; background: url(/images/footer.png) no-repeat; height: 40px; padding: 15px 0px 0px 30px; } /* HYPERLINKS ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ a:link, a:active, a:visited { color: #FFF; text-decoration: none; outline: none; } a:hover { color: #FFF; text-decoration: underline; } a.active:hover { color: #FFF; text-decoration: underline; } .projectlink:hover { color: #7BBDFF; text-decoration: none; } /* TEXTHEADERS ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ h1 { font-size: 30px; margin-bottom: 10px; } h2 { font-size: 20px; color: #FFFFFF; font-weight: bold; } h3 { font-size: 15px; color: #FFFFFF; font-weight: bold; } /* MENU'S ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ #macromenu a { color: #00274D; text-align: center; } #macromenu ul { position: absolute; left: 750px; top: 32px; } #macromenu li { float: left; display: block; width: 80px; height: 20px; } #submenu a { margin: 0px 4px 0px 4px; } #submenu ul { position: absolute; left: 29px; top: 252px; } #submenu li { float: left; } #mainmenu { border: 0px solid #FFFFFF; float: left; width: 283px; margin: 8px 0px 0px 0px; } #mainmenu li { } /*#mainmenu ul { background: url(/images/menubuttons/menu.gif) no-repeat; }*/ #mainmenu a { display: block; height: 90px; width: 283px; } #mainmenu a:hover { } #pagelinks li { float: left; margin-bottom: 10px; } #pagelinks .mainlinks { font-size: 20px; } #pagelinks a:hover { text-decoration: none; } #mainmenu #ic a { background:url(/images/menubuttons/ic_normal.gif); } #mainmenu #in a { background:url(/images/menubuttons/in_normal.gif); } #mainmenu #bi a { background:url(/images/menubuttons/bi_normal.gif); } #mainmenu #iw a { background:url(/images/menubuttons/iw_normal.gif); } #mainmenu #cs a { background:url(/images/menubuttons/cs_normal.gif); } #mainmenu #carriere a { background:url(/images/menubuttons/carriere.jpg); } #mainmenu #ic a:hover, #mainmenu #ic a.active { background:url(/images/menubuttons/ic.gif); } #mainmenu #in a:hover, #mainmenu #in a.active { background:url(/images/menubuttons/in.gif); } #mainmenu #bi a:hover, #mainmenu #bi a.active { background:url(/images/menubuttons/bi.gif); } #mainmenu #iw a:hover, #mainmenu #iw a.active { background:url(/images/menubuttons/iw.gif); } #mainmenu #cs a:hover, #mainmenu #cs a.active { background:url(/images/menubuttons/cs.gif); } #mainmenu #carriere a { background:url(/images/menubuttons/carriere.jpg); } #mainmenu #carriere a:hover, #mainmenu #carriere a.active { background:url(/images/menubuttons/carriere-ro.jpg); } /* MAINCONTENT ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ #maincontent { border: 0px solid #FFFFFF; float: left; width: 658px; margin: 0px 0px 0px 0px; padding: 20px 10px 0px 10px; } #maincontent { background: url(/images/background-maincontent.jpg) no-repeat top left; } #maincontent img { border: 1px solid #7c7f81; padding: 2px; margin: 0px 10px 7px 0px; } /* HEADERS ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ #header .link { border: 0px solid #FFF; width: 200px; height: 80px; position: absolute; top: 50px; left: 20px; cursor: pointer; } #home #header { background: url(/images/headers/header.png); } #thema1 #header { background: url(/images/headers/header-ic.png); } #thema2 #header { background: url(/images/headers/header-in.png); } #thema3 #header { background: url(/images/headers/header-bi.png); } #thema4 #header { background: url(/images/headers/header-iw.png); } #thema5 #header { background: url(/images/headers/header-cs.png); } #carriere #header { background: url(/images/headers/header-carriere.png); } /* HOMEPAGE RELATED ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ #maincontent .left { float: left; width: 388px; } #maincontent .right { float: left; width: 270px; } #news { background: url(/images/shadow_content.jpg) no-repeat bottom; padding: 0px 10px 10px 0px; margin-bottom: 10px; } #items { background: url(/images/shadow_items.jpg) no-repeat bottom; padding: 0px 10px 10px 0px; margin-bottom: 10px; } /* THEME RELATED ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ #footer .link { display: inline; font-weight: bold; } #home h1 { color: #7BBDFF; } #thema1 h1 { color: #FB8E1E; } #thema2 h1 { color: #B37FFF; } #thema3 h1 { color: #B9Eb41; } #thema4 h1 { color: #FF644E; } #thema5 h1 { color: #FCD838; } #carriere h1 { color: #FFFFFF; } #home #footer .link { color: #7BBDFF; } #thema1 #footer .link { color: #FB8E1E; } #thema2 #footer .link { color: #B37FFF; } #thema3 #footer .link { color: #B9Eb41; } #thema4 #footer .link { color: #FF644E; } #thema5 #footer .link { color: #FCD838; } #home #carriere .link { color: #FFFFFF; } #home #pagelinks a.activeLink, #home #pagelinks a:hover { color: #7BBDFF; } #thema1 #pagelinks a.activeLink, #thema1 #pagelinks a:hover { color: #FB8E1E; } #thema2 #pagelinks a.activeLink, #thema2 #pagelinks a:hover { color: #B37FFF; } #thema3 #pagelinks a.activeLink, #thema3 #pagelinks a:hover { color: #B9Eb41; } #thema4 #pagelinks a.activeLink, #thema4 #pagelinks a:hover { color: #FF644E; } #thema5 #pagelinks a.activeLink, #thema5 #pagelinks a:hover { color: #FCD838; } #carriere #pagelinks a.activeLink, #carriere #pagelinks a:hover { color: #7BBDFF; } /* Additional layout -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ #treecontent img { border: 0px solid #7c7f81; padding: 0px; margin: 0px 0px 0px 0px; } .searchInput { width: 300px; } .PagerResults, .PagerNumberArea { font-family: calibri, Arial, Helvetica, sans-serif; font-size: 13px; color: #FFFFFF; float: left; margin: 0px 4px 0px 0px; padding: 4px 0px 4px 0px; } .PagerNumberArea { float: right; } .searchButton { margin-left: 5px; height: 22px; } .searchTextBox { width: 300px; margin-right: 5px; } .right-button { float: right; text-align: right; } .hand { cursor: pointer; } img#noborder { border: 0px; padding: 2px; margin: 0px 0px 0px 0px; clear: both; } /* LightBox */ #lightbox { background-color:#eee; padding: 10px; border-bottom: 2px solid #666; border-right: 2px solid #666; } #lightboxDetails { font-size: 0.8em; padding-top: 0.4em; } #lightboxCaption { float: left; } #keyboardMsg { float: right; } #closeButton { top: 5px; right: 5px; } #lightbox img { border: none; clear: both;} #overlay img { border: none; } #overlay { background-image: url(/images/overlay.png); } * html #overlay { background-color: #333; background-color: transparent; background-image: url(blank.gif); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/overlay.png", sizingMethod="scale"); } #galleryimage a img { float : left; padding: 0px; margin: 5px; }