/* BASE */
body { background: url(../layout/bgBody.jpg) 0 0 repeat-x #fff; height: auto; line-height: 1.4; font-family: Arial, Helvetica, sans-serif; text-align: left; font-size: 13px; color: #6a5a46; }
h1 { margin: 0.8em 0; font-size: 24px; line-height: 1.2; color: #493e30; font-weight: normal; }
h2, h3 { margin: 0.8em 0; font-size: 16px; line-height:1.2; color: #222; font-weight: normal; }
p, ul, ol, table { margin:0 0 1em; }
p { }
ul { }
ol { }
td { }
a { color: #aa830d; }
a:hover { color: #222; }
strong, b { font-weight:bold; }
em, i { font-style:italic; }
u { text-decoration:underline; }
strike, s { text-decoration:line-through; }
#website { width: 960px; margin: 0 auto; position: relative; overflow: hidden; background: url(../layout/bgWrapper.gif) 0 0 repeat-y; }
#bestatterCert { margin: 30px 0 20px 40px; }
#qmCert { margin: 20px 0 0 35px; }
/* HEADER */
#top { width: 960px; height: 327px; position: relative; background: url(../layout/bgTop.gif) 0 0 no-repeat; }
#contact { position: absolute; right: 20px; top: 120px; width: 190px; height: 100px; color: #493e30; }
#contact h3, #contact a { color: #493e30; }
#headerImg { width: 704px; height: 206px; position: absolute; left:0; bottom: 0;}
#headerImg .headerOverlay { width: 220px; height: 25px; position: absolute; left: 0; bottom: 0; z-index: 42; background: url(../layout/headerOverlay.png) 0 0 no-repeat; }
#logo { width: 236px; height: 119px; display: block; text-indent: -999em; position: absolute; right: 0; top: 0; }

/* RESET NAVIGATION LISTS */
.navLevel1, .navLevel2, .navLevel3, .smallNav1, .smallNav2 { margin: 0; padding: 0; list-style: none; position:relative; }
.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 */
#navTop { position: absolute; top: 89px; left: 9px; }
#navTop li { position: relative; float: left; }
#navTop a { display: block; padding: 0 12px 0 12px; border-right: 1px solid #d1d1d1; color: #6a5a46; }
#navTop .active a { color: #dba908; }
#navTop .passive a:hover {background-color: #6a5a46; color: #fff; }

#navLeft { width: 215px; min-height: 1px; float: left; margin: 35px 35px 0 5px; display: inline; }
#navLeft ul { }
#navLeft li { position: relative; float: left; width: 100%; overflow: hidden; }
#navLeft a { display: block; font-size: 13px; padding: 2px 0 3px 20px; color: #6a5a46; }
#navLeft .active a { background: url(../layout/navLeftActive.gif) 0 4px no-repeat; color: #493e30; }
#navLeft .active a:hover { }
#navLeft .passive a { background: none; color: #6a5a46; }
#navLeft .passive a:hover { background-color: #ded8c9; color: #6a5a46; }
#navLeft .active .active a { background: url(../layout/bgNavLeft2Active.gif) 20px 4px no-repeat; padding-left: 40px; }
#navLeft ul ul { clear: both; float: none; }
#navLeft ul ul a { padding-left: 30px; }
#navLeft ul ul .passive a { }
#navLeft ul ul .passive a:hover { }
#navLeft ul ul .active a { background: none; }
#navLeft ul ul .active a:hover { }
#navLevel1FirstEntry a { }
#navLevel1SoleEntry a { }
#navLevel1LastEntry a { border-right: none; }
#navLevel2FirstEntry a {  }
#navLevel2FirstEntry ul a {  }
#navLevel2SoleEntry a { }
#navLevel2LastEntry { }
#navLevel3FirstEntry { }
#navLevel3SoleEntry { }
#navLevel3LastEntry { }

/* CONTENT */
#content { width: 450px; float: left; margin: 30px 0 0 0; padding: 0 0 100px 0; display: inline; }
#contentLarge { width: 565px; float: left; margin: 30px 0 0 0; padding: 0 0 100px 0; display: inline; }
.shop #content { width: 660px; }
#content img {  }

/* TEASER */
#teaser { width: 220px; float: right; margin: 35px 0 0 0; display: inline; }
.shop #teaser { display: none; }
#teaser .teaser { width: 219px; margin: 0 0 35px 0; border-left: 1px solid #6a5a46; }
#teaser .teaser .image { position: relative; }
#teaser .teaser .image img { display: block; }
#teaser .teaserContent { padding: 0 10px; }
#teaser .teaser h3 { padding: 0 10px; }
#teaser .teaser p, #teaser .teaser ul, #teaser .teaser ol, #teaser .teaser table { margin: 0 0 0.5em 0; }
#teaser .teaser a { }
#teaser .teaser .overImage { }
#teaser .teaser .belowImage { margin: .5em 0; }
#teaser .teaser .textLink, #teaser .teaser .downloadLink { }
#teaser .teaser .textLink { padding-left: 17px; background: url(../layout/bgTeaserLink.gif) 0 2px no-repeat; }
/* NEWSBAUSTEIN */
#content div.newsWrapper { margin: 0; }
/*** 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); }
/* 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; }
/* EDITMODE */
#editMode #navLeft li, #editMode #navTop li { position: relative; }
#editMode #navLeft .editButton, #editMode #navTop .editButton { position: absolute; z-index: 1; display: block; width: 16px; height: 16px; margin: 0; padding: 0; border: 0; background: none transparent; }
#editMode #navTop a { padding-left: 18px; }
#editMode #navTop li { margin: 0 5px 0 0; }
#editMode #navTop .editButton { top: 1px; left: 0px; }
#editMode #navLeft a { padding-left: 18px; }
#editMode #navLeft li { }
#editMode #navLeft ul ul a { padding-left: 36px; }
#editMode #navLeft ul ul ul a { padding-left: 56px; }
#editMode #navLeft ul .editButton { top: 4px; left: 0; }
#editMode #navLeft ul ul .editButton { left: 18px; }
#editMode #navLeft ul ul ul .editButton { left: 36px; }
#editMode .navLeft a.shopLink { line-height: 1.0; padding: 2px 5px 3px 5px; }

