/*
include in your web page:
<link rel="stylesheet" type="text/css" media="screen" href="/agenda_files/css/calcms.css" />
*/

/* calcms - common */

pre{
	text-align:left;
	font-family:Courier;
	padding:1em;
	margin:1em;
	border:1px solid black;
}

div.update{
	position:absolute;
	bottom:0px;
}

div.update , div.update a{
	text-align:left;
	font-size:6px;
	color:#bbb;
}

/* hide microformats */
.vevent .dtstart,
.vevent .dtend,
.vevent .location{
	display:none;
	visibility:hidden;
}

/* end of common */


/* menu */

#calcms_menu{
	clear:both;
	line-height:120%;
	text-align:left;
	padding-top:3px;padding-right:5px;
	margin-bottom:1px;
}

#calcms_menu li.leaf{
	list-style-type:none;
	list-style-image:url();
	background:none;
    margin:0;
	padding:0;
}

#calcms_menu a:hover,
#calcms_calendar .selected a:hover{
	text-decoration:underline;
}

#calcms_menu .date{
	margin:0px;
	font-weight:bold;
	margin-top:1em;
	margin-bottom:6px;
	-moz-border-radius-topleft:12px;
	-moz-border-radius-topright:12px;
	-webkit-border-top-right-radius: 12px; 
	-webkit-border-top-left-radius: 12px;
}

#calcms_menu .title{
	padding:0px;
	margin:0px;
	text-align:left;
}

#calcms_menu .excerpt{
	padding:3px;
	margin:0px;
}

#calcms_menu .content{
	padding:3px;
	margin:0px;
	clear:left;
	margin:0
}

#calcms_menu .content p{
	margin-top:10px
}

#calcms_menu .content h1{
	text-align:left;
	font-size:1.5em;
	clear:left;
	margin-top:16px
}
	
#calcms_menu .content h2{
	text-align:left;
	font-size:1.5em;
	clear:left;
	margin-top:16px
}

#calcms_menu .content h3{
	text-align:left;
	font-size:1.5em;
	clear:left;
	margin-top:16px
}

#calcms_menu .content h4{
	text-align:left;
	font-size:1.5em;
	clear:left;
	margin-top:16px
}

#calcms_menu li{
	clear:left;
	line-height:1.2em;
}

#calcms_menu .date{
	margin-top:12px;
	margin-left:3em;
	clear:both;
}

#calcms_list .title{
	margin-bottom:1em;
}

#calcms_list hr{
	margin-bottom:2em;
	background-color:#ddd;
}

#calcms_list .content img{
	text-align:left;
	font-size:1.5em;
	margin-bottom:20px;
	border:0;
	float: right;
	margin-left: 1em;
}

#calcms_playlist{
	padding:1px;
	margin:0px;
	clear:both;
}

#calcms_playlist div{
	vertical-align:middle;
	clear:both;
}

#calcms_playlist img{
	width:2em;
	height:2em;
	margin:6px;
	float:left;
	opacity:0.9;
}

#calcms_playlist img:hover{
	opacity:1.0;
}

#calcms_menu div{
	vertical-align:middle;
	clear:both;
}

#calcms_menu .event img{
    transition: all .2s ease-in-out;
}

#calcms_menu .event:hover img{
    transform: scale(1.1);
}

#calcms_menu img{
	width:2em;
	height:2em;
	margin-right:6px;
	margin-bottom:12px;
	float:left;
}

#calcms_playlist a{
	clear:both;
	float:none;
}

#calcms_menu .event{
	padding:1px;
	margin:0px;
	clear:both;
	text-align:left;
}

#calcms_menu .event.running{
	font-weight:bold;
}

/* end of menu */



/* calcms_list */
div#calcms_list{
	position:relative;
	top:-20px;
}

#content div a img,
#icon_bar a img{
	margin:6px;
}

#calcms_list .date{
	font-weight:bold;
	margin-top:1em;
}

#calcms_list .excerpt{
	margin-left:40px;
	margin-top:6px;
}

#calcms_list .event.running{
	color:#000;
}

#calcms_list .comments.submitted{
	font-weight:bold;
}

#calcms_list .submitted{
	margin-left:40px;
}

/* end of calcms_list */

/* calcms comments */
#calcms_comments{
    clear:both;
}

#calcms_comments .author{
	color:#666;
	font-weight:bold;
	float:left;
}

#calcms_comments .date{
	color:#888;
	font-weight:normal;
	margin:0;
	padding:0;
}

#calcms_comments .content{
	font-weight:normal;
}

#calcms_comments .comment{
	margin:0;
	padding:0;
}

#calcms_comments .level0{
	padding-top:1.5em;
	margin-left:00px;
}
#calcms_comments .level1{
	margin-left:20px;
}
#calcms_comments .level2{
	margin-left:40px;
}
#calcms_comments .level3{
	margin-left:60px;
}
#calcms_comments .level4{
	margin-left:80px;
}
#calcms_comments .level5{
	margin-left:100px;
}
#calcms_comments .level6{
	margin-left:120px;
}
#calcms_comments .level7{
	margin-left:140px;
}
#calcms_comments .level8{
	margin-left:160px;
}
#calcms_comments .level9{
	margin-left:180px;
}
#calcms_comments .level10{
	margin-left:200px;
}

#calcms_add_comment{
	visibility:hidden;
	display:none;
}

#calcms_newest_comments .author{
	font-weight:bold;
}

#calcms_newest_comments li,
#calcms_newest_comments li.leaf{
	list-style-type:none;
	list-style-image:url();
	background:none;
	padding:0;
}

#calcms_newest_comments span.content{
	text-overflow: ellipsis; 
	-o-text-overflow: ellipsis; 
	-icab-text-overflow: ellipsis; 
	-khtml-text-overflow: ellipsis; 
	-moz-text-overflow: ellipsis; 
	-webkit-text-overflow: ellipsis;
}

#calcms_newest_comments li.leaf a,
#calcms_newest_comments li.leaf span{
	line-height:1.2em;
}

#calcms_newest_comments li.leaf a:hover{
	text-decoration:none;
}

/* end of calcms comments*/

/* calcms_search */
#calcms_search{
	margin:0;
	z-index:3;
	text-align:left;
	font-size:10px;
	clear:both;
}

#calcms_search input{
	width:80px;
}

table#calcms_search{
	padding:0;
	margin:0;
	text-align:left;
}

table#calcms_search td a{	
	padding:1px;
}

#calcms_search input#calcms_search_field,
#calcms_search select{
	width:100px;
}

#calcms_search input#calcms_search_field{
	float:left;
}

#calcms_search form{
	float:left;
}
/* end of calcms_search */


/* calcms_calendar  */
#calcms_calendar{
	overflow:hidden;
	text-align:center;
	padding:0px;
	margin:0px;
	vertical-align:top;
	clear:both;
}

#calcms_calendar .week_1, 
#calcms_calendar .week_2, 
#calcms_calendar .week_3,			
#calcms_calendar .week_4,			
#calcms_calendar .week_5{		
}

#calcms_calendar th{
	margin:0px;
	font-weight:normal;
	margin-top:1em;
}

/* selected fields */
#calcms_calendar .selected, .night, .morning, .noon, .afternoon, .evening{
	background:#eee;
	font-size:bold;
	font-weight:bold;
}

#calcms_calendar table{
	text-align:center;
	padding:0px;
	margin:0px;
}

/* hover effects */

#calcms_calendar table td:hover,
#calcms_calendar table th:hover{
	background-color:#f0f0f0;
}

#calcms_calendar table td{
	border-bottom:1px solid #D1C7CA;
	opacity:0.8;
}

#calcms_calendar  table td.selected:hover{
	background-color:#f0f0f0;
	border-top: 1px solid #D1C7CA;
	border-bottom:1px solid #D1C7CA;
}

#calcms_calendar  table a{
	text-decoration:none;
	font-weight:normal;
}

#calcms_calendar  table td.selected a{
	font-weight:bold;
}

#calcms_calendar td,
#calcms_calendar th{
	padding:0px;
	padding-left:3px;
	padding-right:3px;
	margin:0;
	text-align:center;
}

#calcms_calendar th.first,
#calcms_calendar th.last{
	font-size:large;
    transition: all .2s ease-in-out;
}

#calcms_calendar th.first:hover,
#calcms_calendar th.last:hover{
    transform: scale(1.2);
}

/* not selectable columns */

#calcms_calendar table td.row_type:hover{
	border-bottom:1px solid #D1C7CA;
	border-right: 1px solid #D1C7CA;
	background-color:#ffffff;
}

#calcms_calendar .row_type{
	width:100px
}

.calcms_today{
	font-weight:bold;
}

/* end of calcms_calendar */


.blnfm, .multicultfm, .ohrfunk, .twenfm, .offenerkanalberlin, .klubradio, .piradio,
.studioansage, .studiolottumstrasse, .studiorebootfm, .dt64

{
	padding:6px;
	margin:6px;
}

.blnfm{
	background-color:#fde;
}

.multicultfm{
	background-color:#fdd;
}

.ohrfunk{
	background-color:#fed;
}

.twenfm{
	background-color:#ffd;
}

.offenerkanalberlin{
	background-color:#eef;
}

.klubradio{
	background-color:#def;
}

.piradio{
	background-color:#F1F2F2;
}

.dt64{
	background-color:#F3F3d0;
}

/*Einheitsradio */
.studiolottumstrasse{
	background-color:#b0b0ff;
	/* background-color:#ffddff; */
}
.studioansage{
	background-color:#ffaa00;
	/* background-color:#ddffdd; */
}
.studiorebootfm{
	background-color:#F2E950;
	/* background-color:#ffff00; */
}

.feed-icon{
	float:left;
}

#icon_bar{
	padding-bottom:6px;
}

#icon_bar .feed-icon{
	height:16px;
}

#icon_bar .feed-icon img{
	margin:6px;
	text-align:right;
}

input{
	width:200px;
}

.vevent a{
	font-weight:normal;
}
.vevent .location{
    display:none;
}
	
#player{
    border:0;
    padding:0;
    height:26px;
    width:180px;
    overflow:hidden;
}

/* mobile menu */

#mobileMenuButton{
    display:block;
    position:fixed;
    z-index:99;
    right:6px;
    top:3px;
    font-size:1.5em;
    padding:1em;
    line-height:1em;
    background:#ddd;
    color:#000;
    font-weight:bold;
    cursor: pointer;
    background:#ccc;
    background:linear-gradient(to bottom, #333 0%, #333 20%, #bbb 20%, #bbb 40%, #333 40%, #333 60%, #bbb 60%, #bbb 80%, #333 80%, #333 100%);
    border:0.4em solid #bbb;
    border-radius:6px;
    transition:all 0.2s ease-in-out 0s;
}
#mobileMenuButton:hover{
    transform: scale(1.05);
}

ul.mobileMenu{
    position:fixed;
    top:0px;
    background:#333!important;
    width:100%;
}

ul.mobileMenu li,
ul.mobileMenu li a{
    float:none!important;
    background:#444!important;
    display:block;
    text-align:center;
    font-size:1.3em;
    padding:0.5em!important;
    line-height:1em;
    z-index:99;
    margin-bottom:1px;
    width:80%;
}

ul.mobileMenu a,
ul.mobileMenu a:link,
ul.mobileMenu a:hover,
ul.mobileMenu a:visited{
    background-image:url()!important;
    background:#444!important;
    width:80%;
}

ul.mobileMenu li:hover,
ul.mobileMenu li:hover a{
    background:#999!important;
    transition:all 0.2s ease;
    
}

ul.mobileMenu li a:hover{
    text-decoration:none!important;
}