body { margin: 0px; padding: 0px; font-family: "Adobe Garamond Pro", Garamond; text-align: center; } .body { background: #fff url(images/nempr_background.gif) 0px 98px repeat-x; } img { border: 20px; } #header { width: 900px; height: 98px; position: relative; } #logo { position: absolute; top: 15px; left: 0px; background: transparent url(images/nempr_logo.gif) no-repeat scroll 0% 0%; width: 420px; height: 68px; text-indent: -3333px; border: 0px; margin: 0px; } #logo a { display: block; width: 420px; height: 68px; text-decoration: none; border: 0px; } #quick { position: absolute; top: 38px; right: 0px; } #quick a { padding-left: 10px; font-size: 14px; color: #333; text-decoration: none; } #quick a.focus { font-size: 16px; font-weight: bold; } #quick a:hover { text-decoration: underline; } #payload, #appetizer, #columns { margin: 0px auto; width: 900px; text-align: left; } #navigation { height: 26px; width: 900px; margin: 16px 0px 15px 0px; } #navigation a { width: 130px; height: 21px; display: block; background: #f4f4e9 url(images/nav.gif) no-repeat; font-family: Verdana, Arial; font-size: 13px; color: #3a3a3a; font-weight: normal; text-align: center; float: left; text-decoration: none; margin-right: 15px; padding-top: 5px; } #navigation a:hover { background: /*#51e800*/#3a3a3a url(images/nav_hover.gif) no-repeat; color: #fff; } #navigation a#current { background: #51e800 url(images/nav_hover.gif) no-repeat; color: #fff; font-weight: bold; } #footer { margin: 0px auto; width: 900px; height: 65px; border-top: 1px solid #ddd; padding-top: 25px; margin-top: 60px; background: #fff; } #footer #info, #nav { line-height: 20px; font-size: 14px; } #footer #info { float: left; width: 500px; text-align: left; color: #b9b9b9; } #footer #info span { float: left; padding-right: 10px;} #footer #info a { color: #b9b9b9; } #footer #nav { float: right; width: 400px; text-align: right; color: #b9b9b9; } #footer #nav span { float: right; padding-left: 10px; } #footer #nav a { margin-left: 10px; color: #51e800; font-weight: bold; } #footer h5, p { margin: 0px; } #footer #info h5 a { font-size: 14px; font-weight: bold; color: #666; } #footer a { text-decoration: none; } #footer a:hover { text-decoration: underline; } label.error { float: none; font-size: 9px; color: #f56b7b; padding-left: 5px; vertical-align: top; } input.error, textarea.error { border-left: 3px solid #f56b7b; } select.error { border: 2px solid #f56b7b; } input#city { display: none; } /** Frontpage **/ #appetizers { width: 100%; height: 260px; background: #f4f4e9; text-align: center; } #appetizer { height: 260px; position: relative; } #appetizer .apt { width: 900px; height: 260px; padding:0; margin:0; overflow: hidden; } .slides { position: relative; width: 900px; height: 260px; background: #f4f4e9; } .slides h2 { margin: 55px 0px 0px 0px; padding: 0px; font-size: 40px; font-weight: normal; color: #3a3a3a; } .slides p { margin: 0px; padding: 0px; font-family: Verdana, Arial; font-size: 12px; color: #6e6e6e; line-height: 24px; } .slides p a { font-family: Verdana, Arial; font-size: 12px; font-weight: bold; color: #3a3a3a; text-decoration: none; } .slides p a:hover { text-decoration: underline; } .slides img { position: absolute; top: 0px; left: 520px; border: 0px; width: 380px; height: 260px; z-index: 2; } #selector { font-size: 40px; z-index: 66666; position: absolute; top: 0px; right: 0px; color: blue; } #selector a.activeSlide { color: orange; } .column { width: 274px; float: left; margin-top: 25px; margin-right: 39px; } #colfix { margin-right: 0px; } .column h3 { margin: 0px; padding: 0px; width: 274px; font-size: 20px; color: #6e6e6e; border-bottom: 1px solid #e7e7e7; font-weight: normal; line-height: 36px; } .column p { margin: 5px 0px 0px 0px; padding: 0px; font-family: Verdana, Arial; font-size: 12px; color: #6e6e6e; line-height: 24px; } .column p a { color: #51e800; font-weight: bold; text-decoration: none; } .column p a:hover { text-decoration: underline; } .c { clear: both; } /** Subpages **/ #title { width: 100%; background: #f4f4e9; text-align: center; padding: 25px 0px 25px 0px; } #title h2 { margin: 0px auto; width: 900px; text-align: left; padding: 0px; font-size: 30px; color: #3a3a3a; font-weight: normal; } #page { margin: 0px auto; width: 900px; text-align: left; padding: 0px; } #content { float: left; width: 625px; margin-right: 40px; margin-top: 0px; padding-top: 30px; } #content h3 { margin: 30px 0px 0px 0px; padding: 0px; font-size: 25px; color: #3a3a3a; font-weight: normal; } #content h3.fix-margintop { margin-top: 12px; } #content p { margin: 0px; padding: 0px; font-family: Verdana, Arial; font-size: 12px; color: #555; line-height: 24px; } #content p a { color: #51e800; font-weight: bold; text-decoration: none; } #content ul a { color: #51e800; font-weight: bold; text-decoration: none; } #content p a:hover { text-decoration: underline; } #content ul a:hover { text-decoration: underline; } #content p a.big { font-size: 15px; } #addinfo { float: left; width: 235px; } #addinfo h4 { margin: 30px 0px 0px 0px; padding: 0px; width: 235px; font-size: 20px; color: #6e6e6e; border-bottom: 1px solid #e7e7e7; font-weight: normal; line-height: 36px; } #addinfo p { margin: 5px 0px 0px 0px; padding: 0px; font-family: Verdana, Arial; font-size: 11px; color: #6e6e6e; line-height: 24px; } #addinfo p a { color: #51e800; font-weight: bold; text-decoration: none; } #addinfo p a:hover { text-decoration: underline; } ul { margin: 0; padding: 0; font-family: Verdana, Arial; font-size: 12px; color: #555; line-height: 24px; list-style: none; } /** Order **/ body { background: none; } /** DELETE **/ #order { text-align: left; font-family: Verdana, Arial; font-size: 12px; color: #555; line-height: 24px; font-weight: normal; margin: 0px; } #order h3 { width: 625px; margin: 30px 0px 8px 0px; border-bottom: 1px solid #d4d4d4; font-family: "Adobe Garamond Pro", Garamond; font-size: 25px; color: #000; font-weight: normal; } .order_case1, .order_case2, .order_case11 { width: 625px; margin: 0px; padding: 10px 0px 0px 0px; position: relative; } .order_case1 { width: 625px; padding-bottom: 0px; border-bottom: 1px solid #e9e9e9; } .order_case11 { padding-top: 10px; margin-top: 20px; border-top: 1px solid #e9e9e9; } /** top-border instead of bottom-border **/ label { display: block; } label span { color: #909090; } input, textarea { margin: 0px; padding: 5px; 3px; 5px; 3px; border: 1px solid #d8d8d8; background: #fff url(images/input.gif) repeat-x; font-family: Verdana, Arial; font-size: 12px; font-weight: bold; color: #3a3a3a; } .order_type { display: inline; margin-right: 15px; } #addimage_info { display: none; color: #969696; margin-left: 17px; } #req-type { background: url(images/req.gif) no-repeat 380px 5px; } #req-headline { background: url(images/req.gif) no-repeat 62px 5px; } #req-description { background: url(images/req.gif) no-repeat 140px 5px; } #req-date { background: url(images/req.gif) no-repeat 265px 5px; } #req-medier1 { background: url(images/req.gif) no-repeat 482px 5px; } #req-medier2 { background: url(images/req.gif) no-repeat 85px 5px; } #req-name { background: url(images/req.gif) no-repeat 55px 5px; } #req-adresse { background: url(images/req.gif) no-repeat 51px 5px; } #req-postnr { background: url(images/req.gif) no-repeat 44px 5px; } #req-by { background: url(images/req.gif) no-repeat 20px 5px; } #req-tlf { background: url(images/req.gif) no-repeat 92px 5px; } #req-mobil { background: url(images/req.gif) no-repeat 35px 5px; } #req-email { background: url(images/req.gif) no-repeat 92px 5px; } #req-person { background: url(images/req.gif) no-repeat 483px 5px; } #req-approvename { background: url(images/req.gif) no-repeat 35px 5px; } #req-approveemail { background: url(images/req.gif) no-repeat 92px 5px; } #headline, #additional { width: 500px; } textarea { width: 500px; height: 100px; } #help-headline, #help-description { width: 33px; height: 8px; position: absolute; top: 38px; right: 73px; padding: 3px 0px 3px 0px; } #help-person { width: 33px; height: 8px; position: absolute; top: 38px; right: 301px; padding: 3px 0px 3px 0px; } #additional, #name { margin-bottom: 10px; } #place-order { width: 625px; border-top: 3px solid #3a3a3a; padding-top: 15px; margin-top: 40px; position: relative; } #place-order input { position: absolute; top: 15px; right: 0px; border: 0px; padding: 0px; } #copy { position: relative; background: #fff; padding: 0px; margin-top: 85px; border: 0px; color: #51e800; font-weight: bold; text-decoration: underline; cursor: pointer; } #order-contact { margin: 0px; position: relative; height: 205px; } #order-approve { position: relative; } .order_case3 { width: 625px; padding: 0px; margin: 0px; border-bottom: 1px solid #e9e9e9; } .order_case4 { margin: 0px; padding: 10px 0px 0px 0px; position: absolute; top: 0px; left: 0px; } .order_case5 { margin: 0px; padding: 10px 0px 0px 0px; position: absolute; top: 65px; left: 0px; } .order_case6 { margin: 0px; padding: 10px 0px 0px 0px; position: absolute; top: 130px; left: 0px; } .order_case7 { margin: 0px; padding: 10px 0px 0px 0px; position: absolute; top: 130px; left: 70px; } .order_case8 { margin: 0px; padding: 10px 0px 0px 0px; position: absolute; top: 0px; left: 300px; } .order_case9 { margin: 0px; padding: 10px 0px 0px 0px; position: absolute; top: 65px; left: 300px; } .order_case10 { margin: 0px; padding: 10px 0px 0px 0px; position: absolute; top: 130px; left: 300px; } .order_case30 { margin: 0px; padding: 10px 0px 0px 0px; position: absolute; top: 0px; left: 0px; } .order_case31 { margin: 0px; padding: 10px 0px 0px 0px; position: absolute; top: 0px; left: 300px; } .order_case3 input { width: 270px; } .order_case4 input { width: 270px; } .order_case5 input { width: 270px; } .order_case6 input { width: 45px; } .order_case7 input { width: 200px; } .order_case8 input { width: 150px; } .order_case9 input { width: 150px; } .order_case10 input { width: 210px; } .order_case11 input { width: 270px; } .order_case30 input { width: 270px; } .order_case31 input { width: 210px; } #tooltip { position: absolute; text-align: left; width: 240px; font-family: Verdana, Arial; font-size: 11px; line-height: 18px; border: 3px solid #ddd; background: #56b70e; padding: 7px 10px 7px 10px; color: #fff; font-weight: normal; display: none; cursor: help; } .help { color: #51e800; } /** Contact **/ #ct-form { position: relative; text-align: left; font-family: Verdana, Arial; font-size: 12px; color: #555; line-height: 24px; font-weight: normal; margin: 0px; } #ct-send { position: absolute; top: 150px; left: 0px; border: 0; padding: 0; } #ct-subject { width: 400px; } #ct-email { width: 250px; } #ct-userinfo { position: relative; margin: 0px; height: 150px; } .order_case21 { position: absolute; top: 10px; left: 0px; } .order_case22 { position: absolute; top: 75px; left: 0px; } .order_case23 { position: absolute; top: 10px; left: 210px; } .order_case24 { position: absolute; top: 75px; left: 210px; } .req { border: 0; margin: 0; }