/*CSS für Tabs --------------------------------------------*/ #tabWrapper { width: 100%; margin: 0 auto 0; } @media screen and (max-width:440px) { #tabWrapper { width: 100%; } } @media screen and (min-width:440px) { #tabWrapper { width: 100%; } } @media screen and (min-width:800px) { #tabWrapper { width: 100%; } } @media screen and (min-width:1100px) { #tabWrapper { width: 100%; } } #tabWrapper h1 { color: #FFF; text-align: center; margin-bottom: 20px; } #tabWrapper a { display: block; font-size: 1.2em; padding-top: 20px; color: #FFF; text-decoration: none; text-align: center; } #tabContainer { width: 90%; padding: 15px; background-color: #2e2e2e; -moz-border-radius: 0px; border-radius: 0px; } #tabs { height: 45px; overflow: hidden; } #tabs > ul { font: 1em; list-style: none; } #tabs > ul > li { margin: 0 2px 0 0; padding: 7px 10px; display: block; line-height: 1em; float: left; color: #FFF; -webkit-user-select: none; -moz-user-select: none; user-select: none; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; background: #C9C9C9; /* old browsers */ background: -moz-linear-gradient(top, #0C91EC 0%, #257AB6 100%); /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0C91EC), color-stop(100%, #257AB6)); /* webkit */ } #tabs > ul > li:hover { background: #FFFFFF; /* old browsers */ background: -moz-linear-gradient(top, #FFFFFF 0%, #F3F3F3 10%, #F3F3F3 50%, #FFFFFF 100%); /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFFFFF), color-stop(10%, #F3F3F3), color-stop(50%, #F3F3F3), color-stop(100%, #FFFFFF)); /* webkit */ cursor: pointer; color: #333; } #tabs > ul > li.tabActiveHeader { background: #FFFFFF; /* old browsers */ background: -moz-linear-gradient(top, #FFFFFF 0%, #F3F3F3 10%, #F3F3F3 50%, #FFFFFF 100%); /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFFFFF), color-stop(10%, #F3F3F3), color-stop(50%, #F3F3F3), color-stop(100%, #FFFFFF)); /* webkit */ cursor: pointer; color: #333; } #tabscontent { -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; -moz-border-radius-bottomleft: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; padding: 10px 10px 25px; background: #FFFFFF; /* old browsers */ background: -moz-linear-gradient(top, #FFFFFF 0%, #FFFFFF 90%, #e4e9ed 100%); /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFFFFF), color-stop(90%, #FFFFFF), color-stop(100%, #e4e9ed)); /* webkit */ margin: 0; color: #333; } .mobile #tabContainer { background-color: transparent; } .mobile #tabscontent { border: 1px solid #666; } .mobile #tabscontent p { font-size: 12px!important; } .mobile #tabs { height: 45px; } .mobile #tabs > ul > li { border: 1px solid #666; border-bottom: none; } }