/********* A JB CSS-FILE FOR EW **********/ /* MASTER PREMIUM SPECIAL DELUXE EDITION */ /****** THIS IS FOR __DOMAIN__ ***********/ /* -------------------------------------------- */ /* ---------------| =standards |--------------- */ /* -------------------------------------------- */ * {margin:0; padding:0; } html, body {min-height:100%; height:auto; height:100%;} body {font-family:Tahoma, Geneva, sans-serif; color:#000; line-height:150%; font-size:76%; background:url(../images/layout/head-bg-repeatx.jpg) top center repeat-x #573728;} img {border:none;} a, a:visited {text-decoration:underline; color:#fff; } a:hover {text-decoration:none;} a:hover img {-moz-opacity:0.85; opacity:0.85;} p {font-family: Arial, Helvetica, sans-serif; font-size:1.1em; line-height:150%;} .nofloat {clear:both; font-size:0.0001em; line-height:0.00001em;} .floatright {float:right;} .floatleft {float:left;} ul {list-style:none;} /* ----------------------------------------- */ /* ---------------| =layout |--------------- */ /* ----------------------------------------- */ #container {margin:0 auto; width:980px;} #header {background:url(../images/layout/head-bg.jpg) top left no-repeat; width:980px; height:380px;} #header .col-2 { position:absolute; width:666px; height: 265px; padding-top: 62px; padding-left: 26px; } #headerTop {width:980px; height:34px;} #headerTop p {font-family:Georgia, "Times New Roman", Times, serif; color:#dbd0c2; padding:10px 0 10px 32px;} #headerTop p span {color:#e9af84;} #branding {position:relative;} #footerBackgroundRepeatx {background:url(../images/layout/footer-bg-repeatx.jpg) left bottom repeat-x; height:152px; min-width:980px; position:relative; z-index:43;} #footerBackground {background:url(../images/layout/footer-bg.jpg) center bottom no-repeat; min-width:980px; height:152px;} #footerCenter {width:980px; margin:0 auto; position:relative;} #footerOverflow {overflow:hidden;} /* --------------------------------------------- */ /* ---------------| =navigation |--------------- */ /* --------------------------------------------- */ #navigation {width:135px; height:165px; padding:67px 0 0 699px;} #navigation ul {} #navigation ul li a {display:block; text-indent:-9999px; height:55px;} #navigation ul li a, #navigation ul li a:visited {display:block; color:#fff;} #navigation ul li a:hover, #navigation ul li a:active {} #navigation ul li#n01 a, #navigation ul li#n01 a:visited {background:url(../images/layout/n01.jpg) top left no-repeat;} #navigation ul li#n01 a:hover {background:url(../images/layout/n01.jpg) center left no-repeat;} #navigation ul li#n01 a:active, #navigation ul li#n01 a:visited.active {background:url(../images/layout/n01.jpg) bottom left no-repeat;} #navigation ul li#n02 a, #navigation ul li#n02 a:visited {background:url(../images/layout/n02.jpg) top left no-repeat;} #navigation ul li#n02 a:hover {background:url(../images/layout/n02.jpg) center left no-repeat;} #navigation ul li#n02 a:active, #navigation ul li#n02 a:visited.active {background:url(../images/layout/n02.jpg) bottom left no-repeat;} #navigation ul li#n03 a, #navigation ul li#n03 a:visited {background:url(../images/layout/n03.jpg) top left no-repeat;} #navigation ul li#n03 a:hover {background:url(../images/layout/n03.jpg) center left no-repeat;} #navigation ul li#n03 a:active, #navigation ul li#n03 a:visited.active {background:url(../images/layout/n03.jpg) bottom left no-repeat;} #navigationAdditional {width:980px; padding:0 0 0 9px; margin-bottom:14px;} #navigationAdditional ul {width:980px; height:26px;} #navigationAdditional ul li {display:block; float:left; margin-left:11px; line-height:120%;} #navigationAdditional ul li a, #navigationAdditional ul li a:visited {display:block; color:#fff; text-decoration:none; height:16px; padding:5px 0 5px 0;} #navigationAdditional ul li a:hover, #navigationAdditional ul li a:active {} #navigationAdditional ul li#n04 a, #navigationAdditional ul li#n04 a:visited {background:url(../images/layout/n04.gif) top left no-repeat; width:57px; color:#000; padding-left:14px;} #navigationAdditional ul li#n04 a:hover, #navigationAdditional ul li#n04 a:active, #navigationAdditional ul li#n04 a:visited.active {background:url(../images/layout/n04.gif) bottom left no-repeat; color:#fff;} #navigationAdditional ul li#n05 a, #navigationAdditional ul li#n05 a:visited {background:url(../images/layout/n04.gif) top left no-repeat; width:57px; color:#000; padding-left:14px;} #navigationAdditional ul li#n05 a:hover, #navigationAdditional ul li#n05 a:active, #navigationAdditional ul li#n05 a:visited.active {background:url(../images/layout/n04.gif) bottom left no-repeat; color:#fff;} #navigationAdditional ul li#n06 a, #navigationAdditional ul li#n06 a:visited {background:url(../images/layout/n06.gif) top left no-repeat; width:93px; color:#000; padding-left:20px;} #navigationAdditional ul li#n06 a:hover, #navigationAdditional ul li#n06 a:active, #navigationAdditional ul li#n06 a:visited.active {background:url(../images/layout/n06.gif) bottom left no-repeat; color:#fff;} #navigationAdditional ul li#n07 a, #navigationAdditional ul li#n07 a:visited {background:url(../images/layout/n07.gif) top left no-repeat; width:127px; color:#000; padding-left:21px;} #navigationAdditional ul li#n07 a:hover, #navigationAdditional ul li#n07 a:active, #navigationAdditional ul li#n07 a:visited.active {background:url(../images/layout/n07.gif) bottom left no-repeat; color:#fff;} #navigationAdditional ul li#n08 a, #navigationAdditional ul li#n08 a:visited {background:url(../images/layout/n08.gif) top left no-repeat; width:92px; color:#000; padding-left:18px;} #navigationAdditional ul li#n08 a:hover, #navigationAdditional ul li#n08 a:active, #navigationAdditional ul li#n08 a:visited.active {background:url(../images/layout/n08.gif) bottom left no-repeat; color:#fff;} #navigationAdditional ul li#n09 a, #navigationAdditional ul li#n09 a:visited {background:url(../images/layout/n09.gif) top left no-repeat; width:90px; color:#000; padding-left:21px;} #navigationAdditional ul li#n09 a:hover, #navigationAdditional ul li#n09 a:active, #navigationAdditional ul li#n09 a:visited.active {background:url(../images/layout/n09.gif) bottom left no-repeat; color:#fff;} #navigationAdditional ul li#n10 a, #navigationAdditional ul li#n10 a:visited {background:url(../images/layout/n10.gif) top left no-repeat; width:105px; color:#000; padding-left:19px;} #navigationAdditional ul li#n10 a:hover, #navigationAdditional ul li#n10 a:active, #navigationAdditional ul li#n10 a:visited.active {background:url(../images/layout/n10.gif) bottom left no-repeat; color:#fff;} #navigationAdditional ul li#n11 a, #navigationAdditional ul li#n11 a:visited {background:url(../images/layout/n11.gif) top left no-repeat; width:94px; color:#000; padding-left:21px;} #navigationAdditional ul li#n11 a:hover, #navigationAdditional ul li#n11 a:active, #navigationAdditional ul li#n11 a:visited.active {background:url(../images/layout/n11.gif) bottom left no-repeat; color:#fff;} #footerBackgroundRepeatx #footerBackground ul {float:right; padding:54px 50px 0 0;} #footerBackgroundRepeatx #footerBackground ul li {float:left;} #footerBackgroundRepeatx #footerBackground ul li a {display:block; height:17px; width:60px;} #footerBackgroundRepeatx #footerBackground ul li a, #footerBackgroundRepeatx #footerBackground ul li a:visited {display:block; color:#72513c; padding:0 0 0 7px; text-decoration:none; margin:0 0 0 10px; font-size:0.9em; background:#fff;} #footerBackgroundRepeatx #footerBackground ul li a:hover, #footerBackgroundRepeatx #footerBackground ul li a:visited.active {background:#d97328; color:#fff;} #footerBackgroundRepeatx #footerBackground ul li.n12 a {width:100px; text-align:center; } /* -------------------------------------------- */ /* ---------------| =headlines |--------------- */ /* -------------------------------------------- */ h1 {position:absolute; top:-10px; left:604px; z-index:42;} h1 span {text-indent:-9999px; display:block; font-size:0.000001em; line-height:0.0000001em;} h2 {width:627px; height:31px; margin:0 0 22px 44px; padding-top:20px; padding-left:60px; } h2 span {text-indent:-9999px; display:block; font-size:0.000001em; line-height:0.0000001em;} #anfahrt h2 {background:url(../images/headlines/h2/anfahrt.png) no-repeat;} #dachflaechenfenster h2 {background:url(../images/headlines/h2/dachflaechenfenster.png) no-repeat;} #danke h2 {background:url(../images/headlines/h2/danke.png) no-repeat;} #fenster h2 {background:url(../images/headlines/h2/fenster.png) no-repeat;} #garagentore h2 {background:url(../images/headlines/h2/garagentore.png) no-repeat;} #impressum h2 {background:url(../images/headlines/h2/impressum.png) no-repeat;} #innenausbau h2 {background:url(../images/headlines/h2/innenausbau.png) no-repeat;} #kontakt h2 {background:url(../images/headlines/h2/kontakt.png) no-repeat;} #tueren h2 {background:url(../images/headlines/h2/tueren.png) no-repeat;} #ueberdachungen h2 {background:url(../images/headlines/h2/ueberdachungen.png) no-repeat;} #weitere-leistungen h2 {background:url(../images/headlines/h2/weitere-leistungen.png) no-repeat;} #index h2 {background:url(../images/headlines/h2/herzlich-willkommen.png) no-repeat;} #wintergaerten h2 {background:url(../images/headlines/h2/wintergaerten.png) no-repeat;} #error404 h2 {background:url(../images/headlines/h2/error404.png) no-repeat;} h3 {width:178px; height:29px; margin:33px 0 20px 33px;} h3 span {text-indent:-9999px; display:block; font-size:0.000001em; line-height:0.0000001em;} h3 {background:url(../images/headlines/h3/tischlerei-kelle.png) no-repeat;} h3.h3-02 {background:url(../images/headlines/h3/sie-haben-fragen.png) no-repeat; margin-top:50px;} h3.h3-03 {background:url(../images/headlines/h3/weitere-arbeiten.png) no-repeat; margin-top:50px;} h4 {margin:0 0 20px 48px; color:#fff; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif; font-size:2em; border-bottom:3px solid #fff; width:627px; padding-bottom:14px;} /* ------------------------------------------ */ /* ---------------| =content |--------------- */ /* ------------------------------------------ */ #contentMain {background:url(../images/layout/bg-content.png) no-repeat; width:980px; padding-bottom:20px;} #contentMainLeft {width:710px;} #contentMainLeft p { color:#fff; font-size:1em; line-height:160%; margin:0 0 22px 49px;} #container #contentMain #contentMainLeft div.contentLeft2 p {width:260px;} .images {margin:0 0 30px -4px;} .images img {margin:0 0 30px 48px;} #contentMainRight {width:270px;} #contentMainRight p {color:#fff; margin:0 0 18px 36px; line-height:160%; width:180px;} #contentMainRight p a#link01, #contentMainRight p a#link01:visited {color:#72513c; background:#fff; padding:2px; margin:3px 1px 1px 1px; text-decoration:none;} #contentMainRight p a#link01:hover, #contentMainRight p a#link01:active {background:#d97328; color:#fff;} #contentMainRight #images {width:192px; margin:0 0 0 26px;} #contentMainRight #images img {margin:0 0 7px 7px;} #contentMainLeft p.ulHeadline {display:block; width:606px; height:32px; background:#fff; font-weight:bold; padding:7px 0 7px 11px; color:#664836; line-height:120%; margin:10px 0 30px 46px;} /* ---------------------------------------- */ /* ---------------| =lists |--------------- */ /* ---------------------------------------- */ #contentMain #contentMainLeft #content ul {width:580px; margin:0 0 30px 55px; display:inline-block;} #contentMain #contentMainLeft #content li {float:left; color:#fff; font-weight:bold; width:180px; background:url(../images/layout/list-01.jpg) left top no-repeat; padding:0 0 0 40px; margin:0 0 10px 20px; display:inline;} /* ----------------------------------------------------------- */ /* ---------------| =offsets, classes & stuff |--------------- */ /* ----------------------------------------------------------- */ .offset-01 {margin-right:25px;} #euroweb {margin-left:46px;} iframe {margin-left:46px;} #contentMainLeft small {margin-left:46px;}