/*********** Basics ***********/ * {margin: 0; padding: 0; position: relative;} body {text-align: center; width: 100%; position: absolute; color: #745445; font-size: 9px; font-weight: normal; font-family: Trebuchet MS, Trebuchet, Lucida Grande, Lucida Sans, Verdana, Tahoma, sans-serif;} h1, h2, h3, b, strong {font-size: 100%;} .hide {display: none !important;} /* menu */ .menu, .menu li {list-style: none;} .menu a {text-transform: lowercase;} a {color: #745445; text-decoration: none;} a.mailto {text-decoration: underline;} #container {text-align: left; margin: 50px auto; width: 960px;} /* logo */ h1.logo {height: 140px; display: block; background: url(../img/basics/logo.gif) bottom center no-repeat; margin-bottom: 4px; text-align: center;} h1.logo a {display: block; position: absolute; left: 348px; top: 45px; height: 100px; width: 100px; padding: 0px;} h1.logo span {display: none;} /*********** main ***********/ body #main {margin: 0px 83px; background: #745445; height: 651px; color: #fff; font-size: 10px; position: relative;} #main a {color: #fff;} #main li.hi a {color: #412F2A; background: #DAAAB9;} /*********** naviMain ***********/ #naviMain {border-bottom: 5px solid #fff; display: block; position: absolute; z-index: 8; top: -5px; width: 794px /* =>ielt7 */; min-height: 27px;} #naviMain ul.menu {clear: both;} #naviMain li {float: left;} #naviMain li a {float: left; top: 5px; background: #745445; padding: 6px 15px 5px 15px; /* =>ielt7 */} #naviMain li a:hover {color: #412F2A; background: #DAAAB9;} #naviMain li a {border-bottom: 5px solid #fff;} #naviMain li.hi a {border-color: #DAAAB9;} #naviMain li#liShop {float: right;} #naviMain li#liEvents {display: none;} #naviMain ul.level2 {position: absolute; z-index: -1; top: 23px; left: 1px; width: 15em; max-width: 300px; padding-top: 0.75em;} #naviMain ul.level2 li {display: none;} #naviMain li.hi ul.level2 li {float: none; display: inline;} #naviMain li.hi ul.level2 li a {display: block; float: none; border: none; clear: left; background: #745445; color: #DAAAB9; border-bottom: 1px solid #DAAAB9; padding: 7px 15px 7px 14px; overflow: visible;} #naviMain li.hi ul.level2 li.hi a {font-weight: bold; padding-left: 24px; background: #745445 url(../img/basics/ic_arrow_hi.gif) 14px 50% no-repeat;} #naviMain li.hi ul.level2 li a:hover {color: #412F2A; background: #DAAAB9;} /*********** contentMain ***********/ /*********** card ***********/ #contentMain #card {position: absolute; background-color: #fff; color: #31221B;} .page_index #contentMain #card {left: 80px;} .page_content #contentMain #card {left: 170px; height: 465px; width: 466px;} .page_index #contentMain #card .ct {padding: 15px;} .page_content #contentMain #card .ct {padding: 20px 18px;} .page_index #contentMain #card {background-image: url(../img/basics/passepartout_index.gif); background-repeat: no-repeat; background-position: top left;} .page_content #contentMain #card {background-image: url(../img/basics/passepartout_content.gif); background-repeat: no-repeat; background-position: top left;} .page_content #contentMain #card .txt {width: 430px; height: 100px; background: #fff; overflow: auto; font-size: 9px;} .page_content #contentMain #card .txt.full { width: 420px; height: 414px; font-size: 10px; background: #fae5ef; top: 5px; left: 5px;} .page_content #contentMain #card .txt p {padding: 25px 10px 0 0; line-height: 15px;} .page_content #contentMain #card .txt.full h2 {font-size: 11px; padding: 20px 10px 18px 20px;} .page_content #contentMain #card .txt.full p {padding: 15px 10px 0 20px; line-height: 15px;} #contentMain #card img {display: block;} #contentMain #card .blend {position: absolute; top: 72px; left: 40px; width: 154px; height: 316px; z-index: 4; overflow: auto; background: transparent url(../img/basics/blendtrans.png) /* =>ielt7 */; font-size: 9px;} #contentMain #card .blend * {padding-left: 11px; padding-right: 11px; padding-bottom: 15px; line-height: 14px;} #contentMain #card .blend h2 {padding-top: 30px;} #contentMain #card a {color: #31221B; text-decoration: underline;} #slideshow {width: 604px; height: 436px; overflow: hidden; background: #F1BDD5;} #slideshow #cache_next {position: absolute; display: none; z-index: -1;} #slideshow #next {position: absolute; z-index: 1;} #slideshow #stage {position: absolute; z-index: 2;} #slideshow .resource {display: none;} /*********** galerie ***********/ #main a#liHint {color: #DAAAB9; top: 20px;} #main a#liHint:hover {text-decoration: underline;} /*********** book ***********/ #pg_stylebook #book {padding-left: 158px; height: 465px; background: url(../img/basics/stylebook_left.gif) top left no-repeat; margin-top: 10px;} #pg_stylebook #contentMain .start {background-image: url(../img/basics/stylebook_left_start.gif);} #pg_stylebook #book .ct {padding: 1px 0px 0px 0px; float: left; background: url(../img/basics/stylebook_ground.gif) top left repeat-x;} #pg_stylebook #book .ct .inner {padding: 0px 8px 5px 0px; background: url(../img/basics/stylebook_right.gif) top right repeat-y;} /*********** press ***********/ #pg_press .page_content #contentMain #card .txt {position: absolute; bottom: 20px; right: 20px; height: auto; width: 110px;} #pg_press .page_content #contentMain #card .txt h2 {font-size: 14px;} #pg_press .page_content #contentMain #card .txt p {padding-top: 0px; padding-bottom: 25px;} #pg_press #card #liDownload {color: #F6D0E1; line-height: 10%; text-transform: uppercase; text-decoration: none; padding: 0 5px; border-left: 1px solid #F6D0E1; border-right: 1px solid #F6D0E1;} #pg_press #card #liDownload:hover {text-decoration: underline;} /* form */ form .set {clear: left;} form .set label {float: left; width: 100px;} form .set input, form .set textarea {border: 1px solid #FAE5EF;} form .set input:focus, form .set textarea:focus {border: 1px solid #F99BD1;} form .text input {width: 200px;} form .area textarea {width: 200px; height: 150px;} form .text input,form .area textarea {font-size: 11px; font-weight: normal; font-family: Trebuchet MS, Trebuchet, Lucida Grande, Lucida Sans, Verdana, Tahoma, sans-serif;} form .button input {margin-left: 100px; background: #F99BD1; font-size: 11px; font-weight: normal; font-family: Trebuchet MS, Trebuchet, Lucida Grande, Lucida Sans, Verdana, Tahoma, sans-serif; border: 1px solid #fff; padding: 3px 15px; cursor: pointer; color: #fff; letter-spacing: 0.2em;} form .wrong {display: block; color: #F99BD1; padding-left: 100px;} /*********** naviSub ***********/ /* .skip */ .page_content #naviSub.skip {position: absolute; width: 144px; left: 650px; top: 35px; font-size: 9px;} .page_content #naviSub.skip ul {display:block;} .page_content #naviSub.skip * {display: inline;} .page_content #naviSub.skip li {border-right: 1px solid #DAAAB9; padding: 0 6px 0 3px;} .page_content #naviSub.skip li.lo {display: none;} .page_content #naviSub.skip li.last {border-right: none;} .page_content #naviSub.skip a {color: #DAAAB9;} .page_content #naviSub.skip a:hover {text-decoration: underline;} .page_content #contentMain #naviSub.skip .hi a {color: #DAAAB9; text-decoration: underline; background: none;} .page_content #naviSub.skip #liDownload {position: absolute; top: 400px; left: 0px;} .page_content #naviSub.skip #liDownload {border-left: 1px solid #DAAAB9; padding-left: 6px;} .page_content #naviSub.skip #liDownload a {text-transform: uppercase;} /* .thumbs */ .page_content #main .thumbs {position: absolute; left: 500px; top: 8px; width: 69px;} .page_content #main .thumbs li {margin-bottom: 24px /* =>ielt7 */; background: #745445 url(../img/basics/thumbframe.gif) top left no-repeat; overflow: hidden;} .page_content #main .thumbs.noJS li.hi a {background-color: #fff;} .page_content #main .thumbs.noJS li.lo a {opacity: 0.3;} #pg_press .page_content #main .thumbs.noJS li.lo a.nothumb {opacity: 1;} .page_content #main .thumbs.noJS li.lo a:hover {opacity: 1;} .page_content #main .thumbs li a {display: block; height: 69px; width: 69px; background-position: 3px 3px; background-repeat: no-repeat; background-color: transparent;} .page_content #main .thumbs.noJS li a:hover {background-color: #fff;} .page_content #main .thumbs li a span {display: none;} .page_content #main .thumbs li.no1 a {background-image: url(../img/atelier/01_small.jpg);} .page_content #main .thumbs li.no2 a {background-image: url(../img/atelier/02_small.jpg);} .page_content #main .thumbs li.no3 a {background-image: url(../img/atelier/03_small.jpg);} .page_content #main .thumbs li.no4 a {background-image: url(../img/atelier/04_small.jpg);} .page_content #main .thumbs li.no5 a {background-image: url(../img/atelier/05_small.jpg);} .page_content #main .thumbs li.no11 a {background-image: url(../img/aboutnatalie/01_small.jpg);} .page_content #main .thumbs li.no12 a {background-image: url(../img/aboutnatalie/02_small.jpg);} .page_content #main .thumbs li.no13 a {background-image: url(../img/aboutnatalie/03_small.jpg);} #pg_galerie .page_content #main .thumbs {left: 480px;} #pg_galerie .page_content #main .thumbs li {margin-bottom: 15px /* =>ielt7 */; background: #745445 url(../img/basics/thumbframe_s.gif) top left no-repeat;} #pg_galerie .page_content #main .thumbs li a {width: 62px; height: 62px;} #pg_galerie .page_content #main .thumbs li.lft {position: absolute; left: -550px;} #pg_galerie .page_content #main .thumbs li.no1 {top: 0px;} #pg_galerie .page_content #main .thumbs li.no2 {top: 73px;} #pg_galerie .page_content #main .thumbs li.no3 {top: 150px;} #pg_galerie .page_content #main .thumbs li.no4 {top: 227px;} #pg_galerie .page_content #main .thumbs li.no5 {top: 304px;} #pg_galerie .page_content #main .thumbs li.no6 {top: 381px;} #pg_galerie .page_content #main .thumbs li.no1 a {background-image: url(../img/galerie/01_small.jpg);} #pg_galerie .page_content #main .thumbs li.no2 a {background-image: url(../img/galerie/02_small.jpg);} #pg_galerie .page_content #main .thumbs li.no3 a {background-image: url(../img/galerie/03_small.jpg);} #pg_galerie .page_content #main .thumbs li.no4 a {background-image: url(../img/galerie/04_small.jpg);} #pg_galerie .page_content #main .thumbs li.no5 a {background-image: url(../img/galerie/05_small.jpg);} #pg_galerie .page_content #main .thumbs li.no6 a {background-image: url(../img/galerie/06_small.jpg);} #pg_galerie .page_content #main .thumbs li.no7 a {background-image: url(../img/galerie/07_small.jpg);} #pg_galerie .page_content #main .thumbs li.no8 a {background-image: url(../img/galerie/08_small.jpg);} #pg_galerie .page_content #main .thumbs li.no9 a {background-image: url(../img/galerie/09_small.jpg);} #pg_galerie .page_content #main .thumbs li.no10 a {background-image: url(../img/galerie/10_small.jpg);} #pg_galerie .page_content #main .thumbs li.no11 a {background-image: url(../img/galerie/11_small.jpg);} #pg_galerie .page_content #main .thumbs li.no12 a {background-image: url(../img/galerie/12_small.jpg);} #pg_press .page_content #main .thumbs li {width: 100px;} #pg_press .page_content #main .thumbs li a.nothumb {width: auto; height: auto; color: #DAAAB9; text-transform: none; margin-top: 5px; display: block; text-decoration: none; background: transparent !important; background-image: none; background-color: #fff;} #pg_press .page_content #main .thumbs li a.nothumb strong {display: block;} #pg_press .page_content #main .thumbs li.no1 a {background-image: url(../img/press/01_small.jpg);} #pg_press .page_content #main .thumbs li.no2 a {background-image: url(../img/press/02_small.jpg);} #pg_press .page_content #main .thumbs li.no3 a {background-image: url(../img/press/03_small.jpg);} /* .bookpager */ #pg_stylebook #main .bookpager {width: 80px; position: absolute; right: 0px; top: 0px; height: 500px; overflow: auto; padding-top: 1px;} #pg_stylebook #main .bookpager li {display: block; margin-bottom: 3px; clear: left; height: 1.6em; min-height: 18px;} #pg_stylebook #main .bookpager li.hi {background: #DAAAB9;} #pg_stylebook #main .bookpager a {padding: 0px 0px 0px 15px; top: 2px; color: #DAAAB9; text-transform: none; background: transparent; padding-right: 10px;} #pg_stylebook #main .bookpager li.hi a {color: #412F2A; background: url(../img/basics/ic_arrowpink_hi.gif) right center no-repeat; text-decoration: none;} #pg_stylebook #main .bookpager a:hover {text-decoration: underline;} /*********** plant ***********/ #orchid {width: 188px; height: 550px; position: absolute; bottom: 0px; left: -107px; overflow: hidden;} #orchid .ct {width: 188px; height: 550px; background: url(../img/basics/orchidee_noflash.gif) bottom right no-repeat; } /*********** naviFooter ***********/ #naviFooter {text-align: center; padding: 6px 0 25px 0;} #naviFooter li {display: inline; border: none;} #naviFooter li.last {border: none;} #naviFooter li.last a {border-right: none;} #naviFooter li a {padding: 0px 10px; border-right: 1px solid #745445;} #naviFooter li a:hover {text-decoration: underline;} /*********** footer ***********/ #footer {text-align: center; line-height: 160%; padding-bottom: 40px;} #footer p {display: inline;} #footer p.contact {display: block;} #footer p.sanierung {font-weight: bold;} .pr_contact { width: 420px; height: 414px; font-size: 10px; background: #fae5ef; top: 5px; left: 5px; } .pr_contact p { padding: 25px 10px 0 20px; line-height: 15px; } .pr_contact h2 { font-size: 11px; padding: 20px 10px 18px 20px; } #pg_press .page_content #main .thumbs li.no3 { margin-top: 132px; } /* Sanierung */ .page_content #contentMain #card .txt.full p.sanierung {float:right;width:160px;margin:10px 10px 0 0;padding:5px;border:1px solid #F99BD1;text-align:center;}