/*=================================================//
// CSS File                                        //
//-------------------------------------------------//
// Project:   Radio UNiCC Webpage                  //
// Author:    Daniel Schroeder                     //
// E-Mail:    webmaster@gravitymedia.de            //
// Version:   0.1                                  //
//=================================================*/

/*          FONTS AND COLORS          */

/* General */

body {
 font: normal 10pt Verdana, Tahoma, Sans-Serif;
 color: #000000;
}

h1 {
 font: normal 1.6em Georgia, "Times New Roman", Serif;
 color: #333333;
 margin: 6pt 0 6pt 0;
}

h2 {
 font: normal 1.3em Georgia, "Times New Roman", Serif;
 color: #999999;
 margin: 6pt 0 3pt 0;
}

h3 {
 font: normal 0.8em Georgia, "Times New Roman", Serif;
 color: #666666;
 margin: 6pt 0 3pt 0;
}

h4 {
 font: normal 1.2em Verdana, Tahoma, Sans-Serif;
 color: #777777;
 margin: 3pt 0 3pt 0;
}

p {
 font: normal 1em Verdana, Tahoma, Sans-Serif;
 color: #222222;
 margin: 3pt 0 10pt 0;
}

form {
 padding: 0;
 margin: 0;
}

img {
 border: 0;
}

input, textarea, select {
 background: #ffffff url(images/content_input.gif) repeat-x top left;
 border: 1px solid #d9d9d9;
}

fieldset {
 border: 1px solid #ffffff;
}

hr {
 border-left: 0px dashed #333333;
 border-right: 0px dashed #333333;
 border-top: 0px dashed #333333;
 border-bottom: 1px dashed #333333;
 height: 1px;
}

#menu_breadcrum {
 font: normal 0.8em Verdana, Tahoma, Sans-Serif;
 color: #bbbbbb;
}

#content_cam_marquee {
 font: normal 0.8em Verdana, Tahoma, Sans-Serif;
 color: #bbbbbb;
}

#content_programm_selector select {
 font: normal 0.8em Verdana, Tahoma, Sans-Serif;
 color: #727375;
}

.content_programm_beschreibung {
 font: normal 0.8em Verdana, Tahoma, Sans-Serif;
 color: #999999;
}

#content_cam_login {
 font: normal 0.7em Verdana, Tahoma, Sans-Serif;
 color: #bbbbbb;
}

#content_cam_login input {
 background: #ffffff url(images/content_cam_login_input.gif) repeat-x top left;
 font: normal 1em Verdana, Sans-Serif;
 color: #888888;
 border: 1px solid #d9d9d9;
 width: 70px;
 margin: 0px 2px 2px 0px;
 padding: 0px 1px 0px 1px;
}

#content_cam_login input.button {
 background: #ffffff url(images/content_cam_login_button.gif) repeat-x bottom left;
 font: normal 1.4em Tahoma, Verdana, Sans-Serif;
 position: absolute;
 top: 5px;
 right: 0px;
 width: 18px;
}

#copyright {
 font: normal 0.8em Verdana, Tahoma, Sans-Serif;
 color: silver;
}

/* Links */

a, a:link, a:visited {
 text-decoration: none;
 color: #444444;
 }

a:hover, a:active, a:focus {
 text-decoration: none;
 color: #666666;
 }


a[href $= ".mp3"]:before,
a[href $= ".MP3"]:before,
a[href $= ".ogg"]:before,
a[href $= ".OGG"]:before,
a.audio:before {
   content: url('/typo3/fileadmin/sym/speaker.jpg')" ";
   
}


 
.external-link-new-window, .external-link, .internal-link, .download, .mail, 
.link a, .link a:link, .link a:visited, .link a:active  {
 text-decoration: none;
 color: #000000;
 border-bottom: 1px dashed #bbbbbb;
 }
 
.external-link-new-window a:hover, .external-link a:hover, .internal-link a:hover, .download a:hover, .mail a:hover, 
.link a:hover, 
.external-link-new-window a:focus, .external-link a:focus, .internal-link a:focus, .download a:focus, .mail a:focus, 
.link a:hover, 
.external-link-new-window a:active, .external-link a:active, .internal-link a:active, .download a:active, .mail a:active, 
.link a:active
 {
 text-decoration: none;
 color: #cccccc;
 border-bottom: 0px none;
 }

.menu_item, .menu_item a, .menu_item a:link, .menu_item a:visited,
.menu_item a:hover, .menu_item a:active, .menu_item a:focus {
 text-decoration: none;
 font: bold 0.9em Verdana, Tahoma, Sans-Serif;
 color: #888888;
}

.menu_item_active, .menu_item_active a, .menu_item_active a:link, .menu_item_active a:visited,
.menu_item_active a:hover, .menu_item_active a:active, .menu_item_active a:focus { 
 background-color: #d9dfe8;
 text-decoration: none; 
 font: bold 0.9em Verdana, Tahoma, Sans-Serif;
 color: #888888;
}

.submenu_item, .submenu_item a, .submenu_item a:link, .submenu_item a:visited,
.submenu_item a:hover, .submenu_item a:active, .submenu_item a:focus {
 text-decoration: none;
 font: bold 0.8em Verdana, Tahoma, Sans-Serif;
 color: #888888;
}

.submenu_item_active, .submenu_item_active a, .submenu_item_active a:link, .submenu_item_active a:visited,
.submenu_item_active a:hover, .submenu_item_active a:active, .submenu_item_active a:focus { 
 background-color: #eaedf0;
 text-decoration: none; 
 font: bold 0.8em Verdana, Tahoma, Sans-Serif;
 color: #888888;
}

#menu_breadcrum a, #menu_breadcrum a:link, #menu_breadcrum a:visited {
 text-decoration: none;
 color: #bbbbbb;
 border-bottom: 0px none #bbbbbb;
}

#menu_breadcrum a:hover, #menu_breadcrum a:active, #menu_breadcrum a:focus {
 text-decoration: none;
 color: #bbbbbb;
 border-bottom: 1px dashed #bbbbbb;
}

#copyright a, #copyright a:link, #copyright a:visited {
 text-decoration: none;
 color: #dddddd;
}

#copyright a:hover, #copyright a:active, #copyright a:focus {
 text-decoration: none;
 color: #aaaaaa;
}

/*          POSITIONS AND BACKGROUNDS          */

/* General */

body {
 background-color: #586270;
 margin: 0;
 padding: 0;
 text-align: center;
}

/* Background */

#background_shadow {
 background: transparent url(images/background_shadow.gif) repeat-x top left;
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 300px;
}

#background_main {
 background: transparent url(images/background_main.gif) repeat-y top left;
 position: relative;
 margin: 0 auto 0 auto;
 width: 950px;
 text-align: left;
 z-index: 1;
}

#background_left {
 background: transparent url(images/background_left.gif) no-repeat top left;
 position: absolute;
 top: 0px;
 left: 0px;
 width: 25px;
 height: 300px;
}

#background_right {
 background: transparent url(images/background_right.gif) no-repeat top left;
 position: absolute;
 top: 0px;
 right: 0px;
 width: 25px;
 height: 300px;
}

#background_bottom {
 background: transparent url(images/background_bottom.gif) no-repeat top left;
 position: relative;
 margin: 0 auto 0 auto;
 width: 950px;
 height: 40px;
 text-align: left;
}

/* Main */

#main {
 position: relative;
 margin: 0px 30px 0px 30px;
 width: 890px;
 text-align: left;
 overflow: hidden;
}

/* Top */

#top {
 background: transparent url(images/top.jpg) no-repeat top left;
 position: relative;
 width: 890px;
 height: 180px;
 text-align: center;
}

#top_unicc {
 background: transparent url(images/top_unicc.gif) no-repeat top left;
 position: absolute;
 top: 0px;
 left: 15px;
 width: 300px;
 height: 100px;
}

#top_teaser {
 background: transparent url(images/top_teaser.gif) no-repeat top left;
 position: absolute;
 top: 2px;
 left: 315px;
 width: 360px;
 height: 90px;
 padding: 8px 10px 12px 10px;
 overflow: hidden;
}

#top_teaser table {
 width: 340px;
 height: 70px;
}

/* Topmenu */

#top_menu {
 font-size: 0;
 position: absolute;
 top: 100px;
 left: 12px;
 width: 440px;
 height: 40px;
 text-align: left;
 overflow: hidden;
}

#top_menu_home {
 position: absolute;
 top: 0px;
 left: 0px;
 width: 16px;
 height: 40px;
 text-align: center;
}

#top_menu_programm {
 position: absolute;
 top: 0px;
 left: 16px;
 width: 125px;
 height: 40px;
 text-align: center;
}

#top_menu_musik {
 position: absolute;
 top: 0px;
 left: 116px;
 width: 125px;
 height: 40px;
 text-align: center;
}

#top_menu_community {
 position: absolute;
 top: 0px;
 left: 216px;
 width: 125px;
 height: 40px;
 text-align: center;
}

#top_menu_radio {
 position: absolute;
 top: 0px;
 left: 316px;
 width: 125px;
 height: 40px;
 text-align: center;
}

/* Container */

#container {
 background-color: #f5f5f5;
 position: relative;
 width: 818px;
 min-height: 350px;
 height: auto !important;
 height: 350px;
 margin: 0px auto 0px auto;
 text-align: left;
}

/* Menu */

#menu {
 position: relative;
 float: left;
 margin: 40px 0px 0px 0px;
 width: 150px;
 text-align: left;
}

#menu_breadcrum {
 position: absolute;
 top: -35px;
 left: 170px;
 width: 390px;
 height: 28px;
 line-height: 28px;
 overflow: hidden;
}

#menu_speaker {
 position: absolute;
 top: -25px;
 left: 50px;
 width: 50px;
 height: 50px;
}

#menu_pointer {
 background: transparent url(images/menu_pointer.gif) no-repeat top left;
 position: absolute;
 top: 1px;
 left: -20px;
 width: 20px;
 height: 20px;
 text-align: left;
}

.menu_dashes {
 font-size: 0;
 background: transparent url(images/menu_dashes.gif) repeat-x top left;
 position: relative;
 width: 150px;
 height: 1px;
}

.menu_item, .menu_item_active {
 position: relative;
 height: 1.6em;
 padding: 3px 0 0 10px;
 text-align: left;
}

.submenu_item, .submenu_item_active {
 position: relative;
 height: 1.6em;
 padding: 3px 0 0 20px;
 text-align: left;
}

/* Content */

#content {
 background: #ffffff url(images/content_edge.gif) no-repeat top left;
 position: relative;
 margin: 0px 0px 0px 150px;
 width: 668px;
 min-height: 350px;
 height: auto !important;
 height: 350px;
 text-align: left;
 z-index: 1;
}

/* Cam */

#content_cam {
 background: transparent url(images/content_cam.jpg) no-repeat top left;
 position: absolute;
 top: -174px;
 right: -36px;
 width: 210px;
 height: 210px;
 text-align: center;
}

#content_cam div.links {
 position: relative;
 float: left;
 margin: 0 5px 0 5px;
}

#content_cam div.inputs {
 position: relative;
 float: left;
 margin: 0 1px 0 1px;
}

#content_cam_image {
 position: absolute;
 top: 50px;
 left: 43px;
 width: 120px;
 height: 90px;
 overflow: hidden;
}

#content_cam_bar {
 position: absolute;
 top: 153px;
 left: 15px;
 width: 195px;
 height: 50px;
 overflow: hidden;
}

#content_cam_buttons {
 font-size: 0;
 position: absolute;
 top: 10px;
 left: 5px;
 width: 185px;
 height: 10px;
 text-align: center;
}

#content_cam_login {
 position: absolute;
 top: 10px;
 left: 5px;
 width: 185px;
 height: 30px;
}

#content_cam_login dl {
 margin: 0px;
}

#content_cam_login dt {
 margin: 0px 0px 2px 0px;
 padding: 0px;
 float: left;
 width: 80px;
 text-align: left;
 display: block;
}

#content_cam_login dd {
 margin: 0px 0px 2px 0px;
 float: none;
	display: inline;
}

#content_cam_marquee {
 position: absolute;
 top: 28px;
 left: 10px;
 width: 175px;
 height: 18px;
 line-height: 18px;
 overflow: hidden;
}

/* Main Content */

#content_main {
 position: relative;
 padding: 40px 20px 25px 20px;
 text-align: left;
 min-height: 520px;
}

/* Programm Content */

#content_programm {
 position: relative;
 width: 100%;
 height: 75px;
}

#content_programm_selector {
 background: transparent url(images/content_programm_selector.gif) no-repeat top left;
 position: absolute;
 top: 25px;
 left: 95px;
 width: 250px;
 height: 65px;
 z-index: 1;
}

#content_programm_selector select {
 background-color: #e3e6ea;
 border: 1px solid #bbbbbb;
 position: absolute;
 top: 32px;
 left: 46px;
 width: 180px;
 height: 16px;
}

.content_programm_sendung {
 border-top: 1px dashed #bbbbbb;
 position: relative;
 height: 95px;
}

.content_programm_avatar {
 background: transparent url(images/content_programm_avatar.gif) no-repeat top left;
 position: absolute;
 top: 10px;
 left: 10px;
 width: 75px;
 height: 75px;
 overflow: hidden;
}

.content_programm_avatar img {
 margin: 10px;
}

.content_programm_beschreibung {
 position: absolute;
 top: 12px;
 left: 95px;
 width: 523px;
 height: 66px;
 overflow: hidden;
}

/* Footline */

#footline {
 background: transparent url(images/footline.gif) repeat-x top left;
 position: relative;
 width: 890px;
 height: 33px;
 text-align: left;
}

#footline_avatar {
 background: transparent url(images/footline_avatar.gif) no-repeat top left;
 position: absolute;
 top: -97px;
 left: 0px;
 width: 186px;
 height: 130px;
}

#footline_conformity {
 font-size: 0;
 position: absolute;
 bottom: 70px;
 left: 90px;
 width: 80px;
 height: 60px;
}

#footline_conformity img {
 margin: 1px 0 1px 0;
}

#footline_menu {
 position: absolute;
 top: 0px;
 right: 30px;
 width: 168px;
 height: 33px;
 padding-right: 20px;
 overflow: hidden;
 text-align: right;
}

#footline_menu_impressum {
 position: absolute;
 top: 0px;
 right: 122px;
 width: 66px;
 height: 33px;
 text-align: center;
}

#footline_menu_sitemap {
 position: absolute;
 top: 0px;
 right: 61px;
 width: 66px;
 height: 33px;
 text-align: center;
}

#footline_menu_admin {
 position: absolute;
 top: 0px;
 right: 0px;
 width: 66px;
 height: 33px;
 text-align: center;
}

/* Copyright */

#copyright {
 position: relative;
 width: 100%;
 height: 50px;
 text-align: center;
}

/* 2 columns */

div.twocolumns .halfleft {
 width: 45%;
 float: left
}

div.twocolumns .halfright {
 width: 45%;
 float: right
}

.align-center { text-align: center; }
.align-justify { text-align: justify; }
.align-left { text-align: left; }
.align-right { text-align: right; }


p.news-single-author+h3 ,table tr td h3 {
 font: normal 1.0em  Verdana, Tahoma, Sans-Serif;
 color: #000000;
 margin: 6pt 0 3pt 0;
}

.bodytext a, .bodytext a:link, .bodytext a:visited {
 text-decoration: none; border-bottom: 1px #444444 dashed;
 color: #888888;
 }

.bodytext a:hover, .bodytext a:active, .bodytext a:focus {
 text-decoration: none; border-bottom: 1px #888888 dashed;
 color: #AAAAAA;
 }

.newsimage { float: left; margin-right: 15px; }

.csc-textpic-caption, .news-single-imgcaption, .news-list-imgcaption { font-size: 0.8em; }
.gray-line { border-bottom: 1px #CCCCCC dashed; margin-bottom: 5px; }

div#user_uniccbcasts_schedule_container {
	margin: 0;
	padding: 0;
	width: 630px;
        /*border: 1px #aa0000 solid; */
        background: transparent;
}
div.user_uniccbcasts_schedule_nav_prev {
        text-align: left;
        width: 50px;
        float: left;
        margin: 0;
}
div.user_uniccbcasts_schedule_nav_next {
        text-align: right;
        width: 50px;
        float: right;
        margin: 0;
}

div.user_uniccbcasts_schedule_table {
        clear: right;
        width: 630px;
}
table#user_uniccbcasts_schedule_table {
        border-collapse: separate;
        empty-cells: show;
        table-layout: fixed;
        width: 630px;
        margin: 5px 0;
       	padding: 0;
        border-top: 1px #cccccc solid; 
}
th.user_uniccbcasts_schedule_head_dummy {
        display: none;
        
}

th.user_uniccbcasts_schedule_head_time {
        width: 42px;
}

th.user_uniccbcasts_schedule_head_col {
        font-size:0.8em;
       	text-align: center;
       	padding: 1px; padding-top: 5px; padding-bottom: 5px;
        background-color: #bca;
        overflow: hidden;
        width: 79px;
}


td.user_uniccbcasts_schedule_time {
        font-size:0.8em;
        text-align: right;
        padding: 5px;
        width: 42px;
        border-top: 1px #aaaaaa solid;
}
td.user_uniccbcasts_schedule_col1 {
        background-color: #abc;
        height: 20px;
        overflow: hidden;
        font-size: 0.8em;
        font-family: verdana;
        text-align: left;
        vertical-align: top;
        width: 79px;
        
}
td.user_uniccbcasts_schedule_col2 {
        background-color: #abc;
        height: 20px;
        overflow: hidden;
        font-size: 0.8em;
        font-family: verdana;
        text-align: left;
        vertical-align: top;
        width: 79px;
        border: 1px #222222 dotted;
}
tr.user_uniccbcasts_schedule_row {
        height: 20px;
        margin: 0;
}
td.user_uniccbcasts_schedule_colempty {
        background-color: #ddd;
}

td.user_uniccbcasts_schedule_coldummy {
        display:none;
}
div.user_uniccbcasts_schedule_broadcast_time {
        font-size: 0.8em;
}

div.user_uniccbcasts_schedule_broadcast_title {
        margin: 2px 0 0 0;
}
div.user-uniccbcasts-schedule {
	background: transparent;
}

#broadcast_current {
	border-top: 1px #CCCCCC solid;
	border-bottom: 1px #AAAAAA solid;
	padding-top: 7px;
	padding-bottom: 7px;
	margin-bottom: 20px;
	}
.bc_intro { color: #555555; }
.bc_until { font-size: 0.9em; color: #888888; }