/* open-sans-300 - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: url('../fonts/open-sans-v34-latin-300.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/open-sans-v34-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/open-sans-v34-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/open-sans-v34-latin-300.woff') format('woff'), /* Modern Browsers */ url('../fonts/open-sans-v34-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/open-sans-v34-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-regular - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: url('../fonts/open-sans-v34-latin-regular.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/open-sans-v34-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/open-sans-v34-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/open-sans-v34-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../fonts/open-sans-v34-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/open-sans-v34-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-500 - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 500; src: url('../fonts/open-sans-v34-latin-500.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/open-sans-v34-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/open-sans-v34-latin-500.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/open-sans-v34-latin-500.woff') format('woff'), /* Modern Browsers */ url('../fonts/open-sans-v34-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/open-sans-v34-latin-500.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-600 - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; src: url('../fonts/open-sans-v34-latin-600.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/open-sans-v34-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/open-sans-v34-latin-600.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/open-sans-v34-latin-600.woff') format('woff'), /* Modern Browsers */ url('../fonts/open-sans-v34-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/open-sans-v34-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-700 - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: url('../fonts/open-sans-v34-latin-700.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/open-sans-v34-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/open-sans-v34-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/open-sans-v34-latin-700.woff') format('woff'), /* Modern Browsers */ url('../fonts/open-sans-v34-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/open-sans-v34-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-800 - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 800; src: url('../fonts/open-sans-v34-latin-800.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/open-sans-v34-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/open-sans-v34-latin-800.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/open-sans-v34-latin-800.woff') format('woff'), /* Modern Browsers */ url('../fonts/open-sans-v34-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/open-sans-v34-latin-800.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* BASIC STYLES */ html { height: 100%; background: url(../layout/bg.jpg) no-repeat center top fixed;} body { height: auto; height: 100%; font: normal normal normal 14px/18px "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif; text-align: left; color: #555555; padding: 0; } h1 { margin: 0.8em 0 14px; } h1, h1 a, h1 span { font: bold normal normal 24px 'Open Sans', sans-serif; color: #222222; } h2 { margin: 14px 0; } h2, h2 a, h2 span { font: bold normal normal 20px 'Open Sans', sans-serif; color: #eac10a; } ul { list-style: disc; padding-left: 2em; } ol { list-style: decimal; padding-left: 3em; } table, ul, ol, dl, p, .hr { margin: 0 0 1em 0; } td { } a { color: #eac10a; -webkit-transition: all .1s ease-in-out; -moz-transition: all .1s ease-in-out; -o-transition: all .1s ease-in-out; transition: all .1s ease-in-out; } a:hover { text-decoration: underline; } strong, b, th { font-weight:bold; } em, i { font-style:italic; } u { text-decoration:underline; } strike, s { text-decoration:line-through; } img { } .imgLeft { margin-right: 15px; } .hr { border-color: #ccc; } /* RESET NAVIGATION LISTS */ #navTop ul, #navLeft ul, #smallNav ul { margin: 0; padding: 0; list-style: none; position:relative; } #navTop ul a, #navLeft ul a, #smallNav ul a { text-decoration: none; } #navTop ul a:hover, #navLeft ul a:hover, #smallNav ul a:hover { text-decoration: none; } /* STRUCTURE */ html, body, #website { min-height: 100%; } #website { width: 960px; margin: 0px auto; padding: 0 20px; position: relative; background: rgba(0, 0, 0, 0.6);} #wrapper { padding-bottom: 42px;} .shop #wrapper{width: 960px;} #logo { display: block; margin: 0 auto; width: 176px; height: 90px; padding: 20px 0;} #logo img { display: block; } #logo-startseite { display: block; margin: 0 auto; width: 97px; height: 112px; padding: 20px 0;} /* CONTENT */ #content { width: 640px; padding: 13px 20px; border-radius: 5px; float: right; display: inline; position: relative; background: url(../layout/content.png) repeat-y center top;} .shop #content { width: 660px; } .shopPicture{margin: 0;} .shopShortArticle h3 {font-weight: bold; margin: 0 0 .4em 0;} .shopShortArticle{margin-bottom: 2em;} #content img { border-radius: 5px; } /* TEASER */ #teaser { width: 234px; float: right; display: inline; position: relative; } #short_news { padding-top: 15px; min-height: 282px; background: url(../layout/bg_header.gif) repeat-x #7a970f; overflow: hidden; margin-bottom: 27px; } #short_news .shortNewsDate { font-size: 9px; } #short_news .teaser { } #short_news .teaserContent { background: none; border-bottom: 1px dashed #fff; width:210px; padding:0; } #short_news .teaser * { color: #e0eea9; } #short_news .teaser h3 { color: #fff; margin-top: 0; padding: 0 0 6px; background: none; width:210px; } #short_news .teaser .readMore, #short_news .teaser .textLink{ color: #fff; background: url(../layout/bg_textlink_header.png) no-repeat 2px 5px; display:inline-block; margin:4px 0 12px; padding-left: 15px; } #short_news .teaser .readMore:hover { text-decoration: none; } #teaser .clear { display: none; } .shop #teaser { position: absolute; right: 0; top: 0; } #short_news .teaser { margin-left: 10px; } #short_news .teaser { width: 210px; margin: 0 0 20px 10px; } .teaser { width: 240px; margin: 0 0 10px; padding: 10px; background: url(../layout/nav-left-bg.png) repeat-y center top;border-radius: 5px;} #sponsors_below_left_nav, #sponsors_below_left_nav .teaser{ margin-left: 0; margin-right: 0; } #sponsors_below_left_nav .clear{ display: none; } .teaser{/*border-bottom: 1px solid #91b411;*/ padding-bottom: 0px;} #short_news .teaser{border: 0; padding-bottom: 0;} .Text_Link_BannerSmall.teaser { margin: 0 0 10px 0; } #teaser .Text_Link_BannerSmall.teaser .clear { display: block; } .teaser .image { position: relative;} .teaser .image img { display: block; border-radius: 4px;} .teaser .image b { display: block; width: 23px; height: 23px; position: absolute; right: 0; top: 0; background: url(../layout/overlayTeaserImage.png) no-repeat 0 0; } .teaserContent { padding-bottom: 10px; } .teaserContent * { } .teaserContent a { } .teaser h3 { font: bold normal normal 20px/32px 'Open Sans', sans-serif; color: #222222; margin-bottom: 2px;} .teaser p, .teaser ul, .teaser ol, .teaser table { margin: 0 0 17px 0; } .teaser .overImage { } .teaser .belowImage { } .teaser .textLink, .teaser .downloadLink { } .teaser .textLink { text-align: center; text-decoration: none; display:inline-block; color: #fff; text-shadow: 0 1px 2px rgba(0,0,0,0.35); font: bold normal normal 12px 'Open Sans', sans-serif; padding: 2px 8px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.5), inset 0 1px #f7e716; -moz-box-shadow: 0 1px 2px rgba(0,0,0,.5), inset 0 1px #f7e716; box-shadow: 0 1px 2px rgba(0,0,0,.5), inset 0 1px #f7e716; background: #efd00e; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YyZGExMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlYWMxMGEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #f2da10 0%, #eac10a 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2da10), color-stop(100%,#eac10a)); background: -webkit-linear-gradient(top, #f2da10 0%,#eac10a 100%); background: -o-linear-gradient(top, #f2da10 0%,#eac10a 100%); background: -ms-linear-gradient(top, #f2da10 0%,#eac10a 100%); background: linear-gradient(to bottom, #f2da10 0%,#eac10a 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2da10', endColorstr='#eac10a',GradientType=0 ); } .teaser .textLink:active { -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.3), inset 0 1px #f7e716; -moz-box-shadow: 0 1px 2px rgba(0,0,0,.3), inset 0 1px #f7e716; box-shadow: 0 1px 2px rgba(0,0,0,.3), inset 0 1px #f7e716; } .teaser .textLink:hover { background: #f2da10; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VhYzEwYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMmRhMTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #eac10a 0%, #f2da10 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eac10a), color-stop(100%,#f2da10)); background: -webkit-linear-gradient(top, #eac10a 0%,#f2da10 100%); background: -o-linear-gradient(top, #eac10a 0%,#f2da10 100%); background: -ms-linear-gradient(top, #eac10a 0%,#f2da10 100%); background: linear-gradient(to bottom, #eac10a 0%,#f2da10 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eac10a', endColorstr='#f2da10',GradientType=0 ); } .Special_ChangingContentsSmall div.shopSearchResult{margin: 0; padding: 0;} .home #wrapper {margin: 0 -15px;} .home .teaser { width: 280px; padding: 10px; background: url(../layout/home-teaser-bg.png) repeat-y center top; border-radius: 5px; float: left; display: inline-block; margin: 0 15px; margin-bottom: 42px;} .home #wrapper .adminNewModule, .home #wrapper .adminCopyAllModule, .home #wrapper .delete, .home #wrapper .advancedModuleFeatures { display: none; } /* NAV TOP */ #navTop { overflow: hidden; position: relative; width: 962px; padding: 0; margin: 0 -1px; background: url(../layout/nav-top.png) no-repeat; height: 44px; } #navTop ul { position: relative; overflow: hidden; width: 100%; } #navTop .navLevel1 { } #navTop li { float: left; margin: 0; display: inline; overflow: hidden; background: url(../layout/nav-top-border.png) no-repeat right center; } #navTop li:last-child { background: none; } #navTop a { padding: 0 16px; display: inline-block; font: bold normal normal 14px/44px 'Open Sans', sans-serif; } #navTop .navLevel1 .passive a { color: #555555; } #navTop .navLevel1 .passive a:hover { color:#222222; } #navTop .navLevel1 .active a { color: #222222; background: url(../layout/nav-top-active.png) no-repeat center bottom; } #header { width: 938px; margin: -3px 0 18px; padding: 0 11px 11px; padding-top: 11px; -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.5), inset 0 1px rgba(255,255,255,.25), inset 0 0 3px rgba(255,255,255,.15); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.5), inset 0 1px rgba(255,255,255,.25), inset 0 0 3px rgba(255,255,255,.15); box-shadow: 0 1px 2px rgba(0,0,0,.5), inset 0 1px rgba(255,255,255,.25), inset 0 0 3px rgba(255,255,255,.15); background: #444; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU1NTU1NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzMzMzMzMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #555555 0%, #333333 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#555555), color-stop(100%,#333333)); background: -webkit-linear-gradient(top, #555555 0%,#333333 100%); background: -o-linear-gradient(top, #555555 0%,#333333 100%); background: -ms-linear-gradient(top, #555555 0%,#333333 100%); background: linear-gradient(to bottom, #555555 0%,#333333 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#555555', endColorstr='#333333',GradientType=0 ); } .home #header { padding: 10px 11px 82px; } #navTop2 { min-height: 11px; } #header ul { position: relative; overflow: hidden; width: 100%; } #header li { float: left; margin: 0; display: inline; overflow: hidden; position: relative; } #header #navLevel2FirstEntry a { padding-left: 0; } #header a { padding: 0 9px 12px; display: inline-block; font: 13px/14px 'Open Sans', sans-serif; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); } #header .navLevel2 .passive a { color: #cccccc; } #header .navLevel2 .passive a:hover { color: #ffffff; } #header .navLevel2 .active a { color: #eac10a; } #headerImage { width: 940px; height: 250px; position: relative; } #headerImage a { padding: 0; } #headerImage img { display: block; border-radius: 5px; } #overlayHeaderImage { display: block; left: 0; bottom: 20px; position: absolute; z-index: 100; } #overlayHeaderImage .teaser { width: auto; max-width: 352px; background: 0; } #overlayHeaderImage .teaser h3 { font: bold normal normal 22px/42px 'Open Sans', sans-serif; color: #222222; background: url(../layout/header-overlay-bg.png) repeat-y right top; padding: 0 10px; width: auto; max-width: 352px; } #overlayHeaderImage .clear { display: none; } #overlayHeaderImage .adminNewModule, #overlayHeaderImage .adminCopyAllModule { display: none; } #headerTextLinkSlideshow .slide *, #headerSlideshow .slide *{ position: static; } #headerImage .slide { position: static !important; } #headerImage .slide h1 { position: absolute; top: 109px; } #headerImage .slide h2 { position: absolute; top: 158px; } #headerImage .slide h1, #headerImage .slide h2 { display: block; height: 42px; font: bold normal normal 22px/38px 'Open Sans', sans-serif; color: #222222; background: url(../layout/header-overlay-bg.png) repeat-y right top; width: auto; max-width: 352px; padding: 0 14px; } #headerImage .slide h1 a, #headerImage .slide h2 a { font: inherit; color: inherit; } #headerImage .slide h1 a:hover, #headerImage .slide h2 a:hover { text-decoration: none; } #headerImage .slide p { position: absolute; bottom: -76px; height: 40px; margin: 0; padding: 18px 10px; font: 15px/22px 'Open Sans', sans-serif; color: #ffffff;text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); } .home #headerImage .slide p { } #headerImage .slide .textLink { display: block; position: absolute; right: 6px; bottom: -60px; text-align: center; text-decoration: none; display:inline-block; color: #fff; padding: 10px 22px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.5), inset 0 1px #f7e716, 0 1px 0 6px #232323, 0 2px 0 6px #464646, 0 -1px 0 6px #222; -moz-box-shadow: 0 1px 2px rgba(0,0,0,.5), inset 0 1px #f7e716, 0 1px 0 6px #232323, 0 2px 0 6px #464646, 0 -1px 0 6px #222; box-shadow: 0 1px 2px rgba(0,0,0,.5), inset 0 1px #f7e716, 0 1px 0 6px #232323, 0 2px 0 6px #464646, 0 -1px 0 6px #222; background: #efd00e; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YyZGExMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlYWMxMGEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #f2da10 0%, #eac10a 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2da10), color-stop(100%,#eac10a)); background: -webkit-linear-gradient(top, #f2da10 0%,#eac10a 100%); background: -o-linear-gradient(top, #f2da10 0%,#eac10a 100%); background: -ms-linear-gradient(top, #f2da10 0%,#eac10a 100%); background: linear-gradient(to bottom, #f2da10 0%,#eac10a 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2da10', endColorstr='#eac10a',GradientType=0 ); font: bold normal normal 16px 'Open Sans', sans-serif; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); z-index: 999; } #headerImage .slide .textLink:hover { background: #f2da10; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VhYzEwYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMmRhMTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #eac10a 0%, #f2da10 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eac10a), color-stop(100%,#f2da10)); background: -webkit-linear-gradient(top, #eac10a 0%,#f2da10 100%); background: -o-linear-gradient(top, #eac10a 0%,#f2da10 100%); background: -ms-linear-gradient(top, #eac10a 0%,#f2da10 100%); background: linear-gradient(to bottom, #eac10a 0%,#f2da10 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eac10a', endColorstr='#f2da10',GradientType=0 ); } #headerImage .slide .textLink:active { -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.5), inset 0 1px #f7e716, 0 1px 0 6px #2e2e2e, 0 2px 0 6px #4b4b4b, 0 -1px 0 6px #222; -moz-box-shadow: 0 1px 2px rgba(0,0,0,.5), inset 0 1px #f7e716, 0 1px 0 6px #2e2e2e, 0 2px 0 6px #4b4b4b, 0 -1px 0 6px #222; box-shadow: 0 1px 2px rgba(0,0,0,.5), inset 0 1px #f7e716, 0 1px 0 6px #2e2e2e, 0 2px 0 6px #4b4b4b, 0 -1px 0 6px #222; } #headerTextLinkSlideshow .pager, #headerSlideshow .pager{ position: absolute; left: auto; top: auto; right: 10px; bottom: 10px; } #headerTextLinkSlideshow .pager a, #headerSlideshow .pager a{ display: inline-block; width: 20px; height: 20px; line-height: 20px; text-align: center; border-radius: 3px; background: #ffffff; color: #000000; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3); margin: 0 2px; } #headerTextLinkSlideshow .pager a.activeSlide, #headerSlideshow .pager a.activeSlide{ background: #f0d30f; color: #ffffff; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35); } #links { list-style: none; padding: 0; margin: 30px 20px 40px; overflow: visible; } #links:after { display: table; visibility: hidden; content: ' '; clear: both; } #links li { list-style: none; float: left; width: 65px; height: 58px; display: table-cell; position: relative; margin: 0 10px; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out; } #links li.fussball { background: url("../layout/link1.png") center center no-repeat; } #links li.handball { background: url("../layout/link2.png") center center no-repeat; } #links li.turnen { background: url("../layout/link3.png") center center no-repeat; } #links li.leichtathletik { background: url("../layout/link4.png") center center no-repeat; } #links li.volleyball { background: url("../layout/link5.png") center center no-repeat; } #links li.tischtennis { background: url("../layout/link6.png") center center no-repeat; } #links li.badminton { background: url("../layout/link7.png") center center no-repeat; } #links li.walking { background: url("../layout/link8.png") center center no-repeat; } #links li.volkstanz { background: url("../layout/link9.png") center center no-repeat; } #links li.fitness { background: url("../layout/link10.png") center center no-repeat; } #links li.lauftreff { background: url("../layout/link11.png") center center no-repeat; } #links li.fussball:hover { background: url("../layout/link1-active.png") center center no-repeat; } #links li.handball:hover { background: url("../layout/link2-active.png") center center no-repeat; } #links li.turnen:hover { background: url("../layout/link3-active.png") center center no-repeat; } #links li.leichtathletik:hover { background: url("../layout/link4-active.png") center center no-repeat; } #links li.volleyball:hover { background: url("../layout/link5-active.png") center center no-repeat; } #links li.tischtennis:hover { background: url("../layout/link6-active.png") center center no-repeat; } #links li.badminton:hover { background: url("../layout/link7-active.png") center center no-repeat; } #links li.walking:hover { background: url("../layout/link8-active.png") center center no-repeat; } #links li.volkstanz:hover { background: url("../layout/link9-active.png") center center no-repeat; } #links li.fitness:hover { background: url("../layout/link10-active.png") center center no-repeat; } #links li.lauftreff:hover { background: url("../layout/link11-active.png") center center no-repeat; } #links li a { position: absolute; bottom: -38px; left: -5px; height: 22px; display: block; min-width: 65px; background: url(../layout/link-tooltip.png) no-repeat center bottom; z-index: 10; padding: 4px 5px 0; font: bold normal normal 12px/24px 'Open Sans', sans-serif; color: #ffffff; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); text-align: center; width: auto; white-space: nowrap; border-radius: 8px 8px 4px 4px; opacity: 0; visibility: hidden; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out; padding-top: 60px; } #links li:hover a{ -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out; opacity: 1; visibility: visible; bottom: -28px; text-decoration: none; } #links li:hover { -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out; } #links .singleContentAreaEdit { top: -20px; z-index: 99999; } /* #links li img.hover { display: none; } #links li:hover img { display: none; } #links li:hover img.hover { display: block; } #links .title { display: none; } #links li:hover .title { position: absolute; bottom: -28px; left: -5px; height: 22px; display: block; min-width: 65px; background: url(../layout/link-tooltip.png) no-repeat center top; z-index: 10; padding: 4px 5px 0; font: bold normal normal 12px/24px 'Open Sans', sans-serif; color: #ffffff; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); text-align: center; width: auto; white-space: nowrap; border-radius: 8px 8px 4px 4px; } */ /* NAV LEFT */ #navLeft { width: 260px; min-height: 1px; float: left; display: inline; margin: 0; } #navLeft ul { margin-bottom: 20px; width: 230px; padding: 10px 10px 10px 20px; background: url(../layout/nav-left-bg.png) repeat-y center top; border-radius: 5px;} #navLeft ul li { position: relative; float: left; width: 100%; background: url(../layout/nav-left-border.png) no-repeat center bottom; } #navLeft ul li:last-child { background: none; } #navLeft ul span { } #navLeft ul a { display: inline-block; padding: 4px 0px 4px 0px; font: 14px/24px 'Open Sans', sans-serif; text-transform: uppercase; margin-bottom: -1px;} #navLeft ul .active { } #navLeft ul .active a { color: #222222; font-weight: bold; } #navLeft ul .active a:hover { } #navLeft ul .passive { } #navLeft ul .passive a { color: #555555; } #navLeft ul .passive a:hover { color: #222222; } #navLeft ul ul { clear: both; float: none; border: 0; margin: 0 -10px 0 -20px; padding: 0 10px 0 20px; background: url(../layout/nav-left-sub-bg.png); border-radius: 0; } #navLeft ul ul li { border: 0; } #navLeft ul ul span { border: 0; } #navLeft ul ul a { padding-left: 20px; text-transform: none; display: inline-block; font: normal normal normal 13px/30px 'Open Sans', sans-serif; } #navLeft ul .active ul a { font-weight: normal; } #navLeft ul ul .active { } #navLeft ul ul .active a { font-weight: bold; color: #eac10a; } #navLeft ul ul .active a:hover { } #navLeft ul ul .passive { } #navLeft ul ul .passive a { background: none transparent; color: #cccccc;} #navLeft ul ul .passive a:hover { color: #eac10a; } #navLeft ul ul ul { } #navLeft ul ul ul li { } #navLeft ul ul ul span { } #navLeft ul ul ul a { padding-left: 55px; } #navLeft ul ul ul .active { } #navLeft ul ul ul .active a { } #navLeft ul ul ul .active a:hover { } #navLeft ul ul ul .passive { } #navLeft ul ul ul .passive a { } #navLeft ul ul ul .passive a:hover { } #navLeft #navLevel2LastEntry, #navLeft #navLevel2SoleEntry { } #navLeft #navLevel3LastEntry, #navLeft #navLevel3SoleEntry { } #smallNav { width: 200px; position: absolute; left: 18px; top: 20px; } #smallNav li { float: left; width: 100%; position: relative; background: url(../layout/bgSmallNavA.png) no-repeat 0 6px; padding: 0 0 0 13px; margin: 3px 0 0 0; } #smallNav a { color: #f3eaf3; } #smallNav ul a:hover { text-decoration: underline; } #footer{ padding-top: 50px; } #footer ul{ text-align: left; width: 940px; list-style: none; background: url(../layout/bg_navtop.gif) 0 0 repeat-x #91b411; padding: 6px 10px 5px; } #footer li{ display: inline; } #footer a{ color: #e0eea9; padding: 0 5px; font-size: 11px; } #footer a:hover{ color: #fff; } #footer .active a{ color: #fff; } .Community_Guestbook .guestbookEntryMeta{ position: relative; } .Community_Guestbook .guestbookEntryMeta p{ width: 190px; padding-left: 110px; position: relative; } .Community_Guestbook .guestbookEntryMeta p b{ width: 100px; display: block; position: absolute; left: 0; } .Community_Guestbook .guestbookEntryMeta img{ position: absolute; right: 0; top: 0; } .Community_Guestbook .guestbookEntryContent{ } .Community_Guestbook .guestbookEntryImage { width: 110px; } .Special_Calendar .list_wrapper .date{ width: 100px; line-height: inherit; padding: 5px 0 5px 15px; } .Special_Calendar .list_wrapper .title{ width: 330px; line-height: inherit; padding: 5px 0; } .Special_Calendar .list_wrapper dt{ background-position: 5px 10px; } .Special_Calendar .list_wrapper .open{ background-position: 3px 12px; } .Special_Calendar .list_wrapper .image{ margin: 0 15px 5px 0; border: 0; } .Special_Calendar .list_wrapper .content{ float: none; width: auto; } table { max-width: 100%; background-color: transparent; border-collapse: collapse; border-spacing: 0; } table.border { width: 100%; margin-bottom: 20px; } table.border th, table.border td { padding: 8px; line-height: 20px; text-align: left; vertical-align: top; border-top: 1px solid #dddddd; } table.border th { font-weight: bold; } table.border thead th { vertical-align: bottom; } table.border caption + thead tr:first-child th, table.border caption + thead tr:first-child td, table.border colgroup + thead tr:first-child th, table.border colgroup + thead tr:first-child td, table.border thead:first-child tr:first-child th, table.border thead:first-child tr:first-child td { border-top: 0; } table.border tbody + tbody { border-top: 2px solid #dddddd; } table.border table.border { background-color: #ffffff; } /* NEWS MODULE */ #content div.newsWrapper { margin: 0; } /* 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: #91b411; } /* SHOP COLOR AND BACKGROUND COLOR */ .shopLink, .shopStep .shopNumber, .shopStepActive, .shopStep, .shopStep a, .shoppingCartSmall .shopLink, .shopDelete { color: #91b411; } .shopLink, .shopStep .shopNumber, .shopDelete { background: #cbdb8e; text-transform: uppercase; } .shopDelete:hover { background: #ff0000; color: #ffffff; } .shopLink:hover, .shoppingCartSmall .shopLink:hover { background: #91b411; color: #fff; text-decoration: none; } .shopConfirm { color: green; font-weight: bold; } .shop .required b, .shop .requiredError b { color: red; } .shopStepActive .shopNumber { background: #91b411; 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 - RESET AND PREPARE NAV ELEMENTS */ #editMode #navLeft li, #editMode #navTop li, #editMode #smallNav li { position: relative; } #editMode .editButton img { border: 0; padding: 0; background: none transparent; } #editMode #navLeft .editButton, #editMode #navTop .editButton, #editMode #smallNav .editButton, #editMode #header .editButton{ position: absolute; display: inline-block; width: 16px; height: 16px; background: none; padding: 0; left: 0; top: 7px;} /* EDITMODE - NAV TOP */ #editMode #navTop li { margin: 0 0 0 0; padding: 0; } #editMode #navTop a { padding-left: 18px; padding-right: 5px; } #editMode #navTop .editButton { top: 13px; left: 0; } #editMode #navTop .active a, #editMode #navTop .passive a { } #editMode #header #navLevel2FirstEntry a{ padding-left: 10px; } #editMode #header #navLevel2FirstEntry .editButton{ left: -10px; } #editMode #header .editButton { top: 0; left: 0; } #editMode #header li { padding-left: 10px;} /* EDITMODE - SMALL NAV */ #editMode #smallNav li { margin: 0 5px 0 0; } #editMode #smallNav a { padding-left: 18px; } #editMode #smallNav .editButton { top: 1px; left: 0; } /* EDITMODE - NAV LEFT */ #editMode #navLeft ul.advanced_editbar_functions { background-image: none; } #editMode #navLeft ul li { } #editMode #navLeft ul .active a { background-image: none; } #editMode #navLeft ul .passive a:hover { background-image: none; } #editMode #navLeft ul a { padding-left: 18px; } #editMode #navLeft ul .editButton { top: 5px; left: 0; } #editMode #navLeft ul ul li { } #editMode #navLeft ul ul a { padding-left: 36px; } #editMode #navLeft ul ul .editButton { left: 18px; } #editMode #navLeft ul ul ul li { } #editMode #navLeft ul ul ul a { padding-left: 54px; } #editMode #navLeft ul ul ul .editButton { left: 36px; } #editMode #headerImage b { } /* EDITMODE - SHOP LINK */ #editMode .navLeft a.shopLink { line-height: 1.0; padding: 2px 5px 3px 5px; } /* FANCYBOX */ #fancybox-outer, .fancybox-title-inside { /*background: #F0ECE0;*/ } .fancybox-title-inside * { /*color: #3e3e3c;*/ }