@charset "utf-8";
/* =================================  Formate für die gesamte Website */
body {
	background-color: #ffffff;
	font-family: "Gill Sans",  "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	font-style: normal;
	font-weight: 400;
	font-size: small;
}
h1 {
	font-size:x-large;
	padding-left: 10px;
	padding-right: 10px;
}
h2 {
	padding-left:10px;
	padding-right: 10px;
}
p{
	padding-left: 10px;
	padding-right: 10px;
}
td {
	vertical-align: top;
}
.web_title{
	font-family: Fredoka, Gadugi; 
	font-size:xx-large;
	font-weight:300;
	color:#7A7979;
	display:inline;
	vertical-align: top;
	padding-left: 10px;
}
.web_subtitle{
	font-size:x-small;
	font-weight:500;
	color:#000000;
	padding-left: 10px;
}
.web_firma{
	font-size:x-small;
	font-weight:500;
	color:#000000;
	padding-left: 10px;
}
.logo{
    text-align: center;
}
/* ================================= Breitenraster der Spalten für größere Auflösungen (bei kleineren Auflösungen ist jede Spalte 100%) */
[class*="col-"] {
  float:left;
}
@media only screen and (min-width: 480px) {
  /* For tablets: */
  .col-left {width: 15%;}  /* Links */
  .col-right {width: 20%;} /* Rechts */
  .col-middle {width: 65%;} /* Mitte */
  .col-mid_and_right {width: 85%;}/* Mittte + Rechts */
}
/* ================================= Seitenaufteilung in Divisionen (rowtop, rowmain umfassen jeweils alle Spalten) */
.clear_after:after {
  content: "";
  display: table;
	clear: both;
}
/* ================================= OBEN_L */
.div_top_l {
	text-align:right;
	padding: 0px;
}

/* ================================= OBEN_M */
.div_top_m {
	padding: 0px;
}
.div_top_m p a {
	
}

/* ================================= OBEN_R */
.div_top_r {
	padding: 0px;
}

/* ================================= LINKS NAVIGATIONSBUTTONS*/
.div_left {
	font-weight: 400;
	font-size: small;
	background-color: #ECECEC;
	border-top: thin solid #7A7A7A;
	padding:0px;
}

.div_left p a {
	display: block;
	text-decoration: none;
	text-align: right;
	background-color: white;
	color: #2C2C2C;
	border-width: 1px 0px 1px 1px;
	border-style: solid;
	border-color: #7A7A7A;
	border-radius: 19px 0 0 19px;
	-webkit-box-shadow: 0px 3px 5px #828282;
	box-shadow: 0px 3px 5px #828282;
	padding-right: 5px;
}
.div_left p a:hover, #div_left p a:focus
{
	background-color: #C4C4C4;
}

.div_left p a:active
{
	background-color:#C4C4C4;
	-webkit-box-shadow: 0 0 1px 3px #828282; 
	box-shadow: 1px 3px 2px #828282; 
}
.div_left p a.thispage 
{
	background-color:#FF0000;
	color: #F1F1F1;
	border-color: red white red red;
}
/* ================================= MITTE */
.div_middle {
	padding: 0px;
	border-top: thin solid #7A7A7A;
}

/* ================================= MITTE + RECHTS */
.div_middle_and_right {
	padding: 0px;
}

/* ================================= RECHTS */
.div_right {
	background-color:#C4C4C4;
	border-top: thin solid #7A7A7A;	
	padding: 0px;
}
/* ================================= UNTEN */
.div_bottom {
	width: 100%;
	border-bottom: thin solid #7A7A7A;
	padding: 0px;
}
/* ================================= Pseudo-PopUp (Software.php) */
#pg_popup {
	position: absolute;
	top: 200px;
	left: 180px;
	width: 800px;
	max-height:600px;
	border: 2px solid #2B5796;
	border-radius: 16px 16px 16px 16px;
	-webkit-box-shadow: 20px 20px 40px #828282;
	box-shadow: 20px 20px 40px #828282;
	background-color:#CDDCEB;
	font-size: small;
	
}
#pg_popup h1 {color:#FF0000;}
#pg_popup h2 {color:#383838;}
#pg_popup p li {color:#454242;}
#pg_popup_close{
	position: absolute;
	top: 208px;
	left: 925px;
}
/* ================================= Das Pseudo-Popup im Menüpunkt 'Themen' */
#th_popup {
	position: absolute;
	width: 750px;
	max-height:600px;
	top: 200px;
	left: 233px;
	border: 2px solid #996600;
	border-radius: 16px 16px 16px 16px;
	-webkit-box-shadow: 20px 20px 40px #828282;
	box-shadow: 20px 20px 40px #828282;
	background-color: #FFFFCC;
	font-size: small;
	
}
#th_popup h1 {color:#FF0000;}
#th_popup h2 {color:#383838;}
#th_popup p li {color:#454242;}
#th_popup_close{
	position: absolute;
	top: 208px;
	left: 925px;
}
/* ================================= Das Pseudo-Popup im Menüpunkt 'Index (Start)' */
#ix_popup {
	position: absolute;
	width: 800px;
	max-height:600px;
	top: 200px;
	left: 180px;
	border: 2px solid #828282;
	border-radius: 16px 16px 16px 16px;
	-webkit-box-shadow: 20px 20px 40px #828282;
	box-shadow: 20px 20px 40px #828282;

	background-color:#ececec;
	font-size:small ;
	
}
#ix_popup h1 {color:#FF0000;}
#ix_popup h2 {color:#383838;}
#ix_popup p li {color:#454242;}
#ix_popup_close{
	position: absolute;
	top: 208px;
	left: 942px;
}

/* ================================= Tabelle Webtipps */
#tab_webtipps {
	text-align:center;
	vertical-align: central;
	background-color: white;
	color: black;
	font-size: x-small;
}
#tab_webtipps tr {
	background-color: #ECECEC;
	
}
#tab_webtipps a {
	display: block;
	text-decoration: none;
}
#tab_webtipps a:link, #tab_webtipps a:visited
{
	color: black;
}

#tab_webtipps a:hover{
	background-color: red;
	color: white;
}

#tab_webtipps a:active{
	background-color: red;
	color:#474747;

}

#tab_webtipps .tdh1{
	
	background-color:#555555;
	color: #ececec;
}

/* ================================= Die Tabelle unter Menüpunkt 'Programm' */
.tab_programme {
	text-align: center;
	vertical-align: top;
	padding: 1px;
	font-size: small;
	font-weight: 400;
	background-color:#FFFFFF ;
	padding-left:10px;
}
.tab_programme a{
	text-decoration:none;
	color:black;
}
.tab_programm_header {
	font-size: small;
	font-weight: 400;
	background-color:#2B5796;
	color:#F9F9F9 
}
.tab_programm_row {
	font-size: small;
	font-weight: 400;
	background-color:#A7C1DC;
	color:#000000 
}
/* ============================================== Das Dampfradio */

#radioanstalt,#radiosender{
	color: red;
	font-weight:600;
}
.tab_radio {
	text-align:center;
	vertical-align: central;
	background-color: white;
	color: black;
	font-size: small;
    font-weight: 600;
	padding-left:10px;
}
.tab_radio td{
    width: 82px;
    
}
.tab_radio_header td{
    width: 82px;
    
}
.tab_radio tr {
	background-color: #ECECEC;
	
}
.tab_radio_header {
	text-align:center;
	vertical-align: central;
	background-color: #555555;
	color: white;
	font-size: small;
    font-weight: 600;
	padding-left:10px;
}
.tab_radio a {
	display: block;
	text-decoration: none;
}
.tab_radio a:link, .tab_webtipps a:visited
{
	color: black;
}

.tab_radio a:hover{
	background-color: #555555;
	color: white;
}

.tab_radio a:active{
	background-color: red;
	color:#474747;

}

.tab_radio .tdh1{
	
	background-color:#555555;
	color: #ececec;
}