@charset "utf-8";

body {
margin:0;
padding:0;
font-family:Gotham,"Helvetica Neue",Helvetica,Arial,sans-serif;
font-size:13px;
color:#444;
background:#f3f5f7;
}

/* Wrapper */

div#wrapper{
max-width:1200px;
margin:auto;
box-shadow:0 5px 20px rgba(0,0,0,0.15);
border-radius:8px;
overflow:hidden;
background:#fff;
}

/* Header Navigation */

nav{
width:100%;
background:#1e1f24;
}

ul.nav#headnav{
margin:0;
padding:0;
list-style:none;
display:flex;
align-items:center;
}

ul.nav#headnav li{
border-right:1px solid rgba(255,255,255,0.15);
}

ul.nav#headnav li a{
display:block;
padding:10px 20px;
text-align:center;
color:#eee;
text-decoration:none;
transition:.2s;
}

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

ul.nav#headnav li a:hover,
ul.nav#headnav li a.active{
background:#ff6a00;
color:#fff;
}

/* Content */

div#content{
padding:15px;
background:#fff;
min-height:250px;
}

/* Tabellen */

table.table{
width:100%;
border-collapse:collapse;
border-radius:6px;
overflow:hidden;
box-shadow:0 2px 6px rgba(0,0,0,0.05);
}

table.table th{
background:#2e3138;
color:#fff;
font-weight:600;
padding:10px;
text-align:left;
}

table.table td{
padding:10px;
border-bottom:1px solid #e6e6e6;
}

/* Hover Effekt */

table.table tr:hover{
background:#f7f9fc;
}

/* Aktuelle Sendung */

table.content tr.event-sendung{
background:#fff4e8;
border-left:4px solid #ff7a18;
font-weight:600;
}

/* Footer */

div.footer{
height:30px;
background:#1e1f24;
color:#fff;
}

div.footer ul{
float:right;
margin:0;
padding:0;
list-style:none;
}

div.footer ul li{
float:left;
}

div.footer ul li a{
display:block;
padding:0 12px;
line-height:30px;
border-left:1px solid rgba(255,255,255,0.2);
color:#ddd;
text-decoration:none;
}

div.footer ul li a:hover{
background:#ff6a00;
color:#fff;
}

/* Labels */

span.label{
color:#fff;
font-weight:700;
padding:4px 8px;
border-radius:6px;
background:#888;
font-size:11px;
}

span.label-red{background:#e74c3c;}
span.label-orange{background:#f39c12;}
span.label-green{background:#2ecc71;}

/* Inputs */

input[type=text],
input[type=password],
input[type=email],
select,
textarea{
padding:6px 8px;
border-radius:4px;
border:1px solid #ccc;
}

input:focus,
select:focus,
textarea:focus{
outline:none;
box-shadow:0 0 4px rgba(255,120,0,0.6);
}

/* Buttons */

input[type=submit],
input[type=reset],
input[type=button]{
padding:6px 14px;
font-weight:700;
border-radius:4px;
border:none;
background:#ff6a00;
color:#fff;
cursor:pointer;
transition:.2s;
}

input[type=submit]:hover,
input[type=button]:hover{
background:#ff8124;
}