/* BASE */

html { background: url(../layout/bgHtml.jpg) repeat-x 0 80px; border-top: 7px solid #008979; }
body { line-height: 1.4; font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif; text-align: left; font-size: 13px; color: rgb(102, 102, 102); }
#editMode { height: auto; }
h1 { margin: 1em 0 0.3em 0; font-size: 28px; line-height: 1.2; color: rgb(23, 121, 153); font-weight: normal; max-width: 600px; }
h2, h3, th { margin:0 0 1em 0; font-size: 16px; line-height:1.2; color: rgb(40, 61, 85); font-weight: normal; max-width: 600px;}
p, ul, ol, table { margin:0 0 1em; max-width: 600px; }
p { }
ul { }
ol { }
td { }
a { color: rgb(255, 255, 255); }
a:hover { text-decoration: underline; }
strong, b { font-weight:bold; }
em, i { font-style:italic; }
u { text-decoration:underline; }
strike, s { text-decoration:line-through; }
#wrapper { width: 100%; background: url(../layout/bgBody.gif) repeat-x 0 bottom; }
#website { width: 955px; min-height: 100%; margin: 0 auto; position: relative; overflow: hidden; padding: 0 0 167px 0; }
/* HEADER */
#newsletterEditModeIframe html { background: none transparent; }
#newsletterEditModeIframe body { background: none transparent; }
#header { position: relative; float: left; width: 100%; min-height: 289px; overflow: hidden; background: url(../layout/bgHtml.jpg) repeat-x 0 0 rgb(45, 134, 164); }
#headerImg { width: 660px; height: 249px; position: absolute; right: 0; top: 40px; overflow: hidden; }
#headerForms { width: 660px; height: 249px; position: absolute; right: 0; bottom: 0; overflow: hidden; background: rgb(57, 79, 103); }
#header_search_form { position: absolute; left: 20px; top: 0; width: 310px; height: 249px; }
#header_login_form { position: absolute; left: 350px; top: 0; width: 310px; height: 249px; }
#headerForms table { table-layout: fixed; }
#headerForms .label { width: 30%; padding: 0 3% 1% 0; overflow: hidden; color: rgb(255, 255, 255); }
#headerForms .label span { color: rgb(255, 255, 255); }
#headerForms .controller { padding-top: 15px; }
#headerForms .password_lost { padding: 10px 0 0 3px; }
#headerForms .input { width: 63%; padding: 0 3% 1% 0; overflow: hidden; }
#headerForms h3 { font-size: 16px; color: rgb(197, 225, 238); padding: 0 30px 0 0; margin: 0.5em 0; }
#headerForms p { color: rgb(255, 255, 255); padding: 0 30px 0 0; margin: 0.5em 0 1.5em 0; }
.address_search_results_table { border-bottom: 1px solid rgb(40, 61, 85); }
.address_search_results_table th { font-weight: bold; color: rgb(40, 61, 85); border-bottom: 1px solid rgb(40, 61, 85); padding: 0 0 3px 0; }
.address_search_results_table td { padding: 3px 0; }
/* RESET NAVIGATION LISTS */

.navLevel1, .navLevel2, .navLevel3, .smallNav1, .smallNav2 { margin: 0; padding: 0; list-style: none; position:relative; max-width: 100%; }
.navLevel1 a, .navLevel2 a, .navLevel3 a, .smallNav1 a, .smallNav2 a { text-decoration: none; }
.navLevel1 a:hover, .navLevel2 a:hover, .navLevel3 a:hover, .smallNav1 a:hover, .smallNav2 a:hover { text-decoration: none; }
/* NAVIGATION ELEMENTS */

#logo { width: 100%; height: 80px; float: left; position: relative; }
#logo #verband { text-indent: -999em; display: block; width: 248px; height: 51px; background: url(../layout/logo.png) no-repeat 0 0; margin-top: 40px; position: absolute; left: 0; bottom: 13px; }
#logo #innung { text-indent: -999em; display: block; width: 237px; height: 51px; background: url(../layout/bestatterInnung.gif) no-repeat 0 0; margin-top: 40px; position: absolute; right: 0; bottom: 13px; }
#navTop { float: left; width: 885px; min-height: 36px; overflow: hidden; margin: 0 0 0 55px; }
#navTop ul { position: relative; float: left; overflow: hidden; }
#navTop li { float: left; display: inline; }
#navTop .active { }
#navTop a { text-transform: uppercase; display: block; padding: 10px 15px 6px 15px; font-size: 14px; }
#navTop .passive a { color: rgb(197, 225, 238); }
#navTop .passive a:hover { color: rgb(255, 255, 255); }
#navTop .active a { color: rgb(40, 61, 85); background: rgb(255, 255, 255); }
#navLeft { width: 210px; min-height: 1px; float: left; margin: 30px 0 0 55px; display: inline; }
#navLeft ul { border-bottom: 1px solid rgb(96, 168, 192); }
#navLeft li { position: relative; float: left; width: 100%; overflow: hidden; padding-bottom: 1px; }
#navLeft a { display: block; font-size: 14px; padding: 4px 5px 3px 15px; }
#navLeft .passive a { background: url(../layout/bgNavLeft.png) no-repeat 0 0; color: rgb(197, 225, 238); }
#navLeft .passive a:hover { color: rgb(255, 255, 255); }
#navLeft .active a { color: rgb(255, 255, 255); background: url(../layout/bgNavLeft.png) no-repeat 0 -184px; }
#navLeft .active a:hover { }
#navLeft .active .passive a { color: rgb(102, 102, 102); background: none transparent; }
#navLeft .active .passive a:hover { color: rgb(0, 0, 0); }
#navLeft ul ul { clear: both; float: none; }
#navLeft ul ul a { padding-left: 14px; }
#navLeft ul ul .passive a { }
#navLeft ul ul .passive a:hover { }
#navLeft ul ul .active a { background: none transparent; }
#navLeft ul ul .active a:hover { }
#navLeft ul ul ul a { padding-left: 28px; }
#navLeft ul ul ul .passive a { }
#navLeft ul ul ul .passive a:hover { }
#navLeft ul ul ul .active a { background: none transparent; }
#navLeft ul ul ul .active a:hover { }
#navLevel1FirstEntry { }
#navLevel1SoleEntry { }
#navLevel1LastEntry { }
#navLevel2FirstEntry a { border: 0; }
#navLevel2FirstEntry ul a { border-top: 1px dotted rgb(188, 187, 185); }
#navLevel2SoleEntry a { border: 0; }
#navLevel2LastEntry { }
#navLevel3FirstEntry { }
#navLevel3SoleEntry { }
#navLevel3LastEntry { }

#navLeft2 { width: 210px; min-height: 1px; float: left; margin: 0 0 30px 0; display: inline; }
#navLeft2 ul {  }
#navLeft2 li { position: relative; float: left; width: 100%; overflow: hidden; padding-bottom: 1px;border-bottom: 1px solid #c5e1ee; }
#navLeft2 a { display: block; font-size: 14px; padding: 4px 5px 3px 15px; color: #666; }
#navLeft2 .passive a { color: #666; background: url(../layout/bgNavLeft2Passive.gif) 4px 11px no-repeat; }
#navLeft2 .passive a:hover { color: #177999; }
#navLeft2 .active a { color: #177999; background: url(../layout/bgNavLeft2Active.gif) 4px 11px no-repeat; }
#navLeft2 .active a:hover { }
#navLevel3FirstEntry a { border: 0; }
#navLevel3FirstEntry {border-top: 1px solid #c5e1ee;  }
#navLevel3SoleEntry a { border: 0; }
#navLevel3LastEntry { }
/* CONTENT */

#content { width: 650px; float: left; margin: 27px 0 0 20px; padding: 0 0 0 0; }
#content a { color: rgb(40, 61, 85); }
.shop #content { width: 660px; }
#content img { }

/* TEASER */

#teaser { width: 215px; float: left; margin: 34px 9px 0 52px; padding-bottom:151px; }
.shop #teaser { display: none; }
.teaser { width: 195px; margin: 0 0 20px 0; }
.teaser .image { }
.teaser .image img { display: block; }
.teaserContent { }
.teaser h3 { margin: 0 0 0.5em 0; }
.teaser p, ul, ol, table { margin: 0 0 0.5em 0; }
.teaser a { }
.teaser .overImage { }
.teaser .belowImage { }
.teaser .textLink, .teaser .downloadLink { }
.teaser .textLink { }
.teaser .readMore{color: rgb(40, 61, 85);}
.News_ShortNews .teaserContent { margin-bottom: 20px; }
.News_ShortNews .shortNewsDate { line-height: 1; font-size: 10px; color: rgb(23, 121, 153); }
/*** Terminbaustein ***/
table.dates td.headlineDate { font-weight: bold; border-bottom: 1px solid rgb(76, 75, 73); color: rgb(173, 173, 165); }
table.dates td.headlineTime { font-weight: bold; border-bottom: 1px solid rgb(76, 75, 73); color: rgb(173, 173, 165); }
table.dates td.headlineContent { font-weight: bold; border-bottom: 1px solid rgb(76, 75, 73); color: rgb(173, 173, 165); }
table.dates td.date { border-bottom: 1px solid rgb(76, 75, 73); color: rgb(173, 173, 165); }
table.dates td.time { border-bottom: 1px solid rgb(76, 75, 73); color: rgb(173, 173, 165); }
table.dates td.description { border-bottom: 1px solid rgb(76, 75, 73); color: rgb(173, 173, 165); }
table.dates td.description h3 { font-weight: bold; color: rgb(173, 173, 165); }
table.dates td.description p { color: rgb(173, 173, 165); }
#footer { position: absolute; left: 0; bottom:0; width: 885px; padding: 15px 0 0 70px; min-height: 34px; margin: 0 auto; }
#footer p { margin: 0; float: left; margin: 0; color: rgb(136, 153, 172); }
#footer ul { }
#footer li { float: left; padding: 0 0 0 13px; margin: 0; background: url(../layout/bg_li_small_nav.gif) no-repeat 5px center; }
#footer a { color: rgb(197, 225, 238); }
#footer a:hover { text-decoration: underline; }
#footer #markenzeichen { display: block; width: 67px; height: 200px; background: url(../layout/bg_footer_logos.gif) no-repeat 0 0; position: absolute; bottom: 0; left: 78px; text-indent: -999em; }
#footer #bdb { display: block; width: 92px; height: 200px; background: url(../layout/bg_footer_logos.gif) no-repeat -85px 10px; position: absolute; bottom: 0; left: 158px; text-indent: -999em; }


/* FORMS */
.Login_System_Login .standardForm .line input, .standardForm .line .searchKeyword, .standardForm .line .searchPostcode { width: 150px; }
.standardForm .line .zipCode, .standardForm .line .phonePrefix, .standardForm .line .searchPostcode { width: 70px; float: left; margin-right: 4px; }
.standardForm .line .location, .standardForm .line .phoneNumber { width: 248px;  }
.standardForm .line .searchRadius { width: 75px; }
.standardForm .line input[type="submit"], .Login_System_Login .standardForm .line input[type="submit"] { width: auto; margin-left: 100px; }
.standardForm { margin: 15px 0; }


/* SEARCH */
.row td { border-bottom: 1px solid #ccc; padding: 3px 0;}
.topic { font-weight: bold; }

/* SHOP */
.shopPrice { font-size: 16px; color: rgb(255, 255, 255); }
.shopCurrency { font-size: 13px; color: rgb(255, 255, 255); }
.shopLink { background: none rgb(143, 139, 132); color: rgb(43, 43, 41); text-transform: uppercase; }
.shopLink:hover { background: none rgb(255, 255, 255); text-decoration: none; }
input.shopLink { font-size: 12px; }
.shopDelete { background: rgb(173, 173, 165); color: rgb(43, 43, 41); }
.shopDelete:hover { background: rgb(255, 0, 0); color: rgb(255, 255, 255); }
.shopConfirm { color: #77a40c; font-weight: bold; }
.shop .required b, .shop .requiredError b { color: #a60000; }
.shop hr { clear: both; border: 0; border-bottom: 1px solid #ddd; padding-top: 10px; background: none; height: 1px; }
.shopColumn1 li, .shopColumn2 li { border-bottom: 1px solid rgb(76, 75, 73); }
.shopColumn1 li.first, .shopColumn2 li.first { border-top: 1px solid rgb(76, 75, 73); }
.shopShortArticle { border-bottom: 1px solid rgb(76, 75, 73); }
.shopShortDescription { width: 200px; }
.shopShipping td, .shopShipping th { border-bottom: 1px solid rgb(76, 75, 73); }
.shopStepActive { color: rgb(255, 255, 255); }
.shopStepActive .shopNumber { background: rgb(255, 255, 255); color: rgb(43, 43, 41); }
.shopStep { color: rgb(173, 173, 165); }
.shopStep .shopNumber { background: rgb(173, 173, 165); color: rgb(43, 43, 41); }
.shopStep a { color: rgb(173, 173, 165); }
.shopPicture { border: 1px solid rgb(76, 75, 73); }
.articlePictures { width: 180px; /* contained img width + borders */ }
.articleSmallPreview1, .articleSmallPreview2, .articleSmallPreview3, .articleSmallPreview4 { border: 1px solid rgb(76, 75, 73); margin-right: 4px; }
.articleSmallPreview4 { margin-right: 0; }
.shopCartImage { padding: 2px 2px 2px 0; text-align: center; vertical-align: middle; }
.shopArticle table { width: 450px; }
.shopArticle th { border-bottom: 1px solid rgb(76, 75, 73); border-top: 1px solid rgb(76, 75, 73); color: rgb(255, 255, 255); }
.shopArticle td { border-bottom: 1px solid rgb(76, 75, 73); border-top: 1px solid rgb(76, 75, 73); }
.shoppingCart td { border-bottom: 1px solid rgb(76, 75, 73); border-top: 1px solid rgb(76, 75, 73); }
.shoppingCart th { font-weight: bold; border-bottom: 1px solid rgb(76, 75, 73); }
.shoppingCartSmall { border-top: 1px solid rgb(76, 75, 73); border-bottom: 1px solid rgb(76, 75, 73); margin-bottom: 15px; line-height: 1.2; }
.shoppingCartSmall p { background: url(/_media/base/layout/shop/bgCartSmall.gif) 5px center no-repeat; margin: 1px 0; padding: 5px 5px 5px 70px; }
.shoppingCartSmall .shopLink { margin: 3px 0 0 0; float: none; }
#nav .shopLink { line-height: 1.0; padding: 2px 5px 3px 5px; text-transform: none; }
/*Artikeldetailansicht*/
.shop_attribute_select { width: 150px; }
.shop_sum_articles { width: 50px; }
/* EDITMODE */
#editMode #navLeft li, #editMode #navTop li, #editMode #navLeft2 li { position: relative; margin-left: 0; }
#editMode #navLeft a, #editMode #navTop a, #editMode #navLeft2 a { padding-left: 18px; }
#editMode #navLeft ul ul a { padding-left: 36px; }
#editMode #navLeft .editButton, #editMode #navTop .editButton, #editMode #navLeft2 .editButton { position: absolute; z-index: 1; display: block; width: 16px; height: 16px; margin: 0; padding: 0; border: 0; background: none transparent; }
#editMode #navTop .editButton { top: 11px; left: 1px; }
#editMode #navLeft .editButton { top: 4px; left: 0; }
#editMode #navLeft2 .editButton { top: 4px; left: 0; }
#editMode #navLeft ul ul .editButton { left: 16px; }
#editMode #navLeft ul ul ul .editButton { left: 32px; }
#editMode #navLeft ul ul ul .editButton { position:absolute; left:34px; }
#editMode .navLeft a.shopLink { line-height: 1.0; padding: 2px 5px 3px 5px; }
#editMode #footer .editButton { position: relative; top: 2px; left: 0; }

/* HTML BAUSTEIN BEZIRKSVERBÄNDE */
#map_nrw{
    width: 342px;
    height: 315px;
    position: relative;
    margin: 20px 0 30px 100px;
    background: url(../layout/nrw.gif) no-repeat 0 0;
}
#map_nrw a{
    text-indent: -999em;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100px;
    height: 20px;
}
#map_nrw #link_aachen{
    left: 5px;
    top: 239px;
    width: 60px;
}
#map_nrw #link_koeln{
    left: 80px;
    top: 227px;
    width: 47px;
}
#map_nrw #link_duesseldorf{
    left: 82px;
    top: 185px;
    width: 78px;
}
#map_nrw #link_dortmund{
    left: 162px;
    top: 148px;
    width: 75px;
}
#map_nrw #link_muenster{
    left: 162px;
    top: 79px;
    width: 65px;
}
#map_nrw #link_bielefeld{
    left: 240px;
    top: 72px;
    width: 70px;
}
.Login_System_AddressesSearch .standardForm .line .checkboxWrapper{
    margin: 0;
    float: right;
}
.Login_System_AddressesSearch .standardForm .line .checkboxWrapper br{
    display: none;
}
.Login_System_AddressesSearch .standardForm .line .checkboxWrapper label{
    padding-right: 10px;
}
.Login_System_AddressesSearch table{
    margin-bottom: 2em;
}
.Login_System_AddressesSearch table .topic{
    width: 150px;
}