/* Laederach.ch | Arcmedia.ch, ST */ /* Hierarchie: container header menu sideimg main content menu2 text textbtm footer Startseite: container header menu main content footer */ /* == ALLGEMEINES =========================================== */ * { font-style:normal; list-style:none; margin:0; outline:none; padding:0; text-decoration:none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; } html, body { height:100%; min-height:100%; background-color:#5a2404; } h1 { margin-bottom:10px; } h1, h1 img { color:white; font-size:22px; font-family:"Times New Roman", Times, serif; } p { margin:10px 0; } img { border-width:0; } strong { font-weight:bold; } a:link, a:visited, a:hover, a:active { color:#1a1817; text-decoration:underline; } input.button { background-color:#D4AF6B; border:1px solid #956939; } /* == HEADER ================================================ */ #header { background:white; height:111px; border-top:#1A1817 solid 20px; min-width:990px; } #header div { width:993px; margin:0 auto; position:relative; } .logo { position:absolute; left:41px; top:31px; } .chocsuisse { position:absolute; top:-20px; left:278px; } #menu { position:absolute; left:0; padding-left:238px; top:86px; max-width:740px; } #menu_en { padding-left:8px; } #menu li { float:left; background:url(menu-border.gif) right 2px no-repeat; margin-left:30px; padding-right:29px; } #menu_en li { margin-left:22px; padding-right:21px; } #menu li.last { background-image:none; padding-right:0; } #menu li * { font-size:17px; color:#1a1817; font-family:"Times New Roman", Times, serif; font-weight:bold; } #header .lang { position:absolute; top:-28px; left:7px; color:white; } #header .lang a { color:white; font-size:10px; text-decoration:none; } #header .lang a:hover { text-decoration:underline; } /* == INHALT ================================================ */ #container { min-height:100%; background:url(footer.gif) repeat-x bottom; } #main { background:url(bg-content.png) repeat-y center top; margin-top:-256px; z-index:2; position:relative; /* behebt BG-Verschiebung um 1px */ } #main_we { margin-top:-256px;} #content { width:737px; margin:0 auto; padding-left:256px; } #text { background:#d5b063 url(bg-text.gif) repeat-y; } #text div.bg { padding:39px 36px 34px 209px; background:no-repeat bottom right; min-height:300px; } #wysiwyg, #wysiwyg td { line-height:19px; } /* #textbtm { border:1px solid red; text-align:center; width:100%; } #textbtm div { border:1px solid green; text-align:center; background:url(bg-content-footer.gif) center bottom no-repeat; height:15px; margin:0 auto; } */ #textbtm { background:url(bg-content-footer.gif) center bottom no-repeat; height:15px; } #sideimg { background-color:#47200a; height:256px; text-align:center; z-index:1; } #sideimg img { margin-right:737px; } #menu2 { float:left; overflow:hidden; padding:39px 0; } #menu2 li { width:165px; } /* IE6 */ #menu2 li a { color:#1a1817; display:block; padding:6px 0 6px 23px; text-decoration:none; } #menu2 li.active, #menu2 li.active a, #menu2 li a:hover { background-image:url(bg-menu2.gif); } #menu2 li ul { display:none; } #menu2 li.active a { font-weight:bold; } #menu2 li.active ul { margin-left:23px; padding-bottom:8px; display:block; } #menu2 li.active li { width:142px; } #menu2 li.active li a { background:url(menu2-arrow.gif) no-repeat left 7px; padding:3px 0 3px 17px; font-weight:normal; } #menu2 li li a:hover, #menu2 li li.active a { text-decoration:underline; } #sidebar { float:right; width:175px; background:url(bg-sidebar.gif) repeat-y; margin:0 -35px 30px 30px; } #sidebar div { margin:10px; } #sidebar div * { line-height:16px; } #sidebar h3 { color:#5a2404; font-size:11px; font-weight:bold; } #sidebar p { font-size:11px; margin:2px 0; } #sidebar p * { font-size:11px; } #sidebar p a.more { font-size:11px; color:#1a1817; text-decoration:underline; background:url(sidebar-arrow.gif) no-repeat 0px 5px; padding-left:14px; } .pfreude { margin-top:27px; clear:left; } #wysiwyg ol li { list-style-type:decimal; margin:5px 0; } #wysiwyg ul li { list-style-type:disc; margin:5px 0; } #wysiwyg ul, #wysiwyg ol { margin-left:30px; } /* == FOOTER ================================================ */ #footer_img { background:url(footer1-bg.gif) no-repeat center top; } #footer_img div { width:737px; margin:0 auto; text-align:right; padding-left:256px; } #footer { clear:left; text-align:center; padding:4px 0 40px 0; } #footer * { color:#986c3c; font-size:10px; } /*#footer p { padding-left:270px; width:723px; text-align:left; margin:inherit auto; }*/ #footer p a { text-decoration:none; } #footer p a:hover { text-decoration:underline; } /* == STARTSEITE / SPEZIALSEITEN =========================== */ #s_main { text-align:center; height:482px; background-position:bottom; background-repeat:repeat-x; } #s_content { width:993px; text-align:left; margin:0 auto; height:472px; background-repeat:no-repeat; background-position:bottom; position:relative; } #s_content .pos { position:absolute; } /* Startseite */ .s_m_start { background-color:#C9A361; background-image:url(/intern/startpage/main-bg.gif); } .s_c_start { background-image:url(/intern/startpage/content-bg.jpg); } .s_c_start img.titel { top:39px; left:42px; } .s_c_start img.text { top:162px; left:42px; } .s_c_start div { width:210px; padding:0 11px; right:10px; top:100px; background:#C1995B url(/intern/startpage/box-bg.jpg) right top; } .s_c_start div p { margin:11px 0; line-height:15px; } .s_c_start div p a:visited, .s_c_start div p a:hover, .s_c_start div p a { color:#fff7ea; font-size:11px; text-decoration:none; } .s_c_start div strong { padding-bottom:3px; display:inline-block; font-size:12px; color:#5A2404; background:url(/intern/sidebar-arrow.gif) no-repeat center right; padding-right:14px; } .new { background-color:#5A2404; color:#fff7ea; padding:2px 3px; } /* == SHOPFINDER =========================================== */ select { border: 1px solid #956939; font-size: 12px; background-color: #F0D097; } .output { background-color: #C69F5F; padding-top: 5px; padding-left: 10px; padding-right: 5px; padding-bottom: 10px; width: 475px; font:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#000000; line-height: 17px; } .title { background-color: #C69F5F; padding-top: 5px; padding-left: 10px; padding-right: 5px; padding-bottom: 5px; width: 475px; font:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#000000; line-height: 17px; font-weight: bold; } .line { background-color: #C69F5F; padding: 1px; width: 475px; font-size: 1px; } .lineBackground { background-color: #D3B380; width: 100%; font-size: 1px; } .cssSelect { border: 1px solid #956939; font-size: 11px; } .toolTip { margin-top:-130px; white-space:nowrap; border: 1px solid #956939; padding: 5px; font-size: 11px; background-color: #F0D096; color: #5A2404; } .text { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; line-height: 18px; } .output { background-color: #C69F5F; padding-top: 5px; padding-left: 5px; padding-right: 5px; padding-bottom: 10px; width: 480px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#000000; } .bild1 { margin-right: 30px; } /* == PROMO == */ #puzzlegame { width:258px; height:236px; } ul.list li a, ul.list li span { background:url(menu2-arrow.gif) no-repeat left center; padding-left:17px; } ul.list li, #wysiwyg ul.list li { padding:3px 0; list-style:none; margin:0; } .pfeil { background:url(menu2-arrow.gif) no-repeat left 6px; padding-left:17px; } .pfeilr { background:url(/intern/layout/menu2-arrow.gif) no-repeat right 6px red; padding-right:17px; } /* == SITEMAP ============================================== */ #sitemap, #sitemap * { list-style:none; list-style-type:none; } #sitemap li { font-weight:bold; margin-top:20px; } #sitemap li a { color:#1a1817; background-color:#BD9557; display:block; width:100%; padding:5px; } #sitemap li li { margin:8px 0 0 25px; font-weight:normal; } #sitemap li li a { background:url(menu2-arrow.gif) no-repeat left center transparent; padding:2px 0 2px 17px; } #sitemap li li li { margin-top:2px; } #sitemap li li li a { background-image:none; } table.contactf td { padding:4px 5px; }