/* - ploneCustom.css - */
@media all {
/* https://www.bildungsberatung-ooe.x-net.dev/portal_css/ploneCustom.css?original=1 */
body {
font-family:'source_sans_proregular';
letter-spacing:1px;
color:#252525;
}
#portal-searchbox, #portal-colophon, #portal-siteactions, #portal-breadcrumbs {
display:none;
}
div.width-full {
width:100%;
}
div.position-0 {
margin-left:-100%;
}
#logo {
margin-left:10%;
max-width:70%;
}
#portal-logo {
margin-top:56px;
margin-bottom:10px;
float:left;
max-width:50%;
}
#portal-logo img {
max-width:400px;
height:auto;
width:100%;
}
.logo-text {
color:#bf0616;
margin-left:28px;
margin-top:70px;
max-width:30%;
width:auto;
float:left;
}
#header-links {
float:right;
margin-right:10%;
margin-top:13px;
position:absolute;
right:0;
max-width:20%;
}
#header-links img {
vertical-align:top;
max-width:100%;
width:auto;
}
#portal-personaltools {
background-image:url("bg-top.png");
width:10%;
height:20px;
padding:0;
z-index:0;
float:left;
}
.facebook_icon {
margin-left: 28px;
margin-top: 16px;
max-width: 50%;
width: auto;
float: right;
}
.facebook_icon img {
width: 51%;
}
#portal-globalnav {
background-color:#ffffff;
font-size:100%;
line-height:10px;
float:right;
margin-right:calc(10% + 196px);
margin-right:-moz-calc(10% + 196px);
margin-right:-webkit-calc(10% + 196px);
}
#portal-globalnav li {
display:table;
float:left;
}
#portal-globalnav li a, #portal-globalnav .selected a, #portal-globalnav a:hover, #portal-globalnav .selected a:hover {
background-color:#ffffff;
border:none;
text-transform:uppercase;
}
#portal-globalnav li a {
display:table-cell;
padding:27px 10px 10px;
min-width:0;
color:#000000;
}
#portal-globalnav .selected a, #portal-globalnav a:hover, #portal-globalnav .selected a:hover {
color:#bf0616;
}
#portaltab-index_html {
display:none !important;
}
#content {
margin:3em 0 2em;
font-size:100%;
letter-spacing:0;
}
h1, h2, h3, h4, h5, h6 {
font-family:'source_sans_proregular';
letter-spacing:1px;
font-weight:normal;
}
#content h1.documentFirstHeading {
text-align:center;
color:#bf0616;
display:none;
}
#portal-column-content {
max-width:80%;
margin-left:-90%;
}
#parent-fieldname-description {
display:none;
}
h2 {
clear:left;
color:#bf0616;
font-weight:normal;
border-bottom:1px solid #c3c3c3;
font-size:220%;
margin:0 auto 20px;
padding-top:60px;
padding-bottom:10px;
max-width:60%;
}
h2.headline {
text-align:center;
}
h3 {
color:#bf0616;
font-size:160%;
margin-bottom:20px;
}
h4 {
font-size:140%;
margin-bottom:10px;
color:#4a5161;
}
img.image-left, img.image-right, .captioned img {
border:0;
}
.section-netzwerkpartnerinnen.subsection-netzwerkpartner #content-core img.leitbild {
width: 63%;
float: right;
margin-left: 50px;
}
dl.image-left.captioned {
width:18% !important;
min-width:1px;
margin-left:1%;
margin-right:5%;
text-align:center;
/* */
background: #95a0be; /* */
background: -moz-linear-gradient(top,  #95a0be 0%, #667499 100%); /* */
background: -webkit-linear-gradient(top,  #95a0be 0%,#667499 100%); /* */
background: linear-gradient(to bottom,  #95a0be 0%,#667499 100%); /* */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#95a0be', endColorstr='#667499',GradientType=0 ); /* */
}
a:hover dl.image-left.captioned, dl.image-left.captioned:hover {
/* */
background: #627097; /* */
background: -moz-linear-gradient(top,  #627097 0%, #314e7a 100%); /* */
background: -webkit-linear-gradient(top,  #627097 0%,#314e7a 100%); /* */
background: linear-gradient(to bottom,  #627097 0%,#314e7a 100%); /* */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#627097', endColorstr='#314e7a',GradientType=0 ); /* */
}
a dl.image-left.captioned:before, dl.image-left.captioned a:before {
padding-top:25%;
content:"";
display:block;
}
a dl.image-left.captioned:after, dl.image-left.captioned a:after {
padding-bottom:25%;
content:"";
display:block;
}
dd.image-caption {
margin:20px 0 0 !important;
text-align:center;
width:100% !important;
font-size:120%;
color:#eceef3;
}
hr.line {
border-top:1px solid #c3c3c3;
border-bottom:0;
}
#content a:link, dl.portlet a:link, #content a:visited, dl.portlet a:visited, #content a:hover, dl.portlet a:hover {
color:#bf0616 !important;
border-bottom:0.1em solid #bf0616;
}
#content .callout {
background-color:rgba(255, 255, 255, 0);
border-left:0 none;
clear:none;
font-family:"source_sans_proitalic";
width:80%;
}
#content .callout:before {
content:url("quotation_start.png");
opacity:0.3;
filter: alpha(opacity=30);
float:left;
margin-bottom:100px;
margin-right:10px;
}
#content .callout:after {
content:url("quotation_end.png");
opacity:0.3;
filter: alpha(opacity=30);
float:right;
}
#content .pullquote {
background-color:#bf0616;
width:auto;
margin-right:5%;
color:#ffffff;
padding:5px 50px 5px 10px;
letter-spacing:0 !important;
font-size:100%;
clear:unset;
font-weight:normal;
}
#content ul.listTypeSquare {
list-style-image: url("list_square.jpg");
margin-left:18px;
}
#content div.newsImageContainer a {
position:relative;
z-index:-1000;
}
#content div.newsImageContainer a img {
position:relative;
z-index:1000;
}
#content div.newsImageContainer p.discreet {
width:auto;
}
#supersized {
z-index:0 !important;
}
#supersized a {
height:auto !important;
}
iframe#iframe_success-stories {
width:calc(100% + 60px);
width:-moz-calc(100% + 60px);
width:-webkit-calc(100% + 60px);
height:900px;
}
.contactsheet:before {
content:"";
background: rgba(0, 0, 0, 0) url("overlay_success_story.png") repeat scroll 0 0 / 100%;
width:100%;
height:100%;
position:absolute;
z-index:1;
opacity:0.7;
filter: alpha(opacity=70);
}
.contactsheet {
display:flex;
flex-flow:row wrap;
margin:0 !important;
justify-content:space-around;
}
.contactsheet a {
padding-right:1%;
border:0 none !important;
margin-right:3% !important;
margin-bottom:40px !important;
width:28% !important;
max-width:400px !important;
height:auto !important;
}
.contactsheet a:hover {
padding-right:1% !important;
height:auto !important;
}
.contactsheet a div {
display:block !important;
background-color:rgba(255, 255, 255, 0) !important;
text-shadow:none !important;
font-size:120% !important;
padding-top:50% !important;
font-family:'source_sans_prosemibold' !important;
font-weight:normal !important;
height:auto !important;
}
.contactsheet a:hover div {
background-color:rgba(15, 15, 15, 0.6) !important;
padding-top:10% !important;
margin-left:-20px;
padding-bottom:200px;
}
.contactsheet a div span.image-title {
background-color:#bf0616;
padding:10px;
margin-left:20px;
float:left;
width:100%;
text-align:left;
}
.contactsheet a:hover div span.image-title {
margin-bottom:30px;
margin-left:40px;
}
.contactsheet a div p.image-desc {
display:none;
font-size:90% !important;
font-style:normal;
margin-left:20px;
text-align:left;
margin-top:40px;
font-family:"source_sans_proregular" !important;
}
.contactsheet a:hover div p.image-desc {
display:block;
margin-left:40px;
}
.contactsheet a img {
height: auto !important;
width:100% !important;
}
a.row_0 {
clear:none !important;
}
#supersized li {
height:85% !important;
}
ul#slide-list li a {
background-image:url("nav-dot.png") !important;
}
#controls-wrapper {
background:none !important;
}
#play-button, #slidecounter, #prevslide, #nextslide {
display:none !important;
}
#thumb-tray {
box-shadow:none !important;
}
#slidecaption {
color:#000000 !important;
text-shadow:none !important;
margin-left:15% !important;
background-color:#f4f5f9 !important;
position:fixed !important;
padding:15px 40px 15px 10px !important;
font-size:150% !important;
line-height:100% !important;
margin-top:-10% !important;
box-shadow:-6px 4px 12px -4px #000000;
font-family:"source_sans_prosemibold" !important;
}
body.placelayout {
background-color:#ffffff;
}
#controls {
margin-top:-20px !important;
}
#supersized li a:before {
content:"";
background: rgba(0, 0, 0, 0) url("slider-heptagon.png") no-repeat scroll 0 0;
width:100%;
height:100%;
position:absolute;
z-index:1;
margin-left:-100px;
}
#supersized li:before {
content:"";
background: rgba(0, 0, 0, 0) url("slider-signal.png") no-repeat scroll right top;
width:100%;
height:100%;
position:absolute;
z-index:1;
margin-left:100px;
}
#controls-wrapper:before {
content:"";
background: rgba(0, 0, 0, 0) url("bg-slider-bottom.png") repeat scroll right top;
width:100%;
height:100%;
position:absolute;
z-index:1;
margin-top:-42px;
opacity:0.3;
filter: alpha(opacity=30);
}
#portal-footer-wrapper {
background-color:#ffffff;
border-top:5px solid #bf0616;
margin-bottom:60px;
}
#portal-footer {
background-color:#ffffff;
display:block;
margin:30px 0 30px;
padding:0 10%;
width:80%;
}
#logo_bildungsberatung-ooe {
float:left;
margin-right:40px;
}
#logo_bildungsberatung-ooe a {
display:block;
}
#logo_bildungsberatung-ooe a img {
width:auto;
}
#logos_foerderung {
float:right;
background:rgba(0,0,0,0) url("/logos_foerderung.png") no-repeat scroll 0 0;
display:block;
height:130px;
max-width:390px;
max-height:130px;
position:relative;
width:390px;
background-size:100% auto;
}
#logos_foerderung a {
display:block;
height:70px;
width:85px;
}
#logos_foerderung img {
max-width:400px;
width:100%;
}
#copyright-AK {
font-size:120%;
position:absolute;
bottom:-40px;
margin-left:15px;
}
#copyright-AK a {
color:#bf0616;
}
.template-usergroup-userprefs #portal-column-one {
width:auto;
}
.template-usergroup-userprefs #portal-column-content {
margin-left:-82%;
}
#contentActionMenus dl.actionMenu.activated dd {
z-index:1001;
}
@media only screen and (max-width : 1502px) {
.section-netzwerkpartnerinnen.subsection-netzwerkpartner #content-core img.leitbild {
width: 100%;
float: none;
margin-left: 0px;
}
}
@media screen and (min-width: 780px) {
#logo {
display: inline-block;
}
.facebook_icon {
margin-top: 70px;
}
}​
@media only screen and (max-width : 1271px) {
@-ms-viewport { width: device-width; zoom:1.0;}
#portal-logo {
}
.logo-text {
color:#bf0616;
margin-left:28px;
margin-top:70px;
max-width:30%;
width:auto;
float:left;
}
}
@media screen and (max-width: 1100px) {
.logo-text {
color:#bf0616;
margin-left:28px;
margin-top:70px;
max-width:30%;
width:auto;
float:left;
}
.facebook_icon {
max-width: auto;
}
}​
@media screen and (min-width: 1100px) {
.logo-text {
color:#bf0616;
margin-left:28px;
margin-top:16px;
max-width:25%;
width:auto;
float:left;
}
.facebook_icon {
max-width: 30%;
}
}​
@media screen and (min-width: 1127px) {
.logo-text {
color:#bf0616;
margin-left:28px;
margin-top:16px;
max-width:30%;
width:auto;
float:left;
}
.facebook_icon {
max-width: 30%;
}
}​
@media screen and (min-width: 848px) {
.logo-text {
color:#bf0616;
margin-left:28px;
margin-top:70px;
max-width:30%;
width:auto;
float:left;
}
.facebook_icon {
max-width: 30%;
}
}​
@media only screen and (max-width: 1749px) {
.facebook_icon {
max-width:30%;
}
}
@media only screen and (max-width: 1220px) {
@-ms-viewport { width: device-width; zoom:1.0;}
#portal-logo {
max-width:40%;
}
.logo-text {
max-width:40%;
}
}
@media only screen and (max-width : 1195px) {
@-ms-viewport { width: device-width; zoom:1.0;}
iframe#iframe_success-stories {
min-height:1504px !important;
}
.logo-text {
max-width:40%;
}
}
@media only screen and (max-width : 1160px) {
@-ms-viewport { width: device-width; zoom:1.0;}
.logo-text {
max-width:40%;
}
}
@media only screen and (max-width : 1004px) {
@-ms-viewport { width: device-width; zoom:1.0;}
.logo-text {
float:left;
}
#logos_foerderung {
clear:left;
float:left;
margin-top:40px;
margin-left:15px;
margin-right:0;
}
#copyright-AK {
font-size:100%;
position:relative;
bottom:0;
margin-left:15px;
clear:left;
padding-top:40px;
line-height:150%;
}
.contactsheet a {
width:42% !important;
}
.contactsheet a div {
font-size:100% !important;
}
iframe#iframe_success-stories {
min-height:1358px !important;
}
.contactsheet:before {
background: rgba(0, 0, 0, 0) url("overlay-success_2.png") repeat scroll 0 0 / 100%;
}
#content .callout:before {
margin-bottom:200px;
}
}
@media only screen and (max-width : 840px) {
@-ms-viewport { width: device-width; zoom:1.0;}
#portal-globalnav {
font-size:80%;
float:left;
margin-left:10%;
}
iframe#iframe_success-stories {
min-height:1213px !important;
}
.facebook_icon img {
width: 50%;
}
}
@media only screen and (max-width : 780px) {
@-ms-viewport { width: device-width; zoom:1.0;}
#logo {
max-width:50%;
}
#portal-logo {
max-width:100%;
display:block;
margin-top:-50px;
}
.facebook_icon {
margin-left: 28px;
margin-top: -76px;
max-width: 100%;
width: auto;
float: right;
margin-bottom: 70px;
}
.facebook_icon img {
width: 50%;
}
.logo-text {
max-width:100%;
margin-left:0;
margin-bottom:100px;
margin-top: 16px;
}
#portal-globalnav {
position:relative;
top:240px;
width:80%;
}
#portal-globalnav li a {
padding:15px 10px 15px 0;
}
#content .callout {
clear:right;
padding-top:160px;
}
.section-bildungsangebote #content div.newsImageContainer {
position:absolute;
}
.contactsheet a div span.image-title {
padding:0px 0px 0px 10px;
}
#slidecaption {
margin-left:5% !important;
padding:5px !important;
font-size:120% !important;
line-height:120% !important;
}
#controls {
margin-top:-30px !important;
}
#supersized img {
width:auto !important;
height:auto !important;
max-width:100% !important;
max-height:100% !important;
}
h2 {
padding-top:5px;
}
#portal-column-content {
max-width:90%;
margin-left:-95%;
}
.section-startseite #content {
margin:-40px 0 2em;
}
}
@media only screen and (max-width : 780px) and (orientation:portrait) {
@-ms-viewport { width: device-width; zoom:1.0;}
#portal-logo {
margin-top:-90px;
}
}
@media only screen and (max-width : 660px) {
@-ms-viewport { width: device-width; zoom:1.0;}
.contactsheet a div {
font-size:80% !important;
}
iframe#iframe_success-stories {
min-height:1061px !important;
}
}

}