/*------------------------------------------------------------* * Global * *------------------------------------------------------------*/ body {width: 100%; height: 100%;color: #333;background: #f00;} * {margin: 0; padding: 0; } a img {border: none;width: auto; height: auto;} table {border-collapse: collapse; } a.png {text-decoration: none; border: 0 none; outline: 0 none; } .hidden {display: none;} .clear {clear: both;} /* bloody ie... */ .ie .png { behavior: url(/wp-content/themes/naprapaten/js/iepngfix.htc); } /*------------------------------------------------------------* * Typography * *------------------------------------------------------------*/ body {font-family: Arial, Sans-Serif; } input {font-size: 14px;} h1, h2, h3 {letter-spacing: 1px;font-family: 'Times New Roman', Serif;} h1 {font-size: 28px; } h2 {font-size: 21px;} h2 {font-size: 16px;} .letter-first {font-size: 125%; } #content h1 {text-transform: uppercase; } a{color: #333;} a:hover {color: #000;} /*------------------------------------------------------------* * Page * *------------------------------------------------------------*/ #wrapper {height: 1014px;position: relative;} .home #wrapper.small {height: 819px; } .home #wrapper.large {height:944px; } #background {width: 100%; height: 100%; position: absolute; top: 0; left: 0;z-index: 0;} #background {background: #aaa;} #background img {width: 100%; height: 100%;} #board_upper {background: transparent url(images/board_upper.png) repeat-x 0 0;position: absolute; top: 0; left: 0;height: 20px; width: 100%;z-index: 110;} #board_lower {background: transparent url(images/board_lower.png) repeat-x 0 0;position: absolute; bottom: 0; left: 0;height: 20px; width: 100%;z-index: 10;} .large #swoosh {background: transparent url(images/swoosh.png) no-repeat 0 0;position: absolute; bottom: 8px; right: 0;width: 374px; height: 97px;z-index: 15;} .small #swoosh {background: transparent url(images/swoosh.png) no-repeat 0 0;position: absolute; bottom: 8px; right: 0;width: 374px; height: 97px;z-index: 15;} #page {margin: 0 auto;position: relative;z-index: 100;} .large #page {width: 1144px; height: 974px; } .small #page {width: 960px; height: 974px; } .home .large #page {height: 904px; } .home .small #page {height: 779px; } #content {position: relative;margin: 0 auto; padding: 10px;top: 180px; } .large #content {width: 1124px; height: 590px;} .small #content {width: 940px; height: 590px;} .home .large #content {height: 520px;} .home .small #content {height: 395px;} .no-quote .quote {display: none;} .wrapper {position: relative;} #logo, #menu {position: absolute; top: 0;padding: 0; } #logo {left: 0px; } #menu {right: 0px; } .ie #logo {padding-right: 10px; left: -10px; } .ie #menu {padding-right: 10px; } .large #logo {background: transparent url(images/logo.png) no-repeat 0 0;width: 198px;height: 180px;} .large #menu {background: transparent url(images/menu.png) no-repeat 0 0;width: 946px;height: 180px;} .small #logo {background: transparent url(images/logo.png) no-repeat 0 0;width: 198px;height: 180px;} .small #menu {background: transparent url(images/menu-small.png) no-repeat 0 0;width: 762px;height: 180px;} #box1, #box2, #box3 {position: absolute; z-index: 10;} .large #box1 {background: transparent url(images/box1.png) no-repeat 0 0;bottom: 40px; left: 0;height: 144px; width: 380px;z-index: 10;} .large #box2 {background: transparent url(images/box2.png) no-repeat 0 0;bottom: 40px; left: 382px;height: 144px; width: 380px;z-index: 10;} .large #box3 {background: transparent url(images/box3.png) no-repeat 0 0;bottom: 40px; left: 764px;height: 144px; width: 380px;z-index: 10;} .small #box1 {background: transparent url(images/box1-small.png) no-repeat 0 0;bottom: 40px; left: 0;height: 144px; width: 320px;} .small #box2 {background: transparent url(images/box2-small.png) no-repeat 0 0;bottom: 40px; left: 320px;height: 144px; width: 320px;} .small #box3 {background: transparent url(images/box3-small.png) no-repeat 0 0;bottom: 40px; left: 640px;height: 144px; width: 320px;} .ie #logo, .ie #menu {background-position: 10px top;} #menu h1 { font-family: 'Times New Roman'; font-size: 46px; letter-spacing: 1px; margin-top: 44px;margin-bottom: 16px; opacity: 0; filter: alpha(opacity=0);visibility: hidden; } #menu {text-align: center;} #menu hr {display: none;border: none; height: 1px; width: 80%;margin: 0 auto;background: #ddd;} #menu ul.navigation {text-transform: uppercase; padding-top: 18px;padding-left: 20px; white-space: nowrap; overflow: hidden;} .small #menu ul.navigation {padding-left:} #menu ul.navigation a {text-decoration: none;font-family: 'Times New Roman';} #menu ul.navigation li {display: inline;list-style: none;padding-right: 20px;} .small #menu ul.navigation li {padding-right: 18px;} #menu ul.navigation li.current_page_item { } .small #menu ul.navigation a {font-size: 14px;} .large #menu ul.navigation a {font-size: 16px;} #pageContent {position: absolute; overflow: auto; top: 10px; right: 10px; width: 562px; height: 590px; text-align: left;} .home .small #pageContent {} #pageContent {font-family: Arial, Sans-Serif; font-size: 14px;line-height: 18px;} #pageContent p {padding-bottom: 25px;} #pageContent h1 {text-transform: uppercase;padding-top: 50px; padding-bottom: 25px; } #pageContent .bg, #pageContent div.text {/*position: absolute; top: 0px; right: 0px;*/} #pageContent .bg {width:562px ;height:590px; } #pageContent div.text {height:590px;overflow: auto;padding: 0 75px 0px 45px;} #footer {position:absolute; bottom:10px; left:10px;text-transform: uppercase;font-size: 12px;font-family: 'Times New Roman', Serif;} .small #footer {font-size: 11px;} #footer span {padding-right: 20px;} #footer span strong{font-weight: bold;} a.fn-toggle-mute span {display: none;} .mute {text-indent: -9999px; display: block; position: relative; width: 20px;height: 20px; background: transparent url(images/sound-on.png) no-repeat; } .unmute {text-indent: -9999px; display: block; position: relative; width: 20px;height: 20px; background: transparent url(images/sound-off.png) no-repeat; } a.hidden {display: none;} .quote .bg, .quote div.text {position: absolute; bottom: 0; left: 0;} .quote .bg {opacity: 0.8; filter: alpha(opacity=80); } .quote div.text {text-align: center; /*opacity: 0.6; filter: alpha(opacity=60);color: #000;*/ color: #666;font-size: 28px;font-family: 'Times New Roman', Serif; overflow: hidden;white-space: nowrap;text-transform: uppercase;background: transparent; letter-spacing: 0px;font-weight: normal; } .large .quote div.text {width: 1104px; padding: 28px 10px; height: 32px; font-size: 28px;} .small .quote div.text {width: 920px; padding: 20px 10px; height: 24px; font-size: 20px;} .large .quote div.text .letter-first {font-size: 34px; } .small .quote div.text .letter-first {font-size: 24px; } /*------------------------------------------------------------* * Dropshadow *------------------------------------------------------------*/ #dropshadow_content {top: 181px; height: 609px; width: 1144px; } #dropshadow_content tr.middle {height: 569px; } .small #dropshadow_content {width: 960px; } .home .large #dropshadow_content {height: 539px; } .home .large #dropshadow_content .middle {height: 499px; } .home .small #dropshadow_content {height: 414px; } .home .small #dropshadow_content .middle {height: 374px; } .drop-shadow {position: absolute;top: 0; left: 0;width: 100%; height: 100%;table-layout: fixed;} .drop-shadow tr.top, .drop-shadow tr.bottom {height: 20px;} .drop-shadow td.top-left {width: 20px; height: 20px; background: transparent url(images/dropshadow_left_upper.png) no-repeat top left; } .drop-shadow td.top-right {width: 20px; height: 20px; background: transparent url(images/dropshadow_right_upper.png) no-repeat top left; } .drop-shadow td.bottom-left {width: 20px; height: 20px; background: transparent url(images/dropshadow_left_lower.png) no-repeat top left; } .drop-shadow td.bottom-right {width: 20px; height: 20px; background: transparent url(images/dropshadow_right_lower.png) no-repeat top left; } .drop-shadow td.left {width: 20px; height: auto; background: transparent url(images/dropshadow_left.png) repeat-y; } .drop-shadow td.right {width: 20px; height: auto; background: transparent url(images/dropshadow_right.png) repeat-y 10px 0; } .drop-shadow td.top {width: auto; height: 20px; background: transparent url(images/dropshadow_upper.png) repeat-x; } .drop-shadow td.bottom {width: auto; height: 20px; background: transparent url(images/dropshadow_lower.png) repeat-x 0 10px; } /*------------------------------------------------------------* * Gallery *------------------------------------------------------------*/ .gallery .image {display: none;top: 10px; left: 10px;position: absolute;} .large .gallery .image {width: 1124px;height: 590px;} .small .gallery .image {width: 940px;height: 590px;} .home .large .gallery .image {height: 520px; } .home .small .gallery .image {height: 395px; } .gallery .image .left {width: 10px; } .gallery .image .right {width: 10px; } .large .gallery .image .middle {width: 1024x;} .small .gallery .image .middle {width: 920px;} /*------------------------------------------------------------* * Form *------------------------------------------------------------*/ #pageContent table.form th {text-align: right; padding-right: 10px;} #pageContent table.form tr.top {vertical-align: top;} #pageContent table.form input.text, #pageContent table.form textarea {padding: 1px;border: solid 1px #ccc;margin-bottom: 3px;font-family: Arial, Sans-Serif;} #pageContent table.form input.text:focus, #pageContent table.form textarea:focus {padding: 1px;border: solid 1px #333; /*#DD5522;*/} #pageContent div.wpcf7-validation-errors {border: solid 1px #f00; } #pageContent span.wpcf7-not-valid-tip {top: 0;left: auto; right: 0; font-size: 12px; line-height: 12px; padding: 1px 5px;width: auto;z-index: 100; } #pageContent span.wpcf7-form-control-wrap {display:block; position:relative; width:100%; } #pageContent img.wpcf7-captcha-captcha {vertical-align: middle; } #pageContent span.captcha {display: inline; } #pageContent span.captcha span.wpcf7-not-valid-tip {float: right; left: 100%; width: auto; position: static; } #pageContent div.response {padding-top: 10px;} #pageContent div.wpcf7-response-output {padding: 3px 5px;margin: 0; } .wi60 {width: 60px;} .wi200 {width: 200px;} .wi300 {width: 300px;}