body { color: white; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #e63a08; background-image:none; background-repeat: no-repeat; background-position: center 0; margin: 0 } img { behavior: url("_css/pngbehavior.htc"); } #erdgas{ position: absolute; right: 11px; top: -100px; width: 200px; height:200px } #sidebar{ position: absolute; right: 11px; top: 110px; width: 200px; height:400px } #sponsorbar{ height: 30px; width: 748px; background-color:#333333; border-bottom: #000 1px solid; } /* DIV */ #main { position: absolute; left: 50%; width: 959px; margin-left: -480px; } #main-navigation { position: absolute; top: 205px; width:210px; z-index: 10; } #service-navigation { font-size: 11px; position: absolute; top: 415px; left: 10px; width: 200px; height: 33px; } #nav-info { font-size: 9px; line-height: 13px; position: absolute; top: 450px; left: 10px; width: 190px; } #logo { background-color: #000; position: relative; width: 749px; height: 120px; float: left; margin-top: 15px; display: inline; } #c_right { position: absolute; right: 0; width: 749px; } #c_left { position: absolute; left: 0; z-index: 5; } #content { position: relative; width: 749px; float: left; } #content-in { background-repeat: repeat-x; background-color:#fff; position: relative; width: 749px; float: left } #content-fin { background-repeat: repeat-x; position: relative; width: 749px; height: 26px; float: left; background-color:#fff; } #locations { color: #fff; font-size: 11px; position: relative; float: right; margin-top: 30px; margin-right: 10px; display: inline; } #footer { color: #fff; font-size: 11px; line-height: 13px; position: relative; width: 749px; height: 80px; float: left; } #ecomx-label { position: absolute; top: 5px; right: 20px; } #imprint { color: #fff; font-size: 10px; position: absolute; top: 8px; left: 23px; } #footer-icon { position: absolute; top: 4px; left: 290px; } #content-left { color: #fff; font-size: 11px; line-height: 15px; background-image: url('../_images/headline-bg.jpg'); background-repeat: no-repeat; position: relative; width: 220px; float: left; margin-top: 28px; margin-bottom: 40px; padding-top: 55px; padding-right: 25px; padding-left: 30px; display: inline } #content-right { color: #000; font-size: 11px; line-height: 15px; position: relative; float: left; margin-top: 15px; margin-bottom: 40px; padding-top: 0px; padding-right: 0px; padding-left: 20px; display: inline;} #content-left-long { color: #fff; font-size: 11px; line-height: 15px; display: inline; margin-bottom: 40px; padding-right: 25px; padding-left: 30px; position: relative; width: 220px; float: left; } #content-right-long { color: #000; font-size: 11px; line-height: 15px; display: inline; margin-bottom: 40px; padding-right: 30px; padding-left: 20px; position: relative; float: left; } #headlines-long { background-image: url('../_images/headline-bg-long.jpg'); background-repeat: no-repeat; position: relative; width: 650px; height: 65px; float: left; margin-top: 28px; display: inline } #headlines { color: #fff; font-size: 13px; font-weight: bold; position: absolute; top: 6px; left: 30px; } #goback { font-size: 11px; font-weight: bold; position: absolute; top: 5px; right: 10px; } #ref-boxes-head { background-color: black; position: relative; width: 325px; height: 19px; float: left; } #ref-boxes { background-color: white; position: relative; width: 325px; float: left; margin-bottom: 10px; padding-bottom: 10px; display: inline; } #ref-pics { display: inline; position: relative; width: 58px; height: 45px; float: left; margin-top: 8px; margin-right: 9px; margin-left: 6px; } #ref-texte { color: black; display: inline; position: relative; width: 240px; float: left; margin-top: 8px; } #ref-navigation { position: relative; width: 688px; height: 22px; float: left; margin-bottom: 30px; margin-left: 30px; border-bottom: 1px solid black; display: inline; } #ref-long { background-image: url('../_images/bg-long-refs.gif'); position: relative; width: 688px; height: 107px; float: left; margin-bottom: 6px; margin-left: 30px; display: inline } #ref-long-pics { position: absolute; top: 8px; left: 8px; width: 143px; height: 91px; } #ref-long-texte { position: absolute; top: 10px; left: 176px; width: 350px; height: 80px; } #mehr { position: absolute; right: 29px; bottom: 14px; width: 81px; height: 29px; } #scrolltexte { font-size: 11px; line-height: 16px; position: absolute; width: 380px; top: 20px; left: 22px; height: 190px; overflow: auto; padding-right: 20px; } /* LINK */ .actives { color: #000; } a:focus { text-decoration: none; border-width: 0; outline-width: 0; } a:link { color: #fff; text-decoration: none; } a:visited { color: #fff; text-decoration: none; } a:hover { color: #000; text-decoration: none; } a:active { color: #fff; text-decoration: none; } a.content:link { color: #fff; text-decoration: none; } a.content:visited { color: #fff; text-decoration: none; } a.content:hover { color: #000; text-decoration: none; } a.content:active { color: #fff; text-decoration: none; } a.news-green:link { color: #000; font-weight: bold; text-decoration: none; } a.news-green:visited { color: #000; font-weight: bold; text-decoration: none; } a.news-green:hover { color: #000; font-weight: bold; text-decoration: underline; } a.news-green:active { color: #e63a08; font-weight: bold; text-decoration: none; } a.news-black:link { color: #000; text-decoration: none; } a.news-black:visited { color: #000; text-decoration: none; } a.news-black:hover { color: #e63a08; } a.news-black:active { color: #000; text-decoration: none; } a.refs-black:active { color: #000; text-decoration: none; } a.refs-black:hover { color: #000; text-decoration: none; } a.refs-black:visited { color: #000; text-decoration: none; } a.refs-black:link { color: #000; text-decoration: none; } /* CLASS */ .three-rows { position: relative; width: 223px; float: left; margin-top: 29px; margin-left: 20px; display: inline; } .news { position: relative; float: left; width: 223px; height: 80px; background-image: url('../home/_images/news-bg.gif'); } .news-title { position: absolute; top:7px; left: 4px; font-size: 9px; font-weight: bold; line-height: 100%; } .news-pic { position: absolute; width: 55px; height: 37px; top:5px; left: 4px; top: 20px; } .news-discription { position: absolute; width: 150px; height: 25px; left: 65px; top: 25px; font-size: 10px; line-height: 12px; color: #000; overflow: hidden; } .news-link { position: absolute; width: 209px; height: 15px; left: 5px; top: 62px; font-size: 10px; line-height: 12px; color: #000; overflow: hidden; } .copy-black { color: black; font-size: 11px; line-height: 15px; } .copy-white { color: white; font-size: 11px; line-height: 15px; } .copy-white-small { color: white; font-size: 10px; line-height: 13px; } .headlines { color: #fff; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; } .headlines-green { color: #e63a08; font-size: 13px; font-weight: bold; line-height: 30px; } .input { color: black; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; width: 280px; height: 15px; } .pulldown { color: black; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; width: 280px; } .input-texte { color: black; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; width: 280px; height: 105px; } /*MENU */ #m01 { position: absolute; width: 210px; height: 20px; z-index: 5; overflow: hidden; } #m01s { position: absolute; width: 400px; visibility: hidden; } #m02 { position: absolute; z-index: 5; top: 20px; width: 210px; height: 20px; } #m02s { visibility: hidden; position: absolute; top: 20px; width: 400px; } #m03 { position: absolute; z-index: 5; top: 40px; width: 210px; height: 20px; } #m03s { visibility: hidden; position: absolute; top: 40px; width: 400px; } #m04 { position: absolute; z-index: 5; top: 60px; width: 210px; height: 20px; } #m04s { visibility: hidden; position: absolute; top: 60px; width: 400px; } #m05 { position: absolute; z-index: 5; top: 80px; width: 210px; height: 20px; } #m05s { visibility: hidden; position: absolute; top: 80px; width: 400px; } #m06 { position: absolute; z-index: 5; top: 100px; width: 210px; height: 21px; } #m06s { visibility: hidden; position: absolute; top: 100px; width: 400px; } #m07 { position: absolute; z-index: 5; top: 120px; width: 210px; height: 21px; } /*** Nav bar styles ***/ ul a{ text-decoration:none; } ul.nav, .nav ul{ /*Remove all spacings from the list items*/ margin: 0; padding: 0; cursor: default; list-style-type: none; font-family: Arial, Helvetica, sans-serif; font-size: 12px; } ul.nav{ width: 210px; /*Optional, to make the navigation bar positions on the left of the content*/ float: left; margin-right: 1em; } ul.nav>li{ margin: 0; padding: 2px 6px; border-bottom: #FFF 1px solid; } ul.nav li>ul{ /*Make the sub list items invisible*/ display: none; position: absolute; width: 210px; left: 210px; margin-top: -1.4em; margin-left: 0px; } ul.nav li:hover>ul{ /*When hovered, make them appear*/ display : block; border-bottom: #FFF 1px solid; } .nav ul li a{ /*Make the hyperlinks as a block element, sort of a hover effect*/ display: block; padding: 2px 10px; text-decoration:none; } /*** Menu styles (customizable) ***/ ul.nav, .nav ul, .nav ul li a{ background-color: #000; color: #fff; text-decoration:none; } ul.nav li:hover, .nav ul li a:hover{ background-color: #e63a08; color: #fff; border-bottom: #FFF 1px solid; } ul.nav li:active, .nav ul li a:active{ background-color: #e63a08; color: #fff; border-bottom: #FFF 1px solid; } ul{ } .nav a{ text-decoration: none; }