#innerFrame {width:1060px;} #innerFrameFull {width:100%;} #topFrame {margin:0 0 40px 0;} #innerFrameFull #topFrame {width:1060px;} #innerFrameFull #bodyFrame {width:1060px;} #footField {width:1060px;} /**************** * Page Elements * ****************/ .pageContent {margin:0 0 20px 0;} .pageContentSpace-0 {margin:0;} .pageContentSpace-1 {margin:0 0 20px 0;} .pageContentSpace-2 {margin:0 0 40px 0;} .pageContentSpace-3 {margin:0 0 60px 0;} .pageContentSpace-4 {margin:0 0 80px 0;} .pageContentSpace-5 {margin:0 0 100px 0;} .p {margin:0 0 20px 0;} .splitterCol .pageContent:last-child {margin-left:0;margin-right:0;} .layoutFrame {} #imgFrame, #pluginFrame {margin:0 0 60px 0;} /************** * Master COLS * **************/ .masterCol {float:left;width:250px;margin:0 20px 0 0;vertical-align:top;} .masterCol:nth-last-child(2) {margin:0;} .masterCol-2 {width:520px;} .masterCol-3 {width:790px;} .masterCol-4 {width:1060px;} .masterCol-4 {float:none;} /**************** * Splitter COLS * ****************/ .splitterCol {float:left;width:70px;margin:0 20px 0 0;vertical-align:top;} .splitterCol:nth-last-child(2) {margin:0;} .splitterCol-2 {width:160px;} .splitterCol-3 {width:250px;} .splitterCol-4 {width:340px;} .splitterCol-5 {width:430px;} .splitterCol-6 {width:520px;} .splitterCol-7 {width:610px;} .splitterCol-8 {width:700px;} .splitterCol-9 {width:790px;} .splitterCol-10 {width:880px;} .splitterCol-11 {width:970px;} .splitterCol-12 {width:1060px;} /************** * Teaser COLS * **************/ .teaserFrame-a .teaserImage img {margin:0 0 20px 0;} .teaserFrame-b .teaserImage img {width:100%;height:auto;} .showTeaserSide-left .teaserImage, .showTeaserSide-right .teaserContent {float:left;} .showTeaserSide-left .teaserContent, .showTeaserSide-right .teaserImage {float:right;} .showTeaser-1 {width:70px;} .showTeaser-2 {width:160px;} .showTeaser-3 {width:250px;} .showTeaser-4 {width:340px;} .showTeaser-5 {width:430px;} .showTeaser-6 {width:520px;} .showTeaser-7 {width:610px;} .showTeaser-8 {width:700px;} .showTeaser-9 {width:790px;} .showTeaser-10 {width:880px;} .showTeaser-11 {width:970px;} .showTeaser-12 {width:1060px;} .showTeaser-1 > img {width:70px;height:auto;} .showTeaser-2 > img {width:160px;height:auto;} .showTeaser-3 > img {width:250px;height:auto;} .showTeaser-4 > img {width:340px;height:auto;} .showTeaser-5 > img {width:430px;height:auto;} .showTeaser-6 > img {width:520px;height:auto;} .showTeaser-7 > img {width:610px;height:auto;} .showTeaser-8 > img {width:700px;height:auto;} .showTeaser-9 > img {width:790px;height:auto;} .showTeaser-10 > img {width:880px;height:auto;} .showTeaser-11 > img {width:970px;height:auto;} .showTeaser-12 > img {width:1060px;height:auto;} /******* * News * *******/ .newsFrame {margin:0 0 60px 0;} .newsDetailBody {margin:0 0 60px 0;} .newsLine {margin:0 0 20px 0;} .newsDetailImage-1 {width:70px;height:auto;} .newsDetailImage-2 {width:160px;height:auto;} .newsDetailImage-3 {width:250px;height:auto;} .newsDetailImage-4 {width:340px;height:auto;} .newsDetailImage-5 {width:430px;height:auto;} .newsDetailImage-6 {width:520px;height:auto;} .newsDetailImage-7 {width:610px;height:auto;} .newsDetailImage-8 {width:700px;height:auto;} .newsDetailImage-9 {width:790px;height:auto;} .newsDetailImage-10 {width:880px;height:auto;} .newsDetailImage-11 {width:970px;height:auto;} .newsDetailImage-12 {width:1060px;height:auto;} /************ * Donwloads * ************/ .newsFrame {margin:0 0 60px 0;} .newsDetailBody {margin:0 0 60px 0;} .newsLine {margin:0 0 20px 0;} .splitterCol-1 .downloadName {width:40px;} .splitterCol-2 .downloadName {width:130px;} .splitterCol-3 .downloadName {width:220px;} .splitterCol-4 .downloadName {width:310px;} .splitterCol-5 .downloadName {width:400px;} .splitterCol-6 .downloadName {width:490px;} .splitterCol-7 .downloadName {width:580px;} .splitterCol-8 .downloadName {width:670px;} .splitterCol-9 .downloadName {width:760px;} .splitterCol-10 .downloadName {width:850px;} .splitterCol-11 .downloadName {width:940px;} .splitterCol-12 .downloadName {width:1030px;} /******** * Forms * ********/ input[type='text'], input[type='password'], select, textarea {margin:0 0 20px 0;} .masterCol input[type='text'], .masterCol input[type='password'], .masterCol textarea {width:228px;} .masterCol .splitterCol input[type='text'], .masterCol .splitterCol input[type='password'], .masterCol .splitterCol textarea {width:48px;} .masterCol .splitterCol-2 input[type='text'], .masterCol .splitterCol-2 input[type='password'], .masterCol .splitterCol-2 textarea {width:138px;} .masterCol .splitterCol-2 input[type='text'].halfField, .masterCol .splitterCol-2 input[type='password'].halfField, .masterCol .splitterCol-2 textarea.halfField {width:48px;} .masterCol .splitterCol-3 input[type='text'], .masterCol .splitterCol-3 input[type='password'], .masterCol .splitterCol-3 textarea {width:228px;} .masterCol-2 input[type='text'], .masterCol-2 input[type='password'], .masterCol-2 textarea {width:498px;} .masterCol-2 input[type='text'].halfField, .masterCol-2 input[type='password'].halfField, .masterCol-2 textarea.halfField {width:228px;} .masterCol-2 .splitterCol input[type='text'], .masterCol-2 .splitterCol input[type='password'], .masterCol-2 .splitterCol textarea {width:48px;} .masterCol-2 .splitterCol-2 input[type='text'], .masterCol-2 .splitterCol-2 input[type='password'], .masterCol-2 .splitterCol-2 textarea {width:138px;} .masterCol-2 .splitterCol-2 input[type='text'].halfField, .masterCol-2 .splitterCol-2 input[type='password'].halfField, .masterCol-2 .splitterCol-2 textarea.halfField {width:48px;} .masterCol-2 .splitterCol-3 input[type='text'], .masterCol-2 .splitterCol-3 input[type='password'], .masterCol-2 .splitterCol-3 textarea {width:228px;} .masterCol-2 .splitterCol-4 input[type='text'], .masterCol-2 .splitterCol-4 input[type='password'], .masterCol-2 .splitterCol-4 textarea {width:318px;} .masterCol-2 .splitterCol-4 input[type='text'].halfField, .masterCol-2 .splitterCol-4 input[type='password'].halfField, .masterCol-2 .splitterCol-4 textarea.halfField {width:138px;} .masterCol-2 .splitterCol-5 input[type='text'], .masterCol-2 .splitterCol-5 input[type='password'], .masterCol-2 .splitterCol-5 textarea {width:408px;} .masterCol-2 .splitterCol-6 input[type='text'], .masterCol-2 .splitterCol-6 input[type='password'], .masterCol-2 .splitterCol-6 textarea {width:498px;} .masterCol-2 .splitterCol-6 input[type='text'].halfField, .masterCol-2 .splitterCol-6 input[type='password'].halfField, .masterCol-2 .splitterCol-6 textarea.halfField {width:228px;} .masterCol-3 input[type='text'], .masterCol-3 input[type='password'], .masterCol-3 textarea {width:768px;} .masterCol-3 .splitterCol input[type='text'], .masterCol-3 .splitterCol input[type='password'], .masterCol-3 .splitterCol textarea {width:48px;} .masterCol-3 .splitterCol-2 input[type='text'], .masterCol-3 .splitterCol-2 input[type='password'], .masterCol-3 .splitterCol-2 textarea {width:138px;} .masterCol-3 .splitterCol-2 input[type='text'].halfField, .masterCol-3 .splitterCol-2 input[type='password'].halfField, .masterCol-3 .splitterCol-2 textarea.halfField {width:48px;} .masterCol-3 .splitterCol-3 input[type='text'], .masterCol-3 .splitterCol-3 input[type='password'], .masterCol-3 .splitterCol-3 textarea {width:228px;} .masterCol-3 .splitterCol-4 input[type='text'], .masterCol-3 .splitterCol-4 input[type='password'], .masterCol-3 .splitterCol-4 textarea {width:318px;} .masterCol-3 .splitterCol-4 input[type='text'].halfField, .masterCol-3 .splitterCol-4 input[type='password'].halfField, .masterCol-3 .splitterCol-4 textarea.halfField {width:138px;} .masterCol-3 .splitterCol-5 input[type='text'], .masterCol-3 .splitterCol-5 input[type='password'], .masterCol-3 .splitterCol-5 textarea {width:408px;} .masterCol-3 .splitterCol-6 input[type='text'], .masterCol-3 .splitterCol-6 input[type='password'], .masterCol-3 .splitterCol-6 textarea {width:498px;} .masterCol-3 .splitterCol-6 input[type='text'].halfField, .masterCol-3 .splitterCol-6 input[type='password'].halfField, .masterCol-3 .splitterCol-6 textarea.halfField {width:228px;} .masterCol-3 .splitterCol-7 input[type='text'], .masterCol-3 .splitterCol-7 input[type='password'], .masterCol-3 .splitterCol-7 textarea {width:588px;} .masterCol-3 .splitterCol-8 input[type='text'], .masterCol-3 .splitterCol-8 input[type='password'], .masterCol-3 .splitterCol-8 textarea {width:678px;} .masterCol-3 .splitterCol-8 input[type='text'].halfField, .masterCol-3 .splitterCol-8 input[type='password'].halfField, .masterCol-3 .splitterCol-8 textarea.halfField {width:318px;} .masterCol-3 .splitterCol-9 input[type='text'], .masterCol-3 .splitterCol-9 input[type='password'], .masterCol-3 .splitterCol-9 textarea {width:768px;} .masterCol-4 input[type='text'], .masterCol-4 input[type='password'], .masterCol-4 textarea {width:1038px;} .masterCol-4 input[type='text'].halfField, .masterCol-4 input[type='password'].halfField, .masterCol-4 textarea.halfField {width:498px;} .masterCol-4 .splitterCol input[type='text'], .masterCol-4 .splitterCol input[type='password'], .masterCol-4 .splitterCol textarea {width:48px;} .masterCol-4 .splitterCol-2 input[type='text'], .masterCol-4 .splitterCol-2 input[type='password'], .masterCol-4 .splitterCol-2 textarea {width:138px;} .masterCol-4 .splitterCol-2 input[type='text'].halfField, .masterCol-4 .splitterCol-2 input[type='password'].halfField, .masterCol-4 .splitterCol-2 textarea.halfField {width:48px;} .masterCol-4 .splitterCol-3 input[type='text'], .masterCol-4 .splitterCol-3 input[type='password'], .masterCol-4 .splitterCol-3 textarea {width:228px;} .masterCol-4 .splitterCol-4 input[type='text'], .masterCol-4 .splitterCol-4 input[type='password'], .masterCol-4 .splitterCol-4 textarea {width:318px;} .masterCol-4 .splitterCol-4 input[type='text'].halfField, .masterCol-4 .splitterCol-4 input[type='password'].halfField, .masterCol-4 .splitterCol-4 textarea.halfField {width:138px;} .masterCol-4 .splitterCol-5 input[type='text'], .masterCol-4 .splitterCol-5 input[type='password'], .masterCol-4 .splitterCol-5 textarea {width:408px;} .masterCol-4 .splitterCol-6 input[type='text'], .masterCol-4 .splitterCol-6 input[type='password'], .masterCol-4 .splitterCol-6 textarea {width:498px;} .masterCol-4 .splitterCol-6 input[type='text'].halfField, .masterCol-4 .splitterCol-6 input[type='password'].halfField, .masterCol-4 .splitterCol-6 textarea.halfField {width:228px;} .masterCol-4 .splitterCol-7 input[type='text'], .masterCol-4 .splitterCol-7 input[type='password'], .masterCol-4 .splitterCol-7 textarea {width:588px;} .masterCol-4 .splitterCol-8 input[type='text'], .masterCol-4 .splitterCol-8 input[type='password'], .masterCol-4 .splitterCol-8 textarea {width:678px;} .masterCol-4 .splitterCol-8 input[type='text'].halfField, .masterCol-4 .splitterCol-8 input[type='password'].halfField, .masterCol-4 .splitterCol-8 textarea.halfField {width:318px;} .masterCol-4 .splitterCol-9 input[type='text'], .masterCol-4 .splitterCol-9 input[type='password'], .masterCol-4 .splitterCol-9 textarea {width:768px;} .masterCol-4 .splitterCol-10 input[type='text'], .masterCol-4 .splitterCol-10 input[type='password'], .masterCol-4 .splitterCol-10 textarea {width:858px;} .masterCol-4 .splitterCol-10 input[type='text'].halfField, .masterCol-4 .splitterCol-10 input[type='password'].halfField, .masterCol-4 .splitterCol-10 textarea.halfField {width:408px;} .masterCol-4 .splitterCol-11 input[type='text'], .masterCol-4 .splitterCol-11 input[type='password'], .masterCol-4 .splitterCol-11 textarea {width:948px;} .masterCol-4 .splitterCol-12 input[type='text'], .masterCol-4 .splitterCol-12 input[type='password'], .masterCol-4 .splitterCol-12 textarea {width:1038px;} .masterCol-4 .splitterCol-12 input[type='text'].halfField, .masterCol-4 .splitterCol-12 input[type='password'].halfField, .masterCol-4 .splitterCol-12 textarea.halfField {width:498px;} @media only screen and (min-width: 0px) and (max-width: 1059px) { #innerFrame, #innerFrameFull {width:auto;} #innerFrame #topFrame, #innerFrameFull #topFrame {width:auto;padding:0 20px;} #innerFrame #bodyFrame, #innerFrameFull #bodyFrame {width:auto;padding:0 20px 0 20px;} #footFrame {width:100%;} #footField {width:auto;padding:0 20px;} /************** * Master COLS * **************/ .masterCol-1, .masterCol-2, .masterCol-3, .masterCol-4 {width:100%;} /**************** * Splitter COLS * ****************/ .splitterContent {} .splitterCol {float:none;width:100%;} .splitterCol .pageContentSpace-1 {} .showTeaser-1 {width:auto;} .showTeaser-2 {width:auto;} .showTeaser-3 {width:auto;} .showTeaser-4 {width:auto;} .showTeaser-5 {width:auto;} .showTeaser-6 {width:auto;} .showTeaser-7 {width:auto;} .showTeaser-8 {width:auto;} .showTeaser-9 {width:auto;} .showTeaser-10 {width:auto;} .showTeaser-11 {width:auto;} .showTeaser-12 {width:auto;} .showTeaser-1 > img {width:100%;height:auto;} .showTeaser-2 > img {width:100%;height:auto;} .showTeaser-3 > img {width:100%;height:auto;} .showTeaser-4 > img {width:100%;height:auto;} .showTeaser-5 > img {width:100%;height:auto;} .showTeaser-6 > img {width:100%;height:auto;} .showTeaser-7 > img {width:100%;height:auto;} .showTeaser-8 > img {width:100%;height:auto;} .showTeaser-9 > img {width:100%;height:auto;} .showTeaser-10 > img {width:100%;height:auto;} .showTeaser-11 > img {width:100%;height:auto;} .showTeaser-12 > img {width:100%;height:auto;} /************ * Downloads * ************/ .splitterCol-1 .downloadName {width:100%;} .splitterCol-2 .downloadName {width:100%;} .splitterCol-3 .downloadName {width:100%;} .splitterCol-4 .downloadName {width:100%;} .splitterCol-5 .downloadName {width:100%;} .splitterCol-6 .downloadName {width:100%;} .splitterCol-7 .downloadName {width:100%;} .splitterCol-8 .downloadName {width:100%;} .splitterCol-9 .downloadName {width:100%;} .splitterCol-10 .downloadName {width:100%;} .splitterCol-11 .downloadName {width:100%;} .splitterCol-12 .downloadName {width:100%;} /******** * Forms * ********/ .masterCol input[type='text'], .masterCol textarea {width:95%;} .masterCol .splitterCol input[type='text'], .masterCol .splitterCol input[type='password'], .masterCol .splitterCol textarea {width:95%;} .masterCol .splitterCol-2 input[type='text'], .masterCol .splitterCol-2 input[type='password'], .masterCol .splitterCol-2 textarea {width:95%;} .masterCol .splitterCol-2 input[type='text'].halfField, .masterCol .splitterCol-2 input[type='password'].halfField, .masterCol .splitterCol-2 textarea.halfField {width:95%;} .masterCol .splitterCol-3 input[type='text'], .masterCol .splitterCol-3 input[type='password'], .masterCol .splitterCol-3 textarea {width:95%;} .masterCol-2 input[type='text'], .masterCol-2 input[type='password'], .masterCol-2 textarea {width:95%;} .masterCol-2 input[type='text'].halfField, .masterCol-2 input[type='password'].halfField, .masterCol-2 textarea.halfField {width:95%;} .masterCol-2 .splitterCol input[type='text'], .masterCol-2 .splitterCol input[type='password'], .masterCol-2 .splitterCol textarea {width:95%;} .masterCol-2 .splitterCol-2 input[type='text'], .masterCol-2 .splitterCol-2 input[type='password'], .masterCol-2 .splitterCol-2 textarea {width:95%;} .masterCol-2 .splitterCol-2 input[type='text'].halfField, .masterCol-2 .splitterCol-2 input[type='password'].halfField, .masterCol-2 .splitterCol-2 textarea.halfField {width:95%;} .masterCol-2 .splitterCol-3 input[type='text'], .masterCol-2 .splitterCol-3 input[type='password'], .masterCol-2 .splitterCol-3 textarea {width:95%;} .masterCol-2 .splitterCol-4 input[type='text'], .masterCol-2 .splitterCol-4 input[type='password'], .masterCol-2 .splitterCol-4 textarea {width:95%;} .masterCol-2 .splitterCol-4 input[type='text'].halfField, .masterCol-2 .splitterCol-4 input[type='password'].halfField, .masterCol-2 .splitterCol-4 textarea.halfField {width:95%;} .masterCol-2 .splitterCol-5 input[type='text'], .masterCol-2 .splitterCol-5 input[type='password'], .masterCol-2 .splitterCol-5 textarea {width:95%;} .masterCol-2 .splitterCol-6 input[type='text'], .masterCol-2 .splitterCol-6 input[type='password'], .masterCol-2 .splitterCol-6 textarea {width:95%;} .masterCol-2 .splitterCol-6 input[type='text'].halfField, .masterCol-2 .splitterCol-6 input[type='password'].halfField, .masterCol-2 .splitterCol-6 textarea.halfField {width:95%;} .masterCol-3 input[type='text'], .masterCol-3 input[type='password'], .masterCol-3 textarea {width:95%;} .masterCol-3 .splitterCol input[type='text'], .masterCol-3 .splitterCol input[type='password'], .masterCol-3 .splitterCol textarea {width:95%;} .masterCol-3 .splitterCol-2 input[type='text'], .masterCol-3 .splitterCol-2 input[type='password'], .masterCol-3 .splitterCol-2 textarea {width:95%;} .masterCol-3 .splitterCol-2 input[type='text'].halfField, .masterCol-3 .splitterCol-2 input[type='password'].halfField, .masterCol-3 .splitterCol-2 textarea.halfField {width:95%;} .masterCol-3 .splitterCol-3 input[type='text'], .masterCol-3 .splitterCol-3 input[type='password'], .masterCol-3 .splitterCol-3 textarea {width:95%;} .masterCol-3 .splitterCol-4 input[type='text'], .masterCol-3 .splitterCol-4 input[type='password'], .masterCol-3 .splitterCol-4 textarea {width:95%;} .masterCol-3 .splitterCol-4 input[type='text'].halfField, .masterCol-3 .splitterCol-4 input[type='password'].halfField, .masterCol-3 .splitterCol-4 textarea.halfField {width:95%;} .masterCol-3 .splitterCol-5 input[type='text'], .masterCol-3 .splitterCol-5 input[type='password'], .masterCol-3 .splitterCol-5 textarea {width:95%;} .masterCol-3 .splitterCol-6 input[type='text'], .masterCol-3 .splitterCol-6 input[type='password'], .masterCol-3 .splitterCol-6 textarea {width:95%;} .masterCol-3 .splitterCol-6 input[type='text'].halfField, .masterCol-3 .splitterCol-6 input[type='password'].halfField, .masterCol-3 .splitterCol-6 textarea.halfField {width:95%;} .masterCol-3 .splitterCol-7 input[type='text'], .masterCol-3 .splitterCol-7 input[type='password'], .masterCol-3 .splitterCol-7 textarea {width:95%;} .masterCol-3 .splitterCol-8 input[type='text'], .masterCol-3 .splitterCol-8 input[type='password'], .masterCol-3 .splitterCol-8 textarea {width:95%;} .masterCol-3 .splitterCol-8 input[type='text'].halfField, .masterCol-3 .splitterCol-8 input[type='password'].halfField, .masterCol-3 .splitterCol-8 textarea.halfField {width:95%;} .masterCol-3 .splitterCol-9 input[type='text'], .masterCol-3 .splitterCol-9 input[type='password'], .masterCol-3 .splitterCol-9 textarea {width:95%;} .masterCol-4 input[type='text'], .masterCol-4 input[type='password'], .masterCol-4 textarea {width:95%;} .masterCol-4 input[type='text'].halfField, .masterCol-4 input[type='password'].halfField, .masterCol-4 textarea.halfField {width:95%;} .masterCol-4 .splitterCol input[type='text'], .masterCol-4 .splitterCol input[type='password'], .masterCol-4 .splitterCol textarea {width:95%;} .masterCol-4 .splitterCol-2 input[type='text'], .masterCol-4 .splitterCol-2 input[type='password'], .masterCol-4 .splitterCol-2 textarea {width:95%;} .masterCol-4 .splitterCol-2 input[type='text'].halfField, .masterCol-4 .splitterCol-2 input[type='password'].halfField, .masterCol-4 .splitterCol-2 textarea.halfField {width:95%;} .masterCol-4 .splitterCol-3 input[type='text'], .masterCol-4 .splitterCol-3 input[type='password'], .masterCol-4 .splitterCol-3 textarea {width:95%;} .masterCol-4 .splitterCol-4 input[type='text'], .masterCol-4 .splitterCol-4 input[type='password'], .masterCol-4 .splitterCol-4 textarea {width:95%;} .masterCol-4 .splitterCol-4 input[type='text'].halfField, .masterCol-4 .splitterCol-4 input[type='password'].halfField, .masterCol-4 .splitterCol-4 textarea.halfField {width:95%;} .masterCol-4 .splitterCol-5 input[type='text'], .masterCol-4 .splitterCol-5 input[type='password'], .masterCol-4 .splitterCol-5 textarea {width:95%;} .masterCol-4 .splitterCol-6 input[type='text'], .masterCol-4 .splitterCol-6 input[type='password'], .masterCol-4 .splitterCol-6 textarea {width:95%;} .masterCol-4 .splitterCol-6 input[type='text'].halfField, .masterCol-4 .splitterCol-6 input[type='password'].halfField, .masterCol-4 .splitterCol-6 textarea.halfField {width:95%;} .masterCol-4 .splitterCol-7 input[type='text'], .masterCol-4 .splitterCol-7 input[type='password'], .masterCol-4 .splitterCol-7 textarea {width:95%;} .masterCol-4 .splitterCol-8 input[type='text'], .masterCol-4 .splitterCol-8 input[type='password'], .masterCol-4 .splitterCol-8 textarea {width:95%;} .masterCol-4 .splitterCol-8 input[type='text'].halfField, .masterCol-4 .splitterCol-8 input[type='password'].halfField, .masterCol-4 .splitterCol-8 textarea.halfField {width:95%;} .masterCol-4 .splitterCol-9 input[type='text'], .masterCol-4 .splitterCol-9 input[type='password'], .masterCol-4 .splitterCol-9 textarea {width:95%;} .masterCol-4 .splitterCol-10 input[type='text'], .masterCol-4 .splitterCol-10 input[type='password'], .masterCol-4 .splitterCol-10 textarea {width:95%;} .masterCol-4 .splitterCol-10 input[type='text'].halfField, .masterCol-4 .splitterCol-10 input[type='password'].halfField, .masterCol-4 .splitterCol-10 textarea.halfField {width:95%;} .masterCol-4 .splitterCol-11 input[type='text'], .masterCol-4 .splitterCol-11 input[type='password'], .masterCol-4 .splitterCol-11 textarea {width:95%;} .masterCol-4 .splitterCol-12 input[type='text'], .masterCol-4 .splitterCol-12 input[type='password'], .masterCol-4 .splitterCol-12 textarea {width:95%;} .masterCol-4 .splitterCol-12 input[type='text'].halfField, .masterCol-4 .splitterCol-12 input[type='password'].halfField, .masterCol-4 .splitterCol-12 textarea.halfField {width:95%;} } @media only screen and (min-width: 0px) and (max-width: 1059px) { .splitterCol-12 {float:none;width:100%;} } @media only screen and (min-width: 0px) and (max-width: 969px) { .splitterCol-11 {float:none;width:100%;} } @media only screen and (min-width: 0px) and (max-width: 879px) { .splitterCol-10 {float:none;width:100%;} } @media only screen and (min-width: 0px) and (max-width: 789px) { .splitterCol-9 {float:none;width:100%;} } @media only screen and (min-width: 0px) and (max-width: 699px) { .splitterCol-8 {float:none;width:100%;} } @media only screen and (min-width: 0px) and (max-width: 609px) { .splitterCol-7 {float:none;width:100%;} } @media only screen and (min-width: 0px) and (max-width: 519px) { .splitterCol-6 {float:none;width:100%;} } @media only screen and (min-width: 0px) and (max-width: 429px) { .splitterCol-5 {float:none;width:100%;} } @media only screen and (min-width: 0px) and (max-width: 339px) { .splitterCol-4 {float:none;width:100%;} } @media only screen and (min-width: 0px) and (max-width: 249px) { .splitterCol-3 {float:none;width:100%;} } @media only screen and (min-width: 0px) and (max-width: 159px) { .splitterCol-2 {float:none;width:100%;} } @media only screen and (min-width: 0px) and (max-width: 69px) { .splitterCol-1 {float:none;width:100%;} }/********* * Global * *********/ body, table, tr, td, div, span, input, textarea, select {font-family:'Fira Sans', Tahoma, Arial, Verdana, 'Sans-serif', Helvetica;font-weight:300;font-size:14px;color:#3e3e3e;line-height:1.5em;} html, body {height:100%;} body {margin:0;padding:0;} h1, h2, h3, h4, h5 {font-family:'Fira Sans',Tahoma, Arial, Verdana, 'Sans-serif', Helvetica, 'Times New Roman';padding:0;margin:0;color:#960003;line-height:1.0em;text-align:left;font-weight:300;} h1 {font-size:30px;text-transform:uppercase;} h2 {font-size:25px;} h2.blockHeadline {padding:0 0 16px 0;border-bottom:1px solid #c1c1c1;color:#cc151a;font-weight:400;text-transform:uppercase;} h2.blockHeadline.memberLogin {background:url(../img/icon-login.png) no-repeat;padding:0 0 16px 30px;} h2.subHead, h2.subHeadLeft {color:#3e3e3e;text-align:center;font-size:30px;font-weight:300;} h2.subHeadLeft {text-align:left;} h3 {font-size:22px;} h4 {font-size:18px;} h5 {font-size:15px;} img {margin:0 0 -6px 0;} div.clear {clear:both;} p, ul {padding:0;margin:0;} .info {font-size:15px;line-height:1.5em;} a {color:#960003;text-decoration:none;} a:hover {text-decoration:underline;} strong {font-weight:700;} .small {font-size:14px;} table {display:block;width:100%;} td {border-bottom:1px solid #ccc;vertical-align:top;} /******* * Page * *******/ #outerFrame {position:relative;min-height:100%;width:100%;} #innerFrame {position:relative;margin:0 auto;} #innerFrameFull {margin:0;width:100%;} #topFrame {background:none;margin:0;padding:0;position:relative;height:97px;} #innerFrameFull #topFrame {margin:0 auto;} #topLogo {position:absolute;z-index:100;top:0;left:50%;margin:0 0 0 -500px;background:#fff;width:260px;padding:20px 0 0 0;height:120px;text-align:center;-webkit-box-shadow:0 0 8px 0 rgba(0,0,0,0.25);-moz-box-shadow:0 0 8px 0 rgba(0,0,0,0.25);box-shadow:0 0 8px 0 rgba(0,0,0,0.25);} #topGlobalNav {float:left;width:970px;text-align:right;padding:10px 0 0 0;} a.globalNavTop {display:inline-block;line-height:1.5em;color:#b9b9b9;font-size:10px;font-weight:400;text-transform:uppercase;margin:0 0 0 10px;padding:0 0 0 10px;border-left:1px solid #b9b9b9;} a.globalNavTop:first-child {border:none;} a.globalNavTop:hover {text-decoration:none;color:#960003;font-weight:400;} #loginArea {display:block;height:30px;margin:15px 0;overflow:hidden;} #loginInfo {float:right;width:auto;height:24px;background:url(../img/icon-login.png) no-repeat;padding:2px 15px 0 35px;font-size:14px;color:#b4b4b4;} #loginLogout {float:right;width:70px;} #topNav {float:right;width:71px;height:97px;position:relative;} #innerFrameFull #topNav {border:none;} #imgFrame, #imgFrameStart, #pluginFrame {position:relative;overflow:hidden;height:400px;margin:0 0 -30px 0;} #imgFrame {width:1120px;margin:0 0 -30px -30px;} #innerFrameFull #imgFrame, #innerFrameFull #imgFrameStart {background-size:cover;width:100%;height:460px;margin:0 0 -30px 0;} #innerFrameFull #imgFrame img, #innerFrameFull #imgFrameStart img {width:100%;height:auto;} #imgField, #pluginField {position:absolute;top:0;left:0;z-index:5;width:100%;height:460px;} #pluginField {height:100%;} #imgContent, #pluginContent {position:absolute;top:140px;left:50px;z-index:10;} #imgContent {position:absolute;top:295px;left:50%;margin:0 0 0 -530px;z-index:10;} #imgField img {width:100%;height:auto;} .tgSlide, .tgSlide:after {position:absolute;width:100%;height:100%;top:0;left:0;z-index:0;} .tgSlide:after {content:'';} .tgSlide li span {width:100%;height:100%;position:absolute;top:0;left:0;color:transparent;background:no-repeat 50% 50%;background-size:cover;opacity:0;z-index:0;} .tgSlide li div {z-index:1000;position:absolute;bottom:30px;left:0;width:100%;text-align:center;opacity:0;color:#fff;text-shadow:2px 2px 4px #000;font-size:70px;padding:0;line-height:auto;text-align:center;} .tgSlide li div a {color:#fff;} .tgSlide li div a:hover {color:#960003;text-decoration:none;} #pluginField iframe {width:100%;height:100%;} #imgContent h2, #pluginContent h2 {color:#fff;font-size:45px;font-weight:700;margin:0;} #imgContent h3, #pluginContent h3 {color:#fff;font-size:45px;font-weight:300;} #startGalFrame {padding:20px 0 0 0;width:100%;height:90px;background:#fff;} #startGalField {width:1060px;margin:0 auto;} #bodyFrame {padding:80px 0 650px 0;background:#fff;} #innerFrameFull #bodyFrame {margin:0 auto;} .home #bodyFrame {} .pageContent ul {list-style:none outside;} .pageContent ul li {padding:10px 25px;margin:0;border-bottom:1px solid #ccc;font-size:16px;font-weight:300;} .pageContent iframe {margin:0 0 -6px 0;padding:0;} #breadCrumbRow {margin:40px 0 0 0;font-size:14px;text-align:center;} .breadCrumbCaption {color:#960003;margin:0 10px 0 0;font-weight:700;text-transform:uppercase;} a.breadCrumbPoint {text-transform:uppercase;} a.breadCrumbPoint span {font-size:14px;} a.breadCrumbPoint:hover {text-decoration:none;} a.breadCrumbPoint:hover span {color:#960003;} #breadCrumbRow > span:last-child > a > span {font-weight:700;} a.breadCrumbSpacer {margin:0 0 0 10px;padding:0 0 0 17px;background:url(../img/icon-breadcrumb.png) no-repeat left 7px;} #footFrame {position:absolute;bottom:0;height:480px;margin:0;width:100%;background:#960003;} #footStageFrame {background:#fff;} #footStageField {width:1060px;margin:0 auto;position:relative;background:url(../img/img-foot.png) no-repeat center bottom;height:230px;} .footStat {position:absolute;z-index:5;background:url(../img/bg-foot-stat.png) no-repeat right top;text-align:right;padding:0 20px 0 0;font-size:20px;color:#b6b6b6;text-transform:uppercase;line-height:1.0em;} .footStat strong {display:block;color:#960003;font-size:30px;line-height:1.2em;} #footMember {top:59px;left:165px;padding-bottom:35px;} #footMission {top:77px;left:360px;padding-bottom:20px;} #footSaved {top:0;left:490px;padding-bottom:3px;} #footCats {top:17px;left:655px;padding-bottom:20px;} #footField {margin:0 auto;padding:45px 0 0 0;} #footLeft {float:left;margin:0;width:500px;color:#fff;text-align:right;font-size:15px;} #footLeft a {color:#fff;text-decoration:none;} #footLeft a:hover {font-weight:400;color:#5a8850;} #footRight {float:right;width:500px;margin:0;} a.globalNav {display:block;line-height:1.5em;color:#fff;font-size:15px;font-weight:400;text-transform:uppercase;} a.globalNav:hover {text-decoration:none;color:#cfa3a4;font-weight:400;} /*********** * Splitter * ***********/ .tinySpace .pageContent {margin:0 0 4px 0;} .tinySpace .splitterCol-3 {width:262px;margin:0 4px 0 0;} .tinySpace .splitterCol-3:nth-last-child(2) {margin:0;} /************* * Navigation * *************/ nav#webNav {text-align:right;} #menu {width:100%;margin:0;padding:0;list-style:none;} #menu li {float:left;padding:0;position:relative;line-height:0;} #menu a {float:left;color:#3e3e3e;text-transform:uppercase;font-family:'Fira Sans';font-size:18px;font-weight:300;text-transform:uppercase;text-decoration:none;} #menu > li {background:no-repeat bottom left;margin:0 0 0 20px;} #menu > li:first-child {margin:0 0 0 90px;} #menu > li:nth-child(4) {margin:0 0 0 360px;} #menu > li.navPointActive-1 {color:#960003;font-weight:700;} #menu > li:hover {background-image:url(../img/bg-nav-hover.gif);} #menu > li > span > a {padding:0 0 16px 0;} #menu li:hover > a {color:#960003;} *html #menu li a:hover {color:#960003;} #menu li:hover > ul {display:block;} #menu ul {list-style:none;margin:0;padding:0;display:none;position:absolute;top:46px;left:0;z-index:99999;background:rgba(255,255,255,0.85);} #menu ul ul {top:0;left:150px;} #menu ul li {float:none;margin:0;padding:0;display:block;border-bottom:1px solid #fff;} #menu ul li:hover a {background:#960003;color:#fff;} #menu ul li:hover ul li {border-color:#cbd24d;} #menu ul li:hover ul li a {background:#960003;color:#fff;} #menu ul li:hover ul li:hover a {background:#d6db00;color:#fff;} #menu ul li:last-child {} #menu ul a {padding:13px 10px;height:10px;width:130px;height:auto;line-height:1;display:block;white-space:nowrap;float:none;text-transform:uppercase;text-align:left;font-size:16px;} *html #menu ul a {height:10px;} *:first-child+html #menu ul a {height:10px;} #menu ul a:hover {} #menu:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;} * html #menu {zoom:1;} *:first-child+html #menu {zoom:1;} nav#mobileNav {width:100%;height:35px;font-family:'Fira Sans', sans-serif;font-weight:400;position:absolute;z-index:1000;top:0;right:0;margin:0;} nav#mobileNav > a {display:none;} nav#mobileNav li {position:relative;} nav#mobileNav li a {color:#fff;display:block;text-align:center;} nav#mobileNav li a:active {background-color:#303030 !important;} nav#mobileNav > ul {height:3.75em;list-style:none;margin:0;padding:0;} nav#mobileNav > ul > li {padding:0;margin:0;position:relative;} nav#mobileNav > ul > li > ul {position:absolute;top:35px;width:125px;margin:0 0 0 -90px;padding:15px 0;border-top:10px solid #303030;} nav#mobileNav > ul > li {} nav#mobileNav > ul > li > a {display:block;width:35px;height:35px;font-size:1.5em;line-height:2.5em;text-align:center;background:url(../img/navi-drop.png) no-repeat top right;color:#960003;position:absolute;top:0;right:0;} nav#mobileNav > ul > li:not( :last-child ) > a {border-right:1px solid #cc470d;} nav#mobileNav > ul > li:hover > a, nav#mobileNav > ul:not( :hover ) > li.active > a {background-color:#960003;} nav#mobileNav > ul > li:hover > a {} nav#mobileNav li ul {background-color:#960003;display:none;padding:0;margin:0;list-style:none;} nav#mobileNav > ul > li > ul > li > span > a.navPoint-1 {font-weight:300;} nav#mobileNav > ul > li > ul > li > span > a.navPoint-1:hover {font-weight:700;} nav#mobileNav > ul > li > ul > li > span > a.navPointActive-1, nav#mobileNav > ul > li > ul > li > span > a.navPointDirectory-1 {} nav#mobileNav > ul > li > ul > li > ul {background-color:#67b58a;} nav#mobileNav > ul > li > ul > li > ul > li {font-size:0.6em;} a.navPoint-2 {padding:0.1em;} nav#mobileNav > ul > li > ul > li > ul > li > ul {background-color:#b2dac4;font-weight:300;} nav#mobileNav li:hover ul {display:block;} nav#mobileNav li:not( :first-child ):hover ul {left:-1px;} nav#mobileNav li ul a {font-size:18px;text-align:right;text-decoration:none;padding:0.5em;} nav#mobileNav li ul li a:hover, nav#mobileNav li ul:not( :hover ) li.active a {background-color:#303030;} #navButton {display:block;width:71px;height:97px;background:no-repeat top right;padding:0;} .cbp-hrmenu {width:100%;margin:0;} .cbp-hrmenu ul {margin:0;padding:0;list-style-type:none;} .cbp-hrmenu > ul, .cbp-hrmenu .cbp-hrsub-inner {max-width:70em;margin:0 auto;padding:0;} .cbp-hrmenu > ul > li {display:inline-block;} .cbp-hrmenu > ul > li > a {font-weight:700;padding:1em 2em;color:#999;display:inline-block;} .cbp-hrmenu > ul > li > a:hover {color:#fff;} .cbp-hrmenu > ul > li.cbp-hropen a, .cbp-hrmenu > ul > li.cbp-hropen > a:hover {} .cbp-hrmenu #navButton {background-image:url(../img/navi-drop.png);} .cbp-hropen #navButton {background-image:url(../img/navi-drop-open.png);} .cbp-hrmenu .cbp-hrsub {display:none;position:absolute;z-index:500;background:#960003;left:-989px;width:980px;padding:33px 40px 40px 40px;} .cbp-hropen .cbp-hrsub {display:block;} .cbp-hrmenu .cbp-hrsub-inner > div {width:25%;float:left;padding:0;} .cbp-hrmenu .cbp-hrsub-inner > div > a {display:block;color:#fff;padding:5px 5px 15px 5px;margin:0 0 15px 0;font-size:20px;font-weight:400;background:url(../img/bg-nav-category.gif) no-repeat 5px bottom;} .cbp-hrmenu .cbp-hrsub-inner > div > a:hover {text-decoration:none;color:rgba(255,255,255,0.6);} .cbp-hrmenu .cbp-hrsub-inner > div > ul > li {margin:0 0 0 0;padding:0;font-size:16px;line-height:1.0em;} .cbp-hrmenu .cbp-hrsub-inner > div > ul > li > a {display:inline-block;color:#fff;font-size:14px;padding:5px;} .cbp-hrmenu .cbp-hrsub-inner > div > ul > li > a:hover {text-decoration:none;background:#cc151a;} .cbp-hrmenu .cbp-hrsub-inner > div > ul > li > ul > li > a {display:inline-block;color:#fff;font-size:12px;padding:5px 5px 5px 20px;background:url(../img/bg-subnav.gif) no-repeat 5px 8px;} .cbp-hrmenu .cbp-hrsub-inner > div > ul > li > ul > li > a:hover {text-decoration:none;background:url(../img/bg-subnav-on.gif) no-repeat 5px 8px #cc151a;} .cbp-hrmenu .cbp-hrsub-inner:before, .cbp-hrmenu .cbp-hrsub-inner:after {content:" ";display:table;} .cbp-hrmenu .cbp-hrsub-inner:after {clear:both;} .subNavFrame {} .naviElement {} .navBorderTop {display:none;} .subNavFrame .navPoint-1, .subNavFrame .navPointActive-1 {display:block;font-size:15px;font-weight:400;color:#737373;text-transform:uppercase;background:url(../img/bg-nav.png) no-repeat left bottom;padding:0 0 5px 0;margin:0 0 5px 0;} .subNavFrame .navPointActive-1 {color:#cc151a;} .subNavFrame .navPoint-1:hover, .subNavFrame .navPointActive-1:hover {text-decoration:none;color:#cc151a;} /******* * News * *******/ .newsLine {border:1px solid #ccc;padding:20px;} .newsLine:hover {background:#fafafa;} .newsCutLine {} .newsLineField {padding:20px 20px 20px 0;} .newsLine-standard {border:none;border-bottom:1px solid #cdcdcd;padding:22px 0;margin:0;color:#bdbdbd;font-weight:400;font-size:15px;} .newsLine-standard:first-child {padding-top:0;} .newsCutLine-standard {border:none;padding:10px 0;text-align:right;font-weight:400;font-size:15px;} .newsLine-standard h3 {color:#3e3e3e;font-weight:400;font-size:20px;} .newsLine-standard a, .newsCutLine-standard a {text-decoration:none;background:url(../img/bt-link-arrow.png) no-repeat 0 4px;padding:0 0 0 19px;} .newsLine-standard a:hover, .newsCutLine-standard a:hover {} .newsLine-imgText {display:flex;border:none;border-bottom:1px solid #c1c1c1;padding:20px 0;margin:0;} .newsLine-imgText .newsLineField {font-size:16px;padding:0;} .newsLine-imgText .newsLineField a {color:#a0a0a0;} .newsLine-imgText .newsLineField a.newsLink {display:inline-block;color:#e30613;background:url(../img/icon-teaser-link.png) no-repeat left 4px;padding:0 0 0 25px;font-size:12px;text-transform:uppercase;font-weight:700;} .newsLine-imgText .newsLineField a.newsLink:hover {text-decoration:none;} .newsLine-imgText h3 {font-size:16px;font-weight:700;color:#575757;} .newsLine-imgText .newsLineField:first-child {} .newsLine-imgText .newsLineField:first-child img {width:120px;height:auto;margin-right:15px;} .newsLine-imgText .newsLineField:nth-child(2) {} .newsLine-imgText .newsLineField:nth-child(2) strong {display:block;} .newsCutLine-imgText {color:#e30613;text-transform:uppercase;font-weight:700;padding:5px 0 0 0;} .newsCutLine-imgText a {color:#e30613;background:none;font-size:12px;} .newsLine-largeDay {display:flex;} .newsLine-largeDay .newsLineField {} .newsLine-largeDay .newsLineField:first-child {font-size:23px;padding:20px;text-align:center;} .newsLine-largeDay .newsLineField:first-child strong {display:block;font-size:50px;} .newsLine-largeDay .newsLineField:nth-child(2) {} .newsLine-textTriple {border:none;border-bottom:1px solid #cdcdcd;padding:22px 0;margin:0;color:#bdbdbd;font-weight:400;font-size:15px;} .newsLine-textTriple:first-child {border-top:1px solid #cdcdcd;} .newsCutLine-textTriple {border:none;padding:10px 0;text-align:right;font-weight:400;font-size:15px;} .newsLine-textTriple .newsLineDate {float:left;width:100px;padding:0;line-height:1.0em;} .newsLine-textTriple .newsLineTitle {float:left;width:780px;line-height:1.0em;} .newsLine-textTriple .newsLineTitle h3 {color:#3e3e3e;font-weight:400;font-size:20px;line-height:1.0em;} .newsLine-textTriple .newsLineLink {float:right;width:150px;font-size:15px;text-align:right;} .newsLine-textTriple .newsLineLink a, .newsCutLine-textTriple .newsLineLink a {text-decoration:none;background:url(../img/bt-link-arrow.png) no-repeat 0 4px;padding:0 0 0 19px;} .newsLine-textTriple .newsLineLink a:hover, .newsCutLine-textTriple .newsLineLink a:hover {} .newsDetail {} .newsDetailHead {} .newsDetailBody {} .newsDetailImageLeft {float:left;margin:0 20px 10px 0;} .newsDetailImageRight {float:right;margin:0 0 10px 20px;} .newsDetailFoot {margin:50px 0 0 0;} .newsDetailFoot a {display:block;} /*********** * Download * ***********/ .downloadLine {border-bottom:1px solid #cdcdcd;padding:12px 0;} .downloadLine:first-child {border-top:1px solid #cdcdcd;} .newsDetail .downloadLine:first-child {border-top:none;} .downloadLine:hover {background:#fafafa;} .downloadIcon {float:left;width:30px;} .downloadName {float:left;width:420px;} .downloadSize {float:right;width:70px;text-align:right;} .masterCol-1 .downloadName {width:200px;} .masterCol-1 .downloadSize {display:none;} /********** * Gallery * **********/ a.galThumb {padding:0;margin:0 4px -2px 0;overflow:hidden;display:inline-block;} div.layoutCol2 a.galThumb:nth-child(2n+0) {margin-right:0;} div.layoutCol4 a.galThumb:nth-child(4n+0) {margin-right:0;} .carouselFrame {height:80px;border-bottom:1px solid #cdcdcd;} #startGalField .slick-slider {border-top:none;} #startGalField .carouselFrame {border-bottom:none;} .carouselFrame img {opacity:0.3;filter:alpha(opacity=30);} .carouselFrame img:hover {opacity:1.0;filter:alpha(opacity=100);} /********* * Teaser * *********/ .teaserSubTitle h3 {font-size:20px;color:#575757;margin:0 0 15px 0;font-weight:700;text-transform:uppercase;} .teaserTextTop {font-size:13px;color:#575757;} .teaserTextBottom a {display:inline-block;color:#e30613;background:url(../img/icon-teaser-link.png) no-repeat right 3px;padding:0 25px 0 0;font-size:12px;text-transform:uppercase;font-weight:700;} .teaserTextBottom a:hover {text-decoration:none;color:#cc151a;} .teaserStyle-nohd .teaserImage {margin:0;} .teaserStyle-nohd .teaserImage img {margin:0;} .teaserStyle-highlight {background:#9eb794;} .teaserStyle-highlight .teaserImage {position:relative;overflow:hidden;margin:0 0 -30px 0;} .teaserStyle-highlight .teaserImage::after {background:url(../img/bg-teaser-highlight.png) no-repeat center top;content:'-';color:rgba(0,0,0,0);font-size:0.1em;line-height:0.1em;padding:10px 0;margin:-40px 0 0 0;display:block;position:absolute;width:100%;} .teaserStyle-highlight .teaserContent {text-align:center;padding:30px 0;} .teaserStyle-highlight .teaserTitle, .teaserStyle-highlight .teaserSubTitle {display:inline-block;} .teaserStyle-highlight .teaserText {padding:0 30px;} .teaserStyle-highlight .teaserTextTop {display:none;} .teaserStyle-highlight .teaserTitle h2, .teaserStyle-highlight .teaserSubTitle h3 {text-align:center;font-size:25px;color:#fff;margin:0 0 15px 0;font-weight:400;} .teaserStyle-highlight .teaserTitle h2 {font-weight:300;font-size:15px;} .teaserStyle-highlight .teaserTextBottom a {display:none;} .teaserStyle-highlight .teaserTextBottom a:first-child {display:inline-block;color:#fff;background:#960003;padding:2px 20px;text-align:center;font-size:12px;text-transform:uppercase;font-weight:700;} .teaserStyle-highlight .teaserTextBottom a:hover {text-decoration:none;background-color:#929292;} .teaserStyle-hBorder {} .teaserStyle-hBorder .teaserImage, .teaserStyle-hBorder .teaserTitle, .teaserStyle-hBorder .teaserSubTitle, .teaserStyle-hBorder .teaserTextBottom {display:none;} .teaserStyle-hBorder .teaserContent {padding:35px 0;border-top:1px solid #9eb794;border-bottom:1px solid #9eb794;} .teaserStyle-hBorder .teaserText {padding:0;} .teaserStyle-hBorder .teaserTextTop {font-size:16px;text-align:center;} .teaserStyle-hBorder .teaserTextTop strong {color:#5a8850;} .teaserStyle-education {border:1px solid #ccc;min-height:150px;} .teaserStyle-education .teaserImage, .teaserStyle-education .teaserTextTop {display:none;} .teaserStyle-education .teaserTitle h2 {font-size:20px;font-weight:400;margin:0 0 10px 0;} .teaserStyle-education .teaserContent.showTeaser-3 {width:auto;padding:10px;} .teaserStyle-education .teaserText {padding:0;} .teaserStyle-education .teaserTextTop strong {color:#5a8850;} .teaserStyle-boxed {border:1px solid #ccc;} .teaserStyle-boxed .teaserImage {} .teaserStyle-boxed .teaserImage img {margin:-1px -1px -9px -1px;} .teaserStyle-boxed .teaserTitle {margin:0 0 10px 0;padding:0 10px;} .teaserStyle-boxed .teaserTitle h2 {font-size:12px;font-weight:400;color:#afafaf;margin:0;} .teaserStyle-boxed .teaserSubTitle {margin:0 0 20px 0;padding:0 10px;} .teaserStyle-boxed .teaserSubTitle h3 {font-size:25px;font-weight:400;} .teaserStyle-boxed .teaserTextBottom {} .teaserStyle-boxed .teaserContent {padding:75px 0 35px 0;} .teaserStyle-boxed.showTeaserSide-left .teaserContent {border-left:none;} .teaserStyle-boxed .teaserText {padding:0 10px;} .teaserStyle-boxed .teaserTextTop {font-size:16px;margin:0 0 20px 0;} .teaserStyle-boxed .teaserTextTop strong {color:#5a8850;} .teaserStyle-boxed .teaserTextBottom a {display:none;} .teaserStyle-boxed .teaserTextBottom a:first-child {display:inline-block;color:#fff;background:#960003;padding:2px 20px;text-align:center;font-size:12px;text-transform:uppercase;font-weight:700;} .teaserStyle-boxed .teaserTextBottom a:hover {text-decoration:none;background-color:#929292;} /******** * Forms * ********/ select {-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;padding:10px 20px;font-size:1em;width:100%;border:none;color:#fff;background:url(../img/bt-select.png) no-repeat top right #960003;} select:hover {background-color:#a3ab01;} select::-ms-expand {display:none;} .lt-ie10 select {background-image:none;} option {background:#c4cb33;border-top:1px solid #e1e599;padding:.3em 1em;} input[type='text'], input[type='password'], textarea {font-size:0.9em;font-weight:300;width:100%;border:1px solid #b4b4b4;padding:8px 10px;background:#fff;color:#9e9e9e;} textarea {height:151px;} input[type='text']:hover, input[type='password']:hover, textarea:hover {background:#fafafa;} input[type='submit'] {width:100%;color:#fff;font-size:30px;font-weight:300;padding:7px 0;border:none;background:#cc151a;} input[type='submit']:hover {background:#960003;cursor:pointer;} input[type='submit']#login {background:#b4b4b4;font-weight:400;text-transform:uppercase;font-size:20px;background:#cc151a;background:-webkit-linear-gradient(-180deg, #cc151a, #960103);background:-o-linear-gradient(-180deg, #cc151a, #960103);background:-moz-linear-gradient(-180deg, #cc151a, #960103);background:linear-gradient(-180deg, #cc151a, #960103);} input[type='submit']#login:hover {background:#960103;} input[type='submit']#logout {width:70px;height:26px;padding:1px 5px 5px 5px;font-size:15px;border:none;background:#b4b4b4;} input[type='submit']#logout:hover {background-color:#cc1419;cursor:pointer;} #form_firstname {float:left;} #form_name {float:right;} #form_email {float:left;} #form_phone {float:right;} .captionField, .captionRow {font-weight:bold;} .formNotify {text-align:center;font-size:15px;} .messageBoxOrange {border:2px solid #b00;padding:20px;} .messageBoxGreen {border:2px solid #960003;padding:20px;} input[type='text'].errMsg, input[type='password'].errMsg, textarea.errMsg {border-color:#b00;color:#b00;font-size:12px;font-weight:400;background:url(../img/bg-input-error.png);} @media only screen and (min-width:0px) and (max-width:1059px) { #innerFrame #topFrame, #innerFrameFull #topFrame {padding:0;height:auto;} #topLogo {width:170px;height:80px;padding:10px 0 0 0;left:20px;margin:0;} #topLogo img {width:150px;height:auto;} #topGlobalNav {background:#f0f0f0;width:auto;float:none;padding:5px 20px;line-height:1.0em;} #loginArea {margin:0;} #loginInfo {color:#777;} input[type="submit"]#logout {background:#777;} #topNav {float:none;position:absolute;right:20px;z-index:100;} .cbp-hrmenu .cbp-hrsub {left:-829px;width:820px;} #imgFrameStart {height:420px;} #imgFrame, #pluginFrame {height:300px;border:none;width:auto;margin-bottom:20px;} #imgField {position:static;height:auto;} #imgField img {height:300px;height:auto;} #imgContent, #pluginContent {top:auto;bottom:0;left:0;margin:0;} #imgContent > div, #pluginContent > div, .tgSlide li > div > div {padding:0 50px 50px 50px;} #innerFrame #bodyFrame, #innerFrameFull #bodyFrame {width:auto;padding:20px 10px 600px 10px;} #innerFrame #bodyFrame:nth-child(2), #innerFrameFull #bodyFrame:nth-child(2) {padding-top:100px;} .emptyCol {display:none;} #footFrame {} #footStageField {width:auto;} #footLeft {margin:0;width:48%;} #footRight {width:48%;} .splitterCol-4, .splitterCol-6 {margin:0 0 20px 0;} /************* * Navigation * *************/ nav#webNav {display:none;} nav#mobileNav {display:block;} /********* * Teaser * *********/ .splitterContent-4-3-4-4-4 .splitterCol.splitterCol-4 {width:31%;float:left;margin-right:20px;} .splitterContent-4-3-4-4-4 .splitterCol.splitterCol-4:nth-child(3) {margin-right:0;} .splitterContent-4-4-3-3-3-3 .splitterCol.splitterCol-3 {width:23%;float:left;margin-right:20px;} .splitterContent-4-4-3-3-3-3 .splitterCol.splitterCol-3:nth-child(4) {margin-right:0;} .splitterContent-4-2-6-6 .teaserStyle-boxed.showTeaserSide-left .showTeaser-3.teaserImage {width:250px;margin-right:20px;} .splitterContent-4-2-6-6 .teaserStyle-boxed.showTeaserSide-left .showTeaser-3.teaserContent {width:auto;float:left;} .splitterContent-4-2-5-7 .splitterCol-5 {width:100%;float:none;} .splitterContent-4-2-5-7 .splitterCol-5 .teaserImage img {width:100%;height:auto;} .splitterContent-4-2-5-7 .splitterCol-7 {width:100%;float:none;} .splitterContent-4-2-9-3 .splitterCol-9 {float:none;margin:0 0 20px 0;} .splitterContent-4-2-9-3 .splitterCol-3 {float:none;} .splitterContent-4-2-9-3 .splitterCol-3 .teaserStyle-highlight {width:250px;} .splitterContent-4-4-3-3-3-3 .splitterCol-3 h2 {font-size:22px;} .splitterContent-4-4-3-3-3-3 .splitterCol-3 .teaserImage img, .splitterContent-4-4-3-3-3-3 .splitterCol-3 .teaserStyle-nohd .teaserImage img {width:100%;height:auto;} .masterCol-4 > .pageContent > .teaserStyle-hBorderGrey > .showTeaser-6 {width:48%;} .masterCol-4 > .pageContent > .teaserStyle-hBorderGrey > .showTeaser-6 .teaserTextTop {font-size:14px;} /*********** * Download * ***********/ .downloadIcon {float:none;width:auto;text-align:center;} .downloadName {float:none;width:auto;text-align:center;} .downloadSize {float:none;width:auto;text-align:center;white-space:no-wrap;} /******** * Forms * ********/ div.halfField, label:nth-child(2n) div.halfField {float:none;width:auto;} } @media only screen and (min-width:0px) and (max-width:939px) { .cbp-hrmenu .cbp-hrsub {left:-729px;width:720px;} #footMember {left:105px;} #footMission {left:300px;} #footSaved {left:430px;} #footCats {left:595px;} } @media only screen and (min-width:0px) and (max-width:899px) { #imgFrameStart {height:380px;} #footMember {left:85px;} #footMission {left:280px;} #footSaved {left:410px;} #footCats {left:575px;} } @media only screen and (min-width:0px) and (max-width:879px) { .splitterContent-4-4-3-3-3-3 .splitterCol-3 h2 {font-size:20px;} #imgFrameStart {height:380px;} #footMember {left:74px;} #footMission {left:269px;} #footSaved {left:399px;} #footCats {left:564px;} } @media only screen and (min-width:0px) and (max-width:839px) { .cbp-hrmenu .cbp-hrsub {left:-629px;width:620px;} .cbp-hrmenu .cbp-hrsub-inner > div {width:33%;} #footMember {left:54px;} #footMission {left:249px;} #footSaved {left:379px;} #footCats {left:544px;} } @media only screen and (min-width:0px) and (max-width:829px) { #imgFrameStart {height:360px;} .splitterContent-4-2-6-6 .teaserStyle-boxed.showTeaserSide-left .showTeaser-3.teaserImage {width:30%;margin-right:0;overflow:hidden;} .splitterContent-4-2-6-6 .teaserStyle-boxed.showTeaserSide-left .showTeaser-3.teaserImage img {height:100%;width:auto;} .splitterContent-4-2-6-6 .teaserStyle-boxed.showTeaserSide-left .showTeaser-3.teaserContent {width:65%;float:right;} .masterCol-4 > .pageContent > .teaserStyle-hBorderGrey {width:520px;} .masterCol-4 > .pageContent > .teaserStyle-hBorderGrey > .showTeaser-6.teaserImage {float:none;width:520px;} .masterCol-4 > .pageContent > .teaserStyle-hBorderGrey > .showTeaser-6.teaserContent {float:none;width:520px;padding:25px 0;} .masterCol-4 > .pageContent > .teaserStyle-hBorderGrey > .showTeaser-6 .teaserTextTop {font-size:14px;} #footMember {left:49px;} #footMission {left:244px;} #footSaved {left:374px;} #footCats {left:539px;} } @media only screen and (min-width:0px) and (max-width:789px) { #imgFrameStart {height:340px;} #imgFrame, #pluginFrame {height:200px;border:none;} #imgContent h2, #pluginContent h2 {font-size:1.8em;} #imgContent h3, #pluginContent h3 {font-size:1.2em;} .splitterContent-4-4-3-3-3-3 .splitterCol.splitterCol-3 {width:47%;float:left;margin-right:20px;} .splitterContent-4-4-3-3-3-3 .splitterCol.splitterCol-3 .teaserImage img {width:100%;height:auto;} .splitterContent-4-4-3-3-3-3 .splitterCol.splitterCol-3:first-child, .splitterContent-4-4-3-3-3-3 .splitterCol.splitterCol-3:nth-child(2) {margin-bottom:20px;} .splitterContent-4-4-3-3-3-3 .splitterCol.splitterCol-3:nth-child(2n) {margin-right:0;} #footFrame {} #footField {padding-left:10px;padding-right:10px;height:auto;} #footLeft h3, #footRight h3 {text-align:center;background-position:bottom center;} #footMember {left:29px;} #footMission {left:224px;} #footSaved {left:354px;} #footCats {left:519px;} } @media only screen and (min-width:0px) and (max-width:729px) { #innerFrame #bodyFrame, #innerFrameFull #bodyFrame {padding-bottom:1250px;} .cbp-hrmenu .cbp-hrsub {left:-569px;width:600px;padding:23px 20px 20px 20px;} .cbp-hrmenu .cbp-hrsub-inner > div {width:50%;} .cbp-hrmenu .cbp-hrsub-inner > div > a {margin:0 0 10px 0;font-size:17px;} .cbp-hrmenu .cbp-hrsub-inner > div > ul > li > a {font-size:12px;padding:2px 3px;} #imgFrameStart {height:320px;} #footFrame {height:1140px;} #footStageField {background:none;height:830px;} .footStat {position:relative;background:none;background:no-repeat center top;text-align:center;padding:70px 0 0 0;display:block;margin:0 0 25px 0;} .footStat strong {display:block;color:#960003;font-size:30px;line-height:1.2em;} #footMember {left:auto;top:auto;background:url(../img/bg-foot-stat-member.png) no-repeat top center;padding:62px 0 0 0;} #footMission {left:auto;top:auto;background:url(../img/bg-foot-stat-mission.png) no-repeat top center;padding:86px 0 0 0;} #footSaved {left:auto;top:auto;background:url(../img/bg-foot-stat-saved.png) no-repeat top center;padding:157px 0 0 0;} #footCats {left:auto;top:auto;background:url(../img/bg-foot-stat-cats.png) no-repeat top center;padding:132px 0 0 0;} } @media only screen and (min-width:0px) and (max-width:679px) { .cbp-hrmenu .cbp-hrsub {left:-469px;width:500px;} .splitterContent-4-3-4-4-4 .splitterCol.splitterCol-4 {width:47%;float:left;margin-right:20px;} .splitterContent-4-3-4-4-4 .splitterCol.splitterCol-4:nth-child(2n) {margin-right:0;} } @media only screen and (min-width:0px) and (max-width:659px) { #imgFrameStart {height:300px;} } @media only screen and (min-width:0px) and (max-width:609px) { #imgFrameStart {height:280px;} #imgContent > div, #pluginContent > div, .tgSlide li > div > div {padding:0 20px 50px 20px;} } @media only screen and (min-width:0px) and (max-width:569px) { .cbp-hrmenu .cbp-hrsub {left:-219px;width:250px;} .cbp-hrmenu .cbp-hrsub-inner > div {width:100%;} .splitterContent-4-2-6-6 .teaserStyle-boxed.showTeaserSide-left {width:250px;margin-right:0;} .splitterContent-4-2-6-6 .teaserStyle-boxed.showTeaserSide-left .showTeaser-3.teaserImage {float:none;width:250px;margin-right:0;} .splitterContent-4-2-6-6 .teaserStyle-boxed.showTeaserSide-left .showTeaser-3.teaserImage img {} .splitterContent-4-2-6-6 .teaserStyle-boxed.showTeaserSide-left .showTeaser-3.teaserContent {float:none;width:250px;padding:15px 0;} } @media only screen and (min-width:0px) and (max-width:559px) { #imgFrameStart {height:260px;} .masterCol-4 > .pageContent > .teaserStyle-hBorderGrey {width:100%;} .masterCol-4 > .pageContent > .teaserStyle-hBorderGrey > .showTeaser-6.teaserImage {width:100%;} .masterCol-4 > .pageContent > .teaserStyle-hBorderGrey > .showTeaser-6.teaserContent {width:100%;} .teaserStyle-nohd .teaserImage img {width:100%;height:auto;} } @media only screen and (min-width:0px) and (max-width:519px) { #imgFrameStart {height:240px;} #imgFrame, #pluginFrame {height:180px;border:none;} #imgContent h2, #pluginContent h2 {font-size:1.5em;} #imgContent h3, #pluginContent h3 {font-size:1.0em;} .splitterContent-4-3-4-4-4 .splitterCol.splitterCol-4 {width:340px;float:none;margin-right:0;} } @media only screen and (min-width:0px) and (max-width:489px) { #topLogo {} #topLogo img {height:auto;} #footFrame {} #footField {} #footLeft, #footRight {width:100%;height:auto;float:none;text-align:center;margin:0 0 30px 0;} } @media only screen and (min-width:0px) and (max-width:459px) { #imgFrameStart {height:220px;} #imgFrame, #pluginFrame {height:160px;border:none;} #imgContent h2, #pluginContent h2 {font-size:1.2em;} #imgContent h3, #pluginContent h3 {font-size:0.8em;} } @media only screen and (min-width:0px) and (max-width:419px) { .breadCrumbCaption {display:block;} #breadCrumbRow > span {display:block;} a.breadCrumbPoint {padding:0 0 0 17px;background:url(../img/icon-breadcrumb.png) no-repeat left 7px;} } @media only screen and (min-width:0px) and (max-width:409px) { #imgFrameStart {height:200px;} #imgFrame, #pluginFrame {height:160px;border:none;} #imgField img {height:160px;width:auto;} #imgContent h2, #pluginContent h2 {font-size:1.2em;} #imgContent h3, #pluginContent h3 {font-size:0.8em;} } @media only screen and (min-width:0px) and (max-width:389px) { .splitterContent-4-4-3-3-3-3 .splitterCol.splitterCol-3 {width:250px;float:none;margin-right:0;margin-bottom:20px;} .splitterContent-4-4-3-3-3-3 .splitterCol.splitterCol-3:nth-child(4) {margin-bottom:20px;} .newsLine-imgText h3 {font-size:14px;} } @media only screen and (min-width:0px) and (max-width:349px) { #innerFrame #bodyFrame:nth-child(3), #innerFrameFull #bodyFrame:nth-child(3) {padding-top:55px;} .splitterContent-4-3-4-4-4 .splitterCol.splitterCol-4 {width:100%;} .newsLine-imgText h3 {font-size:13px;} #topLogo {} #imgFrameStart {height:160px;} #imgContent h2, #pluginContent h2 {font-size:0.8em;} #imgContent h3, #pluginContent h3 {font-size:0.5em;} } @media only screen and (min-width:0px) and (max-width:319px) { #topLogo {width:150px;height:70px;padding:5px 0 0 0;} #topLogo img {width:130px;height:auto;} .cbp-hrmenu .cbp-hrsub {left:-169px;width:200px;} } h1, h2 {margin:0 0 20px 0;} .headlineAlign-left {text-align:left;} .headlineAlign-center {text-align:center;} .headlineAlign-right {text-align:right;} .headlineAlign-justify {text-align:justify;} .headlineSpace-1 {margin:0 0 20px 0;} .headlineSpace-2 {margin:0 0 40px 0;} .headlineSpace-3 {margin:0 0 60px 0;} .headlineSpace-4 {margin:0 0 80px 0;} .headlineSpace-5 {margin:0 0 100px 0;} h2.blockHeadline.noSpace {margin-bottom:0;} .formNotify {margin:20px 0 0 0;} .messageBoxOrange {margin:0 0 20px 0;} p {margin:0 0 20px 0;} p:last-child {margin:0;} #certRow {margin:0 0 40px 0;}