/* ********************************* */
/* Hellweg Radio 4 - Main CSS Styles */
/* ********************************* */

/* Basic Setup */

* {
	font-family:Arial, Helvetica, Sans;
	font-size:12px;
	color:#333333;
}

html, body {
	margin:0;
	border:0;
	background-color:#EEECDE;
}

div {
}

img {
	border:0;
	behavior:url("iepngfix.htc")
}

form {
	margin:0;
	padding:0;
}

input, textarea {
	border:1px solid #333333;
	margin:0;
}

h1 {
	font-size:18px;
	font-weight:bold;
	color:#009b87;
	clear:both;
	margin:0 0 10px 0;
}

h2 {
	font-size:15px;
	font-weight:bold;
	color:#333333;
	clear:both;
	margin:0 0 7px 0;
}

a {
	color:#009b87;
	text-decoration: none;
}

/* Main Elements specific CSS Behaviour*/
a.no_icon {
	cursor:pointer;
	font-weight:bold;
	padding:0px;
}

a.intern {
	cursor:pointer;
	font-weight:bold;
	background: url("../img/icons/link_int.png") 1px 4px no-repeat;
	padding:0px;
	padding-left: 13px;
}



a.extern {
	cursor:pointer;
	font-weight:bold;
	background: url("../img/icons/link_ext.png") 1px 4px no-repeat;
	padding:0px;
	padding-left: 11px;
}

a.add {
	cursor:pointer;
	font-weight:bold;
	background: url("../img/icons/link_add.png") 1px 4px no-repeat;
	padding:0px;
	padding-left: 13px;
}

a.back {
	cursor:pointer;
	font-weight:bold;
	background: url("../img/icons/link_back.png") 1px 4px no-repeat;
	padding:0px;
	padding-left: 13px;
}

a.download {
	cursor:pointer;
	font-weight:bold;
	background: url("../img/icons/link_download.png") 0px 4px no-repeat;
	padding:0px;
	padding-left: 9px;
}

a.mail {
	cursor:pointer;
	font-weight:bold;
	background: url("../img/icons/link_mail.png") 0px 4px no-repeat;
	padding:0px;
	padding-left: 13px;
}

a.rss {
	cursor:pointer;
	font-weight:bold;
	background: url("../img/icons/rss.png") 1px 0px no-repeat;
	padding:0px;
	padding-top:1px;
	padding-left: 17px;
	height:14px;
}

a.intern_white {
	cursor:pointer;
	font-weight:bold;
	color: #ffffff;
	background: url("../img/icons/link_int_ms.png") 1px 4px no-repeat;
	padding:0px;
	padding-left: 13px;
}

a.download_ms {
	cursor:pointer;
	font-weight: normal;
	color: #ffffff;
	font-size: 11px;
	background: url("../img/icons/link_download_ms.png") 1px 3px no-repeat;
	padding:0px;
	padding-left: 10px;
}

#no_link {
	text-decoration: none;
	font-size:14px;
	font-weight:bold;
	margin-bottom:5px;
	color:#333333;
	font-family:Arial,Helvetica,Sans;
}

.hwr4icon_bg {
	position:relative;
	height: 20px;
	width: 16px;
	cursor: pointer;
	background: url("../img/main/widget_head_bg.png") repeat-x;
}
.hwr4icon_prev {
	width:100%;
	height:100%;
	background: url('../img/icons/galerie_prev.png') no-repeat 5px 4px;
	font-size:0px;
}
.hwr4icon_next {
	width:100%;
	height:100%;
	background: url('../img/icons/galerie_next.png') no-repeat 5px 4px;
	font-size:0px;
}
.hwr4icon_slide_play {
	width:100%;
	height:100%;
	background: url('../img/icons/galerie_slide_play.png') no-repeat 5px 4px;
	font-size:0px;
}
.hwr4icon_slide_pause {
	width:100%;
	height:100%;
	background: url('../img/icons/galerie_slide_pause.png') no-repeat 5px 4px;
	font-size:0px;
}

.hwr4icon_calendar {
	position:relative;
	width:100%;
	height:100%;
	background: url('../img/icons/link_calendar.png') no-repeat 3px 4px;
	font-size:0px;
}
.hwr4icon_delete {
	width:100%;
	height:100%;
	background: url('../img/icons/delete_white.gif') no-repeat 2px 2px;
	font-size:0px;
}

div.breadcrum {
	font-size:10px;
	float:left;
}

div.date {
	font-size:10px;
	float:right;
}

#hwr4ecke_obenlinks {
	position:absolute;
	height:18px;
	width:29px;
	background: url('../img/main/ecke_linksoben.jpg') no-repeat 0px 0px;
	z-index:905;
}

#hwr4songhead {
	position:absolute;
	left:29px;
	height:18px;
	width:719px;
	background: #42B5A6;

}

	#hwr4songhead_content_cut {
			position:absolute;
			top:0;
			left:0;
			background: url('../img/main/songhead_bg.jpg') repeat-x;
			height:18px;
			width:500px;
			overflow:hidden;
			cursor:pointer;
	}
	#hwr4songhead_terminator { border:0px solid #ff99dd; width:1px; }

	#hwr4songhead_content {
			position:absolute;
			top:0;
			left:500;
			height:18px;
			width:700px;
			color:#ffffff;
			font-size:11px;
			/* font-weight:bold; */
			padding: 1px 0 0 2px;
	}
	#hwr4songhead_fadein {
			position:absolute;
			top:0;
			left:0;
			background: url('../img/main/songhead_fadein.png') 0 0 no-repeat;
			height:18px;
			width:30px;
	}
	#hwr4songhead_fadeout {
			position:absolute;
			top:0;
			left:461px;
			background: url('../img/main/songhead_fadeout_2.png') 0 0 no-repeat;
			height:18px;
			width:60px;
	}
	#hwr4songhead_end {
			position:absolute;
			top:0;
			left:491;
			background: #42B5A6 url('../img/main/songhead_bg_end.jpg') 0 0 no-repeat;
			height:18px;
			width:217px; #width:228px;
			font-size:11px;
			font-weight:bold;
			color:#FFFFFF;
			padding-left:11px;
	}
#hwr4header {
	position:absolute;
	left:20px;;
	top:18;
	width:728px;
	height:250px;
	background-color:#FFFFFF;
	z-index:500;
}

#hwr4all {
	position:relative;
	/* left:50%; */
	left:0;
	/* Supersizebanner: top:90px; */
	top:20px;
	width:748px;
	/* margin-left:-364px; */
	z-index:100;
}

#hwr4header_schatten_links {
	position:absolute;
	top:26px;
	padding-left:20px;
	background:  url('../img/main/schatten_links.jpg') 0 0 repeat-y;
	height:242px;
}
#hwr4header_schatten_linksoben {
	position:absolute;
	top:18px;
	padding-left:20px;
	padding-top:8px;
	background: url('../img/main/schatten_linksoben.jpg') 0 0 repeat-y;
}

#hwr4logo {
	position:absolute;
	left:5px;
	top:5px;
	width:70px;
	height:50px;
	z-index:515;
	cursor:pointer;
}

#hwr4flashheader {
	position:absolute;
	left:0;
	top:0;
	width:500px;
	height:250px;
	background-color:#FFFFFF;
	z-index:510;
}

#hwr4onair {
	position:absolute;
	left:500px;
	top:0;
	width:208px;
	#width:228px;
	height:69px;
	#height:83px;
	z-index:520;
	background:url('../img/main/multiswitch_panel_bg.png') repeat-y #009b87;
	padding: 7px 10px 7px 10px;
	font-family:Arial, Helvetica, Sans;
	font-size:11px;
	color:#FFFFFF;
}

#hwr4multiswitch {
	position:absolute;
	left:500px;
	top:83;
	width:228px;
	height:167px;
	clip:rect(0, 228px, 167px, 0);
	z-index:530;
	background:url('../img/main/multiswitch_bg.png') repeat-y #009b87;
	color:#FFFFFF;
	font-size:11px;
}


#hwr4multiswitch .panel {
	position:absolute;
	left:0px;
	top:0;
	width:228px;
	height:107px;
	background:url('../img/main/multiswitch_bg.png') repeat-y #009b87;
	color:#FFFFFF;
	font-size:11px;
}

#hwr4multiswitch .panel .icon {
	padding:0 5px 5px 0;
	float:left;
}

#hwr4multiswitch .panel .link {
	color:#FFFFFF;
	font-size:11px;
	text-decoration:none;
	cursor:pointer;
}

#hwr4multiswitch .panel_opener {
	height:18px;
	#height:20px;
	cursor:pointer;
	background:url('../img/main/widget_head_bg.png') repeat-x;
	padding:2px 5px 0 10px;
}

#hwr4multiswitch .panel_opened {
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
	background: url('../img/icons/opened_sml.png') left center no-repeat;
	padding-left: 15px;
}

#hwr4multiswitch .panel_closed {
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
	background: url('../img/icons/closed_sml.png') left center no-repeat;
	padding-left: 15px;
}

#hwr4multiswitch .panel_body {
	height:87px;
	padding:7px 5px 5px 10px;
	background:url('../img/main/multiswitch_panel_bg.png') no-repeat;
	color:#FFFFFF;
	font-size:11px;
}

#hwr4navigation {
	position:absolute;
	left:20;
	top:235px;
	width:500px;
	height:38px;
	background:url('../img/main/navibar_bg.png') repeat-x;
	z-index:550;
}

#hwr4body {
	position:absolute;
	left:0px;
	top:268px;
	width:748px;
	background:url('../img/main/body_bg.png') repeat-y;
	z-index:540;
}

#hwr4content {
	position:relative;
	width:486px;
	#width:500px;
	margin-left:20px;
	background-color:#FFFFFF;
	padding:7px;
	z-index:545;
	float:left;
}

#hwr4sidebar {
	position:relative;
	width:228px;
	background:url('../img/main/sidebar_bg.png') repeat-y #d2e5e2;
	z-index:547;
	float:right;
	overflow:hidden;
	zoom:1;
}

#hwr4footer {
	position:relative;
	width:728px;
	z-index:540;
	clear:both;
	padding:7px;
	left:20px;
	#height:165px;
	min-height: 155px;
}

	#hwr4sitemap_col1 {
		position:relative;
		top:25;
		left:0px;
		width:160px;
	/*	z-index:540; */
		float:left;
		padding-bottom:7px;
	}

	#hwr4sitemap_col2 {
		top:25;
		position:relative;
		width:105px;
	/*	z-index:540; */
		float:left;
	}

	#hwr4sitemap_col3 {
		top:25;
		position:relative;
		width:128px;
	/*	z-index:540; */
		float:left;
	}

	#hwr4sitemap_col4 {
		top:25;
		position:relative;
		width:99px;
	/*	z-index:540; */
		float:left;
	}

#hwr4footer_sitebar_container {
	top:25;
	position: relative;
	margin-left:10px;
	float: left;
}
	#hwr4impressum_headline {
		position: relative;
		font-size: 11px;
		font-weight:bold;
		color: #ffffff;
		cursor: pointer;
	}

	#hwr4impressum {
		position: relative;
		font-size: 10px;
		color: #ffffff;
	}

	#hwr4eplogo {
		position: relative;
		left: 158px;
		top: 30px; #top: 25px;
		width: 23px;
		background: url("../img/main/engine_logo.png") 0px 0px no-repeat;
		height:23px;
		width: 51px;
		cursor: pointer;
	}

#hwr4sitemap_mainmenu {
	position:relative;
	font-size:11px;
	color:#A0D3CC;
	font-weight:bold;
}

#hwr4sitemap_submenu {
	position:relative;
	font-size:10px;
	color:#A0D3CC;
	cursor: pointer;
	z-index:1;
}

/* ARTIKEL */
.hwr4home_row {
	margin: 0;
	padding-bottom: 20px;
	overflow: hidden;
	zoom: 1;
}

	.hwr4home_row_rubrik {
		position:relative;
		font-size:10px;
	}

	.hwr4home_row_title {
		position:relative;
		font-size: 14px;
		font-weight: bold;
		margin-bottom: 5px;
	}

	.hwr4home_row_picleft_pic_container {
		position:relative;
		padding: 0px;
		margin: 0px;
		float:left;
		overflow: hidden;
		zoom:1;
	}
	.hwr4home_row_picright_pic_container {
		position:relative;
		padding: 0px;
		margin: 0px;
		float:left;
		overflow: hidden;
		zoom:1;
	}

	.hwr4home_row_pic_full_pic_container {
		position:relative;
		padding: 0px;
		padding-right: 3px;
		margin: 0px;
		float:left;
		clear:none;
		overflow: hidden;
		zoom:1;
	}

		.hwr4home_row_pic {
			position:relative;
			background-color: #bbbbbb;
			width:144px;
			height:108px;
		}

		.hwr4home_row_pic_subtitle_bg {
			position:relative;
			min-height:20px;
			width: 144px;
			background-color: #D2E5E2;
			padding: 0px;
			overflow: hidden;
			zoom:1;
		}
			.hwr4home_row_pic_subtitle {
				position:relative;
				padding:4px;
				padding-right:24px;
				font-size: 9px;
				float:left;

			}

			.hwr4home_row_pic_icon_bg {
				position:absolute;
				left:124px;
				top:0px;
				width: 20px;
				height:20px;
				background: url("../img/main/widget_head_bg.png") repeat-x;
				cursor: pointer;
			}
			.hwr4home_row_pic_icon_zoomin {
				position:relative;
				width: 16px;
				height:16px;
				background: url("../img/icons/img_zoomin.png") 6px 6px no-repeat;
			}

	.hwr4home_row_picleft_content_container {
		position:relative;
		width: 332px;
		margin-left:10px;
		float:left;
	}
	.hwr4home_row_picright_content_container {
		position:relative;
		width: 332px;
		margin-right:10px;
		float:left;
	}
	.hwr4home_row_nopic_content_container {
		position:relative;
		width: 486px;
		float:left;
	}

		.hwr4home_row_content {
			position:relative;
			text-align: justify;
			font-size: 12px;
		}

		.hwr4home_row_link {
			margin-top: 5px;
			position:relative;
			text-align: right;
		}
		.hwr4artikel_link{
			vertical-align: bottom;
		}

	.hwr4boxhead {
		width:100%;
		height: 16px; #height:20px;
		padding:2px;
		font-size:11px;
		font-weight:bold;
		color: #ffffff;
		background: url("../img/main/widget_head_bg.png") repeat-x;
	}
	#hwr4artikel_toolbox_head {
		margin-top:10px;
	}
	#hwr4artikel_toolbox_content {
		width:100%;
		background: #D2E5E2;
		padding:2px;
	}

#hwr4_videoplayer_container { position: absolute; visibility: hidden; left: -9999; top: -9999; z-index: 50000; width:480px; height:400px; border:0; background: #000000; }
	#hwr4_videoplayer_footer { position: absolute; top: 380px; left:0; background: #D2E5E2; padding:2px; height:16px; #height:20px; text-align: left;  width:476px; #width:480px;}

/* Artikel small */
.hwr4home_row_small {
}
	.hwr4home_row_small_title {
		padding: 0;
		width: 350px;
		float: left;
	}

	.hwr4home_row_small_link {
			position:relative;
		width: 136px;
		text-align: right;
		vertical-align: bottom;
		float: left;
		clear: right;
	}
/* CONTENT-PICTURES (overlay) */
	#hwr4pictures_thumbproxy_container {
		position: absolute;
		left:-999px;
		top:-999px;
		width: 0px;
		height: 0px;
		padding:0;
		margin:0;
		font-size:0;
		visibility: hidden;
		z-index:1000;
	}

	#hwr4pictures_thumbproxy {
//		position: relative;
		width: 0px;
		height: 0px;
		margin: 0;
		padding:0;
		border: 0;
		outline: 0;
	}

	#hwr4pictures_proxysub {
		background-color: #D2E5E2;
		min-height: 20px;
		font-size: 9px;
		margin-bottom:10px;
	}

	#hwr4pictures_subcontent {
		padding: 3px;
	}

	#hwr4shade {
		position:absolute;
		left:-9999;
		top:-9999;
		height: 0px;
		width: 520px;
/*		background: #EEECDE; */
		background: #333333;
		z-index: 900;
	}

	#hwr4pictures_icon_bg {
		position:absolute;
		width: 20px;
		height:20px;
		background: url("../img/main/widget_head_bg.png") repeat-x;
		cursor: pointer;
	}
	#hwr4pictures_icon_zoomout {
		position:relative;
		width: 16px;
		height:16px;
		background: url("../img/icons/img_zoomout.png") 6px 10px no-repeat;
	}

/* ON AIR */

/*
#hwr4onair_sendung {
	position:absolute;
	left:10px;
	top:6px;
	width:165px;
	color: #FFFFFF;
	font-size:11px;
	font-weight: bold;
}
*/
#hwr4onair_sendung {
	position:absolute;
	left:10px;
	top:-16px;
	width:218px;
	color: #FFFFFF;
	font-size:11px;
	font-weight: bold;
	overflow:hidden;
}
#hwr4onair_moderator {
	position:absolute;
	left:10px;
	top:66px;
	width:218px;
	color: #FFFFFF;
	font-size:11px;
	overflow:hidden;
}



#hwr4onair_songhead {
	position:absolute;
	left:10px;
	top:48px;
	color: #FFFFFF;
	font-size:11px;
	font-weight: bold;
}

#hwr4onair_moderator_container {
	position:absolute;
	left:10px;
	top:20px;
	width:300px;
	color: #FFFFFF;
	font-size:11px;
	clip:rect(0, 150px, 25px, 15px);
	overflow:hidden;
}
#hwr4onair_moderator_scroller {
	color: #FFFFFF;
	font-size:11px;
	width:300px;
	overflow:hidden;
	margin-left:15px;
}
#hwr4onair_songname {
	position:absolute;
	left:10px;
	top:61px;
	width:150px;
	color: #FFFFFF;
	font-size:11px;
	overflow:hidden;
}
#hwr4onair_songname_container {
	position:absolute;
	left:10px;
	top:61px;
	width:300px;
	color: #FFFFFF;
	font-size:11px;
	clip:rect(0, 150px, 25px, 15px);
	overflow:hidden;
}
#hwr4onair_songname_scroller {
	color: #FFFFFF;
	font-size:11px;
	width:300px;
	overflow:hidden;
	margin-left:15px;
}
#hwr4onair_modpic {
	position:absolute;
	left:11px;
	top:0px;
	padding:0;
	margin:0;
	cursor:pointer;
}

/* PODCAST */
.hwr4podcast_row {
	overflow:hidden; zoom:1;
}

.hwr4podcast_row_title {
	width: 91px;
	color:#ffffff;
	font-size:11px;
	font-weight: bold;
	margin-right:10px;
	float: left;
}

.hwr4podcast_miniplayer {
	width: 52px;
	float:left;
	padding-left:30px;
	padding-top:3px;
	height: 8px;
}

#hwr4podcast_links {
	margin-top: 6px;
}

	#hwr4podcast_info {
		margin-right: 114px;
		padding:0px;
		font-size:11px;
		color: #ffffff;
		background: url("../img/icons/hlp.png") 0px 2px no-repeat;
		padding-left: 12px;
	}

	#hwr4podcast_contentlink {
		font-size:11px;
		color: #ffffff;
		background: url("../img/icons/link_int_ms.png") 1px 3px no-repeat;
		padding:0px;
		padding-left: 13px;
	}

/* GALERIEN */

#hwr4gallery_name_top {
	height:16px; #height:20px;
/*	width:436px; #width:440px; */
	width:416px; #width:420px;
	padding:2px;
	background: #D2E5E2;
	font-weight:bold;
	text-align:center;
	float:left;
}
#hwr4gallery_subtitle {
	width:472; #width:480;
	height:12px; #height:20px;
	padding:4px;
	font-size: 9px;
	background: #D2E5E2;
}
#hwr4gallery_mainpic_container {
	width: 480px;
	margin:0;
	padding:0;
	text-align:center;
	clear:both;
}
#hwr4gallery_mainpic {
	margin:0;
	padding:0;
}

.hwr4gallery_thumbnail {
    margin: 5px;
    float: left;
}

#hwr4galleries_thumbails_container {
    margin-top:15px;
}


/* Webcam */

#hwr4webcam_thumbproxy_container {
	position: absolute;
	left:-999px;
	top:-999px;
	width: 0px;
	height: 0px;
	padding:0;
	margin:0;
	font-size:0;
	visibility: hidden;
	z-index:1000;
}

#hwr4webcam_thumbproxy {
	width: 0px;
	height: 0px;
	margin: 0;
	padding:0;
	border: 0;
	outline: 0;
}
#hwr4webcam_thumb {
	cursor:pointer;
}