/* get rid of borders if clicking on an element */
body * {outline-width: 0;}

html {height:100%; margin:0; padding:0; overflow:auto;}
body {margin:0; padding:0; background:#bfd2a8; background-image:url(http://www.vitalysesolothurn.ch/common/img/backmain.jpg); background-position:center top; background-repeat:no-repeat;}
html, body {font-family:Arial, sans-serif; font-size: 12px;}
input, select, p, td, th, h1, h2, h3, h4, h5, h6 {font-family:Arial, sans-serif; font-size:100%;}

body.mceContentBody {height:auto; margin:1em; background-color:transparent; background-image:none;}

h1, h2, h3, h4, h5, h6 {margin:0 0 0.8em 0; color:#666;}
h1 {font-size:160%;}
h2 {font-size:140%;}
h3 {font-size:120%;}
h4 {font-size:110%;}
h5 {font-size:100%;}
h6 {font-size:100%; margin:0;}

p {margin:0 0 1em 0;}

ul, ol {margin:0 0 0.8em 0; padding:0;}
li {margin-left:2em; padding-left:0;}

img {border:0;}
a img {border:0;}

a {display:inline-block; color:#000;}

table {border-collapse:collapse; border:0; margin-bottom:1em;}
th, td {border:0; padding:0; vertical-align:baseline;}
td.label {font-weight:bold; padding-right:0.5em; white-space:nowrap;}
span.label {font-weight:bold; margin-right:0.5em;}

.clearing {clear:both;}
.error {color:#ff0000;}

.floatleft {display:block; float:left; margin:0 1em 2px 0;}
.floatright {display:block; float:right; margin:0 0 1em 1em;}

.vertical-middle {background-position:center center; background-repeat:no-repeat;}
.vertical-middle img {visibility:hidden;}

/* Default tooltip style */
div.ui-tooltip, div.qtip {max-width:80%; min-width:50px; max-height:80%;}
div.ui-tooltip .ui-tooltip-wrapper {border-width:1px; border-color:#ccc; background-color:#fff; color:#000;}

/* basic form styles */
form {margin:0; padding:0;}
fieldset {position:relative; margin:0 0 1.5em 0; padding:8px 0px 4px 8px; clear:both;}
legend {margin:0 0 0 -3px; padding:0px 3px 3px 3px; font-size:120%; font-weight:bold;}

input, textarea {float:left; clear:both; width:218px; margin:0; padding:2px;}
input.checkbox, input.radio {display:inline; float:none; width:auto; margin:0; padding:0; border:0; background-color:transparent; border:0;}
select {float:left; clear:both; width:222px; margin:0; padding:0;}
textarea {overflow:auto;}

label {display:block; float:left; clear:both; width:224px; height:45px; margin-right:8px; padding:0;}
label span {display:block; float:left; clear:both; margin:0; padding:0; font-weight:bold;}
label.checkbox {float:left; clear:none; margin-bottom:1em; height:auto;}
label.checkbox span {display:inline; float:none; margin-left:0.5em;}
div.radiocontainer {display:block; float:left; clear:both; width:224px; height:45px; margin-right:8px;}
div.radiocontainer span {display:block; margin-bottom:5px; font-weight:bold;}
div.radiocontainer label {float:left; clear:none; width:auto; height:auto; margin-right:1em;}
div.radiocontainer label span {display:inline; float:none; margin-bottom:0; margin-left:0.5em; font-weight:normal;}
div.displaytext {clear:both; margin-bottom:1em;}

legend label, legend label.checkbox {display:inline; float:none; clear:none; width:auto; margin-left:1em;}
legend label span, legend label.checkbox span {float:none; clear:none; margin:0; font-size:90%; font-weight:normal;}
legend input.checkbox, legend input.radio {float:none; clear:none;}

label.error {color:#ff0000;}
label.error span {color:#ff0000;}
label.error input, label.error select, label.error textarea {border:1px solid #ff0000;}

.section_buttons {clear:both; text-align:center;}
.section_buttons button {border:0; background-color:transparent; cursor:pointer;}
.section_buttons button span {font-size:12px; font-weight:bold;}

/* default fields  */
div.label_salutation {clear:none;}
label.label_lastname {clear:none;}

label.label_zip {clear:none; width:52px;}
input.fld_zip {width:46px;}

label.label_city {clear:none; width:190px;}
input.fld_city {width:184px;}

label.label_fax {clear:none;}

label.label_email {width:456px;}
input.fld_email {width:450px;}

label.label_subject {width:456px;}
input.fld_subject {width:450px;}

label.label_comments {width:456px; height:201px; margin-right:0;}
label.label_comments textarea {float:left; clear:both; width:450px; height:170px;}

fieldset.section_antispamcheck {padding-top:0px; padding-bottom:5px;}
label.label_solution {height:auto; width:auto;}
label.label_solution span {float:left; clear:none; line-height:24px; margin-right:10px;}
input.fld_solution {width:50px; clear:none;}

/* newsletter */
.form_newsletter form {margin-top:2em;}
.form_newsletter .subscription label.label_email {clear:none; width:456px;}
.form_newsletter .subscription input.fld_email {width:450px;}
.form_newsletter .unsubscription label {height:auto; margin-bottom:5px;}
.form_newsletter .unsubscription label span {display:none;}

/* basic layout flow */
#headerprint {display:none;}

#page {position:relative; width:990px; margin:auto; margin-top:20px;}
#headerpane, #mainpane, #footerpane {position:relative; clear:both;}

#mainpane {background:#fff; background-image:url(http://www.vitalysesolothurn.ch/common/img/layout/mainpane_bg.gif);}
#mainpane:after {content:"."; display:block; font-size:0; height:0; clear:both; visibility:hidden;}

.leftpane {position:relative; float:left; width:200px;}
.middlepane {position:relative; float:left; width:774px;}
.rightpane {display:none; position:relative; float:left; width:248px;}

.teaserinside .middlepane {width:532px;}
.teaserinside .rightpane {display:block;}


/* header */
#headerpane {background-image:url(http://www.vitalysesolothurn.ch/common/img/header.jpg); background-repeat:no-repeat; height:190px;}
#logo {display:block; float:left; width:200px; height:60px; padding-top:60px; text-align:center;}
#logo img {margin-left:auto; margin-right:auto;}
#headerimages .item {float:left;}
#headerimages .item img {display:block;}

#headerfunctions {position:absolute; right:271px; width:500px; bottom:2px;}

/* form_search */
.form_quicksearch {display:block; float:right;}
.form_quicksearch input {float:left; width:144px; height:14px; margin-right:5px; padding:2px; font-size:90%; color:#fff; border:1px solid #fff; background-color:transparent; background-image:url(http://www.vitalysesolothurn.ch/common/img/icons/quicksearch_input_bg.png);}
.form_quicksearch button {width:20px; height:20px; padding:0; border:1px solid #fff; background-color:transparent; background-image:url(http://www.vitalysesolothurn.ch/common/img/icons/btn_search.gif); background-repeat:no-repeat; background-position:center center; cursor:pointer;}
.form_quicksearch button span {display:none;}

/* functions */
ul.functions {float:right; list-style-type:none; margin:0; padding:0;}
ul.functions:after {content:"."; display:block; font-size:0; height:0; clear:both; visibility:hidden;}
ul.functions li {float:left; margin:0 5px 0 0; padding:0;}
ul.functions a {display:inline-block; width:18px; height:18px; border:1px solid #fff; background-position:center center; background-repeat:no-repeat;}
ul.functions a span {display:none;}
ul.functions a.printlink {background-image:url(http://www.vitalysesolothurn.ch/common/img/icons/btn_print.gif);}
ul.functions a.sitemaplink {background-image:url(http://www.vitalysesolothurn.ch/common/img/icons/btn_sitemap.gif);}
ul.functions a.recommendationlink {background-image:url(http://www.vitalysesolothurn.ch/common/img/icons/btn_recommend.gif);}

#leftpane_woman {position:absolute; top:0px; left:0px; z-index:10;}

/* navigation */
#navigationpane {position:relative; padding:4px 0 4px 0; margin-top:60px; background-image:url(http://www.vitalysesolothurn.ch/common/img/layout/navigationpane_bg.png); z-index:20;}
#navigationpane ul {list-style-type:none; margin:2px 0; padding:0;}
#navigationpane ul ul ul {margin:0;}

#navigation li {margin:0; padding:0;}

#navigationpane a {display:block; padding:2px 10px; text-decoration:none; font-weight:bold; color:#666;}
#navigationpane a:hover {color:#000;}
#navigationpane a.active, #navigationpane a.activenode {font-weight:bold; color:#fff; background-color:#73a566;}
#navigationpane ul ul a {padding: 1px 0 0 20px; font-size:11px;}
#navigationpane ul ul a.active, #navigationpane ul ul a.activenode {background-color:transparent; color:#000;}
#navigationpane ul ul ul a {padding-left:30px;}
#navigationpane ul ul ul ul a {padding-left:50px;}
#navigationpane ul ul ul ul a.activenode {background-position:32px 6px;}
#navigationpane ul ul ul ul ul a {padding-left:60px;}
#navigationpane ul ul ul ul ul a.activenode {background-position:42px 4px;}

/* pathway */
.pathway {height:20px; padding:0 10px; line-height:20px;}
.pathway a {font-size:80%; text-decoration:none;}

/* title */
#title {margin:10px 0; padding:0 10px;}
#title h1 {margin:0; padding:0;}

/* content */
#content {padding:0 8px 0 8px;}

/* teaser */
#teasers {margin:20px 0 0 0;}
.teaser {margin:0 0 8px 0; background:#8cae62;}
.teaser:after {content:"."; display:block; font-size:0; height:0; clear:both; visibility:hidden;}
.teaser.last {margin:0;}
.teaser .image {float:right; padding-left:5px;}
.teaser .title {padding:2px 5px; font-size:90%; font-weight:bold; color:#fff;}
.teaser .title a {text-decoration:none; color:#fff; }
.teaser .text {padding:2px 5px 0 5px; font-size:80%; color:#fff;}
.teaser .more {padding:0px 5px 0 5px; font-size:80%; color:#fff;}
.teaser .more a {text-decoration:underline; color:#fff;}

/* footer */
#footerpane {background:#bfd2a8; background-image:url(http://www.vitalysesolothurn.ch/common/img/backfooter.jpg); background-repeat:no.repeat; padding:0 0 0 200px;}
#footer {height:38px; padding:2px 10px 0 10px;}
#footer, #footer a {font-size:11px; text-decoration:none;}
#footer .copyright, #footer .copyright a {color:#333;}

/* inside content */
.contentbox h2.title {background:#8cae62; color:#fff; padding-left:4px;}

.contentbox .image {margin-bottom:2px;}
.contentbox .images.leftright {margin-right:1em;}
.contentbox .images.floatright {margin-left:1em;}

.contentboxes .item .full {clear:both;}
.contentboxes .item .half {float:left; width:254px; margin-right:8px;}
.contentboxes .item.item2 .half {margin-right:0px;}
.contentboxes .item.item4 .half {margin-right:0px;}
.contentboxes .item.item6 .half {margin-right:0px;}
.contentboxes .item.item8 .half {margin-right:0px;}
.contentboxes .item.item10 .half {margin-right:0px;}
.contentboxes .item.item12 .half {margin-right:0px;}
.contentboxes .item.item14 .half {margin-right:0px;}
.contentboxes .item.item16 .half {margin-right:0px;}
.contentboxes .item.item18 .half {margin-right:0px;}
.contentboxes .item.item20 .half {margin-right:0px;}
.contentboxes .item.item22 .half {margin-right:0px;}
.contentboxes .item.item24 .half {margin-right:0px;}
.contentboxes .item.item26 .half {margin-right:0px;}
.contentboxes .item.item28 .half {margin-right:0px;}
.contentboxes .item.item30 .half {margin-right:0px;}
.contentboxes .item.item32 .half {margin-right:0px;}
.contentboxes .item.item34 .half {margin-right:0px;}
.contentboxes .item.item36 .half {margin-right:0px;}
.contentboxes .item.item38 .half {margin-right:0px;}
.contentboxes .item .third {float:left; width:200px; margin-right:8px;}
.contentboxes .item.item3 .third {margin-right:0px;}
.contentboxes .item.item6 .third {margin-right:0px;}
.contentboxes .item.item9 .third {margin-right:0px;}
.contentboxes .item.item12 .third {margin-right:0px;}
.contentboxes .item.item15 .third {margin-right:0px;}
.contentboxes .item.item18 .third {margin-right:0px;}
.contentboxes .item.item21 .third {margin-right:0px;}
.contentboxes .item.item24 .third {margin-right:0px;}
.contentboxes .item.item27 .third {margin-right:0px;}
.contentboxes .item.item30 .third {margin-right:0px;}
.contentboxes .item.item33 .third {margin-right:0px;}
.contentboxes .item.item36 .third {margin-right:0px;}
.contentboxes .item.item39 .third {margin-right:0px;}
.contentboxes .item.item42 .third {margin-right:0px;}
.contentboxes .item.item45 .third {margin-right:0px;}
.contentboxes .item.item48 .third {margin-right:0px;}
.contentboxes .item.item51 .third {margin-right:0px;}
.contentboxes .item.item54 .third {margin-right:0px;}
.contentboxes .item.item57 .third {margin-right:0px;}
.contentboxes .item .quarter {float:left; width:148px; margin-right:8px;}
.contentboxes .item.item4 .quarter {margin-right:0px;}
.contentboxes .item.item8 .quarter {margin-right:0px;}
.contentboxes .item.item12 .quarter {margin-right:0px;}
.contentboxes .item.item16 .quarter {margin-right:0px;}
.contentboxes .item.item20 .quarter {margin-right:0px;}
.contentboxes .item.item24 .quarter {margin-right:0px;}
.contentboxes .item.item28 .quarter {margin-right:0px;}
.contentboxes .item.item32 .quarter {margin-right:0px;}
.contentboxes .item.item36 .quarter {margin-right:0px;}
.contentboxes .item.item40 .quarter {margin-right:0px;}
.contentboxes .item.item44 .quarter {margin-right:0px;}
.contentboxes .item.item48 .quarter {margin-right:0px;}
.contentboxes .item.item52 .quarter {margin-right:0px;}
.contentboxes .item.item56 .quarter {margin-right:0px;}
.contentboxes .item.item60 .quarter {margin-right:0px;}
.contentboxes .item.item64 .quarter {margin-right:0px;}
.contentboxes .item.item68 .quarter {margin-right:0px;}
.contentboxes .item.item72 .quarter {margin-right:0px;}
.contentboxes .item.item76 .quarter {margin-right:0px;}


/* Contentboxen Home */
.contentbox.full {background:#eee; margin-bottom:8px;}
.contentbox.full h2 {margin:0;}
.contentbox.full .text {margin:4px;}
.contentbox.full .images.floatright {margin-bottom:0px;}
.contentbox.full .images.floatright .image {margin-bottom:0px;}

.contentbox.half {background:#eee; margin-bottom:0px;}
.contentbox.half h2 {margin:0;}
.contentbox.half .text {margin:4px;}
.contentbox.half .images.floatright {margin-bottom:0px;}
.contentbox.half .images.floatright .image {margin-bottom:0px;}

/* search results */
.search .items_nav {margin-bottom:1em;}
.search .items_nav div {margin-bottom:1em;}
.search .items_nav .active {font-weight:bold;}
.search .results .item {margin-bottom:1em;}
.search .results .item .title {}
.search .results .item .title a {text-decoration:none; font-weight:bold;}
.search .results .item .breadcrumbs a {text-decoration:none; font-size:90%;}

/* locationsmap */
.locationsmap {margin:0 0 1em 0;}
.locationsmap .map {width:100%; height:400px;}

.markerInfo .company {font-weight:bold;}
.markerInfo .links a {margin-right:1em;}

/* location */
.location .titleimage {float:right; margin:0 0 10px 10px;}
.location .titleimage a {display:block;}
.location .contact {margin:0 0 1em 0;}
.location .contact .company {margin-bottom:0.5em; padding-left:4px; font-weight:bold; font-size:140%; color:#fff; background:#8cae62;}
.location .contact .address {margin-bottom:1em;}

.location .openinghours {margin:0 0 1em 0;}
.location .openinghours .title {margin-bottom:0.5em; font-weight:bold; font-size:140%;}
.location .openinghours table {border:0; border-collapse:collapse;}
.location .openinghours td {padding:0 0 0.5em 0; vertical-align:top;}
.location .openinghours td.label {padding-right:0.5em;}
.location .openinghours span.hours {display:block;}

.locationmap {margin:0 0 1em 0;}
.locationmap .map {width:100%; height:400px;}

/* gallery */
.gallery .image {position:relative; display:block; float:left; width:137px; height:137px; margin:0 11px 11px 0; border:1px solid #ccc;}
.gallery .image.item5 {margin-right:0;}
.gallery .image.item10 {margin-right:0;}
.gallery .image.item15 {margin-right:0;}
.gallery .image.item20 {margin-right:0;}
.gallery .image.item25 {margin-right:0;}
.gallery .image.item30 {margin-right:0;}
.gallery .image.item35 {margin-right:0;}
.gallery .image.item40 {margin-right:0;}
.gallery .image.item45 {margin-right:0;}
.gallery .image.item50 {margin-right:0;}
.gallery .image.item55 {margin-right:0;}
.gallery .image.item60 {margin-right:0;}
.gallery .image.item65 {margin-right:0;}
.gallery .image.item70 {margin-right:0;}
.gallery .image.item75 {margin-right:0;}
.gallery .image.item80 {margin-right:0;}
.gallery .image.item85 {margin-right:0;}
.gallery .image.item90 {margin-right:0;}
.gallery .image.item95 {margin-right:0;}
.gallery .image a {display:block; width:100%; height:100%;}

/* overview */
.overview .itemlevel1 {float:left; width:166px; height:194px; margin:0 10px 10px 0;}
.overview .itemlevel1-4 {margin-right:0px;}
.overview .itemlevel1-8 {margin-right:0px;}
.overview .itemlevel1-12 {margin-right:0px;}
.overview .itemlevel1-16 {margin-right:0px;}
.overview .itemlevel1-20 {margin-right:0px;}
.overview .itemlevel1-24 {margin-right:0px;}
.overview .itemlevel1-28 {margin-right:0px;}
.overview .itemlevel1-32 {margin-right:0px;}
.overview .itemlevel1-36 {margin-right:0px;}
.overview .itemlevel1-40 {margin-right:0px;}
.overview .itemlevel1-44 {margin-right:0px;}
.overview .itemlevel1-48 {margin-right:0px;}
.overview .itemlevel1-52 {margin-right:0px;}
.overview .itemlevel1-56 {margin-right:0px;}
.overview .itemlevel1-60 {margin-right:0px;}
.overview .itemlevel1-64 {margin-right:0px;}
.overview .itemlevel1-68 {margin-right:0px;}
.overview .itemlevel1-72 {margin-right:0px;}
.overview .itemlevel1-76 {margin-right:0px;}
.overview a.titleimagelevel1 {display:block; width:164px; height:164px; margin-bottom:2px; border:1px solid #ccc;}
.overview .item .titlelevel1 a {display:block; text-align:center; text-decoration:none; font-weight:bold;}
.overview .item .titlelevel1 a:hover {background-color:transparent;}

@media print{
body, div {background: #fff; color:#666;}
#page {position:static; width:auto; background-image:none;}
#headerprint {display:block;}
#headerpane, .pathway, .leftpane, .rightpane {display:none!important;}
#mainpane {position:static!important; width:auto!important; overflow:visible!important; clear:none; background-color:transparent!important;}
#mainpane .middlepane {position:static!important; width:auto!important; overflow:visible!important;}
.contentpane {padding:0!important;}
#content {padding:0!important;}
.contentboxes, .contentbox {width:620px; margin-bottom:20px;}
#footer {display:none;}
#footerprint {display:block;}
}