/* Design: CENTERED with TOPNAV */ /* File: cmain.css */ /*-----------------------------------------------------------*/ /* Autor: Sam Mueller, www.nuun.ch */ /* Datum: 08.09.2008 */ /* Site: wwww.metzgerei-sprenger.ch */ /*************************************************************/ /* Colors: red: #de271f */ /* green: #75951f (links) */ /* black: #464646 (mainnavigation inaktiv) */ /* blue: #007bc0 (mainnavigation aktiv) */ /*************************************************************/ /* GLOBAL LAYOUT */ /*************************************************************/ html, body {min-width:995px; margin:0 auto; height:100%; font: 100.01%/1.3em Arial, Verdana, Helvetica, sans-serif; letter-spacing: 0.01em;} body {background:url(/templates/_grafics/bg_panele.jpg) top center no-repeat #2f2f2f; position:relative; } body#Startseite {background:url(/templates/_grafics/bg_panele.jpg) top center no-repeat #2f2f2f; position:relative; } body#Impressum, body#Sitemap, body#Login {background:url(/templates/_grafics/bg_weihnachten.jpg) top center no-repeat #2f2f2f; position:relative; } body#Metzgerei {background:url(/templates/_grafics/bg_panele.jpg) top center no-repeat #2f2f2f; position:relative; } body#Service {background:url(/templates/_grafics/bg_panele.jpg) top center no-repeat #2f2f2f; position:relative; } body#Ueber-uns {background:url(/templates/_grafics/bg_panele.jpg) top center no-repeat #2f2f2f; position:relative; } body#Kontakt {background:url(/templates/_grafics/bg_panele.jpg) top center no-repeat #2f2f2f; position:relative; } body#Wir-suchen {background:url(/templates/_grafics/bg_panele.jpg) top center no-repeat #2f2f2f; position:relative; } #container-page {font-family: Arial, Verdana, Helvetica, sans-serif; color:#939393; position: relative; min-height:100%; width:995px; margin-left:auto; margin-right:auto;} * html #container-page {height:100%;} #container-content {padding-bottom: 180px; font-size: 0.7em;} #lftcol{margin:280px 0 30px 0px; font-size:1.2em; width:590px; float:left; display:block; padding: 0px 110px 0px 20px; } #rgtcol{margin:280px 0 30px 0; font-size:1.2em; width:265px; float:left; display:block; text-align:right;} #header {height:52px; width:995px; padding:0px; } #footer {background:url(/templates/_grafics/footer_bg.jpg) repeat-x;} #openings {background:url(/templates/_grafics/oeffnungszeiten.png) no-repeat top left; width:359px; height:341px; display:none; position: absolute; top:0px; left:0px; text-align:left; color:#fff; padding:25px 0px 0px 40px;} #container-footer {width:995px; position:relative; margin-top:-215px; margin-left:auto; margin-right:auto;} .cleaner{clear:both; height:10px;} /* CHRISTMAS SPECIAL */ /*************************************************************/ #muetze {width:215px; height:185px; position:absolute; top:448px; left:472px; background:url(../_grafics/muetze.png) no-repeat left top; } /* GLOBAL TEXT FORMATS AND CONTENT FORMATS */ /*************************************************************/ a, a:link, a:visited{text-decoration:none; color:#fff;} a:hover, a:active{text-decoration:underline; color:#de271f;} a.aktiv:link, a.aktiv:visited, a.aktiv:hover, a.aktiv:active, a.aktiv {text-decoration:underline; color:#75951f;} a.homelink { width:400px; height:120px; display:block; position:absolute; top:80px; left:10px; display:block; text-decoration:none; } a.wettbewerblink { width:700px; height:200px; display:block; position:absolute; top:80px; left:310px; display:block; text-decoration:none; } img.border { background-color:#555555; padding:10px; border:1px solid #6b6b6b; } #container-content h1{font-size:2em; color:#939393; margin:0px 0px 20px 0px; line-height:1em; font-family:Arial, Helvetica, sans-serif; letter-spacing:0em; font-weight:normal;} #container-content #rgtcol h2 {font-size:1.5em; padding:0; color:#939393; margin:0px 0px -12px 0px; line-height:1.1em; font-family: Arial, Verdana, Helvetica, sans-serif; letter-spacing:-0.05em; font-weight:normal;} #container-content #lftcol h2 {font-size:1.5em; padding:0; color:#939393; margin:0px 0px 5px 0px; line-height:1.4em; font-family: Arial, Verdana, Helvetica, sans-serif; letter-spacing:0.03em; font-weight:normal;} #container-content h3{font-size:1.3em; padding:0; color:#939393; margin:0px 0px 5px 0px; line-height:1em; font-family: Arial, Verdana, Helvetica, sans-serif; letter-spacing:0.01em; font-weight:bold;} #homenews { width:560px; height:242px; background:url(/templates/_grafics/bg_homenews.jpg) top left no-repeat; margin: 10px 0px 0px -10px; padding:38px 40px 10px 30px;} #homenews img { float:left; width:165px; height:115px; background-color:#555555; padding:10px; border:1px solid #6b6b6b; margin-right:18px; } #homenews .date, #rgtnews .date { text-transform:uppercase; color:#6c6c6c; font-size:0.9em; } #homenews h1 { line-height:1.5em; margin-bottom:-3px; } #homenews a.h1link:link, #homenews a.h1link:visited { padding:0px; color:#939393; display:block; margin-top:0px; width:525px; height:55px; background:none; } #homenews a.h1link:hover, #homenews a.h1link:active { color:#de271f; background:none; text-decoration:none; } #homenews p { padding-left:0px; margin:0px; } #homenews a:link, #homenews a:visited { padding-left:200px; display:block; color:#fff; margin-top:5px; width:340px; height:28px; background:url(/templates/_grafics/arrow_red.gif) top right no-repeat; } #homenews a:hover, #homenews a:active { background:url(/templates/_grafics/arrow_red_aktiv.gif) top right no-repeat; } a.biglink:link, a.biglink:visited { padding: 4px 0px 4px 35px; color:#fff; display:block; margin-top:-12px; width:auto; height:28px; background:url(/templates/_grafics/arrow_red.gif) top left no-repeat; } a.biglink:hover, a.biglink:active { background:url(/templates/_grafics/arrow_red_aktiv.gif) top left no-repeat; } /* Newsliste auf Seite Aktuelles */ body#Ueber-uns #homenews { width:560px; height:auto; background:none; margin: 0px; padding:0px;} body#Ueber-uns #homenews img { visibility:hidden; display:none; } body#Ueber-uns #homenews .date { margin-bottom:-20px; display:block; } body#Ueber-uns #homenews h1 a:link, body#Ueber-uns #homenews h1 a:visited { padding:0px; color:#939393; display:block; margin: 0px 0px 15px 0px; width:525px; background:none; } body#Ueber-uns #homenews h1 a:hover, body#Ueber-uns #homenews h1 a:active { color:#de271f; background:none; text-decoration:none; } body#Ueber-uns #homenews a:link, body#Ueber-uns #homenews a:visited { padding-left:0px; display:block; color:#fff; margin:5px 0px 15px 0px; width:340px; height:28px; background:url(/templates/_grafics/arrow_red.gif) top right no-repeat; } body#Ueber-uns #homenews a:hover, body#Ueber-uns #homenews a:active { background:url(/templates/_grafics/arrow_red_aktiv.gif) top right no-repeat; } #lftcol #newsdetail p img { float:left; width:165px; height:115px; background-color:#555555; padding:10px; border:1px solid #6b6b6b; margin-right:18px; } #newsfooter { margin-top:15px; } #rgtnews { width:203px; height:181px; background:url(/templates/_grafics/bg_leftnews.jpg) no-repeat top left; text-align:left; padding: 35px 22px 50px 20px; } #rgtnews img {display:none; visibility:hidden; } #rgtnews h1 a.h1link:link, #rgtnews h1 a.h1link:visited { font-size:0.8em; padding:0px; color:#939393; display:block; margin:0px 0px -14px 0px; width:200px; height:auto; background:none; } #rgtnews h1 a.h1link:hover, #rgtnews h1 a.h1link:active { color:#de271f; background:none; text-decoration:none; } #rgtnews a:link, #rgtnews a:visited { padding-left:0px; display:block; margin-top:5px; width:190px; height:28px; background:url(/templates/_grafics/arrow_red.gif) top right no-repeat; } #rgtnews a:hover, #rgtnews a:active { background:url(/templates/_grafics/arrow_red_aktiv.gif) top right no-repeat; } #rgtcol a.rgthomelink:link, #rgtcol a.rgthomelink:visited { text-align:right; padding: 4px 35px 4px 0px; color:#fff; display:block; margin-top:-12px; width:225px; height:28px; background:url(/templates/_grafics/arrow_red.gif) top right no-repeat; } #rgtcol a.rgthomelink:hover, #rgtcol a.rgthomelink:active { background:url(/templates/_grafics/arrow_red_aktiv.gif) top right no-repeat; } #lftcol ul { margin: 10px 0px 10px 20px; padding:0; list-style-type:none; } #lftcol ul li { margin: 10px 0px 10px 0px; padding-left:40px; background:url(../_grafics/arrow_grey.gif) no-repeat top left; } #lftcol ul.sitemap { padding:0; list-style-type:none; } #lftcol ul.sitemap { margin-left:25px; } #lftcol ul.sitemap li { list-style-type:none; background:none; padding-left:0px; margin:15px 0 0 2px; } #lftcol ul.sitemap li a:link, #lftcol ul.sitemap li a:visited { height:30px; display:block; padding:3px 0 0 35px; background:url(/templates/_grafics/arrow_red.gif) no-repeat left top; } #lftcol ul.sitemap li a:hover,#lftcol ul.sitemap li a:active { background:url(/templates/_grafics/arrow_red_aktiv.gif) no-repeat left top; } /* MAIN-NAVIGATION / GEN-NAVIGATION / SEK-NAVIGATION */ /*************************************************************/ #hnav{list-style-type:none; font-weight:bold; font-family: Arial, Verdana, Helvetica, sans-serif; float:right; margin:11px 0 0 0; } #hnav li{list-style-type:none; float: left; padding:0; margin:0; background:none; } #hnav li.menu-first{float: left; padding: 0 0 0 10px; margin:0 0 0 5px; line-height:1.6em; display:inline; background:none;} #hnav li a {height:21px; width:121px; float:left; display:block; font-size:1em; color:#939393; padding:8px 2px 2px 2px; text-align:center; text-transform:uppercase; letter-spacing:0.04em; } #hnav li a:link, #hnav li a:visited {text-decoration:none; background:url(/templates/_grafics/hnav_no.jpg) 2px 0px no-repeat; } #hnav li a:hover, #hnav li a.menu-parent:link, #hnav li a.menu-parent:visited, #hnav li a.menu-parent:hover, #hnav li a.menu-parent:active, #hnav li a.menu-current:link, #hnav li a.menu-current:visited, #hnav li a.menu-current:hover, #hnav li a.menu-current:active { background:url(/templates/_grafics/hnav_act.jpg) 3px 0px no-repeat; color:#fff; padding: 5px 2px 2px 2px; height:23px; text-decoration:none; font-size:1.1em; font-weight:bold; } /* Stellenlink */ #hnav li a.menu-last:link, #hnav li a.menu-last:visited {text-decoration:none; background:url(/templates/_grafics/hnav_no_job.jpg) 2px 0px no-repeat; color:#f3f3f3; } #hnav li a.menu-last:hover, #hnav li a.menu-last:active {text-decoration:none; background:url(/templates/_grafics/hnav_act.jpg) 2px 0px no-repeat; } #rgtcol ul.menu-top { margin:0 0 15px 0; padding:0px; text-align:right; list-style:none; } #rgtcol ul.menu-top li { background: padding:0; margin:0;} #rgtcol ul.menu-top li.menu-1 a.menu-1:link, #rgtcol ul.menu-top li.menu-1 a.menu-1:visited {color:#fff; letter-spacing:0.02em; text-transform:uppercase; display:block; width:188px; height:40px; margin:0px; padding:20px 40px 0px 0px; background:url(/templates/_grafics/bg_snav.gif) top left no-repeat; } #rgtcol ul.menu-top li.menu-1 a.menu-1:hover, #rgtcol ul.menu-top li.menu-1 a.menu-1:active, #rgtcol ul.menu-top li.menu-1 a.menu-current:link, #rgtcol ul.menu-top li.menu-1 a.menu-current:visited, #rgtcol ul.menu-top li.menu-1 a.menu-current:hover, #rgtcol ul.menu-top li.menu-1 a.menu-current:active { color:#de271f; background:url(/templates/_grafics/bg_snav_aktiv.gif) top left no-repeat;} #gnav{list-style-type:none; margin-top:70px; } #gnav li{list-style-type:none; padding: 0; margin:0; background:none; width: 120px;} #gnav li a {height:20px; display:block; font-size:0.9em; color:#fff; } #gnav li a:link, #gnav li a:visited {color:#fff;} #gnav li a:hover, #gnav li a.aktiv, #gnav li a.menu-current { padding: 0; margin:0; background:none; color:#de271f; text-decoration:underline; } #gnav li a.aktiv:hover, #gnav li a.aktiv:active, #gnav li a.menu-current {padding: 0; margin:0; background:none; color:#de271f;} /* FOOTER */ /*************************************************************/ #innerfooter {width:995px; height:150px; font-size: 0.82em; color:#b8b8b8; padding:50px 0 0 0; margin:0 0 0 0px; line-height:1.5em;} #footer_01 { font-size:0.8em; line-height: 1.5em; letter-spacing:0em; float:left; width:60px; } #footer_02, #footer_03, #footer_04 {float:left; width:235px;} #footer_01 a:link, #footer_01 a:visited { display:block; height:90px; width:55px; float:left; background:url(/templates/_grafics/arrow_grey.gif) top left no-repeat;} #footer_01 a:hover, #footer_01 a:active { background:url(/templates/_grafics/arrow_grey_aktiv.gif) top left no-repeat; text-decoration:none;} #footer_01 a.footer_sg_more { display:block; height:30px; float:left; margin-top:-30px; } #footer_02 a:link, #footer_02 a:visited, #footer_03 a:link, #footer_03 a:visited, #footer_04 a:link, #footer_04 a:visited { display:block; float:left; height:30px; width:29px; margin-left:0px; background:url(/templates/_grafics/arrow_grey.gif) top left no-repeat; } #footer_02 a:hover, #footer_02 a:active, #footer_03 a:hover, #footer_03 a:active, #footer_04 a:hover, #footer_04 a:active{ background:url(/templates/_grafics/arrow_grey_aktiv.gif) top left no-repeat; text-decoration:none; } #footer_02 a:link.email, #footer_03 a:link.email, #footer_02 a:visited.email, #footer_03 a:visited.email, #footer_04 a:link.email, #footer_04 a:visited.email { background:none; margin:0; padding:0; width:200px; text-decoration:none; } #footer_02 a:hover.email, #footer_03 a:hover.email, #footer_02 a:active.email, #footer_03 a:active.email, #footer_04 a:hover.email, #footer_04 a:active.email { background:none; margin:0; padding:0; width:200px; text-decoration:none; } #footer_02 address, #footer_03 address, #footer_04 address { margin-left:5px; font-style:normal; float:left; font-size:0.8em; width: 180px; letter-spacing:0em; } #footer_05 { float:left; background:url(/templates/_grafics/bg_gennav.jpg) no-repeat left top; width:60px; padding: 0px 0px 0px 80px; margin-top:-68px; height:auto;} .footer-image { float:left; margin-right:10px; border:none; } #innerfooter #copy { margin: 18px 0 5px 0; text-align:center; font-size:0.75em; color:#595959; float:left; width:995px; } #copy a:link, #copy a:visited { color:#595959; } #copy a:hover, #copy a:active { color:#939393; } /* MODUL-TEMPLATES */ /*************************************************************/ .tb-txt-img-left {width:590px; float:left; clear:both; } .tb-txt-img-left img {float:left; background-color:#555555; padding:10px; border:1px solid #6b6b6b; margin-right:18px; } .tb-txt-img-right {width:590px; float:left; clear:both;} .tb-txt-img-right img {float:right; padding:0 0 10px 18px;} /* FORMULAR */ /*************************************************************/ #container-content p.nixhier { display:none; } form td { padding-bottom: 8px; } td.field_title {width:180px; display:block; height:30px; color:#7d7d7d; padding-right: 10px; vertical-align:top; text-align:left; font-size:1em; } input.field_checkbox{ margin: 10px 0 0 3px; } input#field8, input#field9, input#field10, input#field11, input#field12, input#field13, input#field16, input#field17, input#field18, input#field19, input#field20, input#field21, input#field22 input.field20, input#field39, textarea#field14, textarea#field29, textarea#field30, textarea#field31, textarea#field32, textarea#field33, textarea#field41{ font-family: Arial, Verdana, Helvetica, sans-serif; color:#32331d; width: 250px; height: 18px; padding: 2px; border: 2px solid #555555; background:#ccc;} textarea#field29, textarea#field30, textarea#field31, textarea#field32, textarea#field33, textarea#field41{ height:50px; } input#field8:focus, input#field9:focus, input#field10:focus, input#field11:focus, input#field12:focus, input#field13:focus, input.field20:focus, textarea#field14:focus,input#field16:focus, input#field17:focus, input#field18:focus, input#field19:focus, input#field20:focus, input#field21:focus, input#field22:focus, input.field20:focus, input#field39:focus, textarea#field14:focus, textarea#field29:focus, textarea#field30:focus, textarea#field31:focus, textarea#field32:focus, textarea#field33:focus, textarea#field41:focus{ border: 2px solid #de271f; color:#de271f; background: #fff;} .checkbox_label {margin-left:10px; font-size:1em; } textarea#field14 { height: 80px; color:#32331d; margin-top: 0.3em;} input.submitter, input.submitter_small{ color:#fff; font-size:1em; font-weight:bold; font-family: Arial, Verdana, Helvetica, sans-serif; border: 2px solid #ccc; background: #de271f; width:258px; height: 25px; margin-top:15px;} input.submitter_small {width:125px;} .required{color:#a84548 !important;} .formback{font-size:0.8em; margin-top:1em; display:block;} /* FIXES */ /*************************************************************/ .clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} .clearfix {display:inline-block;} /* Hide from IE Mac \*/ .clearfix {display:block;} /* End hide from IE Mac */