/*
Theme Name: Spar- und Leihkasse Bucheggberg
Theme URI: http://ibl.ch
Description: Custom Wordpress Theme for Spar- und Leihkasse Bucheggberg based on the Starkers Theme by Elliot Jay Stocks.
Version: 1.0
Author: Andris Linz @ ibl und partner ag
Author URI: http://ibl.ch
Tags: Sparkasse, Leihkasse, Bank, Bucheggberg
*/

/* ------------------------- RESET ------------------------- */

body, html, h1, h2, h3, h4, h5, h6, p, ul, li, ol, img, fieldset { margin:0; padding:0; border:0; }

ul, li, ol { list-style:none; }

:focus { outline:none; }

/* ------------------------- UTILITIES ------------------------- */

.clear { clear:both; }

.floatLeft { float:left; }

.floatRight { float:right; }

.bottomMargin { margin:0 0 20px 0;}

.bottomMargin10 { margin:0 0 10px 0;}

.noMargin {margin:0;}

.minusLeft {margin:0 0 0 -4px;}

.magenta {color:#F0F;}

/* ------------------------- MAIN ------------------------- */

body {background:#fff; color:#222; font-family:Arial, Helvetica, sans-serif; font-size:12px;}

a:link, a:visited, a:active {color:#004f5e; text-decoration:none; font-weight:bold;}

a:hover {color:#b0ca3b;}

a.magenta {color:#F0F;}

p a {font-size:.9em;}

h2 {border-top:#87a29f 1px solid; border-bottom:#87a29f 1px solid; color:#b0ca3b; text-transform:uppercase; font-size:16px; padding:5px; margin:0 0 20px 0; letter-spacing:.05em;}

h3 {color:#222; margin:0; font-size:13px; line-height:18px;}

h4 {margin:0 0 10px 0; font-size:13px; font-weight:bold;}

h5 {margin:0; font-size:13px;}

ul {margin:0 0 10px 0;}

table {margin:10px 0 20px 0;}

table tr {line-height:18px;}

sup {font-size:.6em;}

/* ------------------------- LAYOUT ------------------------- */

#wrapper {width:880px; margin:20px auto; background:url(images/bg.gif) repeat-y;}

/* ------------------------- HEADER ------------------------- */

#header {width:100%; height:50px; margin:0; background:#fff;}

h1#logo a {background:url(images/slb_logo.gif) no-repeat; text-indent:-9999px; width:237px; height:28px; display:block; line-height:28px; float:left;}

#header ul {float:right;}

#header ul li {display:inline;}

#header ul li a {color:#004f5e; text-transform:uppercase; text-decoration:none; font-weight:bold; margin:0 10px 0 0; line-height:22px; font-size:10px;}

#header form {float:right;}

#searchform {line-height:50px;}

#searchform input[type="text"] {background:#87a29f; border:None; padding:5px; width:175px; color:#004f5e; font-size:10px; text-transform:uppercase; font-weight:bold; font-size:10px;}

/* ------------------------- NAVIGATION ------------------------- */

#navigation {width:145px; float:left;}

#navigation li a {font-weight:normal;display:block; color:#b0ca3b; text-transform:uppercase; line-height:16px; border-bottom:#fff 5px solid; padding:5px; text-decoration:none; letter-spacing:0.03em;}

#navigation li a:hover {font-weight:bold; letter-spacing:0.05em;}

#navigation li ul {display:none; margin:0;}

#navigation li ul.current_children, #navigation li ul.current_children li ul.current_sub_children {display:block; border-bottom:#fff 5px solid;}

#navigation li.current_page_item a, #navigation li.current_page_parent a {font-weight:bold;}

#navigation li.current_page_item ul li a, #navigation li.current_page_parent ul li a {font-weight:normal;}

#navigation li.current_page_item ul li a, #navigation li.current_page_parent ul li a {background:#fff; color:#004f5e; text-transform:none; border:none; padding:0 5px; line-height:18px; display:block; }

#navigation li.current_page_item ul li a:hover, #navigation li.current_page_parent ul li a:hover, #navigation li.current_page_parent ul li.current_page_item a {letter-spacing:0.01em; font-weight:bold; color:#b0ca3b;}

#navigation ul li.current_page_parent a:hover {letter-spacing:0.03em;}

#navigation li.current_page_parent ul li ul.current_sub_children li a {font-weight:normal; color:#004f5e; padding:0 0 0 15px; display:block;}

#navigation li.current_page_parent ul li ul.current_sub_children li a:hover, #navigation li.current_page_parent ul li ul.current_sub_children li.current_page_item a {color:#b0ca3b;}

/* ------------------------- CONTENT ------------------------- */

#content {float:left; width:540px; padding:0 5px;}

#content .post {width:500px; padding:0 20px;}

#content img.img {margin:0 0 20px 0;}

p {line-height:18px; font-size:13px; margin:0 0 10px 0; color:#222;}

/* ------------------------- PRIVATE ------------------------- */

h3#private {background:url(images/claim_private.gif); width:500px; height:40px; text-indent:-9999px; margin:0 0 20px 0;}

.icon {float:left; margin:10px 8px 20px 0; background:#87a29f;}

.icon h4 a {padding:3px 6px; color:#004f5e; text-decoration:none; display:block; line-height:18px;}

.icon h4 a:hover {color:#b0ca3b;}

.icon:hover h4 a {color:#b0ca3b;}

.last {margin:10px 0 20px 0;}

/* ------------------------- SPAREN ------------------------- */

table tr td table {margin:0;}

table tr td table tr {border-bottom:#87a29f 1px solid; display:block; padding:2px 0;}

table tr td table tr.noborder {border:none;}

table#aktuelleZinssaetze {margin:10px 0 0 0;}

/* ------------------------- FINANZIEREN ------------------------- */

.finanzInfo {background:#c4cfcd; float:left; width:328px; height:65px; margin:0 0 10px 10px; padding:10px;}

.finanzInfo p {font-size:12px;}

.finanzInfo p a:hover {color:#fff;}

table#hypotheken {width:500px; margin:0 0 20px 0;}

table#hypotheken thead th {text-align:left;}

td.first, th.first {background:#c4cfcd; color:#004f5e; font-weight:bold;} 

td.second, th.second {background:#006f78; color:#fff;}

td.third {background:#dae3e1; color:#222;}

th.third {background:#dae3e1; color:#004f5e;}

td.fourth {background:#d0da6a; color:#222;}

th.fourth {background:#d0da6a; color:#004f5e;}

img.baukredit {float:right; margin:0 0 0 10px;}

.boxGruen {background:#d0da6a; color:#222; width:249px; font-size:13px; margin:0 0 10px 0; padding:0 0 5px 0;}

.boxGruen h4 {background:#b0ca3b; color:#222; padding:5px;}

.boxGruen ul, .boxGruen p {padding:5px; margin:0 0 20px 0; }

.boxGruen ul li {list-style:disc; margin:0 0 5px 15px;}

.volleBreite {width:100%;}

.halbeBreite {width:244px;}

.zahlungsverkehrBox {width:245px; float:left; margin:0 5px 0 0;}

.zahlungsverkehrBoxRechts {width:245px; float:left; margin:0 0 0 5px;}

.boxGruen a:hover {color:#222;}

.boxGrau {background:#c4cfcd; color:#222; width:249px; font-size:13px; margin:0 0 10px 0; padding:0 0 5px 0; width:100%;}

.boxGrau h4 {background:#979f9b; color:#222; padding:5px;}

.boxGrau p {padding:5px 10px;}

/* ------------------------- BEZAHLEN ------------------------- */

.iconBezahlen {float:left; margin:30px 10px 40px 0;}

.iconBezahlen.last {margin:30px 0 40px 0;}

.iconBezahlen h4 {margin:0;}

.iconBezahlen h4 a {background:#004f5e; display:block; color:#fff; padding:3px; font-weight:normal; height:32px; width:86px;}

.iconBezahlen:hover h4 a, .iconBezahlen h4 a:hover {color:#b0ca3b;}

.liste li {line-height:18px; margin:0 0 0 15px; list-style:disc;}

table#zahlungsinformationen {margin:0 0 20px 0;}

table#zahlungsinformationen tr {height:18px;}

table#uebersicht tr, table#uebersicht thead {border-bottom:#87a29f 1px solid; display:block; padding:2px 0; width:100%;}

.kartenInfo {background:#c4cfcd; float:left; width:301px; height:84px; margin:0 0 10px 10px; padding:10px;}

.kartenInfo p {font-size:12px;}

.kartenInfo p a:hover {color:#fff;}


/* ------------------------- ONLINE-BERECHNUNGEN ------------------------- */

ul#online-berechnungen {margin:20px 0;}

ul#online-berechnungen li {float:left; margin:0 14px 10px 0;}

ul#online-berechnungen li.last {margin:0 0 10px 0;}

ul#online-berechnungen li a {display:block; width:157px; height:34px; line-height:34px; text-indent:-9999px;}

#btn_steuervergleich {background:url(images/btn_steuervergleich.jpg) top left no-repeat; height:34px;}

#btn_steuervergleich:hover {background:url(images/btn_steuervergleich.jpg) 0 34px;}

#btn_budget {background:url(images/btn_budget.jpg) top left no-repeat; height:34px;}

#btn_budget:hover {background:url(images/btn_budget.jpg) 0 34px;}

#btn_bvg {background:url(images/btn_bvg.jpg) top left no-repeat; height:34px;}

#btn_bvg:hover {background:url(images/btn_bvg.jpg) 0 34px;}

#btn_sparen3a {background:url(images/btn_sparen3a.jpg) top left no-repeat; height:34px;}

#btn_sparen3a:hover {background:url(images/btn_sparen3a.jpg) 0 34px;}

#btn_sparen {background:url(images/btn_sparen.jpg) top left no-repeat; height:34px;}

#btn_sparen:hover {background:url(images/btn_sparen.jpg) 0 34px;}

#btn_immobilien {background:url(images/btn_immobilien.jpg) top left no-repeat; height:34px;}

#btn_immobilien:hover {background:url(images/btn_immobilien.jpg) 0 34px;}

/* ------------------------- FIRMEN ------------------------- */

h3#firmen {background:url(images/claim_firmen.gif); width:500px; height:40px; text-indent:-9999px; margin:0 0 20px 0;}

table#finanzierung {margin:0 0 0 -5px;}

table#finanzierung thead th {background:#b0ca3b; color:#222; text-align:left;}

table#finanzierung tbody tr td {background:#c4cfcd; color:#222;}

table#finanzierung tbody tr td.bgweiss {background:#fff; color:#222;}

table#finanzierung tbody tr td a:hover {color:#fff;}

/* ------------------------- AKTIONAERE ------------------------- */

h3#aktionaere {background:url(images/claim_aktionaere.gif); width:500px; height:40px; text-indent:-9999px; margin:0 0 20px 0;}

p.geschaeftsbericht {padding:5px 0 10px 0;}

/* ------------------------- PRODUKTE ------------------------- */

#a-z-left {width:160px; float:left; margin:0 10px 0 0;}

#a-z-middle {width:160px; float:left; margin:0 10px 0 0;}

#a-z-right  {width:160px; float:left; margin:0;}

ul.a-z li {padding:3px;}

ul.a-z li:first-child {background:#c4cfcd; color:#222; font-weight:bold;}

/* ------------------------- UNTERNEHMEN ------------------------- */

h3#unternehmen {background:url(images/claim_unternehmen.gif); width:500px; height:40px; text-indent:-9999px; margin:0 0 20px 0;}

table#unternehmen thead th {text-align:left;}

table#unternehmen tbody tr td {vertical-align:top;}

h3#credo {background:url(images/claim_credo.gif); width:500px; height:40px; text-indent:-9999px; margin:0 0 20px 0;}

.geschichtsbildLeft {float:left; margin:0 20px 0 0;}

.geschichtsbildRight {float:right; margin:0 0 0 20px;}

.geschichtsbildLeft p, .geschichtsbildRight p {font-size:10px; font-weight:bold;}

/* ------------------------- STANDORTE ------------------------- */

img.hauptsitz {float:left; margin:0 10px 20px 0;}

h3.hauptsitz {width:239px; float:right; background:#87a29f; color:#004f5e; padding:5px; margin:0 0 10px 0;}

h3.panel {background:#87a29f; color:#004f5e; padding:5px; margin:0 0 10px 0;}

h3.panel:hover {cursor:pointer; background:#b0ca3b;}

table#standorte {margin:0;}

.content {padding:5px;}

.content p, .content table, .content h4 {font-size:12px;}

.content table {margin:0 0 15px 0;}

/* ------------------------- ORGANISATION ------------------------- */

.mitarbeiter {width:160px; float:left; margin:0 10px 0 0;}

.letzter {margin:0;}

.mitarbeiter p {font-size:11px;}

.mitarbeiter p a {font-size:11px;}

/* ------------------------- SIDEBAR ------------------------- */

#sidebar {width:185px; float:left;}

#slogan {background:#004f5e; padding:10px; border-bottom:#fff 5px solid; height:133px;}

#slogan p {background:url(images/slogan.gif); text-indent:-9999px; width:136px; height:33px; line-height:33px;}

#login {display:block; background:url(images/ebankinglogin.jpg) 0 -34px no-repeat; width:185px; line-height:34px; height:34px; border-bottom:#fff 5px solid; text-indent:-9999px;}

#login:hover {background:url(images/ebankinglogin.jpg) top left no-repeat;}

/*#hilfe {display:block; background:url(images/ebanking-hilfe.jpg) top left no-repeat; width:185px; line-height:34px; height:34px; border-bottom:#fff 5px solid; text-indent:-9999px;}

.sidepost {border-bottom:#fff 5px solid; background:#87a29f;}

.sidepost h3 {background:#004f5e; padding:10px; color:#fff; margin:0; text-transform:uppercase;}

.sidepost h4 {color:#004f5e; text-transform:uppercase; font-weight:bold; padding:10px; line-height:20px;}

.sidepost p {padding:10px 10px 0 10px;}*/

.bildTextGrau {background:#c4cfcd; border-bottom:#fff 5px solid;}

.bildTextGrau p, .bildTextGrau h3 {padding:5px 10px 0 10px; color:#004f5e;}

.sidebarLink {display:block; border-bottom:#fff 5px solid; padding:5px 10px 5px 10px; background:#87a39f;}

.sidebarLink:hover {color:#fff;}

.sidebarGruen {border-bottom:#fff 5px solid;}

.sidebarGruen h3 {padding:5px 10px; color:#004f5e;}

.sidebarGrau {border-bottom:#fff 5px solid; background:#87a39f;}

.sidebarGrau h3 {padding:5px 10px 0 10px; color:#222; margin:0;}

.sidebarGrau p {padding:0 10px 5px 10px; color:#222;}

.sidebarDunkelGruen {border-bottom:#fff 5px solid; background:#004f5e;}

.sidebarDunkelGruen ul {padding:10px 5px 0 10px;}

.sidebarDunkelGruen ul li a {color:#fff; line-height:16px;}

.sidebarDunkelGruen ul li a:hover {color:#b0ca3b;}

.sidebarDunkelGruen h3 {color:#fff; padding:5px 10px;}

.sidebarDunkelGruen h3 a {color:#fff; text-decoration:none;}

.sidebarDunkelGruen p {color:#fff; padding:5px 10px 0 10px;}

.sidebarHellGrau {background:#c4cfcd; border-bottom:#fff 5px solid;}

.sidebarHellGrau h3 {padding:5px 10px; color:#004f5e;}

img.gb {border-bottom:#fff 5px solid;}

#slider {position:relative; overflow:hidden;}

.sidebarKontakt {background:#c4cfcd; border-bottom:#fff 5px solid;}

.sidebarKontakt h3 {background:#87a39f; color:#004f5e; line-height:12px; padding:5px 10px; text-transform:uppercase; font-weight:bold;}

.sidebarKontakt ul li {position:relative; float:left; display:inline; width:185px; height:100px;}

.sidebarKontakt ul li img {float:left; margin:0 5px 0 0; padding:0;}

.sidebarKontakt ul li h4 {font-size:10px; color:#004f5e; margin:0; padding:3px 0 0 0;}

.sidebarKontakt ul li p {font-size:10px; line-height:12px;}

/* ------------------------- FOOTER ------------------------- */

#footer {background:url(images/bg.gif); text-align:left; color:#004f5e; margin:40px 0 0 0;}

#footerp {width:500px; height:10px; background:url(images/footer.gif); text-indent:-9999px; margin:0 0 0 170px; }

/* ------------------------- SUCHE ------------------------- */

dt {float:left}

/* ------------------------- KOTAKT ------------------------- */

input[type=text] {width:340px; padding:5px; line-height:12px;}

textarea {width:340px; padding:5px; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:14px; height:80px; margin:0 0 20px 0;}

table#anschrift tr td {height:50px;}

input[type=submit] {background:#004f5e; border:#222 1px solid; padding:5px; color:#fff;}

input[type=submit]:hover {background:#b0ca3b; border:#222 1px solid; color:#222;}

.error {color:#222; background:#b0ca3b; padding:3px;}