/*
 * SMD Elements v1.1.3 (2016/05/30)
 * 
 * developed by Manuel Zwerenz @ Styria Media Design (Digital Team)
 * © 2016 Styria Media Design
 *
 */


/* SMD Elements - Box */
.smdElementsBox { background-color:#00436f; border-radius:4px; color:#ffffff; margin-left:auto; margin-right:auto; padding:5px; width:100%; }

/* SMD Elements - Carousel */
.smdElementsCarousel { height:100%; position:relative; width:100%; }
.smdElementsCarouselContent { background-color:#005b92; border:2px solid #005b92; border-radius:4px; }
.smdElementsCarouselContentContent { background-color:#e5eef4; padding:5px; }
.smdElementsCarouselContentHeader { color:#ffffff; display:table; min-height:8px; padding:0 5px 2px 5px; width:100%; }
.smdElementsCarouselContentHeadlineLeft { font-size:125%; }
.smdElementsCarouselContentHeadlineRight { float:right; font-size:125%; margin-left:2%; text-align:right; }
.smdElementsCarouselContentFooter { color:#ffffff; font-size:75%; padding-bottom:2px; padding-top:3px; text-align:center; width:100%; }
.smdElementsCarouselContentImage { background-color:#e5eef4; font-size:0; }
.smdElementsCarouselContentImage img { border:2px solid #e5eef4; width:100%; }
.smdElementsCarouselContents { margin-left:20px; margin-right:20px; }
.smdElementsCarouselLeft { cursor:pointer; left:0; height:100%; position:absolute; top:0; width:20px; }
.smdElementsCarouselLeftArrow { background-color:#00436f; background-image:url(../layout/smdElementsCarouselSidesLeft.png); background-position:center center; background-repeat:no-repeat; background-size:100% auto; left:0; border-radius:4px 0 0 4px; height:80%; position:absolute; top:10%; width:20px; }
.smdElementsCarouselLeftArrow:hover { background-color:#005b92; }
.smdElementsCarouselRight { cursor:pointer; height:100%; position:absolute; right:0; top:0; width:20px; }
.smdElementsCarouselRightArrow { background-color:#00436f; background-image:url(../layout/smdElementsCarouselSidesRight.png); background-position:center center; background-repeat:no-repeat; background-size:100% auto; border-radius:0 4px 4px 0; height:80%; position:absolute; right:0; top:10%; width:20px; }
.smdElementsCarouselRightArrow:hover { background-color:#005b92; }


/* SMD Gallery - Gallery */
.smdElementsGallery { text-align:center; }
@media (max-width:959px) { .smdElementsGalleryPager { clear:both; font-size:150%; } }
@media (min-width:960px) { .smdElementsGalleryPager { clear:both; font-size:100%; } }
.smdElementsGalleryPagerElement { background-color:#e5eef4; cursor:pointer; display:inline-block; font-size:100%; font-weight:bold; padding-left:1%; padding-right:1%; margin-left:1px; margin-right:1px; }
.smdElementsGalleryPagerElement:hover { background-color:#005b92; color:#ffffff; }
.smdElementsGalleryPagerElementActive { background-color:#00456e; color:#ffffff; cursor:default; font-weight:bold; }
.smdElementsGalleryPagerElementActive:hover { background-color:#00456e; }
.smdElementsGalleryThumb { background-size:cover; cursor:pointer; display:inline-block; font-size:0; margin:5px; position:relative; }
.smdElementsGalleryThumb .smdDossierImageZoom { background-image:url(../layout/smdDossierImageZoomPlus.png); background-size:cover; bottom:0px; cursor:pointer; height:40px; position:absolute; right:0px; width:40px; }
.smdElementsGalleryThumbs { clear:both; font-size:0; margin-bottom:10px; margin-top:10px; }


/* SMD Elements - More */
.smdElementsMore { background-color:#00436f; background-position:left center; background-repeat:no-repeat; background-size:auto 40px; border-radius:4px; color:#ffffff; cursor:pointer; font-size:110%; margin-left:auto; margin-right:auto; min-width:310px; padding:5px 5px 5px 50px; text-align:center; width:50%; }
.smdElementsMore:hover { background-color:#005b92; }
.smdElementsMoreMinus { background-image:url(../layout/smdElementsMoreMinus.png); }
.smdElementsMorePlus { background-image:url(../layout/smdElementsMorePlus.png); }


/* SMD Elements - Parallax */
.smdElementsParallaxFast{ height:32vw; overflow:hidden; position:relative; width:100%; }
.smdElementsParallaxFast div { background-size:cover; height:200%; position:absolute; width:100%; }
.smdElementsParallaxSlow { height:32vw; overflow:hidden; position:relative; width:100%; }
.smdElementsParallaxSlow div { background-size:cover; height:200%; position:absolute; width:100%; }


/* SMD Elements - Side */
.smdElementsSide { background-color:#e5eef4; border:2px solid #005b92; border-radius:4px; margin-left:auto; margin-right:auto; width:100%; }
.smdElementsSideContentContent { padding:5px; }
.smdElementsSideContentFooter { background-color:#005b92; color:#ffffff; font-size:75%; min-height:8px; padding:2.5px; text-align:center; width:100%; }
.smdElementsSideTab { background-color:#00436f; border-bottom:2px solid #005b92; border-left:2px solid #005b92; cursor:pointer; overflow:hidden; padding:5px; text-align:center; }
.smdElementsSideTab:last-child { border-bottom-left-radius:4px; }
.smdElementsSideTabActive { background-color:#e5eef4; cursor:default; }
.smdElementsSideTabPassive { color:#ffffff; }
.smdElementsSideTabPassive:hover { background-color:#005b92; }
.smdElementsSideTabs { float:right; margin-bottom:5px; margin-left:5px; max-width:30%; }


/* SMD Elements - Tabs */
.smdElementsTabs { border:2px solid #005b92; border-radius:4px; margin-left:auto; margin-right:auto; width:100%; }
.smdElementsTabsContents { background-color:#e5eef4; }
.smdElementsTabsTab { cursor:pointer; display:table-cell; position:relative; vertical-align:bottom; }
.smdElementsTabsTabs { display:table; table-layout:fixed; width:100%; }
.smdElementsTabsTabImage { font-size:0; }
.smdElementsTabsTabImage img { border:2px solid transparent; width:100%; }
.smdElementsTabsTabActive { background-color:#e5eef4; cursor:default; }
.smdElementsTabsTabFooter { background-color:#005b92; color:#ffffff; font-size:75%; min-height:8px; padding:2.5px; text-align:center; width:100%; }
.smdElementsTabsTabContent { padding:16px 4px 5px 4px; }
.smdElementsTabsTabPassive { background-color:#00436f; color:#ffffff; }
.smdElementsTabsTabPassive img { border:2px solid transparent; opacity:0.75; width:100%; }
.smdElementsTabsTabPassive .smdElementsTabsTabArrow { background-image:url(../layout/smdElementsTabsTabArrow.png); bottom:-12px; height:12px; margin-left:-12px; left:50%; position:absolute; width:24px; }
.smdElementsTabsTabPassive:hover { background-color:#005b92; color:#ffffff; }
.smdElementsTabsTabPassive:hover .smdElementsTabsTabArrow { background-image:url(../layout/smdElementsTabsTabArrow_hover.png); }
.smdElementsTabsTabTitle { overflow:hidden; padding:0 4px 0 4px; width:100%; white-space:nowrap; }