@charset "utf-8";

/* ================================
   Sendeplan Farbkorrektur 
   ================================ */

/* Allgemeiner Hintergrund */
body {
    background-color: #0b313a; /* dunkelgrün-blauer Hintergrund */
    color: #0b313a;
    font-family: Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
}

/* Info-Boxen unter Bildern */
.text-box, .info-box {
    background-color: #afbdc1; /* hellblau wie im Screenshot */
    color: #000000;
    padding: 12px;
    margin-bottom: 15px;
    border-radius: 6px;
}

/* Überschriften */
h2, h3, .section-title {
    color: #FFFFFF; /* weiß  */
}

/* Formularbereich */
form, .contact-form {
    background-color: #afbdc1; /* dunkler Hintergrund */
    padding: 15px;
    border-radius: 6px;
    color: #000000;
}

/* Inputfelder */
input, textarea {
    width: 100%;
    padding: 8px 10px;
    margin-bottom: 10px;
    border-radius: 4px;
    border: 1px solid #1d4f55;
    background-color: #844325;
    color: #1A1A1A;
}

/* Senden Button */
button, .btn, .submit-btn {
    background-color: #1D4F55; /* dunkelblau-grün */
    color: #FFFFFF;
    border: 1px solid #1d4f55;
    padding: 8px 16px;
    border-radius: 4px;
    cursor: pointer;
}

button:hover, .btn:hover, .submit-btn:hover {
    background-color: #6F857C; /* hellblau beim Hover */
    color: #1A1A1A;
}

table tr:nth-child(even) {
    background-color: #6A7D78; /* gerade Zeilen */
}

table tr:nth-child(odd) {
    background-color: #647773; /* ungerade Zeilen */
}

table, table td, table th {
    color: #000000; /* schwarz */
}


/* ===== Tabellen ===== */
table.table {
	width: 100%;
	border: 1px solid #d9dee5; /* Rahmen dezent blau-grau */
	border-spacing: 1px;
	background: #f1f3f6; /* leichtes Grau */
	color: #000000;
}

table.table tr {
	background: #f1f3f6;
}

table.table tr:hover {
	background: #f1f3f6; /* leichtes grau beim Hover */
}

table.table th,
table.table td {
	padding: 6px 8px;
	border: 1px solid #d9dee5;
}

table.content tr.event-sendung {
	background: #6F857C; /* Event-Hintergrund hellblau */
}

table.content tr.event-sendung:hover {
	background: #000; /* leichtes Blau beim Hover */
}

/* ===== Grundlayout ===== */
body {
	margin: 0;
	padding: 0;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #000000;
	background: #0b313a; /* gruenblau */
}

div.clear {
	clear: both;
}

/* ===== Links & Headlines ===== */
a:hover { color: #000000; }

h1.headline {
	margin: 0 0 10px 3px;
	padding-bottom: 3px;
	font-size: 22px;
	border-bottom: 1px dotted #0044bb;
}

/* ===== Events ===== */
span.event {
	display: block;
	padding: 8px;
	margin-bottom: 10px;
	text-align: center;
	color: #000000;
	background: #814022; /* braun */
	border-top: 5px solid #0044bb;
	border-bottom: 5px solid #0044bb;
}

span.event-Success {
	background: #e6f7e6;
	color: #000000;
	border-color: #5DC15D;
}

span.event-Fail {
	background: #fbeaea;
	color: #a42f2d;
	border-color: #C95A57;
}

/* ===== Links & Headlines ===== */
a:hover { color: #000000; }

h1.headline {
	margin: 0 0 10px 3px;
	padding-bottom: 3px;
	font-size: 22px;
	border-bottom: 1px dotted #000000;
}

/* ===== Navigation ===== */
nav { width: 100%; }

ul.nav#headnav {
	margin: 0 auto;
	padding: 0;
	list-style-type: none;
	background: #8A5A2C; /* dunkelbraun */
}

ul.nav#headnav li {
	float: left;
	border-right: 1px solid #783f04; /* Akzentfarbe */
}

ul.nav#headnav li a {
	display: block;
	padding: 7px 20px;
	min-width: 65px;
	text-align: center;
	color: #fff;
	text-decoration: none;
	font-weight: 700;
}

ul.nav#headnav li span#headline {
	display: block;
	font-size: 18px;
	color: #fff;
	font-weight: 700;
	padding: 12px 25px;
}

ul.nav#headnav li a.active,
ul.nav#headnav li a:hover:not(.active),
ul.nav#headnav li a:focus:not(.active) {
	background: #38493d; /* braun Hover */
	color: #fff;
	border-color: #0044bb;
}

ul.nav#headnav li:first-child { border-left: none; }
ul.nav#headnav li:last-child { border-right: none; }

/* ===== Wrapper & Content ===== */
div#wrapper {
	box-shadow: 0 0 5px #333;
	background: #fafbfc;
}

div#content {
	min-height: 250px;
	padding: 10px;
	background: #fafbfc;
}

/* ===== Tabs ===== */
ul.tabmenu {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul.tabmenu li { float: left; }

ul.tabmenu li a {
	display: block;
	margin-right: 10px;
	padding: 8px 15px;
	color: #001f4d;
	font-weight: 700;
	border: 1px solid #d9dee5;
	border-bottom: 0;
	background: #000000;
}

ul.tabmenu li a:hover,
ul.tabmenu li a.current {
	background: #e4e9f1;