body {
	margin:0;
}

#Ressortseite, #Artikelseite, #Popup {
	background:#e3dab9;
}

#page {
	position:relative;
	margin:0 auto 40px auto;width:960px;
	-moz-box-shadow:0px 4px 6px #333;-webḱit-box-shadow:0px 4px 6px #333;box-shadow:0px 4px 6px #333;
	font-size:14px;line-height:20px;font-family:Arial, Helvetica, sans-serif;
}

.r1 #container1 {
	height:60px;padding:180px 0 0 0;
}

#container1 {
	position:relative;
	height:60px;padding:130px 0 0 0;
	background:#e7dac4 url(../stadion.gif);
}

#Ressortseite #container2, #Artikelseite #container2 {
	position:absolute;
	z-index:4;
	width:30%;
	background:#888844;
}

#Ressortseite #container3, #Artikelseite #container3 {
	position:relative;
	padding:0 10% 30px 30%;
	width:60%;
	background:#F9F1E3;
}

.Popup #container1 {
	padding:5px
}

.header_box {
	position:relative;
	width:30%;
	font: bold 24px/40px Tahoma, Arial, Sans-serif;
	background:#900;
}

.header a {
	display:block;
	margin-left:10px;
	color: #fff;
	letter-spacing: 6px;
	text-decoration:none;
	text-shadow: 0 2px 3px #600;
}

.subheader_box {
	position:absolute;left:30%;bottom:20px;
	font-family:Tahoma, Arial, Sans-serif;
	width:70%;
	font-size:13px;
	line-height:20px;
	background:#884;
}

.creaheader {
	position:absolute;left:60%;bottom:20px;
	font-family:Tahoma, Arial, Sans-serif;
	width:40%;
	font-size:13px;
	line-height:20px;
	background:#458
}

.creaheader .agentur, .creaheader .creativ {
	float:left;padding:13px 60px 7px 20px;
}

.creaheader .creativ {background:#678}

.creaheader a {color:#fff;text-decoration:none;font-weight:bold}

.subheader_box .item_head {
	position:relative;
	padding:13px 5px 7px 20px;
	color:#FFF;
	float:left
}

.subheader .text{
	position:relative;
	padding:13px 5px 7px 20px;
	color:#FFF;
	font-weight:bold;
}

.subheader a {
	color:#FFF;
	text-decoration:none;
}

.subheader a:hover {
	text-decoration:underline;
}

.navi_box {
	background:#666;
	padding:12px 4px 10px 10px;
	font-size:15px;
	line-height:25px;
}

.active, .same {
	font-weight:bold;
}

.sub, .subactive {
	padding-left:15px;
	font-weight:bold;
}

.active a, .subactive a {
	color:#FFF;text-decoration:none
}

.same a, .sub a {
	color:#CCC;text-decoration:none
}

.navi_box a:hover {
	color:#FFF;border-left:7px solid #FFF;margin-left:-10px;padding-left:3px
}

.nopadding_box {
	padding:6px 0;
}

.main_box {
	clear:both;
	padding:10px 10px 10px 20px;
}

.brdr {border-top:1px solid #999}

.standard h2, .article h2 {
	margin:0 0 15px 0;
	padding:0;
	font-size:20px;
	line-height:26px;
	font-weight:normal;
	color:#666;
}

.article h3 {
	margin:0;
	font-size:16px;font-weight:bold;color:#333
}

.standard .date {
	font-size:12px;
	line-height:16px;
	color:#963;
}

.standard .text, .article .text {
	color:#333;
}

.standard .text a, .article .text a {
	color:#c63;
}

.standard .note {
	font-size:12px;
	line-height:16px;
	color:#FFF;
	background:#C00;
	display:inline;
}

h2 a {text-decoration:none;color:#666}

.subdate {
	font-size:12px;
	line-height:16px;
	color:#963;
	margin-top:10px;
}

.printview a {color:#999;margin-bottom:5px;display:block}

.article .text a:hover {
	color:#000;
	font-weight:bold;
}

.article .text img {
	float:left;
	padding-right:10px;
}

.attachments, .links, .comments {
	margin:5px 0px;font:normal 13px/16px Arial, Helvetica, sans-serif;
	background:#E9E1D3;
	left:5px;padding:5px;
	box-shadow:0 2px 2px #987
}
.link_item_head, .attachment_item_head, .forum_item_head {margin:10px 0 5px 0;color:#633}
.link_text, .attachment_text, .forum_text {color:#444}
.link_text a, .attachment_text a, .forum_text a {color:#333}

/* Images */
.img_wrapper {position: relative}
.image figure {position:relative;box-sizing:border-box;margin:0}
.image img {width:100%;display:block;margin:0 auto;height:auto}
.image.left>figure {clear:left;float:left;padding-right:2em}
.image.right>figure {clear:right;float:right;padding-left:2em}
.ep-has-picture-col {display:flex;flex-direction:row}
:not(.slider)>*:is(.image.top, .image.bottom, .image.none) {display:flex;gap:1em}
.image {margin-bottom:1em}
.image.top>figure, .image.bottom>figure, .image.none>figure {text-align:center;flex:1}
.image.top>.landscape, .image.bottom>.landscape, .image.none>.landscape {flex:1.5}

.zoom a svg {
    position: absolute;
    top: .2em;
    right: .2em;
    display: block;
    text-align: center;
    width: 3em;
    height: 3em;
    padding: .5em .3em .3em .5em;
    border-radius: 50%;
        background: rgba(100,100,100,.2);
        fill:#ffffff
}

.thumbnumber {font:.8em Arial, Helvetica, sans-serif;margin:2px 0px;text-align:center}
.thumbnumber a {display:block;float:left;color:#333;width:.9em;padding:0 .5em 0px .5em;margin-right:.2em;text-decoration:none;border:1px solid #999}
.thumbnumber a:hover {background:#999}
.thumbnumber div {float:left;background:#CCC;color:#333;width:.9em;padding:0 .5em 0px .5em;margin-right:.2em;border:1px solid #999}

.caption {clear:both;padding:0.8em 0px;font: normal 1em/1.3em Arial, Helvetica, sans-serif;color:#666}

@media print {
	.article .print_me {display:none}
	#einspaltig {overflow:visible}
}

.print_me {
	font-family:Arial, Sans-serif;
	font-size:1.2em;
	color:#663333;
	text-align:right;
}

/* journal */
.r65 .main_box {clear:left}
.r65 .main_box .item_head {float:left;width:90px;padding:2em 8.5px;background:#68a;color:#fff}
.list .title {margin-left:117px;color:#444;line-height:180%}
.list .title a {color:inherit;text-decoration:none}
.list .title a::after {content:" >>>";text-decoration:underline;color:#c63}

/*contact form*/
.contact {position:relative;font:normal 13px/19px Verdana, Geneva, sans-serif;color:#333}

.contact fieldset {position:relative;padding:10px 0 10px 10px;margin:0;border:0}
.contact fieldset div {margin:0 1% 0 20%}

.contact .note {line-height: 22px;color:#f00}
.contact .from .note, .contact .email .note {float:none;margin-left:20%;width:80%}

.contact h2 {font:bold 1.1em Arial, Helvetica, Sans-serif;color:#A5C500}
.contact h3, .contact legend, .contact label {font:bold 100%/170% Arial, Helvetica, Sans-serif;color:#333}
.contact legend {position:absolute;top:1em}

.contact fieldset.to {border-bottom:1px dotted #666;padding-top:40px}
.contact fieldset.to ul {list-style-type:none;padding:0;margin:0}
.contact input[type=radio] {clear:left;float:left;margin-left:0}
.contact div.to, .contact .to .note {margin:0 0 5px 0px}

.contact label {float:left;width:20%}
label[for=email_rpt] {text-align:center}

.contact fieldset.message {border-top:1px dotted #666}
fieldset div.message {font-style:italic;padding:1em;border:1px solid #999;background:#fff}
.contact input[type=text] {float:left;width:29%;border:.1em solid #999}
.contact input#from {margin-right:50%}
.contact textarea {width:78%;height:12em;border:.1em solid #999}
.contact textarea, input[type=text] {font:normal 100% Sans-serif}
fieldset.buttons {padding:0;margin:1em}
.contact input#next_btn {position: absolute;top:0;right:-1px;background:#A5C500;border:0;color:#fff;margin-right:1%}
.contact input#back_btn {background:#999;border:0;color:#fff}