html, body {
	height: 100%;
}

body {
	margin: 0px;
	padding: 0px;
	background: #292C2F url(images/homepage01.gif) repeat;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
	color: #82828A;
}

h1, h2, h3 {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
    /* Farbe wird von body geerbt oder spezifischer gesetzt */
}

h4 {
	font-size: 10px;
	color: #7486a6;
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
}

/* h4b auskommentiert, da Paginierung neu gestaltet wird */
/*
h4b {
	font-size: 8px;
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
}
*/

p, ol, ul {
	margin-top: 0px;
}

p, ol {
	line-height: 170%;
}

strong {
	color: #49525A; 
    font-weight: bold;
}

a {
	color: #00a3de; /* Originale Linkfarbe */
	text-decoration: none;
}

a:hover {
	text-decoration: none; /* Original: keine Unterstreichung bei Hover */
    color: #005580; /* Dunklerer Hover für Originalfarbe */
}

a img {
	border: none;
}

img.border { }
img.alignleft { float: left; }
img.alignright { float: right; }
img.aligncenter { margin: 0px auto; }
hr { display: none; }

a.record{
    display:block;
    position:relative;
}

a.record:hover span {
    background: url(images/button_play_blue.png) no-repeat center center; 
    background-size: contain; 
    -moz-opacity:.80;
    opacity:.80;
    filter:alpha(opacity=80);
    display:block;
    position:absolute;
    top:50%;
    left:50%;  
    transform: translate(-50%, -50%); 
    z-index:100;
    width:48px;
    height:48px;
}

/** WRAPPER */
#wrapper {
	overflow: hidden;
	background: url(images/homepage02.gif) repeat-x left top;
}

.container {
	width: 1180px;
	margin: 0px auto;
}

.clearfix { clear: both; }

/** HEADER */
#header {
	width: 1020px; 
	height: 209px;
	padding: 0px 30px;
	background: url(images/subpage1_01.gif) no-repeat left top;
}

/** LOGO */
#logo { float: left; width: 420px; height: 209px; }
#logo h1, #logo p { margin: 0px; line-height: normal; }
#logo h1 a {
	display: block; float: left; padding: 133px 10px 0px 0px; letter-spacing: -3px;
	text-decoration: none; text-shadow: 1px 1px 1px #141618;
	text-transform: lowercase; font-size: 45px; font-weight: normal; color: #FFFFFF;
}
#logo h1 span { font-weight: bold; }
#logo p {
	display: block; padding: 152px 0px 0px 0px; letter-spacing: -1px;
	text-transform: lowercase; text-shadow: 1px 1px 1px #141618;
	font-size: 18px; font-weight: normal; color: #868E95;
}

/** MENU */
#menu { float: right; width: 600px; height: 209px; }
#menu ul { float: right; margin: 0px; padding: 142px 0px 0px 0px; list-style: none; line-height: normal; }
#menu li { float: left; height: 39px; margin-left: 15px; }
#menu a {
	display: block; line-height: 39px; text-decoration: none;
	text-shadow: 2px 2px 2px #292C2F;
	text-transform: lowercase; font-size: 18px; font-weight: normal; color: #FFFFFF;
}
#menu a:hover { text-decoration: underline; } 
#menu span { display: inline-block; height: 39px; padding: 0px 15px; line-height: 39px; }
#menu li.active { background: url(images/homepage05.gif) repeat-x left top; }
#menu li.active a { background: url(images/homepage04.gif) no-repeat left top; }
#menu li.active span { background: url(images/homepage06.gif) no-repeat right top; }

/** PAGE, CONTENT, SIDEBAR - Originalstruktur beibehalten */
#page { overflow: hidden; width: 1130px; padding: 0px 0px 0px 50px; }
.single #page { width: 1080px; padding: 0px 50px; }
#content { overflow: hidden; float: left; width: 805px; background: url(images/subpage1_03.gif) repeat-y left top; }
#content-bgtop { background: url(images/subpage1_02.gif) no-repeat left top; }
#content-bgbtm { overflow: hidden; padding: 30px 30px 50px 30px; background: url(images/subpage1_04.gif) no-repeat left bottom; }
.single #content { width: 1080px; background: url(images/subpage2_02.gif) repeat-y left top; }
.single #content-bgtop { background: url(images/subpage2_01.gif) no-repeat left top; }
.single #content-bgbtm { background: url(images/subpage2_03.gif) no-repeat left bottom; }
#sidebar { float: right; width: 325px; }

/** FOOTER */
#footer { overflow: hidden; height: 215px; padding: 55px 0px 0px 0px; background: url(images/homepage03.gif) no-repeat left top; }
#footer p { margin: 0px; padding: 0px 0px 0px 0px; text-align: center; font-family: Tahoma, Geneva, sans-serif; }
#footer .copyright { padding: 25px 0px 0px 0px; font-size: 12px; color: #383D41; }
#footer .menu-links { text-transform: lowercase; font-size: 14px; color: #69727A; }
#footer .menu-links a { margin: 0px 10px 0px 10px; color: #69727A; }

/** BANNER */
#banner { width: 685px; margin-bottom: 45px; padding: 30px 30px 0px 30px; text-transform: lowercase; font-family: Arial, Helvetica, sans-serif; font-weight: normal; }
#banner h2 { 
	display: block; padding: 0px 0px 10px 0px; letter-spacing: -2px;
	font-size: 36px; font-weight: normal; color: #000000; 
}
#banner .meta { font-weight: normal; font-size: 18px; color: #677078; }

/* Spezifische Image- und Link-Styles bleiben erhalten */
.image-style1 { position: relative; float: left; width: 237px; height: 192px; margin-right: 40px; }
.image-style1 span { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.image-style1 img { position: absolute; top: 0; left: 0; }
.image-style1a span { background: url(images/bg02.png) no-repeat left top; }
.image-style2 { position: relative; float: left; width: 150px; height: 180px; margin-right: 30px; }
.image-style2 span { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.image-style2 img { position: absolute; top: 0; left: 0; }
.image-style2a span { background: url(images/bg03.png) no-repeat left top; }
.image-style3 { position: relative; float: left; width: 80px; height: 80px; margin-right: 20px; }
.image-style3 span { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.image-style3 img { position: absolute; top: 0; left: 0; }
.image-style3a span { background: url(images/bg04.png) no-repeat left top; }
.link-style1 { display: inline-block; height: 43px; margin-top: 5px; margin-bottom: 10px; margin-right: 20px; background: url(images/homepage08.gif) repeat-x left top; }
.link-style1 a { display: inline-block; height: 43px; background: url(images/homepage07.gif) no-repeat left top; text-decoration: none; }
.link-style1 span { display: inline-block; height: 43px; margin: 0px; padding: 0px 20px 0px 40px; background: url(images/homepage09.gif) no-repeat right top; line-height: 43px; text-decoration: none; text-shadow: 1px 1px 1px #004979; font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: normal; color: #FFFFFF; }
.link-style2 { display: inline-block; height: 43px; margin-top: 5px; margin-bottom: 10px; background: url(images/homepage11.gif) repeat-x left top; }
.link-style2 a { display: inline-block; height: 43px; background: url(images/homepage10.gif) no-repeat left top; text-decoration: none; }
.link-style2 span { display: inline-block; height: 43px; margin: 0px; padding: 0px 20px 0px 40px; background: url(images/homepage12.gif) no-repeat right top; line-height: 43px; text-decoration: none; text-shadow: 1px 1px 1px #26292C; font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: normal; color: #FFFFFF; }
.link-style3 { display: inline-block; height: 43px; margin-top: 20px; margin-bottom: 10px; margin-right: 20px; background: url(images/homepage17.gif) repeat-x left top; }
.link-style3 a { display: inline-block; height: 43px; background: url(images/homepage16.gif) no-repeat left top; text-decoration: none; }
.link-style3 span { display: inline-block; height: 43px; margin: 0px; padding: 0px 20px 0px 40px; background: url(images/homepage18.gif) no-repeat right top; line-height: 43px; text-decoration: none; text-transform: lowercase; text-shadow: 1px 1px 1px #004979; font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: normal; color: #FFFFFF; }

/** LIST STYLE 1 */
ul.style1 { margin: 0px; padding: 0px; list-style: none; }
ul.style1 li { padding: 15px 0px; border-bottom: 1px solid #E1E3E5; }
ul.style1 .first { padding-top: 0px; }

/** LIST STYLE 2 (Sidebar) */
ul.style2 { margin: 0px; padding: 0px; list-style: none; }
ul.style2 li { padding: 10px 0px; background: url(images/homepage21.gif) repeat-x left top; }
ul.style2 a { color: #B1B6BB; }
ul.style2 a:hover { color: #FFFFFF; }
ul.style2 .first { background: none; padding-top: 0px; }

/** BOX STYLE 1 */
.box-style1 { }
.box-style1 .title { margin: 0px; padding: 0px; letter-spacing: -2px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 34px; color: #393E42; }
.box-style1 .byline { letter-spacing: -1px; font-size: 16px; color: #939AA0; }
.box-style1 .entry { padding-top: 10px; }
.box-style1 .meta { float: left; width: 225px; height: 43px; padding: 0px 0px 0px 15px; background: url(images/homepage13.gif) no-repeat left top; }
.box-style1 .meta a { height: 43px; line-height: 43px; letter-spacing: -1px; text-decoration: none; text-shadow: 1px 1px 1px #FFFFFF; text-transform: lowercase; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #677078; }
.box-style1 .meta .readmore { margin-right: 20px; padding-left: 20px; background: url(images/homepage14.gif) no-repeat left 4px; }
.box-style1 .meta .comments { padding-left: 20px; background: url(images/homepage15.gif) no-repeat left 4px; }
.divider { border-top: 1px solid #E1E3E5; }

/** BOX STYLE 2 (Sidebar) */
.box-style2 { }
.box-style2 .title {
	width: 215px; height: 47px; margin: 0px; padding: 0px 30px;
	background: url(images/homepage19.jpg) no-repeat left top;
	line-height: 47px; letter-spacing: -1px; text-shadow: 1px 2px 2px #004979;
	text-transform: lowercase; font-family: Arial, Helvetica, sans-serif;
	font-size: 20px; font-weight: normal; color: #FFFFFF;
}
.box-style2 .entry { overflow: hidden; padding: 30px 95px 30px 30px; background: url(images/homepage20.jpg) no-repeat left top; }

/* Thumbnail-Darstellung (table.JS) */
table.JS {
    -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;
    border:2px solid #000000;background:rgba(255,255,255,0.5); 
    -webkit-box-shadow: #B3B3B3 3px 3px 3px;-moz-box-shadow: #B3B3B3 3px 3px 3px; box-shadow: #B3B3B3 3px 3px 3px;
    margin: 0; /* Entfernt, da äußere Tabelle cellspacing hat */
    /* color: #333; -- Farbe wird von body geerbt oder spezifischer gesetzt */
}
/* table.JS {margin:50px;} -- Diese Zeile war doppelt und wurde durch margin:0 ersetzt */

div.watermarkimg{position: relative;top: -31px;left:30px;width:26px;height:25px;}
div.watermarkrank{position: relative;top: -56px;left:30px;text-align:center;font-family: Verdana;font-size:8pt;line-height:23px;width:26px;height:25px;}

/* --- NEUE PAGINIERUNGS-STILE (Angepasst an das ursprüngliche Farbschema) --- */
.pagination-container {
    text-align: center;
    padding: 15px 0;
    clear: both;
    width: 100%; 
    font-family: Tahoma, Geneva, sans-serif; /* Schriftart der Seite verwenden */
}

.pagination-container ul.pagination-list { 
    display: inline-block; 
    padding-left: 0;
    margin: 0;
    border-radius: 4px; 
    list-style: none; 
    border: 1px solid #DDD; 
    background-color: #f9f9f9; 
}

.pagination-container ul.pagination-list > li.page-item {
    display: inline; 
}

.pagination-container ul.pagination-list > li.page-item > a.page-link,
.pagination-container ul.pagination-list > li.page-item > span.page-link {
    position: relative;
    display: inline-block; 
    padding: 0.4rem 0.7rem; 
    margin-left: -1px; 
    font-size: 13px; 
    line-height: 1.4;
    color: #00a3de; /* Original Linkfarbe */
    background-color: #fff; 
    border: 1px solid transparent; 
    border-left-color: #DDD; 
    text-decoration: none;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out;
}
.pagination-container ul.pagination-list > li.page-item:first-child > a.page-link,
.pagination-container ul.pagination-list > li.page-item:first-child > span.page-link {
    margin-left: 0;
    border-top-left-radius: 3px; 
    border-bottom-left-radius: 3px;
    border-left-color: transparent; 
}

.pagination-container ul.pagination-list > li.page-item:last-child > a.page-link,
.pagination-container ul.pagination-list > li.page-item:last-child > span.page-link {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.pagination-container ul.pagination-list > li.page-item > a.page-link:hover {
    z-index: 2;
    color: #005580; 
    background-color: #eeeeee; 
}

.pagination-container ul.pagination-list > li.page-item.active > span.page-link {
    z-index: 3;
    color: #fff; 
    background-color: #0076a3; /* Aktive Seite, dunkleres Blau */
    border-color: #005580;
    cursor: default;
}

.pagination-container ul.pagination-list > li.page-item.disabled > span.page-link {
    color: #999999; 
    pointer-events: none;
    background-color: #f5f5f5; 
    border-left-color: #DDD;
    cursor: default;
}
/* --- ENDE NEUE PAGINIERUNGS-STILE --- */