html, body {height: 100%;}
body {
font-size: 0.75em;
font-family: verdana, sans-serif !important;
color: #000000;
background: #f39100 url(../img/bg_top.png) 0 0 repeat-x;
/*height: 1500px;*/
/*overflow: auto;*/
}
/*Opera Fix*/
body:before {
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;
}
body.schueler,
body.studierende {
background: #f39100 url(../img/bg_top.png) 0 0 repeat-x;
}
body.eltern {
background: #d7837f url(../img/bg_top.png) 0 0 repeat-x;
}
body.lehrer {
background: #a2895c url(../img/bg_top.png) 0 0 repeat-x;
}
body.berater {
background: #a8a1cd url(../img/bg_top.png) 0 0 repeat-x;
}
/*br { line-height:1em; }*/
/*a:focus { outline: none; }*/
/*:active,*/
/*:focus { outline: none; }*/
input::-moz-focus-inner { border: 0; }
a {
color: #000000;
text-decoration: none;
}
a:hover, a:active {
/*color:#4e4e4e;*/
outline:none;
}
a img { border:none; }
a.more {
font-weight: bold;
text-decoration: none;
color: #f39100;
}
strong { font-weight:bold; }
em { font-style:italic; }
/*p, img { margin:0.5em 0; }*/
.fleft { float: left; }
.fright { float: right; }
.rightPos { float: right; padding-right: 15px}
.clearFloats::before, .clearFloats::after {
content: '';
display: table;
}
.clearFloats::after {
clear: both;
}
.clearFloats { clear: both; }
.hide_if_css, .hideForScreenReader { display:none !important; }
.hideForDesktopView {
display: none !important;
}
.hideForMobileView {
display: block !important;
}
.error,
span.red,
div.red,
div#error div {
font-size: 1em;
color: #E2001A;
padding: 12px 0 12px 0;
/*font-weight: bold;*/
}
#error {
margin-bottom: 10px;
}
#error ul {
margin-left: 24px;
}
#error ul li {
font-size: 1em;
color: #E2001A;
list-style-type: square;
}
span.red a, span.red a:hover, a.red, a.red:hover {
text-decoration: underline;
color: #E2001A;
}
.noticeContainer {
width: auto;
margin: 20px auto;
text-align: center;
/*background: #DFDFE0;*/
font-size: 1em;
padding: 5px 0 5px 0;
}
.noticeContainer .success {
color: #009700;
font-weight: bold;
}
div.editArticle {
position: relative;
margin: 0;
padding: 0;
border: 1px dashed #ffffff;
z-index: 1;
}
div.editArticle div.button {
margin: 0;
padding: 0;
position: absolute;
bottom: 1px;
right: 20px;
font-size: 1.333em;
font-weight: bold;
width: 85px;
height: 15px;
cursor: pointer;
background: url(../img/bearbeiten.gif) no-repeat;
filter: alpha(opacity=35);
-moz-opacity:.35;
opacity:.35;
z-index: 5;
}
#siteContainer {
width: 100%;
min-height: 100%;
position: relative;
text-align: center;
}
#siteContainer #topContainer {
width: 100%;
/*background: #ffffff;*/
}
#siteContainer #priNavContainer.schueler,
#siteContainer #priNavContainer.studierende {
width: 100%;
background: url(../img/bg_prinav_.png) center top repeat-y;
}
#siteContainer #priNavContainer.eltern {
background: url(../img/bg_prinav_eltern.png) center top repeat-y;
}
#siteContainer #priNavContainer.lehrer {
background: url(../img/bg_prinav_lehrer.png) center top repeat-y;
}
#siteContainer #priNavContainer.berater {
background: url(../img/bg_prinav_berater.png) center top repeat-y;
}
#siteContainer #topContainer #topWrapper,
#siteContainer #headerWrapper,
#siteContainer #contentWrapper {
/*#siteContainer #footerWrapper {*/
width: 1024px;
margin: auto;
text-align: left;
/*border: 1px solid black;*/
}
/*#siteContainer #topContainer #topWrapper {*/
/*overflow: auto;*/
/*}*/
/******************************* FORMS */
/******************************* CARRIED OVER FORMS FROM abi sekII */
.simpleForm {
font-size: 1em;
padding: 12px 0 12px 0;
}
.simpleForm h2,
.simpleForm .formLabel {
display: block;
clear: both;
font-size: 1em !important;
font-weight: bold;
padding-top: 12px;
margin-bottom: 3px;
}
.simpleForm .formLabel span {
font-weight: normal;
line-height: 20px;
}
.radioFloat,
span.radioFloat2 {
float: left;
margin-right: 10px;
font-size: 1em;
/*width: 200px;*/
}
span.radioFloat2 {
margin-left: 25px;
}
.spaceForFormElements {
padding: 5px 0 0 0;
display: block;
}
.clearFloatsAsBlockElement {
display: block;
clear: both;
}
.treeList {
}
.treeList ul {
margin-left: 24px;
}
/*input.noBorder {*/
/*border: none;*/
/*width: 15px;*/
/*}*/
/******************************* END - CARRIED OVER FORMS FROM abi sekII */
button, input, textarea {
font-family: verdana, sans-serif;
}
button[type=button],
button[type=submit],
input[type=button],
input[type=submit] {
cursor: pointer;
}
.butSimple {
display: block;
border: none;
/*background: #f39100;*/
/*width: 140px;*/
height: 24px;
color: transparent;
/*font-size: 1.5em;*/
}
.butSimple.twoLines {
font-size: 1em;
width: 84px;
height: 30px;
line-height: 12px;
}
.butSimple.suche {
background: url(../img/but_suche.png) center center no-repeat;
width: 66px;
}
.butSimple.auswaehlen {
background: url(../img/but_auswaehlen.png) center center no-repeat;
width: 104px;
}
.butSimple.abschicken {
background: url(../img/but_abschicken.png) center center no-repeat;
width: 107px;
}
.butSimple.beliebteste {
background: url(../img/but_beliebteste.png) center center no-repeat;
width: 104px;
}
.butSimple.neueste {
background: url(../img/but_neueste.png) center center no-repeat;
width: 80px;
}
.butSimple.vorschau {
background: url(../img/but_vorschau.png) center center no-repeat;
width: 92px;
}
.butSimple.alleGames {
background: url(../img/but_alle-games.png) center center no-repeat;
width: 104px;
}
.butSimple.alleBeitraege {
background: url(../img/but_alle-beitraege.png) center center no-repeat;
width: 112px;
}
.butSimple.ueberarbeiten {
background: url(../img/but_ueberarbeiten.png) center center no-repeat;
width: 118px;
}
.butSimple.neueEcard {
background: url(../img/but_neue-ecard.png) center center no-repeat;
width: 112px;
}
.butSimple.weiter {
background: url(../img/but_weiter.png) center center no-repeat;
width: 67px;
}
.butSimple.zurueck {
background: url(../img/but_zurueck.png) center center no-repeat;
width: 67px;
}
.butSimple.naechsteFrage {
background: url(../img/but_naechste_frage.png) center center no-repeat;
width: 127px;
}
.butSimple.auswertung {
background: url(../img/but_auswertung.png) center center no-repeat;
width: 110px;
}
.butSimple.start {
background: url(../img/but_start.png) center center no-repeat;
width: 51px;
}
.butSimple.anmelden {
background: url(../img/but_anmelden.png) center center no-repeat;
width: 94px;
}
.butSimple.zuruecksetzen {
background: url(../img/but_zuruecksetzen.png) center center no-repeat;
width: 122px;
}
.butSimple.neuRegistrieren {
background: url(../img/but_neu-registrieren.png) center center no-repeat;
width: 146px;
}
.butSimple.registrierung {
background: url(../img/but_registrierung.png) center center no-repeat;
width: 120px;
}
.butSimple.speichern {
background: url(../img/but_speichern.png) center center no-repeat;
width: 92px;
}
.butSimple.mehrErgebnisse {
background: url(../img/but_mehr-ergebnisse.png) center center no-repeat;
width: 153px;
}
.butSimple.seitenanfang {
background: url(../img/but_seitenanfang.png) center center no-repeat;
width: 162px;
}
.butSimple.uebersicht {
background: url(../img/but_uebersicht.png) center center no-repeat;
width: 90px;
}
.butSimple.neuerBeitrag {
background: url(../img/but_neuer-beitrag.png) center center no-repeat;
width: 125px;
}
.butSimple.antworten {
background: url(../img/but_antworten.png) center center no-repeat;
width: 97px;
}
.butSimple.abbestellen {
background: url(../img/but_abbestellen.png) center center no-repeat;
width: 108px;
}
.butSimple.abbrechen {
background: url(../img/but_abbrechen.png) center center no-repeat;
width: 99px;
}
.butSimple.startseite {
background: url(../img/but_startseite.png) center center no-repeat;
width: 124px;
}
.butSimple.abmelden {
background: url(../img/but_abmelden.png) center center no-repeat;
width: 94px;
}
.butSimple.newsletterAbonnieren {
background: url(../img/but_newsletter-abonnieren.png) center center no-repeat;
width: 84px;
height: 28px;
margin-right: 20px;
}
.butSimple.rss {
background: url(../img/but_rss.png) center center no-repeat;
width: 45px;
height: 28px;
}
.butSimple.zitat {
background: url(../img/but_icon-antworten.png) center center no-repeat;
width: 61px;
height: 28px;
}
.butSimple.weitereVideos {
background: url(../img/but_weitere_videos.png) center center no-repeat;
width: 195px;
}
.butSimple.studienfilme {
background: url(../img/but_studienfilme.png) center center no-repeat;
width: 118px;
}
.butSimple.ausbildungsfilme {
background: url(../img/but_ausbildungsfilme.png) center center no-repeat;
width: 156px;
}
.butSimple.zuBerufeTV {
background: url(../img/but_berufetv.png) center center no-repeat;
width: 164px;
margin-right: 12px;
}
.butContainer {
width: auto;
margin: 0 0 12px 0;
}
.textFieldSimple,
.simpleForm input[type=text],
.simpleForm input[type=password] {
width: 240px;
height: 24px;
border-top: 1px solid #626463;
border-right: 1px solid #8c8e8d;
border-bottom: 1px solid #8c8e8d;
border-left: 1px solid #626463;
margin-bottom: 12px;
}
.textFieldSimple.redArrow {
/*width: 220px;*/
background: #ffffff url(../img/icon_start.png) 99% 50% no-repeat;
padding-right: 20px;
margin-right: 12px;
}
textarea {
border-top: 1px solid #626463;
border-right: 1px solid #8c8e8d;
border-bottom: 1px solid #8c8e8d;
border-left: 1px solid #626463;
background: #ffffff;
}
select {
width: 240px;
height: 24px;
border-top: 1px solid #626463;
border-right: 1px solid #8c8e8d;
border-bottom: 1px solid #8c8e8d;
border-left: 1px solid #626463;
background: #dfdfe0;
margin-bottom: 12px;
}
input, select, textarea {
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
font-family: verdana, sans-serif;
font-size: 0.917em;
}
.smallSize {
width: 50px !important;
}
.smallerSize {
width: 72px !important;
}
.mediumSize {
width: 200px !important;
margin-right: 10px;
}
.largeSize {
width: 250px !important;
}
.extraLargeSize {
width: 350px !important;
}
.blogComment {
width: 500px;
height: 120px;
}
.ta-regular {
width: 240px;
height: 100px;
}
#content .ecardContainer .ecardForm input,
#content .ecardContainer .ecardForm textarea {
border: none;
width: 240px;
height: 36px;
font-size: 1.5em;
color: #959696;
margin-bottom: 12px;
padding: 0 12px 0 12px;
}
#content .ecardContainer .ecardForm textarea {
margin-top: 36px;
margin-bottom: 0;
padding: 12px;
height: 261px;
}
.noMargin {
margin: 0 !important;
}
.smallText {
font-size: 0.833em !important;
}
/******************************* HEAD */
#siteContainer .logoBA-desktop {
position: absolute;
top: 24px;
left: 24px;
width: 125px;
height: 24px;
z-index: 10;
}
#siteContainer .logoBA-desktop {
display: block;
}
#siteContainer .logoBA-mobile {
display: none;
}
#siteContainer #topContainer #topWrapper {
position: relative;
height: 72px;
}
#siteContainer #topContainer #topWrapper #functionNav {
position: absolute;
bottom: 24px;
right: 12px;
}
#siteContainer #topContainer #topWrapper #functionNav ul {}
#siteContainer #topContainer #topWrapper #functionNav ul li {
display: inline;
}
#siteContainer #headerWrapper {
position: relative;
height: 120px;
/*border: 1px solid black;*/
}
#siteContainer #priNavContainer #priNavWrapper {
width: 1050px;
height: 24px;
text-align: left;
margin: 0 auto;
/*border: 1px solid black;*/
}
#siteContainer #priNavContainer #priNavWrapper.moreThanSix {
width: 1400px;
}
#siteContainer #priNavContainer #priNavWrapper #priNav {
position: relative;
left: 198px;
overflow: visible;
/*padding-top: 2px;*/
width: 73em;
height: 2em;
background: #dfdfe0;
}
#siteContainer #priNavContainer #priNavWrapper #priNav.moreThanSix {
width: 1032px;
left: 370px;
}
#siteContainer #priNavContainer #priNavWrapper #priNav ul {}
#siteContainer #priNavContainer #priNavWrapper #priNav ul li {
display: inline;
float: left;
/*padding: 2px 15px 0 14px;*/
padding: 0;
background: url(../img/prinav_separator.png) 100% 5px no-repeat;
}
#siteContainer #priNavContainer #priNavWrapper #priNav ul li.navCategories {
display: none;
}
#siteContainer #priNavContainer #priNavWrapper #priNav ul li span {
display: block;
padding: 2px 13px 4px 14px;
margin-right: 2px;
}
#siteContainer #priNavContainer #priNavWrapper #priNav ul li span.act {
background: #3a3939;
}
/*#siteContainer #priNavContainer #priNavWrapper #priNav ul li.first {*/
/*padding: 0;*/
/*}*/
/*#siteContainer #priNavContainer #priNavWrapper #priNav ul li.first span {*/
/*display: block;*/
/*padding: 2px 13px 4px 14px;*/
/*margin-right: 2px;*/
/*background: #3a3939;*/
/*}*/
#siteContainer #priNavContainer #priNavWrapper #priNav ul li.last {
background: none;
}
#siteContainer #priNavContainer #priNavWrapper #priNav ul li #navHome {
display: block;
margin-top: 1px;
}
#siteContainer #priNavContainer #priNavWrapper #priNav ul li a:link,
#siteContainer #priNavContainer #priNavWrapper #priNav ul li a:visited {
text-decoration: none;
color: #000000;
font-size: 1.5em;
}
/*#siteContainer #priNavContainer #priNavWrapper #priNav ul li.first a:link,*/
/*#siteContainer #priNavContainer #priNavWrapper #priNav ul li.first a:visited {*/
/*color: #ffffff;*/
/*}*/
#siteContainer #priNavContainer #priNavWrapper #priNav ul li a:focus,
#siteContainer #priNavContainer #priNavWrapper #priNav ul li a:hover,
#siteContainer #priNavContainer #priNavWrapper #priNav ul li a:active {
color: #7e0600 !important;
text-decoration: underline !important;
}
#siteContainer #priNavContainer #priNavWrapper #priNav ul li span.act a {
color: #ffffff !important;
}
#siteContainer #priNavContainer #priNavWrapper #priNav ul li a.act:focus,
#siteContainer #priNavContainer #priNavWrapper #priNav ul li a.act:hover,
#siteContainer #priNavContainer #priNavWrapper #priNav ul li a.act:active {
text-decoration: underline !important;
}
/*#siteContainer #priNavContainer #priNavWrapper #priNav ul li.first a:focus,*/
/*#siteContainer #priNavContainer #priNavWrapper #priNav ul li.first a:hover,*/
/*#siteContainer #priNavContainer #priNavWrapper #priNav ul li.first a:active {*/
/*color: #ffffff !important;*/
/*text-decoration: underline !important;*/
/*}*/
#siteContainer #priNavContainer #priNavWrapper #priNavMobile {
display: none;
}
#siteContainer #headerWrapper #header #headComponentsContainer {
position: absolute;
top: 48px;
width: 100%;
}
#siteContainer #headerWrapper #header #headComponentsContainer #logo-abi {
width: 266px;
height: 73px;
margin: 0 10px 0 72px;
float: left;
/*border: 1px solid black;*/
}
#siteContainer #headerWrapper #header #headComponentsContainer #searchContainer {
width: 315px;
height: 24px;
margin-top: 36px;
float: left;
/*border: 1px solid black;*/
}
#siteContainer #headerWrapper #header #headComponentsContainer #searchContainer .mainSearch {
width: 350px;
/*border: 1px solid black;*/
}
#siteContainer #headerWrapper #header #headComponentsContainer #searchContainer .mainSearch .mainSearchField {
width: 240px;
height: 24px;
padding-right: 20px;
margin-right: 12px;
border-top: 1px solid #626463;
border-right: 1px solid #8c8e8d;
border-bottom: 1px solid #8c8e8d;
border-left: 1px solid #626463;
background: #ffffff url(../img/icon_start.png) 99% 50% no-repeat;
float: left;
}
#siteContainer #headerWrapper #header #headComponentsContainer #searchContainer .mainSearch .extendedSearch {
clear: both;
width: 240px;
text-align: right;
padding-top: 0.250em;
}
#siteContainer #headerWrapper #header #headComponentsContainer #searchContainer .mainSearch .extendedSearch a:link,
#siteContainer #headerWrapper #header #headComponentsContainer #searchContainer .mainSearch .extendedSearch a:visited {
font-size: 1em;
}
#siteContainer #headerWrapper #header #headComponentsContainer #searchContainer .mainSearch .extendedSearch a:focus,
#siteContainer #headerWrapper #header #headComponentsContainer #searchContainer .mainSearch .extendedSearch a:hover,
#siteContainer #headerWrapper #header #headComponentsContainer #searchContainer .mainSearch .extendedSearch a:active {
color: #000000 !important;
text-decoration: underline !important;
}
#siteContainer #headerWrapper #header #headComponentsContainer #searchContainer .mainSearch .extendedSearchMobile {
display: none;
}
/*#siteContainer #headerWrapper #header #headComponentsContainer #searchContainer .mainSearch .mainSearchSubmit {*/
/*width: 16px;*/
/*height: 24px;*/
/*border-top: 1px solid #626463;*/
/*border-right: 1px solid #626463;*/
/*border-bottom: 1px solid #8c8e8d;*/
/*border-left: none;*/
/*background: #ffffff url(../img/icon_start.png) center center no-repeat;*/
/*cursor: pointer;*/
/*float: left;*/
/*}*/
/*#siteContainer #headerWrapper #header #headComponentsContainer #searchContainer .mainSearch label {*/
/*font-size: 1.417em;*/
/*margin: 1px 0 0 12px;*/
/*float: left;*/
/*}*/
#siteContainer #headerWrapper #header #headComponentsContainer #stubSearchContainer {
width: 156px;
/*height: 36px;*/
/*height: 92px;*/
margin-right: 12px;
float: right;
position: relative;
z-index: 50;
/*border: 1px solid black;*/
}
#siteContainer #headerWrapper #header #headComponentsContainer #stubSearchContainer .butStub {
height: 31px;
cursor: pointer;
}
#siteContainer #headerWrapper #header #headComponentsContainer #stubSearchContainer .stubSearchContent {
width: 157px;
height: 52px;
/*background: url(../img/bg_stub_search_content.png) top center repeat-y;*/
background: #000000;
/*margin-top: 3px;*/
display: none;
}
#siteContainer #headerWrapper #header #headComponentsContainer #stubSearchContainer .stubSearchContent .stubSearchField {
width: 125px;
height: 24px;
border-top: 1px solid #ab0014;
border-right: none;
border-bottom: 1px solid #ab0014;
border-left: 1px solid #ab0014;
background: #ffffff;
margin-left: 8px;
margin-top: 11px;
float: left;
}
#siteContainer #headerWrapper #header #headComponentsContainer #stubSearchContainer .stubSearchContent .stubSearchSubmit {
width: 16px;
height: 24px;
border-top: 1px solid #ab0014;
border-right: 1px solid #ab0014;
border-bottom: 1px solid #ab0014;
border-left: none;
background: #ffffff url(../img/icon_start.png) center center no-repeat;
margin-top: 11px;
cursor: pointer;
float: left;
color: transparent;
}
#siteContainer #headerWrapper #header #headComponentsContainer #stubSearchContainer .stubSearchContent .stubExtendedSearch {
width: auto;
text-align: right;
margin: 0 7px 0 0;
}
#siteContainer #headerWrapper #header #headComponentsContainer #stubSearchContainer .stubSearchContent .stubExtendedSearch a {
color: #ffffff;
text-decoration: underline;
font-size: 0.917em;
}
#siteContainer #headerWrapper #header #headComponentsContainer #stubSearchContainer .stubSearchContent .stubExtendedSearch a:focus,
#siteContainer #headerWrapper #header #headComponentsContainer #stubSearchContainer .stubSearchContent .stubExtendedSearch a:hover,
#siteContainer #headerWrapper #header #headComponentsContainer #stubSearchContainer .stubSearchContent .stubExtendedSearch a:active {
color: #ffffff;
text-decoration: underline;
}
#siteContainer #headerWrapper #header #headComponentsContainer #stubSearchContainer .stubSearchFoot {
width: 157px;
height: 5px;
/*background: url(../img/bg_stub_search_foot.png) top center no-repeat;*/
background: #000000;
}
/******************************* CONTENT */
#siteContainer #contentWrapper {
/*width: 100%;*/
overflow: auto;
padding-bottom: 24px;
/* must be same height as the footer */
}
#siteContainer #contentWrapper.fullWidth {
width: 100%;
}
#siteContainer #contentWrapper #content,
#content {
/*position: relative;*/
/*top: 50%;*/
/*left: 0;*/
/*width: 100%;*/
/*min-height: 554px;*/
overflow: hidden;
}
#content.home {
position: relative;
}
#content a,
#content a:active {
/*font-size: 1em;*/
color: #000000; !important;
}
#content a:hover {
color: #7e0600;
}
.articleContainer a {
font-size: inherit;
}
#content a.more,
#content span.more {
font-size: 1em;
font-weight: bold;
color: #000000;
}
#content a.grey {
color: #999999;
}
#content a.more:focus,
#content a.more:hover,
#content a.more:active,
#content a.grey:focus,
#content a.grey:hover,
#content a.grey:active,
#content a:focus span.more,
#content a:hover span.more,
#content a:active span.more {
color: #ffffff;
}
#content p {
font-size: 1em;
}
#content .articleContainer.interactivity p {
font-size: 1.06em;
line-height: 20px;
}
#content .articleContainer.interactivity h1.articleHeadline + p {
font-weight: bold;
}
#content .articleContainer.interactivity .articleText p {
font-weight: normal;
}
#content p.form {
margin-bottom: 12px;
}
#content .targetGroupContainer {
width: 1024px;
margin: 0 auto;
position: relative;
}
#content .targetGroupContainer .targetGroupList {
position: absolute;
}
#content .targetGroupContainer .targetGroupList.upper {
top: 5px;
left: 180px;
}
#content .targetGroupContainer .targetGroupList.lower {
top: 350px;
left: 180px;
}
#content .targetGroupContainer .targetGroupList ul li {
margin: 10px 0 10px 0;
font-size: 2em;
color: #ffffff;
}
#content .targetGroupContainer .targetGroupList ul li a {
color: #000000;
}
#content .targetGroupContainer .targetGroupList ul li a:focus,
#content .targetGroupContainer .targetGroupList ul li a:hover,
#content .targetGroupContainer .targetGroupList ul li a:active {
color: #ffffff;
}
.labelCurrentMagazine:link,
.labelCurrentMagazine:visited,
.labelCurrentMagazine:focus,
.labelCurrentMagazine:hover,
.labelCurrentMagazine:active {
display: block;
position: absolute !important;
top: -90px;
left: 210px;
width: 151px;
height: 151px;
text-decoration: none !important;
color: #000000 !important;
}
.labelCurrentMagazine .labelContainer {
display: block;
position: relative;
width: 151px;
height: 128px;
padding: 23px 0 0 0;
font-size: 28px;
background: url(../img/label_magenta.png) center center no-repeat;
-webkit-transform: rotate(353deg);
transform: rotate(353deg);
-o-transform: rotate(353deg);
-ms-transform: rotate(353deg);
}
.labelContainer .textWrapper {
display: block;
color: #000000;
font-family: verdana, sans-serif !important;
font-size: 22px;
font-weight: bold;
text-align: center;
line-height: 24px;
-webkit-text-size-adjust: none;
-moz-text-size-adjust: none;
-ms-text-size-adjust: none;
}
.labelCurrentMagazine:focus .textWrapper,
.labelCurrentMagazine:hover .textWrapper,
.labelCurrentMagazine:active .textWrapper {
color: #000000 !important;
text-decoration: underline !important;
}
.textWrapper .whiteText {
color: #ffffff;
}
.labelCurrentMagazine:focus .whiteText,
.labelCurrentMagazine:hover .whiteText,
.labelCurrentMagazine:active .whiteText {
color: #ffffff !important;
text-decoration: underline !important;
}
.labelCurrentMagazineBBox:link,
.labelCurrentMagazineBBox:visited,
.labelCurrentMagazineBBox:focus,
.labelCurrentMagazineBBox:hover,
.labelCurrentMagazineBBox:active {
display: block;
position: absolute !important;
top: -70px;
left: 210px;
width: 292px;
height: 155px;
text-decoration: none !important;
}
.labelCurrentMagazineBBox .labelContainer {
display: block;
position: absolute;
top: 42px;
left: 149px;
width: 147px;
color: #000000 !important;
}
.labelCurrentMagazineBBox .labelContainer .textWrapper {
display: block;
color: #000000;
font-family: verdana, sans-serif !important;
font-weight: normal;
text-align: left;
line-height: inherit;
}
.labelCurrentMagazineBBox:focus .textWrapper,
.labelCurrentMagazineBBox:hover .textWrapper,
.labelCurrentMagazineBBox:active .textWrapper {
text-decoration: underline !important;
}
.labelCurrentMagazineBBox .labelContainer .textWrapper.line-1 {
font-size: 16px;
line-height: 20px;
}
.labelCurrentMagazineBBox .labelContainer .textWrapper.line-2 {
font-size: 16px;
line-height: 20px;
margin-left: 8px;
}
.labelCurrentMagazineBBox .labelContainer .textWrapper.line-3 {
font-size: 12px;
line-height: 18px;
margin-left: 12px;
}
.labelCurrentMagazineBBox .labelContainer .textWrapper.line-4 {
font-size: 12px;
line-height: 18px;
font-weight: bold;
margin-left: 20px;
}
.labelHochschulpanoramaBBox:link,
.labelHochschulpanoramaBBox:visited,
.labelHochschulpanoramaBBox:focus,
.labelHochschulpanoramaBBox:hover,
.labelHochschulpanoramaBBox:active {
display: block;
position: absolute !important;
top: -70px;
left: 210px;
width: 292px;
height: 155px;
text-decoration: none !important;
}
.labelHochschulpanoramaBBox .labelContainer {
display: block;
position: absolute;
top: 5px;
left: 169px;
width: 287px;
color: #000000 !important;
}
.labelHochschulpanoramaBBox .labelContainer .textWrapper {
display: block;
color: #000000;
font-family: verdana, sans-serif !important;
font-weight: normal;
text-align: left;
line-height: inherit;
}
.labelHochschulpanoramaBBox:focus .textWrapper,
.labelHochschulpanoramaBBox:hover .textWrapper,
.labelHochschulpanoramaBBox:active .textWrapper {
text-decoration: underline !important;
}
.labelHochschulpanoramaBBox .labelContainer .textWrapper.line-1 {
font-size: 16px;
line-height: 20px;
}
.labelHochschulpanoramaBBox .labelContainer .textWrapper.line-2 {
font-size: 16px;
line-height: 20px;
}
.labelHochschulpanoramaBBox .labelContainer .textWrapper.line-3 {
font-size: 16px;
line-height: 20px;
font-weight: bold;
}
#content .categoryContainer {
width: 1024px;
height: 600px;
margin: 0 auto;
position: relative;
/*border: 1px solid black;*/
}
#content .categoryContainer.universityOverview {
height: 1100px;
}
#content .categoryContainer .breadcrumbContainer {
position: relative;
float: left;
margin: 24px 0 0 15px;
}
#content .categoryContainer .breadcrumbContainer p {
float: left;
margin: 20px 3px 0 0;
}
#content .categoryContainer .breadcrumbContainer .breadcrumbItem {
display: inline-block;
float: left;
margin: 20px 3px 0 0;
}
#content .categoryContainer .breadcrumbContainer .breadcrumbItem a:link,
#content .categoryContainer .breadcrumbContainer .breadcrumbItem a:visited {
color: #000000;
}
#content .categoryContainer .breadcrumbContainer .breadcrumbItem a:focus,
#content .categoryContainer .breadcrumbContainer .breadcrumbItem a:hover,
#content .categoryContainer .breadcrumbContainer .breadcrumbItem a:active {
color: #000000;
text-decoration: underline !important;
}
#content .categoryContainer h1 {
/*position: absolute;*/
/*top: 24px;*/
/*left: 96px;*/
display: inline-block;
float: left;
/*margin-top: 24px;*/
font-size: 3.833em;
}
#content .categoryContainer .categoryWrapper {
position: absolute;
top: 84px;
left: 14px;
/*margin: auto;*/
/*border: 1px solid black;*/
}
#content .categoryContainer .categoryWrapper .categoryBlock {
width: 240px;
/*height: 200px;*/
float: left;
margin-right: 12px;
/*margin-bottom: 12px;*/
}
#content .categoryContainer .categoryWrapper .categoryBlock.catDesktop {
display: block;
}
#content .categoryContainer .categoryWrapper .categoryBlock.catDesktop .setSize {
width: 240px !important;
height: 160px !important;
}
#content .categoryContainer .categoryWrapper .categoryBlock.catMobile {
display: none;
}
#content .categoryContainer .categoryWrapper .categoryBlock.last {
margin-right: 0;
}
#content .categoryContainer .categoryWrapper .categoryBlock a {
display: block;
margin: 0 0 10px 0;
color: #000000;
}
#content .categoryContainer.universityOverview .categoryWrapper .categoryBlock a {
margin: 0 0 22px 0;
}
#content .categoryContainer .categoryWrapper .categoryBlock a:focus,
#content .categoryContainer .categoryWrapper .categoryBlock a:hover,
#content .categoryContainer .categoryWrapper .categoryBlock a:active {
color: #ffffff;
}
#content .categoryContainer .categoryWrapper .categoryBlock a img {
border: 2px solid transparent;
}
#content .categoryContainer .categoryWrapper .categoryBlock a:focus img,
#content .categoryContainer .categoryWrapper .categoryBlock a:hover img,
#content .categoryContainer .categoryWrapper .categoryBlock a:active img {
border: 2px solid #ffffff;
}
#content .categoryContainer .categoryWrapper .categoryBlock h2 {
margin: 10px 0 10px 0;
height: 40px;
overflow: hidden;
font-size: 1.417em;
line-height: 20px;
}
#content .categoryContainer .butAllArticles {
position: absolute;
bottom: 10px;
right: 14px;
}
#content .leftOrangeSpacer {
width: 96px;
float: left;
}
#content .rightOrangeSpacer {
width: 12px;
float: left;
}
#content .interactiveContainer {
margin: 12px 0 12px 0;
}
#content .grayContent {
/*position: absolute;*/
/*top: 20px; */
/*width: 100%;*/
width: auto;
/*border-left: 96px solid #f39100;*/
/*border-right: 12px solid #f39100;*/
margin: 12px 0 12px 84px;
/*margin: 12px 0 12px 56px;*/
/*float: left;*/
}
#content .grayContent .innerContent {
width: 912px;
margin: 0 auto;
padding-top: 10px;
background: #dfdfe0;
position: relative;
/*border: 1px solid black;*/
}
#content .grayContent .iFrame {
width: 915px;
height: 780px;
margin: 0 auto;
background: #f39100;
position: relative;
/*border: 1px solid black;*/
}
#content .grayContent .innerContent .breadcrumbContainer {
margin: 0 0 18px 13px;
font-size: 1em;
}
#content .archiveSearchContainer .resultContainer .breadcrumbContainer {
position: absolute;
top: 8px;
left: 13px;
font-size: 1em;
}
#content .grayContent .innerContent .breadcrumbContainer a:link,
#content .grayContent .innerContent .breadcrumbContainer a:visited,
#content .archiveSearchContainer .resultContainer .breadcrumbContainer a:link,
#content .archiveSearchContainer .resultContainer .breadcrumbContainer a:visited {
font-size: 1em;
color: #000000;
}
#content .grayContent .innerContent .breadcrumbContainer a:focus,
#content .grayContent .innerContent .breadcrumbContainer a:hover,
#content .grayContent .innerContent .breadcrumbContainer a:active,
#content .archiveSearchContainer .resultContainer .breadcrumbContainer a:focus,
#content .archiveSearchContainer .resultContainer .breadcrumbContainer a:hover,
#content .archiveSearchContainer .resultContainer .breadcrumbContainer a:active {
color: #7e0600 !important;
text-decoration: underline !important;
}
#content .grayContent .innerContent .articleContainer {
width: 408px;
margin: 0 12px 36px 84px;
float: left;
position: relative;
}
#content .grayContent .innerContent .articleContainer.interactivity {
width: 816px;
}
#content .grayContent .innerContent .articleContainer.generalContent {
width: 816px;
}
#content .grayContent .innerContent .articleContainer.newsOverview {
width: 540px;
margin-bottom: 24px;
}
.articleContainer .pageNotFound {
font-size: 1.667em;
}
.articleContainer .simpleBulletList {
list-style-type: disc;
margin: 24px 0 24px 25px;
}
.articleContainer .simpleBulletList li {
font-size: 1em;
line-height: 16px;
}
.articleContainer .simpleBulletList li a,
.articleContainer .simpleBulletList li a:focus,
.articleContainer .simpleBulletList li a:hover,
.articleContainer .simpleBulletList li a:active,
.articleContainer p .underlined,
.articleContainer p .underlined:focus,
.articleContainer p .underlined:hover,
.articleContainer p .underlined:active {
text-decoration: underline;
}
.articleContainer .captionContainer,
.articleContainer .articleText .imgCaptionBig,
.articleContainer .articleText .Bildunterschrift460 {
position: relative;
font-family: 'PT Serif', serif !important;
font-size: 1.06em !important;
font-style: italic;
line-height: 17px;
width: 408px;
min-height: 32px;
margin: 7px 0 35px 0;
}
.articleContainer .articleText .Bildunterschrift460 {
margin: 6px 0 6px 0;
}
.articleContainer .captionContainer.zoom {
width: 460px;
}
.articleContainer .captionContainer .source {
position: absolute;
/*bottom: 0;*/
right: 0;
}
p.foto460, div.foto460, div.imgContent {
width: 408px;
line-height: normal;
clear: both;
margin-right: 7px;
margin-top: 3px;
margin-bottom: 7px;
overflow: hidden;
position: relative;
}
.articleContainer .articleText .Bild-Copyright460,
.articleContainer .articleText .imgCopyrightBig {
font-family: 'PT Serif', serif !important;
font-size: 1.06em;
text-align: right;
font-style: italic;
}
.articleContainer .topicOfWeek {
position: absolute;
top: 12px;
left: -20px;
z-index: 10;
}
.articleContainer .roof {
font-size: 1.15em !important;
/*line-height: 14px;*/
margin-bottom: 5px;
}
.articleContainer.interactivity .roof {
font-weight: normal !important;
}
.articleContainer .articleHeadline {
font-size: 2em !important;
font-weight: bold;
line-height: 28px;
margin-bottom: 8px !important;
}
.articleContainer .categoryHeadline {
font-size: 1.5em;
margin-bottom: 15px;
text-transform: lowercase;
}
.articleContainer .teaser {
font-size: 1.06em !important;
font-weight: bold;
line-height: 20px;
margin-bottom: 16px;
margin-left: 1px;
width: 408px !important;
}
.resultContainer .articleContainer .teaser {
width: 640px !important;
}
.articleContainer .teaser.newsTeaser {
font-weight: normal;
}
.articleContainer .subHeadline {
font-size: 1.167em;
}
.articleContainer .teaser.newsTeaser h3 {
font-weight: bold;
}
.articleContainer .teaserSeparator {
background: url(../img/black_separator.png) center left repeat-x;
height: 3px;
margin: 24px 0 24px 0;
}
.articleContainer .teaser .roof {
display: block;
font-size: 1.167em;
font-weight: bold;
padding-top: 10px;
margin-bottom: 5px;
}
/*************************************************************************************/
/******************************* STYLES FÜR CMS-INHALTE ******************************/
/******************************* BEI ÄNDERUNG BITTE DIE STYLES_EDITOR.CSS ANGLEICHEN */
/*************************************************************************************/
.articleContainer .articleText {
/*display: block;*/
/*border: 1px solid black;*/
}
.articleContainer .articleText p,
.articleContainer .editArticle p {
font-family: 'PT Serif', serif !important;
font-size: 1.12em !important;
line-height: 22px;
margin-bottom: 14px;
}
/*.articleContainer .articleText .firstLetter:first-letter,*/
.articleContainer .articleText span.firstLetter,
.articleContainer .editArticle span.firstLetter {
font-size: 3.833em;
margin: 10px 2px 0 0;
float: left;
}
.articleContainer .articleText.regular p,
.articleContainer .editArticle.regular p {
font-family: 'PT Serif', serif !important;
font-size: 1.06em !important;
line-height: 18px;
margin-bottom: 12px;
}
.articleContainer .articleText.regular h2,
.articleContainer .articleText h2,
.articleContainer .editArticle h2,
.articleContainer .articleText.regular h3,
.articleContainer .articleText h3,
.articleContainer .editArticle h3 {
margin: 24px 0 5px -1px;
font-size: 1.15em;
font-weight: bold;
line-height: 20px;
}
.articleContainer .articleText.regular h3,
.articleContainer .editArticle.regular h3 {
margin: 0 0 12px 0;
}
.articleContainer .articleText p a,
.articleContainer .editArticle p a,
.articleContainer .articleText p a:focus,
.articleContainer .editArticle p a:focus,
.articleContainer .articleText p a:hover,
.articleContainer .editArticle p a:hover,
.articleContainer .articleText p a:active,
.articleContainer .editArticle p a:active {
text-decoration: underline;
font-size: inherit !important;
}
div.fotoSmall {
width: 160px;
line-height: normal;
clear: both;
float: left;
margin: 6px 18px 0 2px;
position: relative;
z-index: 4;
}
a.zoom {
display: block;
position: absolute;
padding: 10px;
background: url(../img/zoom.gif) center center no-repeat;
z-index: 5;
filter: alpha(opacity=80);
opacity: 0.8;
}
a.zoom {
top: 141px;
left: -1px;
}
.articleContainer .articleText p.BildunterschriftSmall,
.articleContainer .articleText p.Bild-CopyrightSmall,
.articleContainer .editArticle p.BildunterschriftSmall,
.articleContainer .editArticle p.Bild-CopyrightSmall {
clear: both;
font-family: 'PT Serif', serif !important;
font-style: italic;
font-size: 1.06em !important;
line-height: 20px;
margin: 0;
}
.articleContainer .articleText p.Bild-CopyrightSmall,
.articleContainer .editArticle p.Bild-CopyrightSmall {
text-align: right;
padding-right: 2px;
margin: 0 0 5px 0;
}
.articleContainer .articleText ul,
.articleContainer .editArticle ul {
margin: 0 0 12px 10px;
}
.articleContainer .articleText ul li,
.articleContainer .editArticle ul li {
font-family: 'PT Serif', serif !important;
font-size: 1.06em !important;
line-height: 20px;
padding-left: 7px;
background-image: url(../img/bullet_dot.png);
background-position: 0 8px;
background-repeat: no-repeat;
}
.articleContainer .articleText ul li a,
.articleContainer .editArticle ul li a,
.articleContainer .articleText ul li a:focus,
.articleContainer .articleText ul li a:hover,
.articleContainer .articleText ul li a:active,
.articleContainer .editArticle ul li a:focus,
.articleContainer .editArticle ul li a:hover,
.articleContainer .editArticle ul li a:active {
text-decoration: underline !important;
font-size: 1.083em !important;
}
.articleContainer .articleText ol,
.articleContainer .editArticle ol {
margin: 0 0 12px 25px;
list-style-type: decimal;
}
.articleContainer .articleText ol li,
.articleContainer .editArticle ol li {
font-family: 'PT Serif', serif !important;
font-size: 1.06em !important;
line-height: 18px;
}
.articleContainer .articleText .box,
.articleContainer .editArticle .box {
clear: both;
background: #ffffff;
padding: 12px;
width: 384px;
}
.articleContainer .articleText .box p.Kasten-Head,
.articleContainer .editArticle .box p.Kasten-Head {
font-family: verdana, sans-serif !important;
font-size: 1.4em !important;
color: #000000;
margin: 0 0 12px 0 !important;
}
.articleContainer .articleText .box p.Kasten-Text,
.articleContainer .editArticle .box p.Kasten-Text {
margin: 0 !important;
font-family: verdana, sans-serif !important;
font-size: 1em !important;
}
#content .cmsMoreLink {
font-weight: bold;
font-style: italic;
}
#content .cmsMoreLink:before {
content: ">> ";
}
/*************************************************************************************/
/******************************* STYLES F?R CMS-INHALTE - ENDE ***********************/
/*************************************************************************************/
.articleContainer .sitemapList h2 {
font-size: 1em;
font-weight: bold;
line-height: 14px;
}
.articleContainer .sitemapList h2.sitemap {
font-weight: normal;
}
.articleContainer .notice p {
font-size: 0.833em;
margin: 12px 0 12px 0;
}
.articleContainer.interactivity .notice p {
font-weight: normal !important;
font-size: 0.917em !important;
line-height: inherit !important;
}
.articleContainer .creationDate {
font-family: 'PT Serif', serif !important;
font-size: 1.06em !important;
font-style: italic;
text-align: right;
margin-bottom: 12px;
margin-top: 4px;
}
.articleContainer .issueBox {
width: 140px;
height: 295px;
padding: 5px;
float: left;
font-size: 0.917em;
line-height: 12px;
}
.articleContainer .blogSeparatorMobile {
display: none;
}
.articleContainer .blogSeparator {
/*background: url(../img/black_separator.png) bottom left repeat-x;*/
margin: 12px 0 12px 0;
padding: 8px 0 12px 0;
font-size: 1em;
}
.articleContainer .blogSeparator a {
font-weight: bold;
}
.articleContainer .blogSeparator .blogCrossLinksContainer {
width: 540px;
margin-top: 24px;
}
.articleContainer .blogSeparator .blogCrossLinksContainer .blogCrossLinksTitle {
width: 130px;
margin-right: 20px;
float: left;
}
.articleContainer .blogSeparator .blogCrossLinksContainer .blogCrossLinksList {
width: 390px;
float: left;
}
.articleContainer .blogSeparator .blogCrossLinksContainer .blogCrossLinksList a {
font-weight: normal;
}
.articleContainer .blogComments {
background: url(../img/black_separator.png) top left repeat-x;
width: 540px;
padding: 10px 0 10px 0;
margin-top: 10px;
font-size: 1em;
}
.articleContainer .blogComments p {
background: url(../img/black_separator.png) top left repeat-x;
margin: 10px 0 0 0;
padding: 10px 0 0 0;
}
.articleContainer .blogComments span.addCommentMobile {
display: none;
}
.articleContainer .blogComments span.addComment {
float: right;
}
.articleContainer .blogComments p span {
display: block;
margin-bottom: 5px;
}
#content .grayContent .innerContent .anchorTop {
position: absolute;
bottom: 0;
left: 84px;
width: auto;
padding-right: 3px;
background: #fefefe;
}
#content .grayContent .innerContent .anchorTop a,
#content .grayContent .innerContent .anchorTop a:hover {
font-family: verdana, sans-serif;
font-size: 0.833em;
color: #000000;
}
#content .grayContent .innerContent .anchorTop a img {
float: left;
}
#content .grayContent .innerContent .anchorTop a span {
float: left;
margin-top: 3px;
}
#content .grayContent .innerContent .rightColumn {
position: relative;
/*width: 324px;*/
width: 408px;
min-height: 900px;
float: left;
/*border: 1px solid black;*/
}
#content .grayContent .innerContent .rightColumn.events {
width: 276px;
min-height: 50px;
}
#content .grayContent .innerContent .rightColumn .furtherTopicsContainer {
height: 27em;
margin-bottom: 2em;
}
#content .grayContent .innerContent .rightColumn h2.furtherTopics {
font-size: 2em;
margin: -3px 0 11px 0;
}
.furtherTopicsContainer .teaserContainer {
width: 334px;
height: 72px;
margin: 0 0 12px 0;
}
.furtherTopicsContainer .teaserContainer .teaserImage {
width: 72px;
height: 72px;
margin-right: 12px;
float: left;
}
.furtherTopicsContainer .teaserContainer .teaserImage.videoSite {
overflow: hidden;
}
.furtherTopicsContainer .teaserContainer .teaserImage.videoSite img {
margin-left: -18px !important;
}
.furtherTopicsContainer .teaserContainer .teaserImage.desktopSize {
display: block;
}
.furtherTopicsContainer .teaserContainer .teaserImage.mobileSize {
display: none;
}
.furtherTopicsContainer .teaserContainer .teaserText {
width: 250px;
min-height: 6em;
float: left;
position: relative;
overflow: hidden;
}
.furtherTopicsContainer .teaserContainer .teaserText a:link,
.furtherTopicsContainer .teaserContainer .teaserText a:visited,
.furtherTopicsContainer .teaserContainer .teaserText a:focus,
.furtherTopicsContainer .teaserContainer .teaserText a:hover,
.furtherTopicsContainer .teaserContainer .teaserText a:active {
color: #000000;
}
.furtherTopicsContainer .teaserContainer .teaserText h3 {
font-size: 1.083em;
font-weight: bold;
margin: 0 0 8px 0;
}
.furtherTopicsContainer .teaserContainer .teaserText h3.doubleSpaced {
margin: 0 0 0 0;
}
.furtherTopicsContainer .teaserContainer .teaserText a:focus h3,
.furtherTopicsContainer .teaserContainer .teaserText a:hover h3,
.furtherTopicsContainer .teaserContainer .teaserText a:active h3 {
color: #7e0600 !important;
text-decoration: underline !important;
}
.furtherTopicsContainer .teaserContainer .teaserText p {
font-size: 1em;
line-height: 1.333em;
}
.furtherTopicsContainer .teaserContainer .teaserText .moreLink {
position: absolute;
bottom: 5px;
right: 0;
font-size: 1em;
font-weight: bold;
font-style: italic;
}
.furtherTopicsContainer .teaserContainer .teaserText .moreLink.doubleSpacedHeadline {
bottom: 1px;
}
.furtherTopicsContainer .teaserContainer .teaserText .moreLink a:link,
.furtherTopicsContainer .teaserContainer .teaserText .moreLink a:visited,
.furtherTopicsContainer .teaserContainer .teaserText .moreLink a:focus,
.furtherTopicsContainer .teaserContainer .teaserText .moreLink a:hover,
.furtherTopicsContainer .teaserContainer .teaserText .moreLink a:active {
color: #000000 !important;
}
.furtherTopicsContainer .teaserContainer .teaserText a:focus p,
.furtherTopicsContainer .teaserContainer .teaserText a:hover p,
.furtherTopicsContainer .teaserContainer .teaserText a:active p {
color: #000000 !important;
}
.furtherTopicsContainer .teaserContainer .teaserText a:focus .moreLink,
.furtherTopicsContainer .teaserContainer .teaserText a:hover .moreLink,
.furtherTopicsContainer .teaserContainer .teaserText a:active .moreLink {
color: #7e0600 !important;
text-decoration: underline !important;
}
#content .grayContent .innerContent .rightColumn .lightGrayContainer {
/*position: absolute;*/
/*bottom: 0;*/
/*right: 0;*/
width: 384px;
/*max-height: 536px;*/
/*height: 536px;*/
min-height: 536px;
padding: 12px 12px 4px 12px;
background: #ffffff;
}
#content .grayContent .innerContent .rightColumn .lightGrayContainer.videoAbove {
position: relative;
}
#content .grayContent .innerContent .rightColumn .lightGrayContainer.blogs {
position: relative;
height: auto;
}
#content .grayContent .innerContent .rightColumn.events .lightGrayContainer {
top: 36px;
bottom: auto;
width: 252px;
min-height: 100%;
}
.lightGrayContainer h2 {
font-size: 1.4em;
margin-bottom: 10px;
}
.lightGrayContainer .col-list {
width: 180px;
font-size: 1em;
line-height: 16px;
}
.rightColumn.events .lightGrayContainer .col-list,
.lightGrayContainer.blogs .col-list {
width: auto;
}
.lightGrayContainer .col-list h3 {
font-size: 1.083em;
font-weight: bold;
}
.lightGrayContainer .col-list ul {
margin: 3px 0 10px 0;
}
.lightGrayContainer .col-list ul li {
background: url(../img/bullet.png) 0 7px no-repeat;
padding-left: 8px;
margin-bottom: 4px;
}
.lightGrayContainer.blogs .col-list ul li {
background: none;
padding-left: 0;
}
.lightGrayContainer .col-list ul li a {
display: block;
}
.lightGrayContainer .col-list ul li a:focus,
.lightGrayContainer .col-list ul li a:hover,
.lightGrayContainer .col-list ul li a:active {
color: #7e0600 !important;
text-decoration: underline !important;
}
#content .grayContent .innerContent .rightColumn .videoContainer {
width: 391px;
height: auto;
}
.videoContainer .videoPlayer {
width: 387px;
height: 259px;
border: 2px solid #ffffff;
position: relative;
/*overflow: hidden;*/
}
/*.videoPlayer > div {*/
/*position: absolute;*/
/*width: 150px;*/
/*height: 105px;*/
/*border: 1px solid #ffffff;*/
/*}*/
.videoContainer .videoPlayer .articleText {
padding: 0 !important;
}
#content .grayContent .innerContent .rightColumn .videoSliderContainer {
width: 391px;
margin-bottom: 2em;
padding: 12px 0 12px 0;
background-color: #dfdfe0;
}
.videoSliderContainer .videoSlider li:hover {
cursor: pointer;
}
.videoSliderContainer .videoSlider li img {
border: 2px solid transparent;
}
.videoSliderContainer .videoSlider li img.active {
border: 2px solid #ffffff;
}
#content .grayContent .innerContent .rightColumn .spacerForLinksContainer {
width: 1px;
height: 200px;
}
#content .grayContent .innerContent .linksContainer {
position: absolute;
bottom: 0;
right: -2px;
/*border: 1px solid black;*/
}
.linksContainer h2 {
font-size: 1.417em;
margin: 0 0 0 5px;
}
.linksContainer .linksWrapper {
margin: 15px 0 0 0;
}
.linksContainer .linksWrapper .titles {
height: 29px;
}
.linksContainer .linksWrapper .titles div {
float: right;
}
.linksContainer .linksWrapper .linksColumns {
/*width: 338px;*/
height: 122px;
display: none;
}
.linksContainer .linksWrapper .singleLinksColumn {
float: right;
margin-right: 10px;
/*margin-left: 5px;*/
padding: 0 5px 5px 8px;
background: #959696 url(../img/bg_links_column.png) top left repeat-x;
height: 115px;
}
div.titles div {
margin-right: 3px;
}
.linksContainer .linksWrapper .singleLinksColumn ul {
}
.linksContainer .linksWrapper .singleLinksColumn ul li {
margin-top: 12px;
/*font-size: 0.750em !important;*/
font-weight: bold;
}
.linksContainer .linksWrapper .singleLinksColumn ul li a {
display: block;
font-size: 0.750em !important;
font-weight: bold;
background: url(../img/arrows.png) 0 2px no-repeat;
padding-left: 15px;
}
.linksContainer .linksWrapper .singleLinksColumn ul li a:focus,
.linksContainer .linksWrapper .singleLinksColumn ul li a:hover,
.linksContainer .linksWrapper .singleLinksColumn ul li a:active {
color: #ffffff;
}
#content .themeOverviewContainer {
width: 1024px;
margin: 12px auto;
/*border: 1px solid black;*/
}
#content .themeOverviewContainer h1.headMobile {
display: none;
}
#content .themeOverviewContainer .currentMagazineContainer,
#content .themeOverviewContainer .themeListContainer {
display: none;
}
#content .themeOverviewContainer .leftColumn {
position: relative;
width: 252px;
float: left;
padding: 12px 0 0 12px;
}
#content .themeOverviewContainer .leftColumn .labelCurrentMagazine {
position: absolute;
top: 140px;
left: 82px;
}
#content .themeOverviewContainer .leftColumn .powertest {
margin-top: 84px;
}
#content .themeOverviewContainer .leftColumn .hochschulpanorama {
margin-top: 34px;
}
#content .themeOverviewContainer .leftColumn .powertest ul,
#content .themeOverviewContainer .leftColumn .hochschulpanorama ul {
margin-top: 8px;
}
#content .themeOverviewContainer .leftColumn .powertest ul li,
#content .themeOverviewContainer .leftColumn .hochschulpanorama ul li {
margin-bottom: 8px;
}
#content .themeOverviewContainer .leftColumn .powertest ul li a:link,
#content .themeOverviewContainer .leftColumn .powertest ul li a:visited,
#content .themeOverviewContainer .leftColumn .hochschulpanorama ul li a:link,
#content .themeOverviewContainer .leftColumn .hochschulpanorama ul li a:visited {
font-size: 1.417em;
}
#content .themeOverviewContainer .leftColumn .powertest ul li a:focus,
#content .themeOverviewContainer .leftColumn .powertest ul li a:hover,
#content .themeOverviewContainer .leftColumn .powertest ul li a:active,
#content .themeOverviewContainer .leftColumn .hochschulpanorama ul li a:focus,
#content .themeOverviewContainer .leftColumn .hochschulpanorama ul li a:hover,
#content .themeOverviewContainer .leftColumn .hochschulpanorama ul li a:active {
color: #000000 !important;
text-decoration: underline !important;
}
#content .themeOverviewContainer .rightColumn {
width: 760px;
float: left;
font-size: 1em;
}
#content .themeOverviewContainer .rightColumn .linkBlock {
margin-bottom: 24px;
}
#content .themeOverviewContainer .rightColumn h1 {
font-size: 1.5em;
margin-bottom: 3px;
}
#content .themeOverviewContainer .rightColumn ul li {
font-size: 1em;
}
#content .themeOverviewContainer .rightColumn ul li a:link,
#content .themeOverviewContainer .rightColumn ul li a:visited,
#content .themeOverviewContainer .rightColumn ul li h1 a:link,
#content .themeOverviewContainer .rightColumn ul li h1 a:visited {
color: #000000 !important;
}
#content .themeOverviewContainer .rightColumn ul li a:focus,
#content .themeOverviewContainer .rightColumn ul li a:hover,
#content .themeOverviewContainer .rightColumn ul li a:active,
#content .themeOverviewContainer .rightColumn ul li h1 a:focus,
#content .themeOverviewContainer .rightColumn ul li h1 a:hover,
#content .themeOverviewContainer .rightColumn ul li h1 a:active {
color: #000000 !important;
text-decoration: underline !important;
}
#content .themeOverviewContainer .rightColumn .linkBlock .iconList {
margin: 12px 0 0 48px;
}
#content .themeOverviewContainer .rightColumn .linkBlock .iconList li {
/*height: 42px;*/
margin-bottom: 4px;
}
#content .themeOverviewContainer .rightColumn .linkBlock .iconList li a {
display: block;
height: 22px;
padding: 10px 0 10px 55px;
font-size: 1.333em;
}
#content .themeOverviewContainer .rightColumn .linkBlock .iconList li a.icon-videos {
background: url(../img/01_videos.png) center left no-repeat;
}
#content .themeOverviewContainer .rightColumn .linkBlock .iconList li a.icon-blogs {
background: url(../img/02_blogs.png) center left no-repeat;
}
#content .themeOverviewContainer .rightColumn .linkBlock .iconList li a.icon-chat {
background: url(../img/03_chat.png) center left no-repeat;
}
#content .themeOverviewContainer .rightColumn .linkBlock .iconList li a.icon-forum {
background: url(../img/04_forum.png) center left no-repeat;
}
#content .themeOverviewContainer .rightColumn .linkBlock .iconList li a.icon-games {
background: url(../img/05_games.png) center left no-repeat;
}
#content .themeOverviewContainer .rightColumn .linkBlock .iconList li a.icon-ecards {
background: url(../img/06_ecards.png) center left no-repeat;
}
#content .themeOverviewContainer .rightColumn .linkBlock .iconList li a.icon-leseraktion {
background: url(../img/07_leseraktion.png) center left no-repeat;
}
#content .themeOverviewContainer .rightColumn .linkBlock .iconList li a.icon-login {
background: url(../img/08_login.png) center left no-repeat;
}
#content .themeOverviewContainer .rightColumn .linkBlock .iconList ul {
margin-top: -10px;
}
#content .themeOverviewContainer .rightColumn .linkBlock .iconList ul li {
}
#content .themeOverviewContainer .rightColumn .linkBlock .iconList ul li a {
font-size: 1em;
display: list-item;
height: auto;
padding: 0 0 0 55px;
}
#content .themeOverviewContainer .rightColumn .newsticker {
width: 320px;
}
#content .themeOverviewContainer .rightColumn .newsticker,
#content .themeOverviewContainer .rightColumn .newsticker a {
color: #ffffff;
}
#content .themeOverviewContainer .rightColumn .newsticker a:focus,
#content .themeOverviewContainer .rightColumn .newsticker a:hover,
#content .themeOverviewContainer .rightColumn .newsticker a:active {
color: #000000;
}
#content .themeOverviewContainer .rightColumn a:focus,
#content .themeOverviewContainer .rightColumn a:hover,
#content .themeOverviewContainer .rightColumn a:active {
color: #000000;
text-decoration: underline;
}
#content .themeOverviewContainer .rightColumn .contentCol-1 {
width: 168px;
float: left;
padding-top: 12px;
}
#content .themeOverviewContainer .rightColumn .contentCol-2 {
width: 336px;
float: left;
padding-top: 12px;
position: relative;
}
#content .themeOverviewContainer .rightColumn .contentCol-2 .subscribeNewsletter {
position: absolute;
top: 0;
left: 168px;
}
#content .themeOverviewContainer .rightColumn .contentCol-2 .stateContainer {
margin: 10px 0 10px 0;
}
#content .themeOverviewContainer .rightColumn .contentCol-3 {
width: 256px;
float: left;
padding-top: 12px;
}
#content .blogContainer {
position: relative;
width: 1000px;
margin: auto;
/*border: 1px solid black;*/
}
#content .blogContainer h1 {
/*position: absolute;*/
/*top: 24px;*/
/*left: 96px;*/
margin: 12px 0 24px 114px;
font-size: 48px;
}
#content .blogContainer .leftColumn {
width: 828px;
margin-right: 12px;
float: left;
}
.leftColumn .bloggerContainer {
width: 828px;
}
#content .blogContainer .bloggerOfTheMonth.mobile-BOM {
display: none;
}
.leftColumn .bloggerContainer .bloggerOfTheMonth {
width: 492px;
height: 240px;
margin-right: 12px;
float: left;
}
.leftColumn .bloggerContainer .bloggerOfTheMonth .bomImage {
width: 324px;
height: 240px;
background: #dfdfe0;
float: left;
}
.leftColumn .bloggerContainer .bloggerOfTheMonth .bomDescription {
position: relative;
width: 154px;
height: 218px;
background: #dfdfe0;
padding: 10px 7px 12px 7px;
float: left;
}
.leftColumn .bloggerContainer .bloggerOfTheMonth .bomDescription h2 {
font-size: 1.5em;
}
.leftColumn .bloggerContainer .bloggerOfTheMonth .bomDescription p {
font-size: 0.833em;
line-height: 12px;
margin: 10px 0 10px 0;
}
.leftColumn .bloggerContainer .bloggerOfTheMonth .bomDescription p.bomTeaser {
position: absolute;
bottom: 0;
width: 154px;
}
.leftColumn .bloggerContainer .bloggerOfTheMonth .bomDescription p strong {
text-transform: uppercase;
}
#content .blogContainer .allBloggers.mobile-AB {
display: none;
}
.leftColumn .bloggerContainer .allBloggers {
position: relative;
width: 324px;
background: #dfdfe0;
float: left;
}
/*.leftColumn .bloggerContainer .allBloggers a.allBloggersLink {*/
/*display: block;*/
/*}*/
/*.leftColumn .bloggerContainer .allBloggers a.allBloggersLink:focus .layerImageOrange,*/
/*.leftColumn .bloggerContainer .allBloggers a.allBloggersLink:hover .layerImageOrange,*/
/*.leftColumn .bloggerContainer .allBloggers a.allBloggersLink:active .layerImageOrange,*/
/*.leftColumn .bloggerContainer .allBloggers a.allBloggersLink:focus .layerTextGray,*/
/*.leftColumn .bloggerContainer .allBloggers a.allBloggersLink:hover .layerTextGray,*/
/*.leftColumn .bloggerContainer .allBloggers a.allBloggersLink:active .layerTextGray {*/
/*filter: alpha(opacity=0);*/
/*opacity: 0;*/
/*}*/
.leftColumn .bloggerContainer .allBloggers .bloggerThumbs {
width: 324px;
height: 162px;
}
.leftColumn .bloggerContainer .allBloggers .bloggerThumbs a {
display: block;
float: left;
margin-right: 12px;
margin-bottom: 12px;
}
.leftColumn .bloggerContainer .allBloggers .bloggerThumbs a.last {
margin-right: 0;
}
.leftColumn .bloggerContainer .allBloggers .bloggerDescription {
width: 310px;
height: 54px;
/*background: #c5c6c6;*/
padding: 0 7px 24px 7px;
}
.leftColumn .bloggerContainer .allBloggers .bloggerDescription h2 {
font-size: 1.5em;
}
.leftColumn .bloggerContainer .allBloggers .bloggerDescription a {
/*display: inline;*/
}
.leftColumn .bloggerContainer .allBloggers .bloggerDescription p {
font-size: 0.833em;
line-height: 12px;
margin: 10px 0 0 0;
}
.leftColumn .bloggerContainer .allBloggers .layerImageOrange,
.leftColumn .bloggerContainer .allBloggers .layerTextGray {
position: absolute;
top: 0;
left: 0;
width: 324px;
height: 162px;
background: #f39100;
zoom: 1;
filter: alpha(opacity=50);
opacity: 0.5;
}
.leftColumn .bloggerContainer .allBloggers .layerTextGray {
top: 162px;
width: 324px;
height: 78px;
background: #dfdfe0;
filter: alpha(opacity=70);
opacity: 0.7;
}
#content .blogContainer .latestBlogsContainer.mobile-LB {
display: none;
}
.leftColumn .latestBlogsContainer {
width: 744px;
margin: 20px 0 0 84px;
}
.leftColumn .latestBlogsContainer h2 {
font-size: 1.5em;
margin-bottom: 12px;
}
.leftColumn .latestBlogsContainer .blogTeaserWrapper {
position: relative;
width: 240px;
height: 72px;
margin-right: 12px;
margin-bottom: 36px;
float: left;
}
.leftColumn .latestBlogsContainer .blogTeaserWrapper.last {
margin-right: 0;
}
.leftColumn .latestBlogsContainer .blogTeaserWrapper .layerImageOrange {
position: absolute;
top: 1px;
left: 1px;
width: 72px;
height: 72px;
background: #f39100;
zoom: 1;
filter: alpha(opacity=50);
opacity: 0.5;
}
.leftColumn .latestBlogsContainer .blogTeaserWrapper a {
display: block;
}
.leftColumn .latestBlogsContainer .blogTeaserWrapper a:focus,
.leftColumn .latestBlogsContainer .blogTeaserWrapper a:hover,
.leftColumn .latestBlogsContainer .blogTeaserWrapper a:active {
color: #ffffff;
}
.leftColumn .latestBlogsContainer .blogTeaserWrapper a:focus .layerImageOrange,
.leftColumn .latestBlogsContainer .blogTeaserWrapper a:hover .layerImageOrange,
.leftColumn .latestBlogsContainer .blogTeaserWrapper a:active .layerImageOrange {
filter: alpha(opacity=0);
opacity: 0;
}
.leftColumn .latestBlogsContainer .blogTeaserWrapper .bloggerImage {
width: 72px;
height: 72px;
border: 1px solid #f39100;
/*margin-right: 12px;*/
float: left;
}
.leftColumn .latestBlogsContainer .blogTeaserWrapper a:focus .bloggerImage,
.leftColumn .latestBlogsContainer .blogTeaserWrapper a:hover .bloggerImage,
.leftColumn .latestBlogsContainer .blogTeaserWrapper a:active .bloggerImage {
border: 1px solid #ffffff;
}
.leftColumn .latestBlogsContainer .blogTeaserWrapper .blogTeaser {
width: 154px;
height: 72px;
padding-left: 12px;
float: left;
}
.leftColumn .latestBlogsContainer .blogTeaserWrapper .blogTeaser .subHeadline {
font-size: 0.833em;
font-style: italic;
}
.leftColumn .latestBlogsContainer .blogTeaserWrapper .blogTeaser h3 {
font-size: 1em;
font-weight: bold;
margin: 2px 0 2px 0;
}
.leftColumn .latestBlogsContainer .blogTeaserWrapper .blogTeaser p {
font-size: 0.833em;
}
#content .blogContainer .rightColumn {
width: 160px;
float: left;
padding-top: 20px;
}
.rightColumn .blogList {
margin-bottom: 36px;
}
.rightColumn .blogList h2 {
font-size: 1.5em;
margin-bottom: 12px;
}
.rightColumn .blogList ul {
margin: 0;
padding: 0;
}
.rightColumn .blogList ul li {
background: url(../img/bullet_dot.png) 0 5px no-repeat;
/*padding-left: 10px;*/
padding: 0 0 0 6px;
margin: 0;
line-height: 7px;
}
.rightColumn .blogList ul li a {
font-size: 0.833em;
line-height: 12px;
}
.rightColumn .blogList ul li a:focus,
.rightColumn .blogList ul li a:hover,
.rightColumn .blogList ul li a:active {
color: #ffffff;
}
#content .grayContent.forum {
width: auto;
margin: 12px 168px 12px 84px;
}
#content .grayContent.forum .innerContent {
width: 748px;
}
#content .forumContainer.desktopView {
position: relative;
width: 1000px;
margin: auto;
display: block;
/*border: 1px solid black;*/
}
#content .forumContainer.mobileView {
display: none;
}
#content .forumContainer h1 {
/*position: absolute;*/
/*top: 24px;*/
/*left: 96px;*/
margin: 12px 0 24px 84px;
font-size: 48px;
color: #ffffff;
}
#content .forumContainer .innerForumContainer {
padding: 30px 74px 24px 85px;
}
#content .forumContainer .innerForumContainer h1 {
font-size: 2em;
color: #000000;
margin: 0;
}
#content .forumContainer .innerForumContainer h2 {
font-size: 2em;
}
#content .forumContainer .innerForumContainer h3 {
font-weight: bold;
/*margin: 0 0 2px 0;*/
}
.forumList {
width: auto;
margin: 12px 0 28px 0;
position: relative;
}
.forumList th,
.forumList td {
padding: 3px;
border: 1px solid #000000;
}
.forumList th {
background: #b1b2b2;
font-size: 1.333em;
text-align: left;
}
.forumList th.alignCenter {
text-align: center;
}
.forumList td {
font-size: 1em;
line-height: 14px;
}
.forumList td a:focus,
.forumList td a:hover,
.forumList td a:active {
color: #000000 !important;
text-decoration: underline;
}
.forumList .odd {
background: #e8e8e8;
}
.forumList .even {
background: #f7f7f7;
}
.forumList.forum {
margin: 9px;
}
.forumList.forum th,
.forumList.forum td {
border: none;
padding: 0;
}
.forumList.forum .firstCol {
position: relative;
height: 120px;
}
.forumList.forum .firstCol .cite {
position: absolute;
left: 0;
bottom: 0;
width: 61px;
height: 28px;
}
.forumList .changePost {
font-style: italic;
}
.forumList blockquote {
font-style: italic;
padding: 3px;
border: 1px solid #dfdfe0;
}
.forumList blockquote p {
font-size: 0.833em !important;
}
.pagingContainer {
margin: 0;
width: 590px;
font-size: 1em;
}
.pagingContainer .pagebanner {
float: left;
}
.pagingContainer .pagelinks {
float: right; /*display: block;*/
}
#content .multimediaContainer {
width: 1024px;
min-height: 564px;
height: auto;
margin: 0 auto;
position: relative;
/*border: 1px solid black;*/
}
#content .multimediaContainer .headArea {
position: relative;
width: 1024px;
height: 48px;
margin-bottom: 12px;
}
#content .multimediaContainer .headArea h1 {
/*position: absolute;*/
/*top: 24px;*/
/*left: 96px;*/
font-size: 46px;
margin: 12px 0 0 95px;
}
#content .multimediaContainer .headArea .butSortVideos,
#content .multimediaContainer .headArea .butAllGames,
#content .multimediaContainer .headArea .butNewestGames {
position: absolute;
top: 18px;
left: 262px;
}
#content .multimediaContainer .headArea .butAllGames {
left: 348px;
}
#content .multimediaContainer .headArea .butNewestGames {
left: 432px;
}
#content .multimediaContainer .multimediaWrapper {
clear: both;
width: 1025px;
margin: 0 auto;
}
#content .multimediaContainer .multimediaWrapper.additional {
padding-top: 12px;
}
#content .multimediaContainer .multimediaWrapper .multimediaBlock {
position: relative;
width: 244px;
height: 234px;
float: left;
margin-right: 12px;
margin-bottom: 12px;
/*overflow: hidden;*/
}
#content .multimediaContainer .multimediaWrapper .multimediaBlock.btv {
height: 180px;
cursor: pointer;
}
#content .multimediaContainer .multimediaWrapper .multimediaBlock.last {
margin-right: 0;
}
#content .multimediaContainer .multimediaWrapper .multimediaBlock .mLayerImageOrange,
#content .multimediaContainer .multimediaWrapper .multimediaBlock .mLayerImageOrange.secondRow {
position: absolute;
top: 62px;
left: 2px;
width: 240px;
height: 160px;
background: #f39100;
z-index: 20;
zoom: 1;
filter: alpha(opacity=50);
opacity: 0.5;
}
#content .multimediaContainer .multimediaWrapper .multimediaBlock .mLayerImageOrange.secondRow {
top: 2px;
}
#content .multimediaContainer .multimediaWrapper .multimediaBlock.btv .mLayerImageOrange {
top: 2px;
height: 175px;
}
#content .multimediaContainer .multimediaWrapper .multimediaBlock a {
display: block;
/*margin: 0 0 10px 0;*/
color: #000000;
}
#content .multimediaContainer .multimediaWrapper .multimediaBlock a:focus,
#content .multimediaContainer .multimediaWrapper .multimediaBlock a:hover,
#content .multimediaContainer .multimediaWrapper .multimediaBlock a:active {
color: #ffffff;
}
#content .multimediaContainer .multimediaWrapper .multimediaBlock a .teaser {
border: 2px solid #f39100;
}
#content .multimediaContainer .multimediaWrapper .multimediaBlock a:focus .teaser,
#content .multimediaContainer .multimediaWrapper .multimediaBlock a:hover .teaser,
#content .multimediaContainer .multimediaWrapper .multimediaBlock a:active .teaser {
border: 2px solid #ffffff;
}
#content .multimediaContainer .multimediaWrapper .multimediaBlock a .teaser.thumbDesktop {
display: block;
}
#content .multimediaContainer .multimediaWrapper .multimediaBlock a .teaser.thumbMobile {
display: none;
}
#content .multimediaContainer .multimediaWrapper .multimediaBlock a:focus .mLayerImageOrange,
#content .multimediaContainer .multimediaWrapper .multimediaBlock a:hover .mLayerImageOrange,
#content .multimediaContainer .multimediaWrapper .multimediaBlock a:active .mLayerImageOrange {
filter: alpha(opacity=0);
opacity: 0;
}
#content .multimediaContainer .multimediaWrapper .multimediaBlock .teaserText {
width: 240px;
height: 54px;
margin: 0 0 6px 2px;
font-size: 0.833em;
line-height: normal;
}
#content .multimediaContainer .multimediaWrapper .multimediaBlock .teaserText .kerning {
letter-spacing: -0.005em;
}
#content .multimediaContainer .multimediaWrapper .multimediaBlock .teaserText.noRating {
padding-top: 14px;
}
#content .multimediaContainer .multimediaWrapper .multimediaBlock .teaserTextMobile {
display: none;
}
#content .multimediaContainer .multimediaWrapper .multimediaBlock h2 {
font-size: 1em;
font-weight: bold;
margin: 2px 0 0 0;
}
#content .multimediaContainer .multimediaWrapper .multimediaBlock .teaserImage {
position: relative;
width: 240px;
height: 160px;
margin-bottom: 12px;
}
#content .multimediaContainer .multimediaWrapper .multimediaBlock .teaserImage.hideForMobile {
display: block;
}
#content .multimediaContainer .multimediaWrapper .multimediaBlock .teaserImage.showForMobile {
display: none;
}
#content .multimediaContainer .multimediaWrapper .multimediaBlock .teaserImage .butPlay {
position: absolute;
top: 55px;
left: 99px;
width: 41px;
height: 41px;
z-index: 10;
}
#content .multimediaContainer .multimediaWrapper .multimediaBlock .teaserImage .butPlay img {
}
#content .multimediaContainer .multimediaWrapper .multimediaBlock .image {
display: block;
}
#content .multimediaContainer .multimediaWrapper .multimediaBlock .video {
display: none;
width: 238px;
height: 160px;
/*background-color: black;*/
/*padding:7px 0 7px 0;*/
border: 2px solid #f39100;
margin-bottom: 8px;
}
#content .multimediaContainer .multimediaWrapper .multimediaBlock .video video,
#content .multimediaContainer .multimediaWrapper .multimediaBlock .video object,
#content .multimediaContainer .multimediaWrapper .multimediaBlock .video object embed {
width: 238px;
height: 160px;
}
#content .multimediaContainer .multimediaWrapper .multimediaBlock.btv iframe {
border: 2px solid #f39100;
}
#content .multimediaContainer .multimediaWrapper .multimediaBlock.btv iframe {
opacity: 0.5;
}
#content .multimediaContainer .multimediaWrapper .chooseVideo {
padding: 6px 0 12px 0;
}
#content .multimediaContainer .multimediaWrapper .chooseVideo a:link,
#content .multimediaContainer .multimediaWrapper .chooseVideo a:focus,
#content .multimediaContainer .multimediaWrapper .chooseVideo a:hover,
#content .multimediaContainer .multimediaWrapper .chooseVideo a:active {
margin-right: 12px;
color: #000000;
}
#content .multimediaContainer .videoDetail {
width: 912px;
margin: 24px 0 0 84px;
/*border: 1px solid black;*/
}
#content .multimediaContainer .videoDetail .videoWrapper {
width: 550px;
height: 472px;
margin: 0 12px 0 0;
float: left;
position: relative;
/*border: 1px solid black;*/
}
#content .multimediaContainer .videoDetail .videoWrapper h2 {
font-size: 2em;
font-weight: bold;
margin-bottom: 12px;
}
#content .multimediaContainer .videoDetail .videoWrapper .videoMetaData {
width: 160px;
font-size: 1em;
font-weight: bold;
margin-right: 24px;
float: left;
}
#content .multimediaContainer .videoDetail .videoWrapper .videoMetaData .categoryName {
width: auto;
text-align: right;
clear: both;
padding-top: 3px;
}
#content .multimediaContainer .videoDetail .videoWrapper .videoDescription {
width: 330px;
font-size: 1em;
line-height: 16px;
margin-top: -3px;
float: left;
}
#content .multimediaContainer .videoDetail .videoWrapper .videoPlayerBig {
float: none;
margin-top: 12px;
/*padding-top: 2px;*/
height: 342px;
overflow: hidden;
}
#content .multimediaContainer .videoDetail .videoWrapper .videoPlayerBig.schueler,
#content .multimediaContainer .videoDetail .videoWrapper .videoPlayerBig.studierende {
background: #f39100;
}
#content .multimediaContainer .videoDetail .videoWrapper .videoPlayerBig.eltern {
background: #D7837F;
}
#content .multimediaContainer .videoDetail .videoWrapper .videoPlayerBig.lehrer {
background: #A2895C;
}
#content .multimediaContainer .videoDetail .videoWrapper .videoPlayerBig.berater {
background: #A8A1CD;
}
#content .multimediaContainer .videoDetail .videoWrapper .butBack {
position: absolute;
left: 0;
bottom: 0;
}
#content .multimediaContainer .videoDetail .videoWrapper .accessibilityMessage {
position: absolute;
right: 36px;
bottom: 0;
text-align: right;
width: auto;
font-size: 1em;
line-height: 16px;
}
#content .multimediaContainer .videoDetail .rightColumn {
width: 350px;
height: 460px;
margin-top: 32px;
float: left;
position: relative;
}
#content .multimediaContainer .videoDetail .rightColumn .furtherTopicsContainer h2 {
font-size: 1.8em;
margin: -6px 0 18px 0;
}
#content .multimediaContainer .videoDetail .rightColumn .socialMediaLinks {
position: absolute;
bottom: 0;
left: 0;
}
#content .multimediaContainer .videoDetail .rightColumn .socialMediaLinks ul {
}
#content .multimediaContainer .videoDetail .rightColumn .socialMediaLinks ul li {
font-size: 1em;
font-style: italic;
font-weight: bold;
line-height: 14px;
width: 120px;
background-image: url("/img/list_type_arrow.png");
background-repeat: no-repeat;
background-position: 0 3px;
padding-left: 22px;
margin-right: 36px;
float: left;
}
#content .multimediaContainer .videoDetail .rightColumn .socialMediaLinks ul li:nth-of-type(2) {
width: 135px;
margin-right: 0;
}
#content .multimediaContainer .videoDetail .rightColumn .socialMediaLinks ul li:hover {
background-position: 0 -89px;
}
#content .multimediaContainer .videoDetail .rightColumn .socialMediaLinks ul li a {
display: block;
}
#content .multimediaContainer .videoDetail .rightColumn .socialMediaLinks ul li:hover a {
color: #ffffff;
}
#content .multimediaContainer .videoDetail .rightColumn .socialMediaLinks ul li span {
display: block;
}
#content .multimediaContainer .videoDetail .rightColumn .socialMediaLinks ul li img {
display: block;
margin-top: 5px;
}
#content .multimediaContainer .videoDetail .rightColumn .furtherTopicsContainer h2 {
font-size: 2em;
margin: -3px 0 11px 0;
}
#content .multimediaContainer .gamesArchiveWrapper {
width: 840px;
/*height: 432px;*/
margin: 0 auto;
}
#content .multimediaContainer .gamesArchiveWrapper .col-list {
width: 156px;
margin-right: 12px;
margin-bottom: 24px;
float: left;
}
#content .multimediaContainer .gamesArchiveWrapper .col-list h2 {
font-size: 1.5em;
margin: 10px 0 2px 0;
}
#content .multimediaContainer .gamesArchiveWrapper .col-list ul {
}
#content .multimediaContainer .gamesArchiveWrapper .col-list ul li {
background: url(../img/bullet_dot.png) 0 10px no-repeat;
padding-left: 6px;
}
#content .multimediaContainer .gamesArchiveWrapper .col-list ul li a {
font-size: 0.833em;
}
#content .multimediaContainer .gamesArchiveWrapper .col-list ul li a:focus,
#content .multimediaContainer .gamesArchiveWrapper .col-list ul li a:hover,
#content .multimediaContainer .gamesArchiveWrapper .col-list ul li a:active {
color: #ffffff;
}
#content .archiveSearchContainer {
width: 1024px;
margin: 24px auto;
/*margin: 12px 0 12px 84px;*/
/*border: 1px solid black;*/
}
#content .archiveSearchContainer .searchForm {
width: 420px;
margin: 0 0 0 259px;
padding-top: 10px;
font-size: 1em;
/*border: 1px solid #ffffff;*/
}
#content .archiveSearchContainer .searchForm h1 {
font-size: 2em;
margin-bottom: 6px;
}
#content .archiveSearchContainer .searchForm p {
margin-bottom: 18px;
}
#content .archiveSearchContainer .searchForm form {
width: 410px;
/*height: 168px;*/
padding: 12px;
border: 1px solid #ffffff;
}
.searchForm label {
width: 70px;
float: left;
font-size: 1em;
margin: 6px 6px 0 0;
text-align: right;
}
.searchForm br {
clear: left;
}
.searchForm .positionPeriod {
text-align: right;
padding-left: 30px;
/*border: 1px solid black;*/
}
.searchForm .positionPeriod .periodFrom,
.searchForm .positionPeriod .periodTo {
width: auto;
float: left;
/*border: 1px solid white;*/
}
.searchForm .positionPeriod .periodFrom label {
width: 90px;
}
.searchForm .positionPeriod .periodTo label {
width: 40px;
}
.searchForm .positionCheckbox {
text-align: right;
padding-left: 295px;
}
.searchForm .positionCheckbox label {
margin-top: 3px;
}
#content .archiveSearchContainer .resultContainer {
position: relative;
width: 682px;
margin: 12px 0 0 259px;
padding: 48px 36px 24px 36px;
background: #dfdfe0;
}
#content .archiveSearchContainer .resultContainer .resultBlock {
margin-bottom: 36px;
font-size: 1em;
}
#content .archiveSearchContainer .resultContainer .resultBlock h1 {
font-size: 2em;
margin: 0 0 12px 132px;
}
#content .archiveSearchContainer .resultContainer .resultBlock h1.articleList {
margin: 0 0 24px 0;
}
#content .archiveSearchContainer .resultContainer .resultBlock p {
font-size: 0.833em;
margin-left: 132px;
}
#content .archiveSearchContainer .resultContainer .resultBlock .result {
margin-top: 12px;
}
#content .archiveSearchContainer .resultContainer .resultBlock .resultImage {
width: 120px;
height: 120px;
margin-right: 12px;
float: left;
}
#content .archiveSearchContainer .resultContainer .resultBlock .resultText {
width: 550px;
float: left;
}
#content .archiveSearchContainer .resultContainer .resultBlock .resultText h2 {
font-size: 1.15em;
/*font-weight: bold;*/
margin: 0 0 8px 0;
}
#content .archiveSearchContainer .resultContainer .resultBlock .resultText h3 {
font-size: 1.75em;
font-weight: bold;
margin: 6px 0 8px 0;
}
#content .archiveSearchContainer .resultContainer .resultBlock .resultText p {
font-size: 1.06em;
margin-left: 0;
margin-bottom: 12px;
line-height: 20px;
}
#content .archiveSearchContainer .resultContainer .resultBlock .resultText a:link,
#content .archiveSearchContainer .resultContainer .resultBlock .resultText a:visited {
/*font-size: 1em;*/
/*font-weight: bold;*/
color: #000000;
}
#content .archiveSearchContainer .resultContainer .resultBlock .resultText a:focus,
#content .archiveSearchContainer .resultContainer .resultBlock .resultText a:hover,
#content .archiveSearchContainer .resultContainer .resultBlock .resultText a:active {
color: #000000 !important;
}
#content .archiveSearchContainer .resultContainer .resultBlock .resultText a:focus h3,
#content .archiveSearchContainer .resultContainer .resultBlock .resultText a:hover h3,
#content .archiveSearchContainer .resultContainer .resultBlock .resultText a:active h3,
#content .archiveSearchContainer .resultContainer .resultBlock .resultText a:focus .more,
#content .archiveSearchContainer .resultContainer .resultBlock .resultText a:hover .more,
#content .archiveSearchContainer .resultContainer .resultBlock .resultText a:active .more {
color: #7e0600 !important;
text-decoration: underline !important;
}
.highlightText {
background: #f39100;
color: #ffffff !important;
}
#content .ecardContainer {
width: 1024px;
margin: 24px auto;
/*padding-left: 112px;*/
}
#content .ecardContainer .ecardWrapper {
margin-left: 100px;
}
#content .ecardContainer .ecardWrapper h1 {
font-size: 4em;
margin-bottom: 24px;
}
#content .ecardContainer .ecardWrapper .ecard {
width: 660px;
height: 456px;
margin-right: 12px;
float: left;
text-align: center
}
#content .ecardContainer .ecardWrapper .ecard img {
border: 1px solid #dfdfe0;
}
#content .ecardContainer .ecardWrapper .ecardForm {
width: 240px;
float: left;
}
#content .ecardContainer .ecardWrapper .ecardForm span {
display: block;
margin-top: 6px;
font-size: 0.833em;
}
#content .ecardContainer .ecardWrapper .ecardPreview {
margin: 12px 0 0 6px;
float: right;
}
.hint {
clear: both;
font-size: 0.833em;
line-height: 1.1em;
}
#content .stubContainer {
width: 754px;
margin: 0 auto;
padding: 50px 0 0 270px;
/*border: 1px solid black;*/
}
#content .stubContainer h1 {
font-size: 1.083em;
font-weight: bold;
margin: 12px 0 3px 0;
}
#content .stubContainer iframe {
margin-top: 12px;
border: 2px solid #67b52c;
width: 545px;
height: 509px;
}
#content .indexVideoWrapper {}
.indexVideoWrapper > p:nth-of-type(1) {
float: left;
}
.indexVideoWrapper > p:nth-of-type(2) {
float: right;
}
.indexVideoWrapper > p:nth-of-type(2) a {
font-style: italic;
font-weight: bold;
}
.indexVideoWrapper .indexVideoContainer {
clear: both;
padding-top: 12px;
}
.indexVideoContainer .indexVideo:nth-of-type(1) {
float: left;
}
.indexVideoContainer .indexVideo:nth-of-type(2) {
float: right;
}
/******************************* INTERACTIVITY */
div#interactivityContentContainer {
margin-bottom: 40px !important;
padding: 20px 20px 20px 20px !important;
position: relative !important;
top: 20px !important;
left: 0 !important;
width: 705px !important;
height: auto !important;
border: 1px solid #f39100 !important;
}
div#interactivityContentContainer p {
padding: 3px 0 5px 0 !important;
/*line-height: 16px !important;*/
}
div#interactivityContentContainer td {
font-size: 1em !important;
padding: 6px 0 6px 0;
line-height: 18px !important;
}
div#interactivityContentContainer div {
font-size: 1em !important;
line-height: 18px !important;
}
div#interactivityContentContainer .check {
padding: 0;
}
div#interactivityContentContainer .radio {
/*margin-top: 5px !important;*/
margin-bottom: 10px !important;
}
div#interactivityContentContainer .but {
border: 1px solid #000000;
background: transparent;
text-transform: lowercase;
font-family: verdana, sans-serif;
font-size: 1.5em;
}
.questionnaire {
line-height: 18px !important;
margin-top: 10px;
}
/*.questionnaire p {*/
/*margin-top: 10px;*/
/*}*/
.formElementPosition {
margin: 0 3px 0 0;
}
.interactivityAnswer {
width: 89%;
margin-top: -2px;
margin-bottom: 10px;
float: left;
}
#content .grayContent .innerContent .articleContainer.interactivity h2.fragebogen {
font-size: 100%;
margin: 15px 0 3px 0;
font-weight: bold;
}
#content .grayContent .innerContent .articleContainer.interactivity p.Fliesstext {
margin-bottom: 5px;
}
#content .grayContent .innerContent .articleContainer.interactivity p.teilnahme {
margin-top: 20px;
}
#content .grayContent .innerContent .articleContainer.interactivity p.Fliesstext strong {
display: inline-block;
margin-bottom: -5px;
}
.internalCrossLinksContainer {}
.internalCrossLinksContainer h2.furtherTopics {
font-size: 2em;
margin: -3px 0 11px 0;
}
.internalCrossLinksContainer .teaserContainer {
float: left;
margin-right: 48px;
}
.internalCrossLinksContainer .teaserContainer:nth-of-type(2) {
margin-right: 0;
}
#content .internalCrossLinksContainer .furtherTopicsContainer p {
font-size: 1em;
line-height: 1.333em;
}
/******************************* FOOT */
#minHeight {
clear:both;
/*height: 24px;*/
}
#footerWrapper {
/*position: relative;*/
/*margin-top: -24px; */
/* negative value of footer height */
width: 100%;
height: 24px;
/*clear:both;*/
position:absolute;
bottom:0px !important;
/*border: 1px solid black;*/
}
#footerWrapper #footer {
position: relative;
/*top: 0;*/
/*right: 12px;*/
width: 1000px;
margin: 0 auto;
/*padding: 0 12px 0 0;*/
text-align: right;
/*border: 1px solid black;*/
}
#footerWrapper #footer ul {}
#footerWrapper #footer ul li {
display: inline;
padding: 0 9px 0 2px;
background: url(../img/footnav_separator.png) 100% 60% no-repeat;
}
#footerWrapper #footer ul li.hideForMobileNav {
display: inline-block;
}
#footerWrapper #footer ul li.last {
padding: 0 0 0 2px;
background: none;
}
#footerWrapper #footer ul li a:link,
#footerWrapper #footer ul li a:visited {
text-decoration: none;
color: #000000;
font-size: 1em;
}
#footerWrapper #footer ul li a:focus,
#footerWrapper #footer ul li a:hover,
#footerWrapper #footer ul li a:active {
text-decoration: underline !important;
}