/* Style sheet xBasic */
html{overflow:scroll;background-color: #e1e0dc;font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 15px; line-height: 1.5; color:#000;}
body{margin:0;padding:0;background-image: linear-gradient(to bottom, #f5f5f5 0, #e1e0dc 400px);}
#wrapper{box-shadow: 0 0 20px #999995;background-color: #fff;max-width:960px;margin: 0 auto;}
/* Schriftattribute */
b, strong {font-weight: 600}
.klein{font-size:10px;line-height:120%;}
.arabisch{font-size:150%;}
/* Bilder */
img{border:0;}
.image_container .caption{font-style:italic;font-size:9px;margin-bottom:1em;}
/* Absätze */
p,pre,form{margin:0 0 15px;padding:0;}
/* Überschriften */
.ce_text h1,.ctlg_master h1,h1.ce_headline{margin:0 0 25px;padding:0;font-weight:600;font-size:30px;font-style: italic; color:var(--col-h1);line-height:120%;letter-spacing:0.01em;}
h2{margin:0 0 6px;padding:0;font-weight:600;font-size:20px;}
.ce_text h2,h2.ce_headline{margin-top:10px;margin-bottom:15px;font-size:17px;font-weight:600; color:var(--col-h2);}
.h2_Linie h2{border-bottom:1px solid #ffdd99;}
.ce_text h3,.ctlg_teaser h3,h3.ce_headline{margin-top:10px;margin-bottom:15px;font-weight:600;color:var(--col-h3);}
/* Überschrift in Artikellisten */
.artikel_liste h1{margin-top:5px;margin-bottom:5px;font-weight:600;font-size:15px;color:#d39315;}
.artikel_liste .teaser p{margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0;}
.artikel_liste .teaser p.more a{font-weight:normal;color:#0099ff;}
/* Links */
a{text-decoration:none;color:#0066b3;font-weight: 600;}
a:hover{text-decoration:underline;}
/* Header und Kopfzeile */
#header{margin-bottom:35px; border-bottom: 1px solid #ccc;padding-top:1em;border-top:var(--border-header-top)}
#header .Logobild{left:20px;top:10px;position:absolute;max-width:85%;}
#header .FixNavi{right:28px;top:15px;position:absolute;font-weight:600;font-size:11px;color:#72787f;}
#header .FixNavi a{font-weight:normal;font-size:13px;color:#333;}
#header .FixNavi a:hover{color:#333333;}
#header a.FixNaviSpende{padding-right:5px;padding-bottom:1px;padding-left:5px;background-color:#f7a901;font-size:13px;font-weight: 600; color:#000;}
/* Hauptnavigation */
#KopfNavi{width:90%;top:120px;position:absolute;clear:both;margin-left:20px;}
#KopfNavi ul{margin:0;padding:0;}
#KopfNavi li{float:left;margin-right:1px;list-style-type:none;}
#KopfNavi li .active,#KopfNavi li .trail{display:block;text-align:center;background-color:#0066b3;font-size:17px;font-weight: 600;color:#fff;letter-spacing:0.01em; padding-left: 15px; padding-right: 15px;}
#KopfNavi a{display:block;text-align:center;font-size:17px;color:#333;letter-spacing:0.01em; font-weight: 600;padding-left: 15px; padding-right: 15px;}
#KopfNavi a:hover{background-color:#3385c2;color:#ffffff;}
/* Zugangsverwaltung */
.login_meldung {padding-right: 10px;padding-left: 10px;text-align: right;background-color: var(--col-login-meldung);font-size: .9em;position: absolute;top: -15px;width: 98%;}
/* Hauptspalte */
#main .inside{margin-left:10px;padding-bottom:30px;min-height:500px; height: auto !important; height: 500px;}
#main .mod_article{padding:20px 30px 0 20px;}
/* Fußzeile u. FixNavi */
#footer{padding-bottom:10px;margin-bottom:20px;background-color:var(--col-fusszeile);}
#footer .inside{padding:15px 10px 3px;text-align:center;font-size:11px;}
#FixNavi_IND ul {margin: 0 auto; margin-top: 10px; margin-bottom: 5px; padding: 0; width: max-content; display: none;}
#FixNavi_IND li {float: left; margin-right: 2px; list-style-type: none; color: #08f; font-size: 12px;}
#FixNavi_IND a {display: block;padding: 4px;text-align: center; background-color: #72797f; color: #fff;font-size: 12px;}
#FixNavi_IND li .active {display: block; padding: 4px;text-align: center; background-color: #4790c8; color: #fff; font-weight: 600;}
/* Altes DHPS-Layout, Stein blinzelt hinter der Seite weg
.Blinzler{left:960px;top:455px;position:absolute;}
.willkommen .Blinzler{left:960px;top:455px;position:absolute;}
.inside{z-index:1;}
#header .inside{z-index:999;}
*/
/* Formulare */
.formbody td{padding:5px;}
optgroup{padding-top:3px;padding-bottom:3px;font-style:normal;}
/* Dateiformat-Icon, z.B. im Newsreader */
.enclosure img{vertical-align:middle;}
/* Bilder mit Text daneben */
.Bild_links_Spalte p{margin-left:160px;}
.Bild_links_Spalte h3{margin-top:30px;padding-bottom:1px;border-bottom:1px solid #cccccc;}
.Bild_links_Spalte h4{margin-top:30px;padding-bottom:1px;border-bottom:1px solid #cccccc;font-size:12px;color:#d39315;}
.Bild_links_Spalte_250 p{margin-left:250px;}
figure.float_left{margin-right:1.3em;margin-bottom:0.4em;}
figure.float_right{margin-left:1.3em;margin-bottom:0.4em;}
/* Responsive Anpassungen*/
@media (max-width: 767px){
#right { padding-left: 10px}
#footer {margin-bottom: 0;}
}
@media (max-width: 835px){
#KopfNavi {top: 106px;width: 600px;margin-left: 0;}
#KopfNavi li .active,#KopfNavi li .trail{width:140px; border: 1px solid #63a1d0; margin-bottom: 1px;}
#KopfNavi a{width:140px; border: 1px solid #63a1d0; margin-bottom: 1px;}
}
@media (max-width: 700px){
#header .FixNavi {display: none;}
#FixNavi_IND ul {display: block;}
.Bild_links_Spalte_250 p{margin-left:0; margin-top: 10px;}
.Bild_links_Spalte_250 .float_left {float:none;}
}
@media (max-width: 490px){
#KopfNavi {top: 98px; width: 350px;}
#header {height:180px}
.Bild_links_Spalte p{margin-left:0; margin-top: 10px;}
.Bild_links_Spalte .float_left {float:none;}
.image_container.float_left, .image_container.float_right {float: none; margin-bottom: 20px;}
}