/* Allgemeine Einstellungen */

body {
 font: normal 10pt Verdana, Tahoma, Sans-Serif;
 color: #000000;
 background-color: #586270;
 margin: 0;
 padding: 0;
 text-align: center;

 scrollbar-base-color:#586270;
 scrollbar-3d-light-color:#CCCCCC;
 scrollbar-arrow-color:#CCCCCC;
 scrollbar-darkshadow-color:#222222;
 scrollbar-face-color:#586270;
 scrollbar-highlight-color:#EEEEEE;
 scrollbar-shadow-color:#222222;
 scrollbar-track-color:#444444;

}

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

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

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

h3 {
 font: bold 1em Tahoma, Arial, Verdana, Sans-Serif;
 color: #666666;
 margin: 0 0 4pt 0;
}

h3 a, h3 a:link, h3 a:visited {
 text-decoration: none;
 color: #666666;
 border-bottom: 0px none #666666;
}
h3 a:hover, h3 a:active, h3 a:focus {
 text-decoration: none;
 color: #666666;
 border-bottom: 1px dashed #666666;
}

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

dl {
 margin: 0;
 clear: both;
}

dl dt {
 font: bold 1em Tahoma, Arial, Verdana, Sans-Serif;
 margin: 0 0 2px 0;
 float: left;
}

dl dd {
 margin: 0 0 2px 155px;
}

form {
 padding: 0;
 margin: 0;
}

img {
 border: 0;
}

table {
 border: 0;
 cellspacing: 0;
 cellpadding: 0;
}

td {
 padding: 0;
}

.fresszettel td {
 vertical-align: top;
}

.top_menu_item, .top_menu_item a, .top_menu_item a:link, .top_menu_item a:visited{
 text-decoration: none;
 font: bold 0.9em Tahoma, Arial, Verdana, Sans-Serif;
 color: #AAAAAA;
 height: 30px;
 vertical-align: middle;
 line-height: 14px;
}

.top_menu_item a:hover, .top_menu_item a:active, .top_menu_item a:focus {
 text-decoration: none;
 font: bold 0.9em Tahoma, Arial, Verdana, Sans-Serif;
 color: #DDDDDD;
}



.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 Tahoma, Arial, Verdana, Sans-Serif;
 color: #888888;
 background-color: #EEEEEE;
 height: 22px;
 
 display: block;
}

border-bottom: 1px solid #177665; border-left: 20px solid #7FACA2; color: #FFFFFF; font-size: 0.75em; font-weight: bold; padding-bottom: 4px; padding-left: 10px; padding-top: 4px; text-align: left; text-decoration: underline; vertical-align: middle; }

.menu_item a:hover, .menu_item a:active, .menu_item a:focus {
 text-decoration: none;
 font: bold 0.9em Tahoma, Arial, Verdana, Sans-Serif;
 background-color: 888888;
 color: #EEEEEE;
 background-color: #888888;
 height: 22px;
 
 display: block;
}


.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 {
 text-decoration: none;
 font: bold 0.9em Tahoma, Arial, Verdana, Sans-Serif;
 color: #444444;
}

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

#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;
}

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

#content_main a:hover, #content_main a:active, #content_main a:focus {
 text-decoration: none;
 color: #222222;
 border-bottom: 0px none #888888;
}

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

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

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

#content_cam_login input {
 background: transparent url(images/content_cam_login_input.gif) repeat-x top left;
 font: normal 8pt Tahoma, Verdana, Sans-Serif;
 color: #888888;
 border: 0;
 width: 70px;
 height: 16px;
 padding: 0 2px 0 2px;
 vertical-align: bottom;
}

#content_cam_login input.button {
 background: transparent url(images/content_cam_login_button.gif) no-repeat top left;
 width: 18px;
}

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

#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;
}

/* 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;
 top: 0px;
 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;
 top: 0px;
 margin: 0 auto 0 auto;
 width: 950px;
 height: 40px;
 text-align: left;
}

/* Main */

#main {
 background: #ffffff;
 margin-top: 0px;
 margin-left: 20px;
 margin-right: 20px;
 text-align: left;
 min-width: 500px;
}

/* Top */

#top {
 background: transparent url(images/top_free.gif) repeat-x top left;
 position: relative;
 top: 0px;
 left: 0px;
 width: 100%;
 height: 100px;
 text-align: center;
}

#top_unicc {
 background: transparent url(images/top_unicc.gif) no-repeat top left;
 position: absolute;
 top: 0px;
 left: 0px;
 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-top: 8px
}


/* Topmenu */

#top_menu {
 background-color: #000000;
 background-image: url('/images/head_menu_background-overlay2.gif');
 background-repeat: repeat-x;
 color: #EEEEEE;
 position: relative;
 top: 0px;
 left: 0px;
 width: 100%;
 height: 30px;
 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 {
 padding: 20px;
 text-align: left;
}

/* Menu */

#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;
}




/* Content */

#content {
 background: #ffffff url(images/content_edge.gif) no-repeat top left;
 position: relative;
 top: 0px;
 left: 150px;
 width: 668px;
 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: relative;
 top: 10px;
 margin: 0 auto 0 auto;
 width: 180px;
 height: 10px;
}

#content_cam_login {
 font-size: 0;
 position: relative;
 top: 18px;
 margin: 0 auto 0 auto;
 width: 180px;
 height: 18px;
}

#content_cam_marquee {
 position: relative;
 top: 18px;
 margin: 0 auto 0 auto;
 width: 180px;
 height: 18px;
 line-height: 18px;
}

/* Main Content */

#content_main {
 position: relative;
 min-height: 300px;
 height: auto !important;
 height: 300px;
 top: 0px;
 left: 0px;
 padding: 25px 20px 25px 20px;
 text-align: left;
}

/* Programm Content */

#content_programm {
 position: relative;
 min-height: 300px;
 height: auto !important;
 height: 300px;
 top: 0px;
 left: 0px;
 padding: 115px 20px 25px 20px;
 text-align: left;
}

#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;
}

#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;
 top: 0px;
 left: 0px;
 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;
 top: 0px;
 left: 0px;
 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: 130px;
 height: 130px;
}

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

#footline_conformity img {
 margin: 2px 0 2px 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;
 top: 0px;
 left: 0px;
 width: 100%;
 height: 50px;
 text-align: center;
}

.view-block {
  border-top:   	#222222 1px solid;
  border-left:  	#222222 1px solid;
  border-right:		#888888 1px solid;
  border-bottom:	#888888 1px solid;
  background-color: #384250;
 }
 


.spacer2 { height: 2px;}
.spacer4 { height: 4px;}
.spacer6 { height: 6px;}
.spacer10 { height: 10px;}
.spacer15 { height: 15px;}
.spacer20 { height: 20px;}


.text { font-size: 0.8 em; }

	 
	 
#head {
 width: 100%;
 height 100px;
 }
 
.top_menu_content {
	font-size: 1em;
	color: #EEEEEE;
	padding-left: 15px;
	vertical-align: middle;
	}
	
.h1_white {
	text-color: #EEEEEE;
	}
	
.whitetext
	{
 	font: 0.8em Tahoma, Arial, Verdana, Sans-Serif;
 	color: #EEEEEE;
 	}
 	
.link_white a, .link_white a:link, .link_white a:visited{
	text-decoration: none;
	border-bottom: 1px dashed;
 	font: 1em Tahoma, Arial, Verdana, Sans-Serif;
 	color: #EEEEEE;
 	}


.link_white a:hover, .link_white a:active, .link_white a:focus {
	text-decoration: none;
	border-bottom: none;
 	font: 1em Tahoma, Arial, Verdana, Sans-Serif;
 	color: #EEEEEE;
	}
	
.menu_left {
	background-color: #CCCCCC;
	width: 180px;
	height: 100%;
	}
	


.menu_item{
	height: 29px;
	background-color: #CCCCCC;
	}

.menu_item a, .menu_item a:link, .menu_item a:visited {	
	color: #222222;	
	border-bottom: 1px solid #222222; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; border-top: 1px solid #FFFFFF;
	background-color: #EEEEEE; padding-left: 10px; padding-top: 4px;
	font-size: 1em; font-weight: bold;
	text-align: left; text-decoration: none; vertical-align: middle; display: block;}

	
.menu_item a:hover, .menu_item a:active, .menu_item a:focus {
 	color: #EEEEEE;
	border-bottom: 1px solid #222222; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; border-top: 1px solid #DDDDDD;
	background-color: #888888; padding-left: 10px;
	font-size: 1em; font-weight: bold;
	text-align: left; text-decoration: none; vertical-align: middle; display: block;}
	
.menu_item_empty{	
	height: 22px;
	color: #222222;
	border-bottom: 1px solid #222222; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; border-top: 1px solid #FFFFFF;
	background-color: #EEEEEE; padding-left: 10px; padding-top: 4px;
	font-size: 1em; font-weight: bold;
	text-align: left; text-decoration: none; vertical-align: middle; display: block;}
	
.menu_container{
	border-bottom: 1px solid #222222; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; border-top: 1px solid #FFFFFF;
	text-align: left;
	padding: 5px;
	background-color: #EEEEEE;
	display: block;
	}

.menu_container a, .menu_container a:link, .menu_container a:visited, .menu_container a:hover, .menu_container a:active, .menu_container a:focus {
	border: 0;
	background-color: #EEEEEE;
	}
	
	
.normaltext{
	background-color: #ffffff;
	text-align: left;
	}
	
	
.simpletext{
	background-color: #ffffff;
	text-align: left;
	font-family: arial, avantgarde, helvetica;
	font-size: 0.8 em;
	}

#data {
	text-align: right;
	margin-right: 15px;
	font-size: 0.9em;
}