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

html {height:100%; margin:0; padding:0; background-color:#fff; overflow:auto;}
body {margin:0; padding:0;}
html, input {font-family:verdana, sans-serif; font-size: 11px;}

h1, h2, h3, h4, h5 {margin:0 0 0.8em 0; color:#301107;}
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;}

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

a {color:#a93234;}

.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;}

/* forms */
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:282px; 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:286px; margin:0; padding:0;}
textarea {overflow:auto;}

label {display:block; float:left; clear:both; width:288px; 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:288px; 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:584;}
input.fld_email {width:578px;}

label.label_subject {width:500px;}
input.fld_subject {width:504px;}

label.label_comments {width:500px; height:201px; margin-right:0;}
label.label_comments textarea {float:left; clear:both; width:504px; 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:584px;}
.form_newsletter .subscription input.fld_email {width:578px;}
.form_newsletter .unsubscription label {height:auto; margin-bottom:5px;}
.form_newsletter .unsubscription label span {display:none;}

/* basic layout flow */
#page {position:relative; width:960px; margin:auto; margin-top:0px; background-color:#fff;}
#headerpane, #mainpane, #footerpane {position:relative; overflow:hidden; clear:both;}

#mainpane {min-height:480px;}

.leftpane {position:relative; float:left; width:200px; padding-bottom:5000px; margin-bottom:-5000px;}
.middlepane {position:relative; float:left; width:630px; padding-bottom:5000px; margin-bottom:-5000px;}
.rightpane {display:none; position:relative; float:right; width:130px; padding-bottom:5000px; margin-bottom:-5000px;}

.adsinside #page {width:960px; margin-top:0px;}
.teaserinside .middlepane {width:630px;}
.teaserinside .rightpane {display:block;}

#adsbanner_main {position:relative; height:0px; margin:0 0 0px 0;}
#adsbanner_side {position:relative; float:left; width:120px; margin-top:58px; padding:0 0 0 10px; font-size:90%;}
#adsbanner_side .title {margin-bottom:1em;}
#adsbanner_side .item {margin-bottom:1em;}
#adsbanner_side .item .title {margin-bottom:0;}

/* basic layout colors */
.leftpane {background-color:#ff9933; background-image:url(http://www.schaerer-holz.ch/globalfiles/img/back-left.jpg); background-repeat:no-repeat;}
.rightpane {background-color:#dfc081;}

/* header */
#logo {display:block;}
#logo img {display:block;}

/* address */
.leftpane .contactinfo {padding:240px 0 4px 10px; font-size:10px;}
.leftpane .contactinfo .address1 {display:block;}
.leftpane .contactinfo .address2 {display:block;}
.email a {color:#000}

/* form_search */
.leftpane .form_search {padding:4px 10px; background-color:#301107;}
.leftpane .form_search input {float:left; width:148px; height:14px; margin-right:5px; padding:2px; border:1px solid #fff; background-color:#fff;}
.leftpane .form_search button {width:20px; height:20px; border:0; background-image:url(http://www.schaerer-holz.ch/globalfiles/img/icons/btn_search.gif); background-repeat:no-repeat; background-position:center center; cursor:pointer;}
.leftpane .form_search button span {display:none;}

/* navigation */
#navigationpane {padding-top:20px;}
#navigationpane ul {list-style-type:none; margin:2px 0; padding:0;}
#navigationpane ul ul ul {margin:0;}

#navigationpane a {display:block; font-size:140%; padding:4px 10px; text-decoration:none; color:#301107;}
#navigationpane a:hover {color:#301107;}
#navigationpane a.active, #navigationpane a.activenode {font-weight:bold;}
#navigationpane a.activenode {padding-left:26px; background-image:url(http://www.schaerer-holz.ch/globalfiles/img/icons/nav_activenode.gif); background-position:12px 10px; background-repeat:no-repeat;}
#navigationpane ul ul a {padding: 3px 0 0 20px; font-size:11px;}
#navigationpane ul ul a.active, #navigationpane ul ul a.activenode {background-color:transparent; color:#000; background-position:12px 6px;}
#navigationpane ul ul ul a {padding-left:30px;}
#navigationpane ul ul ul a.activenode {background-color:transparent;}
#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;}
.pathway a {font-size:80%; text-decoration:none; color:#000}


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

/* content */
#content {padding:0 10px 10px 10px;}
.column1 {vertical-align:top;}
.column2 {vertical-align:top;}
.column3 {vertical-align:top;}

/* teaser */
#teasers {margin-top:70px;}
.teaser {margin-bottom:10px; padding-bottom:2px; background-color:#e2d9c5;}
.teaser .picture img {display:block;}
.teaser .title {padding:2px 5px; font-size:100%; font-weight:bold; color:#a93234; background-color:#e2d9c5;}
.teaser .title a {text-decoration:none; color:#a93234; }
.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, #footerpane .leftpane, #footerpane .rightpane  {background-image:url(http://www.schaerer-holz.ch/globalfiles/img/blank.gif); background-color:transparent;}
#footer {padding:2px 10px 0 10px;}
#footer, #footer a {font-size:11px; text-decoration:none;}
#footer .copyright, #footer .copyright a {color:#999;}

/* basic form styles */
label {display:block; clear:both; margin-bottom:5px;}
label span {display:block; float:left; width:100px; line-height:1.8em;}
label.radio span {display:inline; float:none; width:auto;}


/* inside content */
.contentbox h2.title {border-bottom:1px solid #000;}

.contentbox .picture {margin-bottom:1em;}
.contentbox .pictures.leftright {margin-right:1em;}
.contentbox .pictures.floatright {margin-left:1em;}

.contentbox.teammember {float:left; width:130px; margin-right:20px; text-align:center;}

.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%;}

#content .contactinfo {margin:0 0 1em 0;}
#content .contactinfo .name {margin:0 0 1em 0;}
#content .contactinfo .name1 {font-weight:bold;}
#content .contactinfo .address {margin:0 0 1em 0;}
#content .contactinfo .address1 {display:block;}
#content .contactinfo .address2 {display:block;}
#content .contactinfo .email {margin:1em 0 0 0;}
#content .contactinfo .googlemaps_link {margin:1em 0 0 0;}

table.openinghours td {padding-right:1em; vertical-align:top;}

.subfolderlist a.item {display:block; float:left; width:150px; height:190px; margin:0 10px 10px 0; text-decoration:none;}
.subfolderlist a.item.item3 {margin-right:0;}
.subfolderlist a.item .picture {display:block; width:148px; height:78px; padding-top:50%; text-align:center; border:1px solid #dfdfdf;}
.subfolderlist a.item .title {display:block; padding:3px 0 0 0; text-align:center; text-decoration:none;}
.subfolderlist a.item:hover .picture {border:1px solid #999999;}
.subfolderlist a.item:hover .title {font-weight:bold;}

@media print{
body {background: #ffffff;}
#headerpane #logo img {width:630px;}
.pathway  {display:none;}
.leftpane {display:none;}
#mainpane .rightpane {display:none;}
#footer {display:none;}
}