/* BASE */
body { background: url(../layout/bgBody.jpg) 0 0 repeat-x #222; padding-bottom: 50px; height: auto; line-height: 1.4; font-family: Arial, Helvetica, sans-serif; text-align: left; font-size: 13px; color: #fff; }
h1 { margin: 0.8em 0; font-size: 24px; line-height: 1.2; color: #fff; font-weight: normal; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; }
h2, h3 { margin: 0.8em 0; font-size: 16px; line-height:1.2; color: #fff; font-weight: normal; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; }
p, ul, ol, table { margin:0 0 1em; }
p { }
ul { }
ol { }
td { }
a { color: #e2001a; }
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; }

/* HEADER */
#top { width: 960px; height: 356px; position: relative; background: url(../layout/bgTop.jpg) 0 0 no-repeat; }
#headerImg { width: 960px; height: 219px; position: relative; left:0; top: 100px;}
#headerImg .headerOverlay { width: 719px; height: 219px; position: absolute; right: 0; top: 0; z-index: 42; background: url(../layout/headerOverlay.png) 0 0 no-repeat; }
#logo { width: 225px; height: 99px; display: block; text-indent: -999em; position: absolute; left: 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 */
#navLeft { width: 210px; min-height: 1px; float: left; margin: 35px 25px 0 0; display: inline; }
#navLeft ul { }
#navLeft li { position: relative; float: left; width: 100%; overflow: hidden; }
#navLeft a { display: block; font-size: 13px; padding: 3px 0 4px 80px; color: #fff; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; }
#navLeft .passive a { color: #fff; background: url(../layout/bgNavLeftHoverA.png) 0 6px no-repeat;}
#navLeft .passive a:hover { color: #888; background: url(../layout/bgNavLeftActiveA.png) 0 6px no-repeat; }
#navLeft .active a { color: #e2001a; background: url(../layout/bgNavLeftActiveA.png) 0 6px no-repeat; }
#navLeft .active a:hover { }
#navLeft .active .passive a { color: #fff; border: none; background: none; }
#navLeft .active .passive a:hover { color: #888; }
#navLeft .active .active a { border-color: #393939; }
#navLeft ul ul { clear: both; float: none; }
#navLeft ul ul a { padding-left: 80px; }
#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 a { }
#navLevel1SoleEntry a { }
#navLevel1LastEntry { }
#navLevel2FirstEntry a {  }
#navLevel2FirstEntry ul a { }
#navLevel2SoleEntry a { border: 0; }
#navLevel2LastEntry { border: 0; }
#navLevel3FirstEntry { }
#navLevel3SoleEntry { }
#navLevel3LastEntry { }

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

/* TEASER */
#teaser { width: 210px; float: right; margin: 0 0 0 0; display: inline; background-color: #292929; padding-top: 25px; }
.shop #teaser { display: none; }
.teaser { width: 210px; margin: 0 0 35px 0; }
.teaser .image { position: relative; }
.teaser .image img { display: block;  }
.teaserContent { }
.teaser h3 { color: #fff; margin-right: 5px; padding-left: 5px; }
.teaser p, .teaser ul, .teaser ol, .teaser table { margin: 0.5em 5px; }
.teaser a { }
.teaser .overImage { }
.teaser .belowImage { margin: .5em 0; }
.teaser .textLink, .teaser .downloadLink { margin: 0 5px; }
.teaser .textLink { }
/* 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: 3px; left: 1px; }
#editMode #navLeft a { padding-left: 98px; }
#editMode #navLeft li { }
#editMode #navLeft ul ul a { padding-left: 98px; }
#editMode #navLeft ul ul ul a { padding-left: 56px; }
#editMode #navLeft ul .editButton { top: 4px; left: 76px; }
#editMode #navLeft ul ul .editButton { left: 76px; }
#editMode #navLeft ul ul ul .editButton { left: 36px; }
#editMode .navLeft a.shopLink { line-height: 1.0; padding: 2px 5px 3px 5px; }
#editMode #headerImg .headerOverlay { display: none; }