/* 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;}
html, input {font-family:Arial, sans-serif; font-size: 12px;}

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



h1, h2, h3, h4, h5 {margin:0 0 0.8em 0; color:#c80000;}
h1 {font-size:20px;}
h2 {font-size:16px;}
h3 {font-size:14px;}
h4 {font-size:12px;}
h5 {font-size:12px; 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 {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 1em 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;}

/* 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;}

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

#grafikright {position:absolute; width:100px; height:340px; left:868px;}
#adressleft {position:absolute; z-index:10; width:200px; height:80px; left:10px; top:260px; font-size:10px;}

#page {position:relative; width:976px; margin:auto; margin-top:20px; background-image:url(http://www.flueck-ag.ch/common/img/backmain.gif); background-repeat:repeat-y;}
#headerpane, #mainpane, #footerpane {position:relative; overflow:hidden; clear:both;}

.leftpane {position:relative; float:left; margin-left:5px; width:205px;}
.middlepane {position:relative; float:left; width:658px;}
.rightpane {display:none; position:relative; float:left; width:102px;}

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

/* header */
#headerpane {height:182px;}
#logo {display:block; float:left; width:205px; height:186px; margin-left:5px; padding-top:90px; text-align:center;}
#logo img {margin-left:auto; margin-right:auto;}
#logo2 {display:block; width:205px; height:160px; margin:0 0 10px 0;}
#headerimages .item {float:left;}
#headerimages .item img {display:block;}

/* address */
.leftpane .contactinfo {padding:4px 0 4px 10px; font-size:11px; background-color:#eee;}
.leftpane .contactinfo .address1 {display:block;}
.leftpane .contactinfo .address2 {display:block;}

/* form_search */
.leftpane .form_quicksearch {padding:0 0 0 10px; background-image:url(http://www.flueck-ag.ch/common/img/navibackmiddle.gif); background-repeat:repeat-y;}
.leftpane .form_quicksearch form {margin:0; padding:0;}
.leftpane .form_quicksearch input {float:left; width:148px; height:14px; margin-right:17px; padding:2px 0; border:1px solid #fff; background-color:#fff;}
.leftpane .form_quicksearch button {width:20px; height:20px; border:0; background-color:transparent; background-image:url(http://www.flueck-ag.ch/common/img/icons/btn_search.gif); background-repeat:no-repeat; background-position:center center; cursor:pointer;}
.leftpane .form_quicksearch button span {display:none;}

/* functions */
ul.functions {list-style-type:none; margin:10px 0 10px 0; padding:0 10px; overflow:visible;}
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; background-position:center center; background-repeat:no-repeat;}
ul.functions a span {display:none;}
ul.functions a.printlink {background-image:url(http://www.flueck-ag.ch/common/img/icons/btn_print.gif);}
ul.functions a.sitemaplink {background-image:url(http://www.flueck-ag.ch/common/img/icons/btn_sitemap.gif);}
ul.functions a.recommendationlink {background-image:url(http://www.flueck-ag.ch/common/img/icons/btn_recommend.gif);}

/* navigation */
#navigationpane {float:left; width:205px; background-image:url(http://www.flueck-ag.ch/common/img/navibackmiddle.gif); background-repeat:repeat-y;}
#navigationpane ul {list-style-type:none; padding:0; line-height:1.4em;}
#navigationpane ul ul ul {margin:0;}

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

#navigationpane a {display:block; padding:2px 10px; text-decoration:none; color:#666; font-weight:bold;}
#navigationpane a:hover {color:#333;}
#navigationpane a.active, #navigationpane a.activenode {font-weight:bold; color:#fff; background-color:#c1001f; margin-right:5px;}
#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 {margin:0 0; padding:0 10px 5px 10px;}
.pathway a {font-size:80%; text-decoration:none;}

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

/* content */
#content {padding:0 5px 10px 5px;}

/* teaser */
#teasers {margin-top:24px;}
.teaser {margin-bottom:10px; padding-bottom:2px; background-color:#fff;}
.teaser .image img {display:block;}
.teaser .title {padding:2px 5px; font-size:90%; font-weight:bold; color:#c10220; background-color:#fff;}
.teaser .title a {text-decoration:none; color:#c10220; }
.teaser .text {padding:2px 5px 0 5px; font-size:80%; color:#333;}
.teaser .more {padding:0px 5px 0 5px; font-size:80%; color:#333;}
.teaser .more a {text-decoration:underline;}

.teaser .themeselector select {width:120px; font-size:90%; background-color:transparent; border:1px solid #000;}

/* footer */
#footerpane {padding:0 0 0 205px;}
#footer {padding:2px 10px 0 10px;}
#footer, #footer a {font-size:11px; color:#c80000; text-decoration:none;}
#footer .copyright, #footer .copyright a {color:#666;}

/* inside content */
.contentbox {padding: 0; background-image:url(http://www.flueck-ag.ch/common/img/contentbackmiddle.gif); background-repeat:repeat-y;}
.contentbox .contentpane {padding-top:4px; margin: 5px 8px 5px 5px;}
.contentbox .footerpane {height:5px; margin-bottom:5px; background-image:url(http://www.flueck-ag.ch/common/img/contentbackbottom.gif); background-repeat:no-repeat;}

.contentbox .image {margin-bottom:4px;}
.contentbox .images.leftright {margin-right:8px;}
.contentbox .images.floatright {margin-left:8px;}

.contentboxes {padding-bottom:8px;}
.contentboxes .item .full {clear:both;}
.contentboxes .item .half {float:left; width:318px; margin-right:8px; }
.contentbox.half .footerpane {margin-bottom:0px; background-image:url(http://www.flueck-ag.ch/common/img/blank.gif);}
.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:209px; margin-right:8px;}
.contentbox.third .footerpane {margin-bottom:0px; background-image:url(http://www.flueck-ag.ch/common/img/blank.gif);}
.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:155px; margin-right:8px;}
.contentbox.quarter .footerpane {margin-bottom:0px; background-image:url(http://www.flueck-ag.ch/common/img/blank.gif);}
.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;}

/* links */
.ZMSLinkElement {padding: 0; background-image:url(http://www.flueck-ag.ch/common/img/contentbackmiddle.gif); background-repeat:repeat-y;}
.ZMSLinkElement {float:left; width:100%; margin-bottom:4px;}
.ZMSLinkElement .title {float:left; width:200px;}
.ZMSLinkElement .description {display: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;}

/* search */
.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 .map {width:100%; height:400px; margin-bottom:1em;}

.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;  font-weight:bold; font-size:140%;}
.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 .map {width:100%; height:400px;}

/* overview */
.overview ul {padding: 10px 0 10px 0; background-image:url(http://www.flueck-ag.ch/common/img/contentbackmiddle.gif); background-repeat:repeat-y;}
.overview .title.level1 a {display:block; text-align:center; text-decoration:none; font-weight:bold; color:#666; margin-bottom:4px; font-size:80%;}
.overview li .title.level1 a {display:block; text-align:left; text-decoration:none; font-weight:bold; color:#666; margin-bottom:4px; font-size:120%;}

.contentbox.overview, .contentbox.overview .footerpane {background-image:url(http://www.flueck-ag.ch/common/img/blank.gif); }
.contentbox.overview .contentpane {margin:0;}
.overview .item.level1 {float:left; height:180px; margin:0 6px 10px 0; width:156px; background-color:#fff;}
.overview a.titleimage.level1 {display:block; height:140px; margin:8px 0 5px 0;}
.title.level1, .title.level1 a {text-align:center; text-decoration:none; font-weight:bold;}

/* gallery */
.gallery .image {position:relative; display:block; float:left; width:137px; height:137px; margin:0 11px 11px 0; border:1px solid #d03e00;}
.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%;}

@media print{
body, div {background: #ffffff; color:#666;}
#page {position:static; width:auto; background-image:none;}
#headerprint {display:block; margin-left:5px;}
#headerpane, .pathway, .leftpane, .rightpane, #adressleft {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;}
#footer {display:none;}
#footerprint {display:block;}
}