/* general */
html {height:100%; margin-bottom:1px;}
body {font-family:arial, sans-serif; font-size:12px; margin:0; position:relative; background:url(http://www.gebrueder-meier.ch/img/background.gif); background-repeat:no-repeat; background-position:top center; }

.adressblock {display:none;}
.home .adressblock {display:block; padding: 10px 10px 0 8px; color:#263c74;}
.home .adressblock p {margin:5px;}

/* Claims */
#claim {position:absolute; left:200px; top:132px; width:650px; height:24px;}
.fra #claim {background:url(http://www.gebrueder-meier.ch/img/claim_f.gif);}
.claim2 #claim {background:url(http://www.gebrueder-meier.ch/img/claim2.gif);}
.fra.claim2 #claim {background:url(http://www.gebrueder-meier.ch/img/claim2_f.gif);}
.inspektion #claim {background:url(http://www.gebrueder-meier.ch/img/claim-inspektion.gif);}
.fra.inspektion #claim {background:url(http://www.gebrueder-meier.ch/img/claim-inspektion_f.gif);}
.wartung #claim {background:url(http://www.gebrueder-meier.ch/img/claim-wartung.gif);}
.fra.wartung #claim {background:url(http://www.gebrueder-meier.ch/img/claim-wartung_f.gif);}
.instandsetzung #claim {background:url(http://www.gebrueder-meier.ch/img/claim-instandsetzung.gif);}
.fra.instandsetzung #claim {background:url(http://www.gebrueder-meier.ch/img/claim-instandsetzung_f.gif);}
.kundendienst #claim {background:url(http://www.gebrueder-meier.ch/img/claim-kundendienst.gif);}
.fra.kundendienst #claim {background:url(http://www.gebrueder-meier.ch/img/claim-kundendienst_f.gif);}
.elektrotechnik #claim {background:url(http://www.gebrueder-meier.ch/img/claim-elektrotechnik.gif);}
.fra.elektrotechnik #claim {background:url(http://www.gebrueder-meier.ch/img/claim-elektrotechnik_f.gif);}
.mechanik #claim {background:url(http://www.gebrueder-meier.ch/img/claim-mechanik_f.gif);}
.fra.mechanik #claim {background:url(http://www.gebrueder-meier.ch/img/claim-mechanik_f.gif);}
.anlagebau #claim {background:url(http://www.gebrueder-meier.ch/img/claim-anlagebau.gif);}
.fra.anlagebau #claim {background:url(http://www.gebrueder-meier.ch/img/claim-anlagebau_f.gif);}
.unterhalt  #claim {background:url(http://www.gebrueder-meier.ch/img/claim-unterhalt.gif);}
.fra.unterhalt  #claim {background:url(http://www.gebrueder-meier.ch/img/claim-unterhalt_f.gif);}
.neuanlagen #claim {background:url(http://www.gebrueder-meier.ch/img/claim-neuanlagen.gif);}
.fra.neuanlagen #claim {background:url(http://www.gebrueder-meier.ch/img/claim-neuanlagen_f.gif);}
.umbauten #claim {background:url(http://www.gebrueder-meier.ch/img/claim-umbauten.gif);}
.fra.umbauten #claim {background:url(http://www.gebrueder-meier.ch/img/claim-umbauten_f.gif);}
.anlagebetreuung #claim {background:url(http://www.gebrueder-meier.ch/img/claim-anlagebetreuung.gif);}
.fra.anlagebetreuung #claim {background:url(http://www.gebrueder-meier.ch/img/claim-anlagebetreuung_f.gif);}
.handelsprodukte #claim {background:url(http://www.gebrueder-meier.ch/img/claim-handelsprodukte.gif);}
.fra.handelsprodukte #claim {background:url(http://www.gebrueder-meier.ch/img/claim-handelsprodukte_f.gif);}

/* navigation */
#navigation_main {float:left; width:648px; height:24px; border-style:solid; border-width:1px; border-color:#999;}
#navigation_main ul {margin-top:4px;}
#navigation_main ul li {display:inline; padding:0 26px 0 0;}

#navigation_main ul .first {margin-left:0px;}
#navigation_main ul li a {font-size:11px; text-decoration:none; font-weight:bold; color:#666;}
#navigation_main a.active, #navigation_main a.activenode {color:#263c74}

/* special navigation */
#navigation_special {display:none; width:800px; height:20px;}
#navigation_special ul {margin: 4px 0 0 -40px;}
#navigation_special ul li {float:left; list-style-type:none;}
#navigation_special ul li a {font-size:11px; text-decoration:none; color:#333;}

.el_maschinen #navigation_special {display:block; float:left;}
.el_maschinen #navigation_special .item0 {background-color:#bfd5e6; height:15px; width:162px; text-align:center;}
.el_maschinen #navigation_special .item1 {background-color:#bac6db; height:15px; width:162px; text-align:center;}
.el_maschinen #navigation_special .item2 {background-color:#b6b9d2; height:15px; width:162px; text-align:center;}
.el_maschinen #navigation_special .item3 {background-color:#b0a4c4; height:15px; width:162px; text-align:center;}
.el_maschinen #navigation_special .activenode {width:164px; height:20px; padding-top:4px; color:#244072; font-weight:bold;}

.a_unterhalt #navigation_special {display:block; float:left;}
.a_unterhalt #navigation_special .item0 {background-color:#f3d878; height:15px; width:162px; text-align:center;}
.a_unterhalt #navigation_special .item1 {background-color:#e7ce8c; height:15px; width:162px; text-align:center;}
.a_unterhalt #navigation_special .item2 {background-color:#dbc190; height:15px; width:162px; text-align:center;}
.a_unterhalt #navigation_special .item3 {background-color:#d2ae89; height:15px; width:162px; text-align:center;}
.a_unterhalt #navigation_special .activenode {width:164px; height:20px; padding-top:4px; color:#244072; font-weight:bold;}

.neuanlagen #navigation_special {display:block; float:left;}
.neuanlagen #navigation_special .item0 {background-color:#d9dba1; height:15px; width:162px; text-align:center;}
.neuanlagen #navigation_special .item1 {background-color:#c9d4b4; height:15px; width:162px; text-align:center;}
.neuanlagen #navigation_special .item2 {background-color:#c3d5c8; height:15px; width:162px; text-align:center;}
.neuanlagen #navigation_special .item3 {background-color:#b6cecc; height:15px; width:162px; text-align:center;}
.neuanlagen #navigation_special .activenode {width:164px; height:20px; padding-top:4px; color:#244072; font-weight:bold;}


h1, h2, h3, h4 {margin:0 0 0.7em 0;}
p {margin:0 0 1em 0;}
h1 {font-size:18px; margin:0px;}
h2 {font-size:16px;}
h3 {font-size:14px;}
h4 {font-size:12px;}
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;}

/* Unterschiedliche Offsets fuer die Rubriken ELEKTR. MASCHINEN, ANLAGEUNTERHALT, NEUANLAGEN */
.pathway {width:650px;}
.pathway {float:left; margin-left:0px; margin-top:0px; padding-left:0px; line-height:20px; font-size:10px;}
.el_maschinen .pathway, .a_unterhalt .pathway, .neuanlagen .pathway {margin-top:10px;}
.pathway a {text-decoration:none;}
.el_maschinen #content, .a_unterhalt #content, .neuanlagen #content {width:650px; margin-top:0px;}
/* ----------------------------------------------------------------------------------------- */

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

#header {position:relative; width:850px; height:156px; background:url(http://www.gebrueder-meier.ch/img/header.jpg); background-repeat:no-repeat;}
#adress {position:absolute; left:0px; top:70px; width:190px; height:20px;}


#printheader {display:none;}

#leftpane {float:left; padding:4px 0 0 0px; width:195px; clear:both;}

#quicksearch {float:left; width:195px; height:26px; margin-left:0px; background-color:#ccc;}
#quicksearch .inputField {width:146px; height:12px; margin:4px 8px 0 8px; border:1px solid #244072; font-size:11px; color:#244072; background-color:#fff;}
#quicksearch button {width:18px; height:18px; margin-top:4px; border:0; background:none; background-color:#fff; background-image:url(http://www.gebrueder-meier.ch/img/btn_search.gif); background-repeat:no-repeat; background-position:center center; cursor:pointer;}
#quicksearch button span {display:none;}

#professionalsearch {float:left; width:184px; height:19px; margin-top:4px; padding: 5px 0 0 12px; background-color:#ccc;}
#professionalsearch a {color:#244072; font-weight:bold; text-decoration:none;}

.languages {background-color:#f9e351; float:left; left:0px; top:110px; z-index:1000; width:184px; height:48px; padding:0 0 0 12px; margin-top:20px; clear:both;}

.languages ul {list-style-type:none; padding:0; margin:0;}
.languages li {float:left; padding:0; margin:0;}
.languages a {display:block; width:100px; line-height:24px; color:#244072; text-decoration:none; text-align:left; font-weight:bold;}

/* navigation sub */
#navigation_sub {padding:10px 0 0 0; margin:0px; clear:both;}
#navigation_sub ul li {margin-left:-12px; list-style-type:square; line-height:20px;}
#navigation_sub ul li a {font-size:12px; text-decoration:none;}

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

#contentpane {float:left; margin:4px 0 0 5px; width:650px;}
#content {float:left; width:510px;}
#content {margin:0 0 10px 0;}
.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;}

.twocolumns {width:650px;}
.teaserinside .twocolumns {width:510px;}
.column1 {width:100%;}
.threeColumns img {width:193px;}

#teaserpane {float:left; padding:10px 0 0 10px; width:130px;}
.teaser {padding-top:0px;}
.teaser .contentpane {background:url(http://www.gebrueder-meier.ch/img/back_teaser_middle.gif);}
.teaser .footerpane {background:url(http://www.gebrueder-meier.ch/img/back_teaser_bottom.gif); background-repeat:no-repeat;}

.teaser {margin-bottom:10px;}
.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;}

#footer {text-align:left; padding-left:200px; width:650px; height:40px; padding-top:4px; font-size:10px; }
#footer a {font-size:10px; margin-left:0px; text-decoration:none;}
#footer .links {background-color:#263c75; color:#fff; padding-left:4px;}
#footer .links a {color:#fff}

/* 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  */
.section_your_documentation {width:490px;}
.section_your_data {width:490px;}
.section_your_message {width:490px;}
.section_antispamcheck {width:490px;}

div.label_salutation {clear:both;}
label.label_salutation_title {clear:none;}
label.label_lastname {clear:none;}

label.label_zip {clear:both; 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_subject {width:500px;}
input.fld_subject {width:504px;}

label.label_comments {width:470px; height:201px;}
label.label_comments textarea {float:left; clear:both; width:470px; 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.gebrueder-meier.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.gebrueder-meier.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.gebrueder-meier.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;}

body.cat_search #content {width:650px;}
body .cat_search .letter {margin-bottom:1em;}
body .cat_search .letter h2 {margin:0;}
body .cat_search label {width:200px;}
body .cat_search label span {font-weight:normal;}
body .cat_search .keywords {margin:0 0 0.5em 0; padding:10px 10px 0 10px; background-color:#ddd; border-top:1px solid #244072; border-bottom:1px solid #244072;}
body .cat_search .keyword_content {display:none;}

.resultSet .result {margin-bottom:1em;}

.google_maps {width:650px;}
.google_maps .map {width:100%; height:400px;}

@media print{
body {background: #ffffff;}
#header {display:none;}
#printheader {display:block;}
#topbild {display:none;}
.languages  {display:none;}
#navigation_main {display:none;}
#navigation_special {display:none;}
#navigation_sub {display:none;}
.el_maschinen #navigation_special {display:none;}
.a_unterhalt #navigation_special {display:none;}
.neuanlagen #navigation_special {display:none;}
#contentpane {width:650px;}
#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;}
}