/* BASE */
html { background: url(../layout/bgHtml.jpg) 0 0 repeat-x #fafcfd; }
body { background: url(../layout/bgBody.jpg) top center no-repeat; padding-bottom: 50px; height: auto; line-height: 1.4; font-family: Verdana, Geneva, sans-serif;  text-align: left; font-size: 13px; color: #666; }
h1 { margin: 0.8em 0; font-size: 24px; line-height: 1.2; color: #000; font-weight: normal; }
h2, h3 { margin: 0.8em 0; font-size: 16px; line-height:1.2; color: #66c; font-weight: normal; }
p, ul, ol, table { margin:0 0 1em; }
p { }
ul { }
ol { }
td { }
a { color: #66c; }
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; }
#website { width: 960px; margin: 0 auto; position: relative; overflow: hidden; }

/* HEADER */
#top { width: 960px; height: 301px; position: relative; }
#headerImg { width: 519px; height: 194px; position: absolute; left:186px; top: 80px;}
#headerImg .headerOverlay { width: 519px; height: 194px; position: absolute; top: 0; left: 0; z-index: 9; background: url(../layout/headerOverlay.png) 0 0 no-repeat; }
#logo { width: 345px; height: 66px; display: block; text-indent: -999em; position: absolute; left: 196px; 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 { width: 936px; height: 54px; background: url(../layout/bgNavTopBottom.gif) bottom left no-repeat; position: absolute; top: 247px; left: 24px; z-index: 42;  }
#navTop li { float: left; position: relative; padding-right: 5px; background: url(../layout/bgNavTopRight.png) top right no-repeat; margin-right: 10px;  }
#navTop a { display: block; height: 19px; padding: 8px 10px 0 15px; background: url(../layout/bgNavTop.png) 0 0 no-repeat; font-size: 11px; font-weight: bold; color: #666; }
#navTop li.active { margin-top: 1px; }
#navTop a:hover { color: #506fd5; }




#navLeft { width: 170px; min-height: 1px; float: left; margin: 35px 24px 0 24px; display: inline;  position: relative; padding-bottom: 19px; }
#navLeft ul { background: url(../layout/bgNavLeftTop.gif) 0 0 no-repeat #fff; border-top: 7px solid #699caf; padding: 22px 15px 15px 15px; border: 1px solid #415cb3; }
#navLeft li { position: relative; float: left; width: 100%; overflow: hidden; }
#navLeft a { display: block; font-size: 11px; padding: 2px 0 3px 12px;  color: #666; background: url(../layout/bgNavLeft.gif) 0 5px no-repeat; font-weight: bold; }
#navLeft .passive a {  }
#navLeft .passive a:hover { background-image: url(../layout/bgNavLeftActive.gif); }
#navLeft .active a { background-image: url(../layout/bgNavLeftActive.gif); color: #506fd5; }
#navLeft .active a:hover { }
#navLeft .active .passive a { font-weight: normal; }
#navLeft .active .passive a:hover { color: #fabe5c; }
#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 a { }
#navLevel1SoleEntry a { }
#navLevel1LastEntry { }
#navLevel2FirstEntry a {  }
#navLevel2FirstEntry ul a { border-bottom: 1px solid #dad4c5; }
#navLevel2SoleEntry a { border: 0; }
#navLevel2LastEntry { }
#navLevel3FirstEntry { }
#navLevel3SoleEntry { }
#navLevel3LastEntry { }

/* CONTENT */
#content { width: 450px; float: left; margin: 35px 0 0 0; padding: 35px 34px 35px 35px; display: inline; background: url(../layout/bgContent.gif) 0 0 no-repeat #fff; border: 1px solid #415cb3; }
.shop #content { width: 660px; }
#content img { padding: 1px; border: 1px solid #dcd6c9; }

/* TEASER */
#teaser { width: 170px; float: right; margin: 35px 26px 0 0; display: inline; }
.shop #teaser { display: none; }
.teaser { width: 170px; margin: 0 0 35px 0; border: 1px solid #415cb3; overflow: hidden; background: url(../layout/bgContent.gif) 0 0 no-repeat #fff; }
.teaser .image { position: relative; }
.teaser .image img { display: block; border-bottom: 7px solid #447fcd; }
.teaserContent { padding: 5px; }
.teaser h3 { color: #666; font-size: 13px; font-weight: bold; margin-left: 5px; }
.teaser p, ul, ol, table { margin: 0 0 0.5em 0; }
.teaser a { }
.teaser .overImage { }
.teaser .belowImage { margin: .5em 0; }
.teaser h3.belowImage { margin-left: 5px; }
.teaser .textLink, .teaser .downloadLink { }
.teaser .textLink { font-weight: bold; font-size: 11px; background: url(../layout/bgNavLeft.gif) 0 3px no-repeat; padding-left: 13px; color: #666; }
/* 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: 7px; left: 1px; }
#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: 2px; 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; }
#editMode .headerOverlay { display: none; }