/*
====================================================================================
	Global
====================================================================================
*/

html, body, div, p, h1, h2, h3, ul, ol, span, a, table, td, form, img, li {
	margin: 0px;
	padding: 0px;
	border: 0px;	
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #222222;
	background-image: url(../media/bgBody.jpg);
	background-position: center top;
	text-align: center;
	font-size: 11px;
}

div#layoutContainer {
	position: relative;
	width: 960px;
	margin: 0px auto;
}

table#mainContainer {
	text-align: center;
	margin: 0px auto;
	width: 960px;
	height: 100%;
	background-image: url(../media/bgContent.jpg);
	background-position: center top;
	background-repeat: repeat-y;
	border-spacing: 0px;
	border-collapse: collapse;
}

table#mainContainer td {
	vertical-align: top;
}

a {
	color: #FF9100;
	font-weight: bold;
	text-decoration: none;
}

a:hover {
	text-decoration: line-through;
}

div.buttons {
	padding: 10px 0px;
}

div.imgRahmen {
	/* width: 320px; */
	width: 140px;
	height: 110px;
	white-space: nowrap;
	overflow: hidden;
	background-position: 10px 10px;
	background-repeat: no-repeat;
	/*margin-bottom: 10px;*/
	margin-right: 10px;
}

div.imgRahmen img {
	display: block;
}

h1, h2, h3 {
	font-size: 11px;
	font-weight: bold;
	color: #FFE900;
	margin-bottom: 5px;
	display: block;	
}

h1 span {
	display: block;
	font-size: 10px;
	font-weight: normal;
}

h2 {
	color: #FFE900;
	margin: 0px;
}

h2 span {
	color: #FFFFFF;
}

h3 {
	color: #FFFFFF;
	margin: 0px;
}

h3.margin {
	margin-bottom: 10px;
}

h3 a {
	color: #FFFFFF;
}

h3 span {
	font-weight: normal;
}

h3 span.smallText {
	font-size: 9px;
	display: block;
	color: #9F9F9F;
}

span.smallTextGrey {
	font-size: 9px;
	color: #9F9F9F;
}

input, select, textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background-color: #000000;
	background-image: url(../media/bgBody.jpg);
	border: 2px inset #000000;
	font-size: 11px;
}

input.textfeld, textarea {
	width: 99%;
}

input.button {
	cursor: pointer;
}

p {
	color: #FFFFFF;
	font-size: 10px;
	display: block;
	margin-bottom: 5px;
}

p.textCentered {
	text-align: center;
}

p.grey {
	color: #CCCCCC;
}

p.smalltext {
	font-size: 10px;
}

/*
====================================================================================
	Header
====================================================================================
*/

div#morHeader {
	margin: 0px auto;
	width: 960px;
	height: 100px;
	background-image: url(../media/bgHeader.jpg);
	background-repeat: no-repeat;
}

div#morHeader img {
	display: block;
}

/*
====================================================================================
	Navigation
====================================================================================
*/

div#morNavigation {
	text-align: center;
	margin: 0px auto;
	width: 960px;
	height: 35px;
	background-image: url(../media/bgMainNavigation.jpg);
	background-repeat: no-repeat;
}

a#homeLink {
	position: absolute;
	width: 255px;
	height: 75px;
	left: 100px;
	top: 5px;
}

a#homeLink:hover {
	text-decoration: none;
}

div#bannerTop {
	position: absolute;
	width: 468px;
	height: 60px;
	right: 111px;
	top: 20px;
}

div#morNavigation table {
	width: 640px;
	height: 34px;
	margin: 0px auto;
	border-collapse: collapse;
	border-spacing: 0px;
}

div#morNavigation table td {
	width: 1%;
	height: 34px;
	vertical-align: middle;
	text-align: center;
}

div#morNavigation table td.divider {
	width: 1%;
}
div#morNavigation table td.divider img {
	margin: 0px 3px;
}

/*
====================================================================================
	Footer
====================================================================================
*/
td#morFooter {
	text-align: center;
	margin: 0px auto;
	font-size: 10px;
}

td#morFooter div {
	background-image: url(../media/bgFooter.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 500px;
	height: 31px;
	margin: 0px auto;
}

td#morFooter div p {
	display: block;
	width: 480px;
	margin: 0px auto;
	padding: 10px 0px 0px 0px;
	color: #FF9100;
}

td#morFooter a {
	font-weight: normal;
}

/*
====================================================================================
	Container
====================================================================================
*/

body.container {
	overflow: hidden;
}

/* Container "News" */
body.news {
	background-color: #000000;
	background-image: url(../media/container/left/bgIframe.jpg);
}

/* Container "Top10 Requests" */
body.top10Requests {
	background-color: #000000;
	background-image: url(../media/container/right/bgIframe.jpg);
}

/*
====================================================================================
	PopUps
====================================================================================
*/

/* PopUp "SongInfo" */
body.popUpSongInfo {
	background-image: url(../media/popUps/bgSongInfo.jpg);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

body.popUpSongInfo table.popUpContent {
	font-size: 10px;
	width: 300px;
	margin: 170px auto 15px auto;
	border-spacing: 0px;
	border-collapse: collapse;
	background-image: url(../media/bgGestrichelt.gif);	
}

body.popUpSongInfo table.popUpContent td {
	color: #FFFFFF;
	vertical-align: top;
	text-align: right;
	padding: 8px 4px;
	border-width: 2px;
	border-style: solid;
	border-color: #BC3500;
}

body.popUpSongInfo table.popUpContent td.description {
	width: 1%;
	white-space: nowrap;
	color: #FFE900;
	text-align: left;
	font-weight: bold;
}

/* PopUp "SongRequest" */
body.popUpSongRequest {
	background-image: url(../media/popUps/bgSongRequest.jpg);
	background-position: 0px 0px;
	background-repeat: no-repeat;	
}

body.popUpSongRequest div.content {
	width: 300px;
	margin: 170px auto 0px auto;
}

body.popUpSongRequest table.songInfo {
	font-size: 10px;
	width: 300px;
	margin: 0px auto 15px auto;
	border-spacing: 0px;
	border-collapse: collapse;
	background-image: url(../media/bgGestrichelt.gif);	
}

body.popUpSongRequest table.songInfo td {
	color: #FFFFFF;
	vertical-align: top;
	text-align: right;
	padding: 8px 4px;
	border-width: 2px;
	border-style: solid;
	border-color: #BC3500;
}

body.popUpSongRequest table.songInfo td.description {
	width: 1%;
	white-space: nowrap;
	color: #FFE900;
	text-align: left;
	font-weight: bold;
}

body.popUpSongRequest div.dedicationForm {
	width: 200px;
	margin: 0px auto;
}

body.popUpSongRequest div.dedicationForm input, body.popUpSongRequest div.dedicationForm textarea {
	margin: 0px 0px 15px 0px;
}

/*
====================================================================================
	PopUp "Open Player"
====================================================================================
*/
body.popUpPlayer {
	background-image: url(../media/popUps/bgOpenPlayer.jpg);
	background-position: 0px 0px;
	background-repeat: no-repeat;		
}

body.popUpPlayer div.abstand {
	width: 240px;
	margin: 210px auto 0px auto;
}

body.popUpPlayer div.abstand img.header {
	display: block;
	margin: 0px auto 5px auto;
}

body.popUpPlayer div.abstand table {
	margin: 0px auto;
	border-collapse: collapse;
	border-spacing: 0px;
	background-image: url(../media/bgGestrichelt.gif);
}

body.popUpPlayer div.abstand table td {
	border: 2px solid #BC3500;
	padding: 8px;
	text-align: center;
}

body.popUpPlayer div.abstand table td * {
	margin: 0px;
}


/*
====================================================================================
	Content
====================================================================================
*/

td#mainContent {
	width: 380px;
	padding: 0px 0px 30px 0px;
}

td#mainContent div.bgGestrichelt {
	border-spacing: 0px;
	border-collapse: collapse;
	width: 380px;
	margin: 0px auto 30px auto;
	background-image: url(../media/bgGestrichelt.gif);
	padding-top: 1px;	
}

td#mainContent div.bgGestrichelt table {
	text-align: left;
	border-spacing: 0px;
	border-collapse: collapse;
	margin: 0px auto;
	width: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

td#mainContent div.bgGestrichelt img.header {
	margin: 0px auto 5px auto;
	display: block;
}

td#mainContent div.bgGestrichelt table td, td#mainContent div.bgGestrichelt table td.songList {
	padding: 10px 8px;
	border-bottom: 2px solid #BC3500;
}

td#mainContent div.bgGestrichelt table td, td#mainContent div.bgGestrichelt table td.songList h3 {
	margin: 0px;
}

/* News ------------------------------------------------------------------------- */

div#newsTop {
	width: 380px;
	height: 181px;
	background-image: url(../media/news/newsTop.gif);
}

div#newsTopStartPage {
	width: 380px;
	height: 119px;
	background-image: url(../media/news/newsTop-startpage.gif);
}

table.twoColumns {
	border:0px;
	border-spacing: 0px;
	border-collapse: collapse;
}

table.twoColumns td {
	text-align: right;
	padding: 0px !important;
	border: 0px !important;
}

table.twoColumns td.left {
	text-align: left;
	color: #CCCCCC;
	font-size: 10px;
}




div.poweredByBlabbermouth {
	font-size: 9px;
	text-align: center;
}

div.poweredByBlabbermouth a {
	margin: 0px auto;
	display: block;
	width: 100px;
	background-color: #FFFFFF;
	border: 1px solid #000000;
	padding: 2px 0px;
}

/* Featured Artist -------------------------------------------------------------- */
div#featuredArtistTop {
	width: 380px;
	height: 181px;
	background-image: url(../media/featuredArtist/presentsTop.gif);
}

div#featuredArtistTopStartPage {
	width: 380px;
	height: 111px;
	background-image: url(../media/featuredArtist/presentsTop-startpage.gif);
}
/* Radio-Player ----------------------------------------------------------------- */

div#radioPlayerTop {
	width: 380px;
	height: 221px;
	background-image: url(../media/radioPlayer/playerTop.gif);
}

div#radioPlayerTopStartPage {
	width: 380px;
	height: 131px;
	background-image: url(../media/radioPlayer/playerTop-startpage.gif);
}


div#radioPlayerTop div.abstand {
	padding-top: 22px;
}

div#radioPlayerTop a, div#radioPlayerTop a:hover {
	display: block;
	margin: 0px auto 0px auto;
	width: 200px;
	height: 90px;
	text-decoration: none;
}

div#radioPlayerTop div.abstand table.currentlyPlaying {
	text-align: center;
	color: #FFFFFF;
	width: 280px;
	height: 40px;
	margin: 15px auto 0px auto;
	border-spacing: 0px;
	border-collapse: collapse;
}

div#radioPlayerTop div.abstand table.currentlyPlaying td {
	vertical-align: middle;
}

td#mainContent div.bgGestrichelt table td.songList {
	padding: 4px 8px;
}

td#mainContent div.bgGestrichelt table td.num {
	padding: 4px 2px 4px 8px;
}

td#mainContent div.bgGestrichelt table td.num h1 {
	margin: 0px;
}

td#mainContent div.bgGestrichelt table td.request {
	padding: 4px 8px 4px 2px;
}

td#mainContent div.bgGestrichelt table td p.link {
	text-align: right;
}

td#mainContent div.bgGestrichelt table td.noBorder {
	border: 0px;
}

td#mainContent div.bgGestrichelt table td.little {
	width: 1%;
}

td#mainContent div.bgGestrichelt table td.textRight {
	text-align: right;
}

td#mainContent div.bgGestrichelt table td.textCentered {
	text-align: center;
}

td#mainContent div.bgGestrichelt table td.textCentered p {
	margin: 0px;
}

td#mainContent div.bgGestrichelt div.comingUp {
	text-align: center;
	padding: 0px 8px;
	margin-bottom: 5px;
}

td#mainContent div.playlistStepper {
	padding: 10px 0px;
}

td#mainContent div.playlistStepper h1 {
	margin: 0px;
}

/* TV-Station ------------------------------------------------------------------- */

div#tvStationTop {
	width: 380px;
	height: 168px;
	background-image: url(../media/tvStation/tvStationTop.gif);
}

div#tvStationTopStartPage {
	width: 380px;
	height: 120px;
	background-image: url(../media/tvStation/tvStationTop-startpage.gif);
}

div.tvPlayer {
	border: 0px solid #000000;
	width: 320px;
	margin: 0px auto 10px auto;
	padding: 0px;
}

div.tvPlayerControls {
	padding: 0px;
}

div#WindowsMediaPlayer {
	width: 320px;
	height: 310px;
	padding-top: 10px;
	background-image: url(../media/tvStation/player/bgRahmen.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	white-space: nowrap;
}

div#WindowsMediaPlayer div.player, div#WindowsMediaPlayer div.playerNoBg {
	margin: 0px 10px;
	width: 300px;
	height: 225px;
	overflow: hidden;
	white-space: nowrap;

}

div#WindowsMediaPlayer div.player {
	background-image: url(../media/tvStation/player/infosBehindPlayer.jpg);
	background-position: left top;
	background-repeat: no-repeat;
}

div#WindowsMediaPlayer div.player #WMPlayer {
	visibility: hidden;
}

div#WindowsMediaPlayer div.infos {
	width: 300px;
	margin: 15px 10px 0px 10px;
	height: 19px;
	color: #FFFFFF;
	font-size: 9px;
	overflow: hidden;
}

div#WindowsMediaPlayer table.controls {
	text-align: left;
	border: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
	width: 304px !important;
	margin: 0px 8px !important;
	white-space: nowrap;
}

div#WindowsMediaPlayer table.controls td {
	padding: 0px !important;
	border: 0px !important;
}

div#WindowsMediaPlayer table.controls td img {
	cursor: pointer;
}

div#WindowsMediaPlayer table.controls td.centered {
	text-align: center;
}

div#WindowsMediaPlayer table.controls td.fullscreen {
	text-align: right;
}

/*
====================================================================================
	Playlist-Suche
====================================================================================
*/

div.playlistSearch {
	margin: 0px 8px 15px 8px;
	padding: 0px 8px;
}

div.playlistSearch table {
	border-spacing: 0px;
	border-collapse: collapse;
	width: 300px !important;
}

div.playlistSearch table td {
	width: 32%;
	text-align: center;
	vertical-align: middle;
	border: 0px !important;
	padding: 1px 4px !important;
}

div.playlistSearch table td.little {
	width: 1%;
}

div.playlistSearch table td.big {
	width: 49%;
}

div.playlistSearchLetters {
	border: 0px;
	padding: 10px 0px 0px 0px;
}

/*
====================================================================================
	Request-Formular Videos
====================================================================================
*/

div.requestVideo {
	width: 260px;
	margin: 0px auto;
	padding: 0px 0px 20px 0px;
}

div.requestVideo input {
	display: block;
	margin: 0px auto;
	margin-bottom: 10px;
}

div.requestVideo h2 {
	margin-bottom: 5px;
	display: block;
}

/*
====================================================================================
	Container (links/rechts)
====================================================================================
*/

td#containerLeft, td#containerLeftStartPage, td#containerRight, td#containerRightStartPage {
	width: 290px;
	height: 575px;
	background-position: left top;
	background-repeat: no-repeat;	
	text-align: left;
}

img#containerLeftHeader {
	position: absolute;
	top: 135px;
	left: 0px;
}

img#containerRightHeader {
	position: absolute;
	top: 135px;
	left: 720px;
}

td#containerLeft, td#containerLeftStartPage {
	background-image: url(../media/container/left/bgStartPage.jpg);
} 

td#containerLeft {
	background-position: right top;
	background-image: url(../media/container/left/bg.jpg);
}

td#containerRight, td#containerRightStartPage {
	background-image: url(../media/container/right/bgStartPage.jpg);
}

td#containerRight {
	background-image: url(../media/container/right/bg.jpg);
}

/* Boxen */
img#speakersStartRight {
	display: block;
	position: absolute;
	top: 560px;
	left: 720px;
}

img#speakersStartLeft {
	display: block;
	position: absolute;
	top: 560px;
	left: 100px;
}

img#speakersRight, img#speakersLeft {
	position: absolute;
	display: block;
	width: 160px;
	height: 110px;
	top: 530px;
}

img#speakersLeft {
	left: 90px;
}

img#speakersRight {
	left: 710px;
}

/* Top 100 Link Startseite */
a#top100Link {
	display: block;
	width: 75px;
	height: 15px;
	position: absolute;
	left: 800px;
	top: 506px;
}

/* iFrames */
iframe#containerLeft, iframe#containerRight {
	border: 0px;
	width: 185px;
	height: 280px;
	margin: 90px 0px 0px 35px;
}

iframe#containerRight {
	height: 275px;
	margin: 90px 0px 0px 70px;
}

/* Scroll-Content-Container linke Seite */
div#scrollMaskLeft, div#scrollMaskRight {
	width: 171px; 
	height: 280px;
	position: absolute;
	clip: rect(0px 171px 280px 0px);
	top: 0px;
	left: 0px;
	overflow: hidden;
}

div#scrollMaskRight {
	height: 275px;
}

div#scrollContentLeft, div#scrollContentRight {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 165px;
	height: auto;
	margin: 0px auto;
	text-align: right;
	overflow: visible;
}

div#scrollContentLeft h1 {
	font-size: 10px;
}

div#scrollContentLeft p {
	color: #CCCCCC;
	margin: 0px;
}
div#scrollContentLeft p.link {
	margin-top: 5px;
}

div#scrollContentLeft div.divider, div#scrollContentRight div.divider {
	font-size: 0px;
	height: 1px;
	overflow: hidden;
	border-bottom: 1px solid #666666;
	margin: 10px 0px;
}

/* Scroll-Content-Container rechte Seite */
div#scrollMaskRight {
	left: 20px;
	width: 164px;
}

div#scrollContentRight {
	width: 160px;
}

div#scrollContentRight table {
	border-spacing: 0px;
	border-collapse: collapse;
}

div#scrollContentRight table td {
	vertical-align: top;
	padding: 3px 0px;
	color: #CCCCCC;
	font-size: 10px;
	border-bottom: 1px solid #666666;
}

div#scrollContentRight table td.num {
	width: 1%;
	text-align: right;
	padding: 3px 2px 3px 0px;
}

div#scrollContentRight table td.noBorder {
	border: 0px;
}

div#scrollContentRight table td.num h1 {
	margin: 0px;
}

div#scrollContentRight table td span {
	font-weight: bold;
}

div#scrollContentRight table td span.smallText {
	font-weight: normal;
	font-size: 9px;
	color: #444444;
	display: block;
}

/* Scroll-Balken */
div#scrollBarLeft, div#scrollBarRight {
	position: absolute;
	left: 171px;
	top: 0px;
	white-space: nowrap;
}

div#scrollBarRight {
	left: 5px;
}

div#scrollUpLeft, div#scrollDownLeft, div#scrollUpRight, div#scrollDownRight {
	position: absolute;
	width: 9px;
	height: 9px;
	cursor: pointer;
	overflow: hidden;
	font-size: 0px;
}

div#scrollUpLeft, div#scrollUpRight {
	left: 0px;
	top: 0px;
	background-image: url(../media/container/scrollBar/pfeilUp.gif);
}

div#scrollTrackLeft, div#scrollTrackRight {
	width: 9px;
	height: 262px;
	position: absolute;
	left: 0px;
	top: 9px;
	background-image: url(../media/container/scrollBar/bgScrollBar.gif);
	background-repeat: repeat-y;
}

div#scrollTrackRight {
	height: 257px;
}

div#scrollDragContainerLeft, div#scrollDragContainerRight {
	position: absolute;
	top: 9px;
	left: 0px;
}

div#scrollDragLeft , div#scrollDragRight {
	position: absolute;
	width: 9px;
	height: 30px;
	cursor: pointer;
	overflow: hidden;
}

div#scrollDownLeft, div#scrollDownRight {
	left: 0px;
	top: 271px;
	background-image: url(../media/container/scrollBar/pfeilDown.gif);
}

div#scrollDownRight {
	top: 266px;
}
/*
====================================================================================
	Impressum
====================================================================================
*/

div#infosTop {
	width: 380px;
	height: 188px;
	background-image: url(../media/impressum/infosTop.gif);
}

div.impressum {
	width: 380px;
	margin: 0px auto;
	background-image: url(../media/bgGestrichelt.gif);	
}

div.impressum div.abstand {
	padding: 20px 12px 10px 12px;
	text-align: left;
}

div.impressum div.abstand img.header {
	margin: 0px 0px 5px 0px;
}

/*
====================================================================================
	Banner
====================================================================================
*/
div#bannerLeftStartpage, div#bannerLeft {
	width: 180px;
	height: 700px;
	margin: 220px 0px 0px 40px;
	background-image: url(../media/bgBannerLeft.gif);
	background-position: left top;
	background-repeat: no-repeat;
	padding-top: 20px;
	z-index: 900;
}

div#bannerLeft {
	margin-top: 420px;
}

div#bannerRightStartpage, div#bannerRight {
	width: 180px;
	height: 700px;
	margin: 220px 0px 0px 70px;
	background-image: url(../media/bgBannerRight.gif);
	background-position: left top;
	background-repeat: no-repeat;
	padding-top: 20px;
	z-index: 1900;	
}

div#bannerRight {
	margin-top: 420px;
}

div#bannerLeftStartpage div, div#bannerLeft div, div#bannerRightStartpage div, div#bannerRight div {
	width: 120px;
	height: 600px;
	margin: 0px 30px;
	
}