/*----------------------------------------------------- BASIC ------------------------------------------------------ */ * { margin: 0; padding: 0; list-style: none; } body { font: normal 11px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #5e5f5f; background: #002f65 url(../images/layout/body-bg.gif) repeat-x 0 0; padding: 60px 0; } a img { border: none; } a, a img, a:link, a:visited, a:hover, a:active { outline: none; } input:focus, textarea:focus, select:focus { outline: none; } /* Safari Fix. */ #print_logo { display: none; } /*----------------------------------------------------- LAYOUT ------------------------------------------------------ */ #wrapper { width: 956px; margin: 0 auto; background: transparent url(../images/layout/wrapper-top.gif) no-repeat 0 25px; } #wrapperInner { background: transparent url(../images/layout/wrapper-border.gif) repeat-y 0 0; } #containerHolder #container { background: #fff url(../images/layout/container-bottom-bg.gif) no-repeat left bottom; } #footer { background: transparent url(../images/layout/wrapper-bottom.gif) no-repeat left bottom; } #homeLink { position: absolute; font-size: 12px; text-transform: uppercase; margin: -50px 0 0 27px; } #homeLink a { display: block; width: 65px; padding-top: 62px; text-align: center; color: #fff; text-decoration: none; } #homeLink a:hover { font-weight: bold; } /*----------------------------------------------------- LANGUAGE ------------------------------------------------------ */ #language { height: 25px; margin-right: 10px; overflow: hidden; text-align: right; } #language li { display: inline; margin-left: 10px; } #language a { color: #7399c6; text-decoration: none; } #language a:hover { color: #7399c6; text-decoration: none; font-weight: bold; } #language .on a, #language .on a:hover { text-decoration: none; font-weight: normal; color: #99bfeb; } /*----------------------------------------------------- containerHolder ------------------------------------------------------ */ #containerHolder { padding: 0 9px 0 8px; clear: both; } #container { margin: 6px 0 0 0; padding: 134px 0 30px 0; width: 939px; position: relative; overflow: hidden; } #logo { display: block; width: 178px; height: 100px; position: absolute; top: 22px; left: 760px; background: transparent url(../images/layout/logo-home.gif) no-repeat 0 0; } #logo span { display: none; } #secContainer { display: inline; float: left; width: 170px; margin: 0 0 0 10px; } #mainContainer { display: inline; float: left; width: 710px; height: 100%; overflow: hidden; margin: 0 0 0 40px; } #mainContent { display: inline; float: left; width: 350px; } .wide #mainContent { width: 500px; } #rightBox { display: inline; float: right; width: 283px; margin-right: 20px; } #rightBox a { color: #5e5f5f; text-decoration: underline; } #rightBox a:hover { color: #5e5f5f; text-decoration: none; } /*----------------------------------------------------- Options ------------------------------------------------------ */ #options { height: 27px; overflow: hidden; float: right; position: absolute; top: 110px; left: 460px; z-index: 1000; } .wide #options { left: 600px; } #options li { float: left; margin-left: 10px; vertical-align: middle; } #print a { display: block; width: 23px; height: 19px; text-indent: -9999px; background: transparent url(../images/layout/print.gif) 0 0; margin: 2px 0 0 10px; } #print a:hover { background: transparent url(../images/layout/print.gif) -23px 0; } #options a { color: #c9c9c9; text-decoration: none; vertical-align: middle; font-weight: bold; } #options a:hover { color: #213e79; text-decoration: underline; } #normal { font-size: 10px; margin-top: 6px; } #medium { font-size: 12px; margin-top: 4px; } #large { font-size: 15px; } /*----------------------------------------------------- Footer ------------------------------------------------------ */ #footer { text-align: right; width: 956px; padding: 13px 0 20px 0; } #footer ul { margin: 0 40px 0 0; } #footer ul li { display: inline; margin-left: 15px; } #footer a { color: #fff; text-decoration: none; } #footer a:hover { text-decoration: underline; } #copyright { width: 836px; height: 100%; margin: 30px auto 0 auto; padding: 13px 130px 15px 0; text-align: right; color: #fff; font-size: 10px; background: transparent url(../images/layout/logo-copyright-home.gif) no-repeat right top; } #development { display: inline; float: left; padding-left: 15px; } #copy { display: inline; float: right; } #copyright a { color: #566f8b; text-decoration: underline; } #copyright a:hover { color: #566f8b; text-decoration: none; } /*----------------------------------------------------- Konzalting - color spec. ------------------------------------------------------ */ #konzalting #logo { left: 730px; background: transparent url(../images/layout/logo-konzalting.gif) no-repeat 0 0; height: 60px; } #konzalting #mainMenu .on a, #konzalting #mainMenu .on a:hover { background: #f7a852; border-bottom: 1px solid #f7a852; } #konzalting #mainMenu a:hover { background: #f7a852; border-bottom: 1px solid #f7a852; } #konzalting #subMenu { background: #f7a852; } #konzalting #secMenu a { background-image: url(../images/layout/bullet-konzalting.gif); } #konzalting #secMenu li.on a, #konzalting #secMenu a:hover { color: #f7a852; } #konzalting #mainContent h1, #konzalting #mainContent h2, #konzalting #mainContent h3 { color: #f7a852; } #konzalting #mainContent ul li { background-image: url(../images/layout/list-bullet-konzalting.gif); } #konzalting #mainContent a { color: #f7a852; text-decoration: underline; } #konzalting #mainContent a:hover { color: #f7a852; text-decoration: none; } #konzalting #scroller { background: transparent url(../images/layout/scroller-bg-konzalting.gif) no-repeat 0 0; } #konzalting div#dragBar { background: #f7a852; } /*----------------------------------------------------- Dizajn - color spec. ------------------------------------------------------ */ #dizajn #logo { left: 730px; background: transparent url(../images/layout/logo-dizajn.gif) no-repeat 0 0; height: 80px; } #dizajn #mainMenu .on a, #dizajn #mainMenu .on a:hover { background: #bdd89e; border-bottom: 1px solid #bdd89e; } #dizajn #mainMenu a:hover { background: #bdd89e; border-bottom: 1px solid #bdd89e; } #dizajn #subMenu { background: #bdd89e; } #dizajn #secMenu a { background-image: url(../images/layout/bullet-dizajn.gif); } #dizajn #secMenu li.on a, #dizajn #secMenu a:hover { color: #b3d78c; } #dizajn #mainContent h1, #dizajn #mainContent h2, #dizajn #mainContent h3 { color: #bdd89e; } #dizajn #mainContent ul li { background-image: url(../images/layout/list-bullet-dizajn.gif); } #dizajn #mainContent a { color: #bdd89e; text-decoration: underline; } #dizajn #mainContent a:hover { color: #bdd89e; text-decoration: none; } #dizajn #scroller { background: transparent url(../images/layout/scroller-bg-dizajn.gif) no-repeat 0 0; } #dizajn div#dragBar { background: #bdd89e; } /*----------------------------------------------------- EN Spec. ------------------------------------------------------ */ #en #logo { background: transparent url(../images/layout/en_logo-home.gif) no-repeat 0 0; } #en #copyright { background: transparent url(../images/layout/en_logo-copyright-home.gif) no-repeat right top; } #en #konzalting #logo { background: transparent url(../images/layout/en_logo-konzalting.gif) no-repeat 0 0; } #en #dizajn #logo { background: transparent url(../images/layout/en_logo-dizajn.gif) no-repeat 0 0; } #en #konzaltingBox { background: transparent url(../images/layout/en_home-konzalting.gif) no-repeat 0 0; } #en #dizajnBox { background: transparent url(../images/layout/en_home-dizajn.gif) no-repeat 0 0; } #en #homeSlogan { background: transparent url(../images/layout/en_home-izreka.gif) no-repeat 0 0; }