#maincontent > article {
    background-color: #efefef;
    float: left;
/* T. Schaefer, 2015-05-06, padding auf 15px reduziert */
    padding: 15px;
    margin-bottom: 3em;
}
#maincontent article.csc-default {
/* T. Schaefer, 2015-05-06, padding auf 15px reduziert */
    padding: 15px;
}

#maincontent > section {
    float: left;
    margin-bottom: 3em;
}

/*#maincontent > .twocol > div {
    margin-bottom: -10000px;
    padding-bottom: 10000px;
}*/

#maincontent > .twocol {
    display: block;
    width: 100%;
    overflow: hidden;
    /*margin-bottom: 3em;*/
}

#maincontent > .twocol > .left {
    float: left;
    width: 66.1%;
}
#maincontent > .twocol > .twocolleft {
    float: left;
    width: 66.1%;
}

#maincontent > .twocol > .right {
    float: right;
    width: 32.2%;
}

#maincontent > .twocol > .twocolright {
    float: right;
    width: 32.2%;
}

#maincontent > .big {
    width: 730px;
    clear: left;
}

#maincontent > .small {
    width: 356px;
    float: right;
}

#maincontent > .small img {
    max-width: 296px;
}
@media (max-width: 1200px){
#maincontent > .twocol > .twocolleft {width: 66.1%;}
#maincontent > .twocol > .twocolright {width: 32.2%;}
}
@media (max-width: 992px){

}
@media (max-width: 768px){

}
@media (max-width: 766px){
#maincontent > .twocol > .twocolleft {width: 100%;}
#maincontent > .twocol > .twocolright {width: 100%;margin-top: 20px;}
}

body.homepage article.std {
    min-height: 374px;
}

article.std p {
    font-size: 93.75%;
    line-height: 1.25em;
}

article.std .text-image-left figure {
    float: left;
    margin-right: 24px;
}

article.std .text-image-top figure {
    float: none;
    margin-bottom: 8px;
}

section .inner {
    clear: left;
}

/* NEWS */

.news_pi1 {
    position: relative;
}

.big.news_pi1 nav {
    position: absolute;
    width: 13%;
/* T. Schaefer, 2015-11-19, max-width, height und background-color hinzugefuegt */
    max-width: 80px;
    height: 100%;
    background-color: white;
/* T. Schaefer, 2015-07-25, bottom: 0 auf top: 0 geaendert, damit die Navigations-Tabs oben angeordnet sind
    bottom: 0;*/
    top: 0;
}


.big.news_pi1 ul {
/* T. Schaefer, 2015-11-20, height hinzugefuegt */
    height: 100%;
}
.big.news_pi1 ul li {
    width: 100%;
/* T. Schaefer, 2015-11-20, height von 77px auf 25.5% gesetzt */
    /*height: 25.5%;*/
    background-color: #eff5fe;
    margin-bottom: 0px;
    padding-right: 12px;
    text-transform: uppercase;
    border-right: 8px solid white;
    border-bottom: 8px solid white;
}

.big.news_pi1 ul li.active,
.big.news_pi1 ul li:hover {
    width: 100%;
    padding-right: 17px;
    background-color: #ecf2fb;
    border-right: none;
}

.big.news_pi1 ul li.active a,
.big.news_pi1 ul li:hover a {
    color: #1354ab;
    font-weight: bold;
    font-size: 120%;
    text-decoration: none;
}

.big.news_pi1 ul li:first-child {
    border-top: none;
}

.big.news_pi1 ul li:last-child {
    margin-bottom: 0;
    border-bottom: none;
/* T. Schaefer, 2015-11-20, height hinzugefuegt */
    /*height: 23.5%;*/
}

.big.news_pi1 ul li a {
    text-align: right;
    color: #77889f;
    height: 100%;
    width: 100%;font-weight: 700;
}
.big.news_pi1 ul li a time {
    display: block;
    font-size: 30px; text-align:center;
	padding-top: 10px;
   /*
T. Schaefer, 2015-05-15, padding-right hinzugefuegt
    padding-right: 10px; */
}
.big.news_pi1 ul li a .year {
    display: block;
    font-size: 12px; margin-top:4px;
}
.big .news_pi1 ul li.active a {}


.big.news_pi1 .articles {
    background-color: #ecf2fb;
    float: right;
    left: 0;
/* T. Schaefer, 2015-11-19, padding von 22px 16px auf 22px 16px 16px 16px, damit bei den News keine sinnlose Scrollbar angezeigt wird */
    padding: 19px 16px 16px 16px;
    position: relative;
    width: 89%;
    height: 100%;
/* T. Schaefer, 2015-11-20, overflow auskommentiert, damit keine Scrollbar angezeigt wird
    overflow: auto;*/
}

.news_pi1 h3 {
/* T. Schaefer, 2016-11-30, color auskommentiert
    color: #2c2c2c;*/
    font-size: 18px;
    /*font-weight: bold;*/
    margin-bottom: 6px;
	color:#222222;overflow: hidden;line-height: 21px;
}
.news_pi1 h3 a {color:#222222;}
.news_pi1 h3 a:hover {color:#0b4da5; text-decoration:none;}
.news_pi1 p.abstract {
    color: #009cd1;
    margin-bottom: 1em;
    
}
.news_pi1 p {
    font-size: 13px;font-family: Arial; line-height:18px;
    margin-bottom: 0.5em;
}
.news_pi1 figure {
    float: left;margin-right: 20px;
    /*margin: 0;
    text-align: right;
    width: 46%;*/
}

.news_pi1 figure img {
    width: 295px;
    height: 196px;
}

.big .news {

}

.big .news article {
    display: none;
    border-bottom: none;
/* T. Schaefer, 2015-11-19, margin-buttom hinzugefuegt, um das margin-bottom von .news .article:last-child im news-basic.css zu ueberschrieben */
    margin-bottom: 0;
}
/*.big .news article .more { color:#1354ab; font-size:12px; font-family: Arial; text-transform:uppercase;}
.big .news article .more:hover { color:#04a3df; text-decoration:underline;}*/

.big .news article .content {
    /*float: right;
    width: 50%;*/
	/*max-height: 178px;*/overflow: hidden;
}
.big .news article .content .nebox {max-height: 215px;overflow: hidden;}
.big .news article .content .more { color:#1354ab; font-size:12px; font-family: Arial; text-transform:uppercase;}
.big .news article .content .more:hover { color:#04a3df; text-decoration:underline;}
.big .news article:first-child {
    display: block;
}

.big .news {
    float: left;
    position: relative;
    height: 277px;
    width: 100%;
    background: #ecf2fb;
}


/* CALENDAR */

section.calendar {
    margin-bottom: 0em;
}

section.calendar > .inner {
    background-color: #efefef;
    position: relative;
}
section.calendar .date {
    float: left;
    padding-right: 24px;
    text-align: right;
/* T. Schaefer, 2015-05-11, width von 40% auf 42% erhoeht */
    width: 42%;
    line-height: 1em;
/* T. Schaefer, 2015-05-13, margin-top hinzugefuegt*/
    margin-top: -10px;
}
section.calendar .date .month {
    font-size: 112.5%;
    text-transform: uppercase;
    line-height: 1.6em;
/* T. Schaefer, 2015-05-11, padding-left von 4px auf 15px erhoeht, damit der Monat nicht am linken Rand klebt */
    padding-left: 15px;
}
section.calendar .date .day {
/* T. Schaefer, 2015-05-11, font-size von 480% auf 400% reduziert */
    font-size: 400%;
    color: #2c2c2c;
    line-height: .8em;
}
section.calendar .date .year {
    font-size: 87.5%;
}
section.calendar .time {
    width: 60%;
    background-color: #fff;
    float: right;
    height: 50px;
}
/* T. Schaefer, 2015-05-11, #ptbtimewrap hinzugefuegt*/
#ptbtimewrap {
    width: 58%;
    float: right;
}

/* T. Schaefer, 2015-05-11, #questionsabouttime hinzugefuegt*/
#questionsabouttime {
    position: relative;
    font-size:small;
    float:right;
    padding-right: 15px;
    top: 60px;
    left: 200px;
}
/* T. Schaefer, 2015-05-11, section.calendar entfernt */
.time .tz {
/* T. Schaefer, 2015-05-11, float: left in right geaendert */
    float: right;
    font-size: 75%;
/* T. Schaefer, 2015-05-11, margin-left: 20px und margin-top: 10px entfernt und margin und width hinzugefuegt*/
    margin: 20px 0px 0px 0px;
    width: 60px;
}
/* T. Schaefer, 2015-05-11, section.calendar entfernt */
.time .currenttime {
    color: #009CD1;
    float: right;
    font-size: 180%;
/* T. Schaefer, 2015-05-11, margin-top: 6px entfernt und margin hinzugefuegt */
    margin: 15px;
}
section.calendar nav {
    position: absolute;
/* T. Schaefer, 2015-05-06, right von 34px auf 18px reduziert und top von 90px auf 100px erhoeht */
    right: 18px;
    top: 100px;
}

section.calendar nav ul li {
    float: left;
    margin-left: 8px;
    font-weight: bold;
    font-size: 87.5%;
}   

section.calendar .cal {
    position: absolute;
/* T. Schaefer, 2015-05-06, right von 30px auf 15px reduziert und top von 120px auf 125px erhoeht
(ein hoehere Wert fuer top geht nicht, da sonst bei Monaten, z.B. August 2015, mit 6 Zeilen die Legende zu dicht um unteren Rand ist */
    right: 15px;
    top: 125px;
}

section.calendar .cal table { 
    width: 240px;
    
}
section.calendar .cal table th {
    text-align: center;
    text-transform: uppercase;
    font-size: 75%;
}
section.calendar .cal table td { 
    border: 2px solid #efefef;
    background-color: #fff;
    width: 30px;
    height: 24px;
    font-size: 81.125%;
    text-align: right;
    padding-right: 8px;
}

section.calendar .cal table td.empty {
    background-color: #d6d6d6;
}

section.calendar .cal table td.hasevent {
    background-color: #33b0da;   
}

section.calendar .cal table td.hasevent a {
    color: #fff;
}

section.calendar .cal .legend {
    float: right;
    /* T. Schaefer, 2015-05-21, font-size von 81.125 auf 90 erhoeht */
    font-size: 90%;
}

/* EXPERT-NEWS */

.expertnews {
    width: 100%;
    padding: 0;
}

.expertnews > .inner {
    background-color: #efefef;
/* T. Schaefer, 2015-05-06, padding auf 15px reduziert */
    padding: 15px 0;
    height: 284px;
    position: relative;
    overflow: hidden;
}

.expertnews > .inner .articles {
    position: absolute;
    width: 100%;
    margin-top: 0px;
}

.expertnews nav ul li {
    position: absolute;
    width: 100%;
    left: 0;
    background-color: #efefef;
    z-index: 10;
    height: 24px;
}

.expertnews nav ul li a {
    margin-left: 49%;
}

.expertnews nav ul li a.disabled {
    opacity: .3;
}

.expertnews nav ul li:first-child {
    top: 0px;
}
.expertnews nav ul li:last-child {
    bottom: 0px;
}

.expertnews article {
    font-size: 93.75%;
/* T. Schaefer, 2015-05-06, padding auf 15px reduziert */
    padding: 6px 15px;
    border-bottom: 1px solid white;
    border-top: 1px solid white;
}

.expertnews article:first-child {
    border-top: 2px solid white;
}

.expertnews article:last-child {
    border-bottom: 2px solid white;
}

.expertnews article time {
    color:#009cd1;
    
}
.expertnews article p {}


/* SCHAUFENSTER */

div.shopdisplay {
    height: 500px;
    overflow: hidden;
    position: relative;
    width: 100%;
}
div.shopdisplay article {}

div.shopdisplay article figure {
    position: absolute;
    z-index: 10;
}
div.shopdisplay article .text {
    position: absolute;
    z-index: 20;
    background-image: url('../assets/layout/header_element.png');
    background-repeat: no-repeat;
     /*width: 417px; Battikh*/
    width: 440px;
    height: 475px;
    left: -21px;
    top: 0px;
/* T. Schaefer, 2015-11-24, padding-left von 70px auf 60px und padding-top von 65px auf 60px reduziert */
    padding-left: 60px;
    padding-top: 60px;
    padding-right: 140px;
}
div.shopdisplay article .text h3 {
    /*font-size: 150%; Battikh*/
    font-size: 140%;
/* T. Schaefer, 2015-11-24, width hinzugefuegt, damit die Ueberschrift nicht rechts rausragt */
    width: 220px;
    color: #009cd1;
    text-transform: uppercase;
     margin-bottom: 10px;
}
div.shopdisplay article .text p {
    color: #2c2c2c;
    font-size: 87.5%;
    line-height: 1.4em;
}

div.shopdisplay article .text p a {
    background-image: url('../assets/icons/ar-r-small-blue.gif');
    background-repeat: no-repeat;
    padding-left: 12px;
    background-position: 0 2px;
}

div.shopdisplay nav {
    position: absolute;
    top: 480px;
    left: 470px;
}

div.shopdisplay nav li {
    float: left;
    margin-right: 12px;
    width: 15px;
    height: 15px;
    background-color: #bcbcbc;
}

div.shopdisplay nav li img {
    width: 15px;
    height: 15px;
    display: none;
}

div.shopdisplay nav li:hover img,
div.shopdisplay nav li.active img {
    display: block;
}

div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image, 
div.csc-textpic figure.csc-textpic-imagewrap {
    margin-right: 12px;
    margin-bottom: 12px;
}

.csc-textpic-intext-left .csc-textpic-imagewrap {
    float: left;
}
@media (max-width:1200px) {
	.news_pi1 p { max-height: 140px;overflow: hidden;}
}
@media (min-width:1024px) and (max-width:1199px){
	.big .news {
    float: left;
    position: relative;
    height: 295px;
    width: 100%;
    background: #ecf2fb;
}
body #maincontent ol.csc-menu li, body #maincontent ul.csc-menu li, body #maincontent div.news > nav > ul > li {
    padding: 20px 0px;
}
}
@media (max-width:1199px) {
	.big.news_pi1 .articles {width: 87%;}
	.news_pi1 figure img {width: 200px;height: 136px;}
}
@media (max-width:991px) {
	.big.news_pi1 .articles {width: 89%;}
	.news_pi1 figure img {width: 295px;height: 196px;}
	.big .news article .content .nebox {max-height: 234px;}
}
@media (max-width:768px) {
	.big.news_pi1 nav {width: 16%;}
	.news_pi1 p {max-height: 145px;overflow: hidden;}
}
@media (max-width:766px) {
	.news_pi1 figure img {width: 100%;height: 178px;}
	.big .news {height: auto;}
	.big.news_pi1 nav {width: 22%;}
	.big.news_pi1 .articles {width: 78%;}
	.news_pi1 figure {width: 100%;margin-bottom: 15px;}
	.big .news article .content{width: 100%; margin-top:10px;}
}
@media (max-width:380px) {
	.news_pi1 figure img {height: 150px;}
}
@media (max-width:320px) {
	.news_pi1 figure img {height: 128px;}
}