/* BASE */
body { background-color: #232a2f; padding-bottom: 50px; line-height: 1.2; font-family: Tahoma, Geneva, sans-serif; text-align: left; font-size: 13px; color: #848d93; }
h1 { margin: 0.5em 0; font-size: 24px; line-height: 1.2; color: #fff; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }
h2, h3 { margin: 1em 0; font-size: 16px; line-height:1.2; color: #869661; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }
p, ul, ol, table { margin:0 0 1em; }
p { }
ul { }
ol { }
td { }
a { color: #c4d1d9; }
a:hover { color: #fff; text-decoration: none;  }
strong, b { font-weight:bold; }
em, i { font-style:italic; }
u { text-decoration:underline; }
strike, s { text-decoration:line-through; }
.clear { clear: both; }
.hr { border-color: #343b40; margin: 10px 0;}
#website { width: 961px; margin: 0 auto; position: relative; overflow: hidden; }
#top { width: 961px; height: 172px; background: url(../layout/bgTop.gif) 0 0 no-repeat; position: relative; }
#contentWrapper { width: 961px; background: url(../layout/bgContentTop.gif) 0 0 no-repeat #191d20; position: relative; min-height: 500px; overflow: hidden; position: relative; padding-bottom: 20px; }
.mhGallery #contentWrapper { padding-bottom: 0; }
#contentBottom { position: absolute; background: url(../layout/bgContentBottom.gif) 0 0 no-repeat; bottom: 0; left: 0; width: 961px; height: 20px; }
#fullScreenImage img { width: 100%; min-width: 961px; position: fixed; top: 172px; }
.fullscreen { padding-bottom: 50px; }



.newsContent { float: right; width: 310px; }
.newsContent p:first-child { margin-top: 0 ;}

/* Newsletter */
.Newsletter_Subscribe, .Newsletter_Unsubscribe { width: 450px; }
.Newsletter_Subscribe .submit, .Newsletter_Subscribe .requirednote { padding-left: 100px; display: block; }
#content .Newsletter_Unsubscribe td { border: none; }
#content .Newsletter_Unsubscribe td.label { width: 100px; color: #848d93; }

/* Bio */
#content td { border-bottom: 1px solid #343b40; padding: 2px 0; }
#content table td:first-child { width: 15%; }
#content table tr td:first-child { color: #c4d1d9; }


/* Maps */
.googleMap { margin-bottom: 10px; }

/* Gallery */
.slideWrapper { width: 921px; height: 533px; padding: 20px; overflow: hidden;  }
.slideshow { width: 921px; height: 533px; background: url(../layout/loader.gif) center no-repeat; position: relative; text-align: center; overflow: hidden;  display: table-cell; vertical-align: middle; }
.slideshow a, .slideshow img { margin:0; padding: 0; display: inline; }
.slideshow img { border: none;}
.thumbnails { padding-left: 4px; padding-bottom: 5px;}
.thumbnails ul { list-style: none;   text-align: center; margin-left: 10px;}
.thumbnails a img { border: none;  }
.thumbnails li { display: inline; float: left; }
.thumbnails a { text-align: center; margin: 0 10px 10px 0; display: block; }
.loading { background: url(../layout/loading.gif) 0 0 no-repeat; width: 50px; height: 50px; }
.galleryCaption { z-index: 42; position: absolute; left:0; bottom: 0; background: url(../layout/bgCaption.png) 0 0 repeat; color: #c4d1d9; }
.galleryCaption .caption { padding: 10px 20px 0 20px; text-align: left; max-width: 400px; }
.galleryCaption h1 { margin-top: 0; font-size: 16px; line-height:1.2; color: #fff;}


/* FOOTER */
#footer { padding: 25px; text-transform: uppercase; font-size: 10px; color: #889096; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }
#footer * { display: inline; color: #889096; }
#footer a:hover { color: #c4d1d9; }
#footer li:before { content: "\00B7"; }

#fbFeed { width: 961px; margin: 0 auto; position: relative; }
#fbFeed h1 { margin: 0 0 10px 0;  }
#fbWrapper { background: url(../layout/bgFacebookBottom.png) bottom left no-repeat; width: 299px; float: right; margin-top: 20px; padding-bottom: 8px;}
#fbContent { width: 259px; background: url(../layout/bgFacebook.png) 0 0 no-repeat; padding: 20px 20px 0 20px; }

/* HEADER */

/* #header { position: relative; float: left; width: 939px; height: 276px; }
#headerImg { width: 939px; height: 276px; position: absolute; left: 0; top: 0; overflow: hidden; } */
/* 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 */

#logo { text-indent: -999em; display: block; width: 375px; height: 22px; background: url(../layout/markusHauschildFotodesign.gif) 0 0 no-repeat; position: absolute; left: 27px; top: 43px; }
#socialMedia { position: absolute; width: 180px; height: 53px; background: url(../layout/bgSocialMedia.gif) 0 0 no-repeat; right: 0; top: 0; }
#socialMedia a { display: block; position: absolute; text-indent: -999em; }
#facebook { width: 25px; height: 26px; background: url(../layout/facebook.gif) 0 0 no-repeat; left: 17px; top: 12px;  }
#facebook:hover { background-position: 0 -26px; }
#xing { width: 27px; height: 31px; background: url(../layout/xing.gif) 0 0 no-repeat; left: 70px; top: 10px; }
#xing:hover { background-position: 0 -31px; }
#bff { width: 46px; height: 22px; background: url(../layout/bff.gif) 0 0 no-repeat; left: 118px; top: 14px; }
#bff:hover { background-position: 0 -22px; }

#navTop { position: absolute; left: 27px; top: 113px; }
#navTop li { position: relative; float: left; }
#navTop a { display: block; font-size: 18px; margin-right: 30px; color: #889096; text-transform: uppercase; line-height: 1.1; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }
#navTop .active *, #navTop .passive a:hover, #navTop .passive a:hover span { color: #c4d1d9; }
#navTop span { font-size: 12px; color: #889096; text-transform: none; }
#navLevel1FirstEntry { display: none; }

#navLeft { width: 175px; min-height: 1px; float: left; margin: 10px 0 0 10px; padding: 24px 5px 40px 14px; background: url(../layout/hgNav.png) no-repeat 0 0; }
#navLeft li { position: relative; float: left; width: 100%; overflow: hidden; padding: 1px 0; }
#navLeft a { display: block; font-size: 14px; padding: 1px 5px 1px 17px; }
#navLeft .passive a { color: rgb(143, 139, 132); }
#navLeft .passive a:hover { color: rgb(255, 255, 255); }
#navLeft .active a { color: rgb(255, 255, 255); background: url(../layout/bgNavActive.gif) no-repeat left center; }
#navLeft .active a:hover { }
#navLeft .active .passive a { color: rgb(143, 139, 132); background: none transparent; }
#navLeft .active .passive a:hover { color: rgb(255, 255, 255); }
#navLeft ul ul { clear: both; float: none; }
#navLeft ul ul a { padding-left: 34px; }
#navLeft ul ul .passive a { }
#navLeft ul ul .passive a:hover { }
#navLeft ul ul .active a { background: url(../layout/bgNavActive.gif) no-repeat 17px center; }
#navLeft ul ul .active a:hover { }
#navLeft ul ul ul a { padding-left: 51px; }
#navLeft ul ul ul .passive a { }
#navLeft ul ul ul .passive a:hover { }
#navLeft ul ul ul .active a { background: url(../layout/bgNavActive.gif) no-repeat 17px center; }
#navLeft ul ul ul .active a:hover { }
#navLeftLevel1FirstEntry { }
#navLeftLevel1SoleEntry { }
#navLeftLevel1LastEntry { }
#navLeftLevel2FirstEntry { }
#navLeftLevel2SoleEntry { }
#navLeftLevel2LastEntry { }
#navLeftLevel3FirstEntry { }
#navLeftLevel3SoleEntry { }
#navLeftLevel3LastEntry { }
/* CONTENT */

#content { width: 641px; float: left; margin: 27px 0 0 27px; }
.shop #content { width: 660px; }
#content img { padding: 1px;  }
/* TEASER */

#teaser { width: 202px; float: right; margin: 34px 30px 0 0; }
.shop #teaser { display: none; }
.teaser { width: 202px; margin: 0 0 20px 0; }
.teaser .image { }
.teaser .image img { display: block; padding: 1px; border: 1px solid #343b40;}
.teaserContent { }
.teaser h3 { margin: 0 0 0.7em 0; }
.teaser p, .teaser ul, .teaser ol, .teaser table { margin: 0 0 0.5em 0; }
.teasre li { background: url(../layout/bgLi.gif) 0 0 no-repeat; }
.teaser a { }
.teaser .overImage { }
.teaser .belowImage { }
.teaser .textLink, .teaser .downloadLink { }
.teaser .textLink { }


/* CUSTOM MODULES */
.textRight { float: left; width: 424px; }
.textRight h2:first-child { margin-top: 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 BORDER-COLOR AND STYLE
*/
.shop hr, .shoppingCart th, .shopSummaryFirst td, .shoppingCart td, .shopColumn1 li, .shopColumn2 li, .shopShipping td, .shopShipping th, .shopPicture, .shopShortArticle, .articleSmallPreview1, .articleSmallPreview2, .articleSmallPreview3, .articleSmallPreview4, .shopArticle td, .shopArticle th, .shoppingCartSmall { border-style: solid; border-color: #4c4b49; }
/* SHOP COLOR AND BACKGROUND COLOR
*/
.shopLink, .shopStep .shopNumber, .shopStepActive, .shopStep, .shopStep a, .shoppingCartSmall .shopLink, .shopDelete { color: #518b42; }
.shopLink, .shopStep .shopNumber, .shopDelete { background: #e0e8ce; text-transform: uppercase; }
.shopDelete:hover { background: #ff0000; color: #ffffff; }
.shopLink:hover, .shoppingCartSmall .shopLink:hover { background: #518b42; color: #fff; text-decoration: none; }
.shopConfirm { color: green; font-weight: bold; }
.shop .required b, .shop .requiredError b { color: red; }
.shopStepActive .shopNumber { background: #518b42; color: #fff; }
.shopStep { opacity: 0.6; }
/* SHOP FONT SIZES
*/
.shopPrice { font-Size: 16px; }
.shopLink, input.shopLink { font-size: 12px; }
/* SHOP UNASSORTED
*/
.shopShortDescription { width: 200px; }
.articlePictures { width: 180px; }
.shopCartImage { padding: 2px 2px 2px 0; text-align: center; vertical-align: middle; }
.shopArticle table { width: 450px; }
.shoppingCartSmall { margin-bottom: 15px; line-height: 1.2; }
.shoppingCartSmall p { background: url(/_media/base/layout/shop/bgCartSmall.gif) 5px center no-repeat; margin: 5px 0; padding: 5px 5px 5px 70px; }
.shoppingCartSmall .shopLink { display: block; margin: 3px 0; float: none; }
#navLeft .shopLink { line-height: 1.0; padding: 2px 5px 3px 5px; text-transform: none; }
/* EDITMODE */
#editMode #navTop a span { display: none;  }
#editMode #navTop .editButton { position: absolute; left: 0; top: 1px; }
#editMode #navTop li { padding-left: 20px; }
#editMode #navTop a { margin-right: 10px; }
#editMode #navLeft .editButton { position:absolute; left:0; top:4px; z-index:1; display:block; width:16px; height:16px; margin:0; padding:0; background:none transparent; }
#editMode #navLeft ul ul .editButton { position:absolute; left:17px; }
#editMode #navLeft ul ul ul .editButton { position:absolute; left:34px; }
#editMode .navLeft a.shopLink { line-height: 1.0; padding: 2px 5px 3px 5px; }
#editMode #navLevel1FirstEntry { display: block; }

#newsnav { padding: 25px; text-transform: uppercase; font-size: 10px; color: #889096; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }
#newsnav * { display: inline; color: #889096; }
#newsnav ul { list-style: none; padding: 0; }
#newsnav li { float: left; padding-right: 10px;}
#newsnav a:hover { color: #c4d1d9; }