/**********************************************/ /* CSS Definitions MAIN */ /**********************************************/ /**********************************************/ /* Color definitions: new Red: #ea6674 Yellow: #eebb50 Blue: #004a99 Grey footer: #4e4e4e / #3e3e3e /**********************************************/ /* Color definitions: old Blue (Logo): rgb(0,76,153) #004C99 Red: rgb(234,101,111) #EA656F Orange: rgb(239,188,69) #EFBC45 Green: rgb(127,161,120) #7FA178 dark grey: rgb(65,67,72); #414348 Yellow (Logo): rgb(255,232,0) #FFE800 */ @font-face { font-family: 'EC-Square-Sans-Pro'; src: url('../fonts/ECSquareSansPro-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'EC-Square-Sans-Pro-Bold'; src: url('../fonts/ECSquareSansPro-Bold.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'EC-Square-Sans-Pro-ExtraBlack'; src: url('../fonts/ECSquareSansPro-ExtraBlack.ttf') format('truetype'); font-weight: normal; font-style: normal; } /* ********************************************************************** */ /* GENERAL */ /* ********************************************************************** */ body{font-family:'EC-Square-Sans-Pro', sans-serif; font-size:19px; color:rgb(65,67,72); background-image: url(/fileadmin/templates/iuc/images/bg.png); background-repeat: round;} ::-moz-selection { background:rgb(239,188,69) !important; color:rgb(65,67,72) !important; text-shadow: none; } ::selection { background:rgb(239,188,69) !important; color:rgb(65,67,72) !important; text-shadow: none; } /* ********************************************************************** */ /* Content container /* ********************************************************************** */ .centered_with_container{width:1200px; margin:0 auto; overflow:hidden; text-align:left;} .centered_with_container .centered_with_container{width:auto;} /* ********************************************************************** */ /* STANDARD CONTENT ELEMENTS */ /* ********************************************************************** */ #content_box {} #content_box p{font-family:'EC-Square-Sans-Pro', sans-serif; font-size:1em; line-height:1.5em; margin:0px 0 10px 0; padding:0; color: #004a99; }//18pt #content_box em{ font-style:italic;} #content_box strong{font-weight:bold;} #content_box sub{} #content_box sup{} #content_box strike{text-decoration: line-through;} #content_box u{text-decoration:underline;} #content_box img{max-width:100%; height:auto;} #content_box h1{ font-family:'EC-Square-Sans-Pro-ExtraBlack', sans-serif; font-size: 2.5em; margin-top:10px; color:#004a99;} #content_box h2, .borderBox h2, footer h2{ font-family:'EC-Square-Sans-Pro-ExtraBlack', sans-serif; font-size: 1.5em; margin-top:10px; color:rgb(0,76,153);} #content_box h3{ font-family:'EC-Square-Sans-Pro', sans-serif; font-size: 1.3em; margin-top:10px; color:rgb(0,76,153);}//28pt plain #content_box h4{ font-family:'EC-Square-Sans-Pro', sans-serif; font-size: 1.3em; margin-top:10px; } #content_box h5{ font-weight: bold; font-size: 1.1em; margin-top:10px; } #content_box h6{ font-weight: bold; font-size: 1.0em; margin-top:10px; } /* image overlay heading top of page */ div.subtitle_overlay h1{ font-family:'EC-Square-Sans-Pro-ExtraBlack', sans-serif; font-size: 5em; color:white; text-shadow: 5px 5px black;} #content_box a{color:rgb(127,161,120); background-color:transparent; text-decoration:underline;} #content_box a:link {color:rgb(127,161,120);} #content_box a:visited {color:rgb(127,161,120);} #content_box a:hover {background-color:rgb(127,161,120); color:white;} #content_box a:active {} #content_box a img{border:none; background-color:transparent;} #content_box a:hover img{background-color:transparent; color: transparent;} #content_box a img:hover{background-color:transparent; color: transparent;} #content_box figure a:hover{background-color:transparent; color: transparent;} #content_box ul{margin:10px 0 10px 0px; overflow:hidden; padding-left:25px; } #content_box ul li { color: #004C99; } #content_box ol{margin:10px 0 10px 0px; overflow:hidden; padding-left:25px; } #content_box ol li{color: #004C99; } #content_box table{margin:10px 0 10px 0;} #content_box table tr{} #content_box table tr th{vertical-align:top;;} #content_box table tr td{vertical-align:top;} #content_box hr{margin:10px 0 10px 0; border:2px dashed rgb(65,67,72); border-width:1px 0 0 0;} #content_box div{font-size:inherit; color:inherit; line-height:inherit;} #content_box span{font-size:inherit; color:inherit; line-height:inherit;} #content_box blockquote {} #content_box blockquote p{} #content_box pre{font-family:Courier, monospace;} #content_box pre code{color:rgb(65,67,72);} #content_box dl{} #content_box dl dt{} #content_box dt dd{} /* ********************************************************************** */ /* ADDITIONAL STANDARD CLASSES */ /* ********************************************************************** */ #content_box .align-left{text-align:left;} #content_box .align-right{text-align:right;} #content_box .align-center{text-align:center;} #content_box .align-justify{text-align:justify;} /* ********************************************************************** */ /* ADDITIONAL CUSTOM CLASSES */ /* ********************************************************************** */ /* ********************************************************************** */ /* General text color in non-white BG elements(BG, inverted, etc) /* ********************************************************************** */ #content_box .inverted *{color:white; } #content_box .inverted p{font-size: 1em; } #content_box .inverted a, #content_box .inverted a:link, #content_box .inverted a:visited {} #content_box .inverted a:hover {} #content_box .inverted pre code{color:rgb(65,67,72); } /* ********************************************************************** */ /* Link style in some of the BG boxes (turquoise, orange, brown, green2016, pink2017) /* ********************************************************************** */ #content_box .blueBG a{ } #content_box .blueBG a:hover{ } #content_box .redBG a{ color:rgb(0,76,153); } #content_box .redBG a:hover{ background-color:rgb(0,76,153); color:white;} #content_box .greyBG a{ } #content_box .greyBG a:hover{ } #content_box .orangeBG a{ color:rgb(0,76,153); } #content_box .orangeBG a:hover{ background-color:rgb(0,76,153); color:white;} /* ********************************************************************** */ /* Link styles (coloured link boxes) /* ********************************************************************** */ #content_box a[class^="link"]{display:inline-block; text-decoration:none; padding:8px 16px; border-radius:1px; border:1px solid white; } #content_box a[class$="Border"]{ background-color:white; font-family:'EC-Square-Sans-Pro-ExtraBlack', sans-serif; } #content_box a[class$="BG"]{color:white; font-family:'EC-Square-Sans-Pro-ExtraBlack', sans-serif; border-radius: 5px; } #content_box .content_tile a.linkBlueBorder{color:rgb(0,76,153); border-color:rgb(0,76,153);} #content_box .content_tile a.linkBlueBorder:hover{color:white; background-color:rgb(0,76,153);} #content_box .content_tile.inverted a.linkBlueBorder{color:#004a99;} #content_box .content_tile.inverted a.linkBlueBorder:hover{color:#004a99; background-color:white;} #content_box a.linkBlueBG{ background-color:rgb(0,76,153); border-color:rgb(0,76,153); font-size:18px;} #content_box a.linkBlueBG:hover{ background-color:rgba(0,76,153,0.8);} #content_box .content_tile a.linkRedBorder{color:rgb(234,101,111); border-color:rgb(234,101,111); color:rgb(65,67,72);} #content_box .content_tile a.linkRedBorder:hover{ color:rgb(65,67,72); background-color:rgb(234,101,111);} #content_box .content_tile a.linkRedBG{ background-color:rgb(234,101,111); border-color:rgb(234,101,111); color:rgb(100,100,100);} #content_box .content_tile a.linkRedBG:hover{ background-color:rgba(234,101,111,0.8);} #content_box .content_tile a.linkOrangeBorder{color:rgb(239,188,69); border-color:rgb(239,188,69); color:rgb(65,67,72);} #content_box .content_tile a.linkOrangeBorder:hover{ color:rgb(65,67,72); background-color:rgb(239,188,69);} #content_box .content_tile a.linkOrangeBG{ background-color:rgb(239,188,69); border-color:rgb(239,188,69); color:rgb(100,100,100);} #content_box .content_tile a.linkOrangeBG:hover{ background-color:rgba(239,188,69,0.8);} #content_box .content_tile a.linkGreenBorder{color:rgb(127,161,120); border-color:rgb(127,161,120); color:rgb(65,67,72);} #content_box .content_tile a.linkGreenBorder:hover{ color:rgb(65,67,72); background-color:rgb(127,161,120);} #content_box .content_tile a.linkGreenBG{ background-color:rgb(127,161,120); border-color:rgb(127,161,120); color:rgb(100,100,100);} #content_box .content_tile a.linkGreenBG:hover{ background-color:rgba(127,161,120,0.8);} #content_box .content_tile a.linkGhost{color:rgb(0,76,153); border-color:rgb(0,76,153); background-color:transparent; } #content_box .content_tile a.linkGhost:hover{background-color:rgba(0,76,153,0.2); } #content_box .content_tile a.linkGhostWhite{color:white; border-color:white; background-color:transparent;} #content_box .content_tile a.linkGhostWhite:hover{background-color:rgba(255,255,255,0.1); color:white; border-color:white;} #content_box .content_tile.inverted a{ color:white;} #content_box .content_tile.inverted a:hover{ border-color:white;} #content_box .content_tile.inverted a.linkBlueBG{ color:rgb(0,76,153);} /* ********************************************************************** */ /* General Box Classes */ /* ********************************************************************** */ #content_box .content_tile{} #content_box .has_padding{padding:10px;} #content_box .news_padding{padding:0% 10%;} #content_box .solidBG{border-radius:inherit; text-align:left; border-radius: 10px;} #content_box .borderBox{border-radius:inherit; border-width:1px; border-style: solid; text-align:left;} #content_box .content_tile.inverted{color:white;} #content_box .whiteBG{ background-color:white;} #content_box .blueBG{ background-color:rgb(0,76,153);} #content_box .redBG{ background-color:rgb(234,101,111);} #content_box .greyBG{ background-color:#3e3e3e;} #content_box .orangeBG{ background-color:#EFBC45;} #content_box .whiteBorder{border-color:white;} #content_box .blueBorder{border-color:rgb(0,76,153);} #content_box .redBorder{border-color:rgb(234,101,111);} #content_box .greyBorder{border-color:#7FA178;} #content_box .greenBorder{border-color:rgb(127,161,120);} /*copied/adjust*/ div#content > div.centered-column{width:980px; margin:0 auto;} div#content > div.wide-box{width:100%;} //div#content div.wide-box .centered_container {padding: 0px;} #content_box .redContent h1, #content_box .redContent h2, #content_box .redContent h3, #content_box .redContent h4, #content_box .redContent h5, #content_box .redContent a, #content_box .redContent a:link, #content_box .redContent a:visited{color:rgb(234,101,111);} #content_box .redContent a:hover {color:white; background-color:rgb(234,101,111);} #content_box .redContent a.linkGhost {color:rgb(234,101,111); border-color:rgb(234,101,111); } #content_box .redContent a.linkGhost:hover {background-color:rgba(234,101,111,0.2); } #content_box .redContent hr{border-color:rgb(234,101,111);} #content_box .greyContent h1, #content_box .greyContent h2, #content_box .greyContent h3, #content_box .greyContent h4, #content_box .greyContent h5, #content_box .greyContent a, #content_box .greyContent a:link, #content_box .greyContent a:visited{color:rgb(239,188,69);} #content_box .greyContent a:hover {color:white; background-color:rgb(239,188,69);} #content_box .greyContent a.linkGhost {color:rgb(239,188,69); border-color:rgb(239,188,69); } #content_box .greyContent a.linkGhost:hover {background-color:rgba(239,188,69,0.2); } #content_box .greyContent hr{border-color:rgb(239,188,69);} #content_box .greenContent h1, #content_box .greenContent h2, #content_box .greenContent h3, #content_box .greenContent h4, #content_box .greenContent h5, #content_box .greenContent a, #content_box .greenContent a:link, #content_box .greenContent a:visited{color:rgb(127,161,120);} #content_box .greenContent a:hover {color:white; background-color:rgb(127,161,120);} #content_box .greenContent a.linkGhost {color:rgb(127,161,120); border-color:rgb(127,161,120); } #content_box .greenContent a.linkGhost:hover {background-color:rgba(127,161,120,0.2); } #content_box .greenContent hr{border-color:rgb(127,161,120);} /* ********************************************************************** */ /* Content Tile header /* ********************************************************************** */ #content_box .content_tile div.csc-header{padding:0; margin:0; } #content_box .content_tile.no_padding div.csc-header{} #content_box .content_tile.has_padding div.csc-header{} /*#content_box .content_tile div.csc-header *{color:white;}*/ #content_box .content_tile div.csc-header h1{margin:0; padding:0;} #content_box .content_tile div.csc-header h2{margin:0; padding:0;} #content_box .content_tile div.csc-header h3{margin:0; padding:0;} #content_box .content_tile div.csc-header h4{margin:0; padding:0;} #content_box .content_tile div.csc-header h5{margin:0; padding:0;} #content_box .content_tile div.csc-header h6{margin:0; padding:0;} #content_box .whiteBorder div.csc-header{} #content_box .whiteBorder div.csc-header *{color:inherit;} #content_box .blueBorder div.csc-header{} #content_box .blue1Border div.csc-header *{} #content_box .yellowBorder div.csc-header{} #content_box .yellowBorder div.csc-header *{} /* ********************************************************************** */ /* Custom boxes added through the extension std_wrap */ /* ********************************************************************** */ //get same class #content_box div.component_box_home *{color: white;} #content_box div.component_box_home { z-index: 100; position: relative;color: white;} #content_box div.component_box_home h1 {font-size: 3.5em;color: white;} #content_box div.component_box_home h2 {line-height: 1;color: white;} #content_box div.component_box_home .has_padding{padding: 10px 10px;} #content_box div.knowledge_platform_box {background-image: url(/fileadmin/templates/iuc/images/overlay_knowledgeplatform.png); background-size: contain; background-repeat: no-repeat; background-position: center top; width: 100%; min-height: 660px; margin-top: -140px; z-index: 200; position: relative;} #content_box div.knowledge_platform_box #knowledge_platform_box_overlay > div{margin-top:-100px;} .knowledge_platform_box_inner {margin-top:200px; padding: 0px 25px;} #content_box div#overlay_pink div{ right: 0; top: -240px;} #content_box div#overlay_yellow {z-index: 100;} #content_box div#overlay_yellow div{ left: 0; top: -165px;} #content_box div#overlay_blue {z-index: 102;} #content_box div#overlay_blue div{ right: 0; top: -330px;} /* ********************************************************************** */ /* Special table classes */ /* ********************************************************************** */ #content_box table{} #content_box table tr{} //#content_box table tr:nth-child(odd){background-color:rgb(245,245,245);} #content_box table tr th{/*border-bottom:1px solid rgb(240,240,240);*/ vertical-align:middle; padding:10px; color:white; background-color:rgb(65,67,72); font-size: 1.2em;} #content_box table tr td{/*border-bottom:1px solid rgb(240,240,240);*/ vertical-align:middle; padding:10px; color: #004C99;} /* Customisation */ /* ********************************************************************** */ /* Accordions */ /* ********************************************************************** */ #content_box .content_tile.box-accordion{background-color: #3e3e3e; color:white;} #content_box .content_tile.box-accordion h1{color:white;} #content_box .content_tile.box-accordion p{color:white; font-size: 1em; line-height: 1.8em;} #content_box .content_tile.box-accordion .csc-header{ cursor:pointer; padding:0; background-color:#3e3e3e;} #content_box .content_tile.box-accordion .csc-header .csc-firstHeader{ cursor:pointer; color:white; margin:0; padding:5px 10px; background-color:rgb(30,104,129);} #content_box .content_tile.box-accordion .csc-header:hover{color:white !important; } #content_box .content_tile.box-accordion .accordion-content{padding:10px;} #content_box .content_tile.expanded {} #content_box .content_tile.expanded .csc-header:after{font-family: 'FontAwesome'; color:white; content: "\f078"; font-size:1.3em; margin:-34px 10px 0 0; display: inline-block; float:right; font-weight: normal;} #content_box .content_tile.expanded .csc-header:hover:after{} #content_box .content_tile.collapsed {padding-bottom:0 !important;} #content_box .content_tile.collapsed .csc-header:after{font-family: 'FontAwesome'; color:white; content: "\f054"; font-size:1.3em; margin:-31px 10px 0 0; display: inline-block; float:right; font-weight: normal;} #content_box .content_tile.collapsed .csc-header:hover:after{} /* ********************************************************************** */ /* Special Event Classes */ /* ********************************************************************** */ #content_box .event_dateloc {border:1px solid #004a99; border-radius:5px; font-size:0.8em; color:white; background-color:#004a99; margin:5px 0 0 0; display:inline-block; padding:2px;} #content_box .event_type {border:1px solid #004a99; border-radius:5px; font-size:0.8em; color:#004a99; margin:5px 0 0 0; display:inline-block; padding:2px;} /* ********************************************************************** */ /* FIRST ELEMENT IN CONTENT AREA - margin-top*/ /* ********************************************************************** */ #content_box .content_tile.has_padding p:first-child{margin-top:0;} #content_box .content_tile.has_padding h1:first-child{margin-top:0;} #content_box .content_tile.has_padding h2:first-child{margin-top:0;} #content_box .content_tile.has_padding h3:first-child{margin-top:0;} #content_box .content_tile.has_padding h4:first-child{margin-top:0;} #content_box .content_tile.has_padding h5:first-child{margin-top:0;} #content_box .content_tile.has_padding h6:first-child{margin-top:0;} #content_box .content_tile.has_padding ul:first-child{margin-top:0;} #content_box .content_tile.has_padding ol:first-child{margin-top:0;} #content_box .content_tile.has_padding table:first-child{margin-top:0;} #content_box .content_tile.has_padding blockquote:first-child{margin-top:0;} #content_box .content_tile.has_padding img:first-child{margin-top:0;} /* ********************************************************************** */ /* SPECIAL ELEMENT * First level non-padding element in content area (screen) /* ********************************************************************** */ /* necessary ?!? */ #content_box > .full_width_container > .centered_container.default_padding{padding:10px 10px;} /* ********************************************************************** */ /* FCE (Typo3 Flexible Content elements) /* ********************************************************************** */ .whiteBG .two_colums_50_50{ padding: 10px 30px;} .two_colums_50_50 > .column_50_50{min-height:1px; width:50%;} .two_colums_50_50 > .column_left{float:left;} .two_colums_50_50 > .column_right{float:right;} #content_box .two_colums_50_50 p{} .two_colums_50_50 > .column_left .whiteBG{margin-right:10px;} .two_colums_50_50 > .column_right .whiteBG{margin-left:10px;} .two_colums_33_66{ padding: 10px 30px;} .two_colums_33_66 > .column_33_66{min-height:1px; } .two_colums_33_66 > .column_left{float:left; width:33.3333%;} .two_colums_33_66 > .column_right{float:right; width:66.3333%; } #content_box .two_colums_33_66 p{} .two_colums_66_33{ padding: 10px 30px;} .two_colums_66_33 > .column_66_33{min-height:1px; } .two_colums_66_33 > .column_left{float:left; width:66.3333%;} .two_colums_66_33 > .column_right{float:right; width:33.3333%;} #content_box .two_colums_66_33 p{} .three_colums_33_33_33{ padding: 10px 30px;} .three_colums_33_33_33 > .column_33_33_33{min-height:1px; width:33.333333%;} .three_colums_33_33_33 > .column_left{float:left;} .three_colums_33_33_33 > .column_middle{float:left;} .three_colums_33_33_33 > .column_right{float:right; margin-right:0;} #content_box .three_colums_33_33_33 p{} .four_colums_25_25_25_25{ padding: 10px 30px;} .four_colums_25_25_25_25 > .column_25_25_25_25{min-height:1px; width:25%;} .four_colums_25_25_25_25 > .column_left{float:left;} .four_colums_25_25_25_25 > .column_middle_left{float:left;} .four_colums_25_25_25_25 > .column_middle_right{float:left;} .four_colums_25_25_25_25 > .column_right{float:right; margin-right:0;} #content_box .four_colums_25_25_25_25 p{} .three_colums_25_50_25{ padding: 10px 30px;} .three_colums_25_50_25 > .column_25_50_25{min-height:1px;} .three_colums_25_50_25 > .column_left{float:left; width:25%;} .three_colums_25_50_25 > .column_middle{float:left; width:50%;} .three_colums_25_50_25 > .column_right{float:right; margin-right:0; width:25%;} /**********************************************/ /* Media Queries /**********************************************/ /* 980 - 1280 */ @media only screen and (min-width: 980px) and (max-width:1280px) { #content_box div#overlay_yellow div { top: -90px; } #content_box div.knowledge_platform_box { min-height: 100px; } } /* 980 - 1200 */ @media only screen and (min-width: 980px) and (max-width:1199px) { } /* 768 - 980 */ @media only screen and (min-width: 768px) and (max-width:979px) { } /* < 768 */ @media only screen and (max-width: 767px){ div.subtitle_overlay h1{ font-family:'EC-Square-Sans-Pro-ExtraBlack', sans-serif; font-size: 3em; color:white; text-shadow: 5px 5px black;} #content_box div.heading_row {font-size:12px;} #content_box div.resource_item {font-size:12px;} .two_colums_50_50 > .column_50_50{margin:0;} .two_colums_50_50 > .column_left{clear:both; width:96%; margin-left:2%; margin-right:2%; } .two_colums_50_50 > .column_right{clear:both; width:96%; margin-left:2%; margin-right:2%; margin-top:10px;} .two_colums_33_66 > .column_33_66{margin:0;} .two_colums_33_66 > .column_left{clear:both; width:96%; margin-left:2%; margin-right:2%; } .two_colums_33_66 > .column_right{clear:both; width:96%; margin-left:2%; margin-right:2%; margin-top:10px;} .two_colums_66_33{} .two_colums_66_33 > .column_66_33{margin:0;} .two_colums_66_33 > .column_left{clear:both; width:96%; margin-left:2%; margin-right:2%; } .two_colums_66_33 > .column_right{clear:both; width:96%; margin-left:2%; margin-right:2%; margin-top:10px;} .three_colums_33_33_33{} .three_colums_33_33_33 > .column_33_33_33{margin:0;} .three_colums_33_33_33 > .column_left{clear:both; width:96%; margin-left:2%; margin-right:2%; } .three_colums_33_33_33 > .column_middle{clear:both; width:96%; margin-left:2%; margin-right:2%; margin-top:10px;} .three_colums_33_33_33 > .column_right{clear:both; width:96%; margin-left:2%; margin-right:2%; margin-top:10px;} .four_colums_25_25_25_25{} .four_colums_25_25_25_25 > .column_25_25_25_25{margin:0;} .four_colums_25_25_25_25 > .column_left{clear:both; width:96%; margin-left:2%; margin-right:2%; } .four_colums_25_25_25_25 > .column_middle_left{clear:both; width:96%; margin-left:2%; margin-right:2%; margin-top:10px;} .four_colums_25_25_25_25 > .column_middle_right{clear:both; width:96%; margin-left:2%; margin-right:2%; margin-top:10px;} .four_colums_25_25_25_25 > .column_right{clear:both; width:96%; margin-left:2%; margin-right:2%; margin-top:10px;} .three_colums_25_50_25{} .three_colums_25_50_25 > .column_25_50_25{min-height:1px;} .three_colums_25_50_25 > .column_left{clear:both; width:96%; margin-left:2%; margin-right:2%;} .three_colums_25_50_25 > .column_middle{clear:both; width:96%; margin-left:2%; margin-right:2%;} .three_colums_25_50_25 > .column_right{clear:both; width:96%; margin-left:2%; margin-right:2%;} /* ********************************************************************** */ /* SPECIAL ELEMENT * First level non-padding element in content area (screen) /* ********************************************************************** */ #content_box > .full_width_container > .centered_container.no_padding{padding:10px;} /* ********************************************************************** */ /* Overlay Icons - EDGAR /* ********************************************************************** */ #content_box .content_tile .edgar_overlay_icons{display:none;} .overlay {z-index:-5;} #content_box div#overlay_pink {z-index: -5;} #content_box div#overlay_yellow {z-index: -5;} #content_box div#overlay_blue {z-index: -5;} } /* end of < 768 */