/* general */
html {height:100%; margin-bottom:1px;}
body {font-family:arial, sans-serif; font-size:12px; margin:0; position:relative; background-attachment:fixed;}
//div {border-style:solid; border-width:1px;}

h1, h2, h3, h4 {margin:0 0 0.7em 0;}
p {margin:0 0 1em 0;}
h1 {font-size:20px; margin:0px;}
h2 {font-size:18px;}
h3 {font-size:16px;}
h4 {font-size:14px;}
img {border:0;}


* {outline-width:0;}

.clearing {clear:both;}
.error {color:#ff0000;}
.floatright {float:right; margin:0 0 1em 1em;}

th, td {font-size:100%;}
td.label {font-weight:bold; padding-right:0.5em;}

/* layout */
#page {position:relative; width:960px; margin:auto;}

.teaser {padding-top:35px;}
.teaser .headerpane {background:url(http://www.gmb-em.ch/img/back_teaser_top.gif); background-repeat:no-repeat;}
.teaser .contentpane {background:url(http://www.gmb-em.ch/img/back_teaser_middle.gif);}
.teaser .footerpane {background:url(http://www.gmb-em.ch/img/back_teaser_bottom.gif); background-repeat:no-repeat;}

#header {position:relative; width:960px; height:100px; background-repeat:no-repeat;}
.ger #header {background:url(http://www.gmb-em.ch/img/header.png);}
.eng #header {background:url(http://www.gmb-em.ch/img/header_eng.png);}
.fra #header {background:url(http://www.gmb-em.ch/img/header_fra.png);}

#topbild {position:relative; left:210px; padding-top:1px; width:590px;}
#adress {position:absolute; left:806px; top:100px; width:150px;}
#logo {position:absolute; z-index:15; top:20px; left:0px; width:260px; height:50px;}
#logo img {width:100%; height:100%;}

#printheader {display:none;}

.languages {display:block; position:absolute; left:0px; top:110px; z-index:1000; width:200px; clear:both; margin-top:10px;}
.languages ul {list-style-type:none; margin:0; padding:0; height:40px;}
.languages li {float:left;}
.languages a {display:block; width:100px; line-height:24px; text-decoration:underline; text-align:center; font-weight:bold;}

.pathway {margin-left:0px; margin-top:0px; padding-left:0px; line-height:20px; font-size:10px;}
.pathway a {text-decoration:none;}

#leftpane {float:left; padding:36px 0 0 1px; width:200px; clear:both;}

#navigationpane {margin:0 0 10px 0;}
#navigationpane .toppane {height:10px; background-repeat:no-repeat;}
#navigationpane .contentpane {padding:0px 0 0 0;}
#navigationpane .bottompane {height:10px; background-repeat:no-repeat;}

#quicksearch {position:absolute; top:162px; width:200px; height:35px; margin-left:1px; background:url(http://www.gmb-em.ch/img/back_search.gif);}
#quicksearch .inputField {width:146px; height:12px; margin:8px; border:1px solid #244072; font-size:11px; color:#244072; background-color:#fff;}
// #quicksearch .inputField.hover {float:left; width:150px; margin-right:5px; padding:2px 0 2px 0; border:1px solid #244072; font-size:11px; color:#666; background-color:#fff;}
#quicksearch button {width:18px; height:18px; margin-top:8px; border:0; background:none; background-color:#fff; background-image:url(http://www.gmb-em.ch/img/btn_search.gif); background-repeat:no-repeat; background-position:center center; cursor:pointer;}
#quicksearch button span {display:none;}

/* navigation */
#navigation ul {list-style-type:none; margin:0; padding:0px 4px; line-height:1.7em; }
#navigation ul.shop {padding:10px 4px 0 4px;}
#navigation ul ul {position:relative; padding:1px 0; line-height:1.2em;}

#navigation li {position:relative; margin:0; padding:0;}
#navigation ul ul li {position:relative; z-index:5;}

#navigation a {position:relative; display:block; padding:0 0 0 10px; font-size:12px; text-decoration:none; color:#244072;}
#navigation ul.shop a {font-size:14px; font-weight:bold;}
#navigation ul.shop ul a {font-size:11px; font-weight:normal;}
#navigation a:hover {color:#ae1023;}
#navigation a.active, #navigation a.activenode {color:#ae1023; font-weight:bold;}
#navigation ul ul a.active, #navigation ul ul a.activenode {background-color:transparent; font-weight:bold; color:#ae1023;}
// #navigation ul ul ul ul a.active, #navigation ul ul ul ul a.activenode {background-image:url(http://www.gmb-em.ch/img/template01/nav_active_icon.png); background-position:40px 4px; background-repeat:no-repeat;}
#navigation ul ul a {padding:0 0 0 20px; font-size:11px;}
#navigation ul ul ul a {padding:0 0 0 35px;}
#navigation ul ul ul ul a {padding:0 0 0 50px;}
#navigation ul ul ul ul ul a {padding:0 0 0 65px;}
#navigation ul ul ul ul ul ul a {padding:0 0 0 80px;}

#navigation span.overlay {position:absolute; top:0px; height:100%; left:-4px; right:-4px; background-color:#fff; z-index:1;}

#maincontenttop {background-image:url(http://www.gmb-em.ch/img/back_contentmain_top.gif);}
#maincontentmiddle {min-height:350px; background-image:url(http://www.gmb-em.ch/img/back_contentmain_middle.gif);}
#maincontentbottom {height:22px; background-image:url(http://www.gmb-em.ch/img/back_contentmain_bottom.gif);}

#contentpane {float:left; margin-left:10px; width:584px;}
#content {margin-bottom:10px;}

.contentbox {margin-bottom:10px;}
#content .headerpane {height:10px; background-repeat:no-repeat;}
#content .contentpane {position:relative;}
#content .contentpane .content {position:relative; z-index:10; padding:0 0px;}
#content .contentpane .picture {position:absolute; bottom:0px; right:0px; width:99%; height:100%; z-index:5; overflow:hidden;}
#content .contentpane .picture img {position:absolute; bottom:0px; right:10px;}
#content .morecontentpane {padding:10px 10px 0 10px;}
#content .morecontentpane .content {padding-top:10px;}
#content .footerpane {height:10px; background-repeat:no-repeat;}

.contentbox table.twocolumns {border:0; border-collapse:collapse;}
.contentbox table.twocolumns td {padding:0; vertical-align:top;}
.contentbox table.twocolumns td.column1 {padding-right:1em;}

.threeColumns img {width:193px;}


#footer {text-align:center; height:40px; padding-top:4px; font-size:10px; background:url(http://www.gmb-em.ch/img/back_footer.gif);}
#footer a {font-size:10px; text-decoration:none;}
#footer .links {margin-bottom:1px;}

#teaserpane {float:right; padding-right:4px; width:150px;}

#teaserShopBasket {margin-bottom:10px;}
#teaserShopBasket .contentpane {padding:4px 10px 0 10px; color:#fff;}

.teaser {margin-bottom:10px;}
.teaser .headerpane {height:14px;}
.teaser .footerpane {height:14px;}
.teaser .contentpane {padding:0 0px;}
.teaser .picture {margin-bottom:5px;}
.teaser .title {margin:5px; font-weight:bold;}
.teaser .text {margin: 0 0 0 5px; font-size:11px;}
.teaser .moreLink {margin:0 0 0 5px;}
.moreLink a {font-size:11px;}

/* 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:244px; margin:0; padding:2px;}
input.checkbox, input.radio {width:auto; margin:0; padding:0; border:0; background-color:transparent; border:0;}
select {float:left; clear:both; width:248px; margin:0; padding:0;}
textarea {overflow:auto;}

label {display:block; float:left; clear:both; width:250px; 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:250px; 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;}

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  */
label.label_company {width:500px;}
input.fld_company {width:504px;}

div.label_salutation {clear:both;}
label.label_salutation_title {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:500px;}
input.fld_email {width:504px;}

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

label.label_comments {width:500px; height:201px;}
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 */
.newsletter form {margin-top:2em;}
.newsletter .unsubscription label {height:auto; margin-bottom:5px;}
.newsletter .unsubscription label span {display:none;}

/* questions */
.questions li {margin-bottom:1em;}
.questions ol .text {margin-bottom:0.5em;}
.questions .answer label {display:inline; float:none; clear:none;}
.questions .answer  span {display:inline; float:none; clear:none;}
.questions .answer input {float:none; clear:none;}

/* joblist */
.joblist .item {clear:both; margin-bottom:2em;}
.joblist .item .header {margin-bottom:0.5em;}
.joblist .item .header .title {font-weight:bold; float:left;}
.joblist .item .header .joblocation {font-weight:bold; float:right;}

.slideshow {margin-bottom:10px;}
#content .slideshow .headerpane {height:0;}
#content .slideshow .contentpane {padding:10px;}
#content .slideshow .contentpane .content {padding:0; overflow:hidden;}
#content .slideshow .footerpane {height:0;}
.slideshow .items {position:relative; width:1000000px; padding-top:30px; background-image:url(http://www.gmb-em.ch/img/filmframe.gif); background-repeat:repeat-x;}
.slideshow .item {position:relative; display:block; float:left; height:165px; margin-right:11px;}
.slideshow .item .text {position:absolute; top:135px; left:0px; width:100%; text-align:center; color:#fff;}
.slideshow a.previous {position:absolute; top:80px; left:0px; width:30px; height:32px; background:url(http://www.gmb-em.ch/img/prev.gif); z-index:15;}
.slideshow a.previous:hover {background-position:0 -32px;}
.slideshow a.previous.inactive {background-position:0 -64px;}
.slideshow a.previous.inactive:hover {background-position:0 -64px;}
.slideshow a.next {position:absolute; top:80px; right:0px; width:30px; height:32px; background:url(http://www.gmb-em.ch/img/next.gif); z-index:15;}
.slideshow a.next:hover {background-position:0 -32px;}
.slideshow a.next.inactive {background-position:0 -64px;}
.slideshow a.next.inactive:hover {background-position:0 -64px;}


@media print{
body {background: #ffffff;}
#header {display:none;}
#printheader {display:block;}
#topbild {display:none;}
.languages  {display:none;}
#adress {display:none;}
#quicksearch {display:none;}
.pathway  {display:none;}
#leftpane {display:none;}
#teaserpane {display:none;}
#footer {display:none;}

#page {position:static!important; width:auto!important; margin:0!important; padding:0!important;}
// *{position:static!important; width:auto!important; margin:0!important; padding:0!important;}
}