*{margin:0;padding:0;outline:0;}
html {padding:0 0 1px 0;height:100%;}
body { color:white; font-size: 95%; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 1.2em; background:#4e4a4e url(../upload/layout/bg_urban.jpg) no-repeat fixed -50px top;text-align:center;margin:0 0 50px;}
.current{font-weight:bold;}
a {color:#fff;text-decoration:none;}
a:hover {text-decoration:underline;}
h1,h2,h3{font-family:arial,"Trebuchet MS",Tahoma,Sans-serif;}
h1 {font-size:18px; font-weight:bold; margin:0 0 10px 0;padding:0;}
h2 { color:#fff; font-size:14px; font-weight:bold; margin-bottom:10px; }
h3{font-size:170%;font-weight:normal;}
.clear{clear:both;}
.rtl{unicode-bidi:bidi-override; direction: rtl;}
#content .hervorhebung { color: #622a27; font-weight: bold; background-color: #fff; text-decoration: none; padding-left: 3px; padding-right: 3px; padding-top: 2px; }
#content .hervorhebung:hover { color: #fff; background-color: #622a27; }

/* layout */
#alpha {background:transparent none;}
#wrap {background-image:url(../upload/layout/pixel_weiss_transparent.png);position:relative;width:900px;margin:20px auto 0;text-align:left;padding:15px 0 0 0;}
#header #logo {display:block;width:310px;height:100px;float:left;background:none;}
#header {background:url(../upload/layout/meyer_logo_01.gif) scroll no-repeat right top;width:870px;height:105px;padding:0;margin:0 0 0 15px;position:relative;}
#header #servicenavi {padding:0;margin:0;position:absolute;bottom:7px;right:20px;color:#fff;}
#header #servicenavi a {text-decoration:none;color:white;font-size:12px;}
#header #servicenavi a:hover {text-decoration:underline;}
#header #fairtradelink a{display:block;width:40px;height:44px;margin:21px 18px 0 0;float:right;}

/* Navigation */
#hauptnavi ul {width:300px;list-style-type:none;float:left;font-family:arial;}
#hauptnavi ul li a {width:287px;height:62px;padding:10px 0 0 13px;text-transform:uppercase;margin:10px 0 0 15px;display:block;color:white;font-size:16px;font-weight:bold;background:#696469 url(../upload/layout/navigation_bg_grau.gif) 0 -5px;}
#hauptnavi ul li a:hover {background-color:#772f2d;text-decoration:none;cursor:pointer;display:block;background-image:url(../upload/layout/navigation_bg_blau.gif);background-repeat:no-repeat;background-position:0 -5px;}
#hauptnavi ul li p {font-size:13px;font-weight:normal;width:220px;margin:10px 5px 0 5px;padding:0;text-transform:none;}

/* content - startseite */
#startseite #content {margin:10px 10px 0 10px;background-color:#622a27;padding:0;color:#f0dfdd;width:560px;overflow:hidden;}
#startseite #content p {margin:0 0 10px 0;}
#startseite #content .text h1 { font-size: 18px; font-weight: bold; color:#fff; line-height: 24px; margin:0 0 10px; }
#startseite #content .text {padding:15px;}

/* content - unterseite */
#content {color:#fff;float:left;width:550px;margin:0 0 10px 10px;overflow:hidden;}
#content a {color:#fff;text-decoration:underline;}
#content a:hover {text-decoration:none;}
#content .text, #content #download { padding:5px 15px 5px 5px; margin:10px 0 0; }
#content form { padding-left: 5px; }
#content .text p {margin:0 5px 10px 0;}
#content .text h1 { font-size: 18px; font-weight:bold; color:#fff; line-height: 24px; margin:0 0 10px 0; text-transform:uppercase; }
#content .produkteigenschaften { background-color: #4e4a4e; background-image: url(../upload/layout/schatten_background.png); background-repeat: repeat-x; background-position: left bottom; width: 505px; float: left; clear: both; margin-bottom: 15px; padding: 10px 10px 0; }
#content .produkteigenschaften img { margin: 0; border: 2px #272527; }
#content ul { padding-left: 15px; list-style-type: square; }
#content ul li { margin-bottom: 8px; }

/* content - sprachauswahl */
#content #sprachauswahl .sprachblock a { color: #fff; text-decoration:none; font-size: 120%; padding: 10px; height:20px; display:block; width:510px; margin:0 0 10px 0; background:#5e5b5f url(../upload/layout/schatten_background.png) repeat-x left bottom; }
#content #sprachauswahl .sprachblock a:hover { color: black; background-color: #fff; }
#content #sprachauswahl .sprachblock a.active,
#content #sprachauswahl .sprachblock a.active:hover { color: #000; background-color: #fff; }
#content #sprachauswahl .sprachblock a span {cursor:pointer;height:20px;}
#content #sprachauswahl .sprachblock a span.image { width:20px; margin:0 15px 0 0; display:block; float:left; }
#content #sprachauswahl .sprachblock a img { border:0; }
#content #sprachauswahl .sprachblock a span.sprache { width:110px; margin:0 15px 0 0; display:block; float:left; }
#content #sprachauswahl .sprachblock a span.begruessung { display:block; float:left; }

/* png - verlauf */
.verlauf {background:#496279 url(../upload/layout/schatten_background.png) repeat-x 0 bottom;}

/* subnavigation - unterseite */
#subnavi {float:left;margin:0 10px -10px 15px;}
#subnavi ul {list-style-type:none;width:300px;margin:0;text-transform:uppercase;}
#subnavi ul li a {padding:10px 0 0 10px;color:white;font-size: 16px;font-weight:bold;height:40px;display:block;text-decoration:none;background: #736c71 url(../upload/layout/schatten_background.png) repeat-x 0 bottom;margin:0 0 10px 0;}
#subnavi ul li a:hover {background-color: #496279;}
#subnavi ul li.active a {margin:0 0 10px 0;background-color: #496279;}
#subnavi ul li.active a:hover {background:#496279 none;}

/* Ebene - 2 */
#subnavi .subNavigation {padding:0;margin:-10px 0 10px 0;background: #496279 url(../upload/layout/schatten_background.png) repeat-x 0 bottom;} /* sorgt f?r den Verlauf am Ende der ersten Unternavigation */
#subnavi ul ul {list-style-type:none;width:300px;padding:0;margin:0;}
#subnavi ul li.active ul li a {padding:5px 0 5px 10px;background:transparent none;display:block;height:20px;font-size:120%;border-top:1px solid #622a27;font-size:12px;margin:0;}
#subnavi ul li.active ul li a:hover {background:#3a4d60 url(../upload/layout/navigation_pfeil.gif) no-repeat right center;}
#subnavi ul li.active ul li.active a {display:block;font-size:120%;padding:5px 0 5px 10px;font-size:12px;margin:0;background:#6385A5 url(../upload/layout/navigation_pfeil.gif) no-repeat right center;}

/* Ebene - 3 */
#subnavi .subNavigation .subSubNavigation {margin:0 0 0 0;}
#subnavi ul ul ul {list-style-type:none;width:300px;margin:0 0 -10px 0;padding:0;background:transparent none;}
#subnavi ul li.active ul li.active ul li a {height:20px;display:block;font-size:11px;padding:0 0 0 20px;background:transparent none;border:0;margin:0;}
#subnavi ul li.active ul li.active ul li a:hover {background:#3a4d60 url(../upload/layout/navigation_pfeil.gif) no-repeat right center;}
#subnavi ul li.active ul li.active ul li.active a { height:20px; font-size:11px; padding:0 0 0 20px; margin:0; background:#6385a5 url(../upload/layout/navigation_pfeil.gif) no-repeat right center; border-style: solid none none; border-width: 1px 0 0; border-top-color: #622a27; }

/* modul - bildbox - unterseite */
#content .bildbox {width:300px;float:right;overflow:hidden;position:relative;margin:0 0 5px 5px;}
#content .bildbox img, #content .bildbox a img {border:0;padding:0;margin:0;border-left:10px solid #DCDBDC; border-bottom:10px solid #DCDBDC;}
#startseite .bildbox img, #startseite .bildbox a img {margin:0;padding:0;border-bottom:0;}
#startseite .bildbox {margin:0 0 -5px 5px;}
#content .bildbox p {color:#fff;padding:7px 10px 10px 10px;margin:-5px 0 10px 0;background-color:#7e7b7f;}
#content #be_slide{width:300px;float:right;overflow:hidden;position:relative;margin:0 0 5px 5px;border:0;padding:0;margin:0;border-left:10px solid #DCDBDC; border-bottom:10px solid #DCDBDC;}
#startseite #content #illustration #be_slide {border-bottom:0px;}

/* modul - bildbox 150px */
#content .bildbox_mitarbeiter {width:150px;float:right;overflow:hidden;position:relative;margin:0 0 5px 5px;}
#content .bildbox_mitarbeiter img, 
#content .bildbox_mitarbeiter a img {border:0;padding:0;margin:0;border-left:10px solid #DCDBDC; border-bottom:10px solid #DCDBDC;}
#startseite .bildbox_mitarbeiter img, 
#startseite .bildbox_mitarbeiter a img {margin:0;padding:0;border-bottom:0;}
#startseite .bildbox_mitarbeiter {margin:0 0 -5px 5px;}

/* backend values */
#content .edit_bildbox, #startseite #content .edit_bildbox {position:absolute;top:135px;right:20px;background-image:url(../upload/layout/pixel_weiss_transparent.png);}
#content .edit_bildbox a img, #startseite #content .edit_bildbox a img {border:1px solid #fff;margin:5px;}  /* backend buttons */

/* modul - einzelbild - unterseite */
#content .einzelbild {width:560px;overflow:hidden;position:relative;margin:0;}
#content .einzelbild img, #content .einzelbild a img {border:0;padding:0;margin:0;border-bottom:0px solid #DCDCDC;}

/* backend values */
#content .edit_einzelbild {position:absolute;top:135px;right:20px;background-image:url(../upload/layout/pixel_weiss_transparent.png);}
#content .edit_einzelbild a img {border:1px solid #fff;margin:5px;}  /* backend buttons */

#startseite #content .text .edit_headline p {margin:0;}
#startseite #content .text .edit_headline {margin:0 0 -10px 0;}
#startseite #content .text .edit_text p {margin:0 0 5px 0;}
#startseite #content .text .edit_text {margin:0 0 0 0;}

/* footer */
#footer {clear:both;color:#666;margin:0 auto;width:870px;padding:5px 0;text-align:left;}
#footer p {color:#4e4a4e;font-size:12px;padding-left:0;}
#footer a {color:#4e4a4e;}
#footer a:hover {text-decoration:underline;}

/* galerie */
#gallery {border-top:10px solid #DCDBDC;margin:0 0 0 0;}
#gallery .spacer {width:10px;margin:0;padding:0;float:left;}
#gallery .pagecurl_active { float:left; border: solid 1px #707070; background-position:1px 0; }
#gallery .pagecurl_active a { display:block; }
#gallery .pagecurl_active a:hover { background-image:url(../images/zoom_10.png);background-repeat:no-repeat;background-position:center; }
#gallery .pagecurl_inactive { float:left; position:relative; background-position:1px 0; }
#gallery .pagecurl_inactive a { text-decoration:none; display:block; background:url(../upload/layout/schwarz_50.png) repeat-x bottom left; border: 1px solid #707070; }
#gallery .pagecurl_inactive a:hover { text-decoration:none; background-image: url(../upload/layout/schwarz_70.png); border:1px solid #000; }
#gallery .pagecurl_inactive .inner { font-size: 120%; font-weight: bold; line-height: 120%; position:absolute; left:0; bottom:0; text-transform: uppercase; padding: 8px 0 5px 8px; cursor:pointer; }
#gallery .pagecurl_inactive .inner a {position:absolute;right:-1px;bottom:0;margin:0;padding:0;border:0;height:19px;overflow:hidden;}
#gallery .pagecurl_inactive .inner a img {margin:0;padding:0;border:1px solid #fff;}
#gallery .pagecurl_inactive span.linkdescr {position:absolute;right:25px;bottom:0;margin:0;padding:0;border:0;}
#gallery .pagecurl_inactive span.linkdescr a {height:19px;overflow:hidden;}
#gallery .pagecurl_inactive span.linkdescr a img {margin:0;padding:0;border:1px solid #fff;}
#gallery .galleryNav {padding:10px;}
#gallery .galleryNav a {text-decoration:none;}
#gallery .galleryNav a:hover {text-decoration:underline;}
#gallery .empty {background-color:#4E4A4E;float:left;margin:0;}

/* kontaktformular */
#formular {width:540px;}
#formular .inputfield { margin:5px 0; cursor:text; }
#formular .inputfield input, #formular .inputfield textarea { color: black; font-size: 100%; background-color: white; background-image: url(../upload/layout/schatten_background.png); background-repeat: repeat-x; background-position: left bottom; width:505px; padding:10px; border:solid 2px #8d868d; }
#formular .inputfield textarea { font-size: 120%; font-family: arial; height:100px; }
#formular .inputfield input:hover, #formular .inputfield textarea:hover, #formular .inputfield .activeinputfield { background-color:white; color:black; background-image: none; }
#download .logout a { color: black; text-align:center; font-size:90%; text-decoration:none; width:90px; display:block; background-color: white; background-image: url(../upload/layout/schatten_background.png); background-repeat: repeat-x; background-position: left bottom; padding:5px; border:solid 1px #8d868d; margin:0; }
#download .logout a:hover { background-color: white; background-image: none; }
#formular #abschicken a { background-color:#fff; background-image: url(../upload/layout/schatten_background.png); text-decoration:none; background-repeat: repeat-x; background-position: left bottom; width:530px; display:block; padding:0; margin:20px 0; }
#formular #abschicken a:hover { background-image: none; }
#formular #abschicken input { color: black; background-color:transparent; text-decoration:none; font-weight: bold; display:block; width:530px; padding:10px 0; text-align: center; border:solid 2px #8d868d; cursor:pointer; margin:0; }
#formular label {cursor:pointer;}
#formular .suche .inputfield { float:left; margin:0 15px 0 0; cursor:text; }
#formular .suche .inputfield input { width:420px; }
#formular .suche #abschicken { float:left; }
#formular .suche #abschicken a { margin:0;padding:0;width:50px; }
#formular .suche #abschicken input { width:50px; }

/* sitemap */
#content .sitemap {margin:0 0 0 -15px;list-style-type:none;}
#content ul.sitemap li { margin-bottom: 0; }
#content .sitemap a { text-decoration:none; display:block; color:white; background:#dcdbdc url(../upload/layout/schatten_background.png) repeat-x left bottom; padding: 5px; }
#content .sitemap .sitemap_1 a { font-size: 120%; width:520px; padding:10px 5px 10px 15px; background-color:#5e5b5f; margin-top: 8px; }
#content .sitemap .sitemap_1 a:hover { color: black; background-color: #fff; text-decoration: none; }
#content .sitemap .sitemap_2 a { width:505px; padding:3px 5px 3px 30px; background-color:#444244; background-image: url(../upload/layout/pfeil_01.gif); background-repeat: no-repeat; background-position: 15px center; margin: 1px 0 0; }
#content .sitemap .sitemap_2 a:hover { color:black; background-color:white; background-image: url(../upload/layout/pfeil_02.gif); text-decoration: none; }
#content .sitemap .sitemap_3 a { width:487px; height:18px; padding:3px 5px 3px 48px; background:#444244 url(../upload/layout/pfeil_01.gif) no-repeat 33px center; margin: 1px 0 0; }
#content .sitemap .sitemap_3 a:hover { color:#000; background:#fff url(../upload/layout/pfeil_02.gif) no-repeat 33px center; text-decoration: none; }

/* glossar */
#glossar {width:490px;}
#glossar .buchstabenbreite {width:403px;}
#glossar .buchstabenbreite .buchstabe {width:25px;float:left;background-color:#3A4D60;height:20px;margin:3px;padding:3px 0 0 0;text-align:center;color:#fff;}
#glossar .buchstabenbreite .buchstabelink {width:25px;float:left;background-color:#3A4D60;height:20px;margin:3px;padding:0 0 0 0;text-align:center;}
#glossar .buchstabenbreite .buchstabelink a {background-color:#6385A5;text-decoration:none;display:block;height:20px;width:25px;padding:3px 0 0 0}
#glossar .buchstabenbreite .buchstabelink a:hover {background-color:#fff;text-decoration:none;color:#3A4D60;}
#glossar .anzahl_artikel {width:485px;border-top:1px solid #DBDBDB;border-bottom:1px solid #DBDBDB;padding:0px 0 0 5px;margin:8px 0;height:20px;font-size:11px;}
#glossar .artikelbuchstabe {background-color:#3A4D60;font-weight:bold;color:#fff;width:485px;height:22px;padding:5px 0 0 5px;margin:10px 0 5px 0;}
#glossar .artikel a {margin:0 0 0 0;padding:0;height:17px;}
#glossar .artikel a p {margin:0;padding:0;}

/* artikelliste */
#artikelliste, #artikellistenavigation { margin:0 0 -5px 5px; width:530px; }
#artikelliste .artikellistenpunkt a { display:block; position:relative; background-image: url(../upload/layout/schatten_artikelliste.png); text-decoration:none; background-repeat: repeat-x; background-position: left bottom; padding:10px; margin:3px 0 15px; color:#fff; height:110px; }
#artikelliste .artikellistenpunkt a:hover { background-color:#fff;color:#000; }
#artikelliste .artikellistenpunkt a .more { position:absolute; bottom:5px; right:5px;cursor:pointer; }
#artikelliste .artikellistenpunkt a img { border:0;cursor:pointer;margin:5px 10px 0 0; }
#artikelliste .artikellistenpunkt a .headline { font-size:14px;font-weight:bold;text-decoration:none;text-transform:uppercase; }
#artikellistenavigation a {color:#fff;text-decoration:none;}
#artikellistenavigation a:hover {text-decoration:underline;}
#artikellistenavigation .back {float:left;color:#DCDBDC;}
#artikellistenavigation .next {float:right;color:#DCDBDC;}
#artikellistenavigation {margin:-7px 0 7px 0;}
#artikellistedetail {border-top:1px solid #fff;height:40px;width:530px;margin:10px 5px 0 5px;}
#artikellistedetail a {color:#fff;text-decoration:none;}
#artikellistedetail a:hover {text-decoration:underline;}
#artikellistedetail .overview {float:left;width:33%;text-align:center;padding:10px 0 0 0;}
#artikellistedetail .back {float:left;width:33%;text-align:left;padding:10px 0 0 0;}
#artikellistedetail .next {float:left;width:33%;text-align:right;padding:10px 0 0 0;}

/* suchausgabe */
#suchausgabe {width:530px;margin:0 0 15px 0;}
#suchausgabe .message {margin:15px 0;}
#suchausgabe .ergebniss a { display:block; position:relative; background-image: url(../upload/layout/schatten_artikelliste.png); text-decoration:none; background-repeat: repeat-x; background-position: left bottom; padding:10px; margin:3px 0 15px; color:#fff; height:90px; position:relative; }
#suchausgabe .ergebniss a:hover { color:#000;background-color:#fff; }
#suchausgabe .ergebniss span.headline {width:510px;font-weight:bold;}
#suchausgabe .ergebniss span.more { position:absolute;bottom:5px;right:5px; }

/* navigation in rot */
#subnavi ul li a:hover {background-color: #622a27;}
#subnavi ul li.active a {background-color: #622a27;}
#subnavi ul li.active a:hover {background-color: #622a27;}
#subnavi .subNavigation {background-color: #622a27;}
#subnavi ul li.active ul li.active ul li.active a {background-color: #622a27;}
#subnavi ul li.active ul li a {border-top:1px solid #a6382e;}
#subnavi ul li.active ul li a:hover {background-color:#922224;}
#subnavi ul li.active ul li.active ul li a:hover {background-color:#922224;}
#subnavi ul li.active ul li.active a {background-color:#a6382e;}
#subnavi ul li.active ul li.active ul li.active a {background-color:#a6382e;}

/* haendler - login */
#download .subject a { display:block; position:relative; background-image: url(../upload/layout/schatten_artikelliste.png); text-decoration:none; background-repeat: repeat-x; background-position: left bottom; padding:10px; margin:3px 0 15px; color:#fff; width:510px; }
#download .subject a:hover { background-color: #fff; color:#000; }
#download .subject .image { width:108px;height:108px;position:relative;overflow:hidden;margin:0 5px 0 0;float:left;border:1px solid #fff; }
#download .subject .image img { margin:-1px 0 0 -1px;position:absolute;top:0px;left:0px; }
#download .subject .text { margin:-5px 0 0 0; }

/* formular selectfeld */
#ansprechpartner {margin:10px 0 0 0;}