@charset "iso-8859-1";



/**********************************************

	FM1 melody - Ostschweizer Regional Radio

	www.fm1melody.ch - Bildschirm-CSS

	-------------------------------------------

	Internet Tagblatt Medien - Roger Baechinger

***********************************************/



/*************************************************************************************************/

/**** GLOBAL *************************************************************************************/

/*************************************************************************************************/

html, div, h1, h2, h3, h4, h5, h6, p, ol, ul, li, hr, img, table, caption, th, td, form, fieldset, legend, label, input, textarea, select, iframe {

	color: #555;

	text-align: left;

	border: 0;

	margin: 0;

	padding: 0;

}

body {

	width:979px;

	font-family:Arial, Helvetica, sans-serif, Verdana;

	font-size:12px;

	line-height:15px;

	color:#FFF;

	border:0px;

	margin:0px auto 0;

	padding:0px 0px 0px 0px;

	background: #fff url(../templatemedia/hintergrund_6x6.gif);

}

a:link {

	color: #555;

	text-decoration: none;

}

a:visited {

	color: #555;

	text-decoration: none;

	border: 0;

}

a:hover, a:active {

	color: #ff3333;

	text-decoration: none;

	border: 0;

}

img, div, li, a, span { /* bug fix iE 6 (unterstuezt transparenz von png-Bildern) */

  behavior: url(../iepngfix.htc);

}



/*************************************************************************************************/

/**** Container **********************************************************************************/

/*************************************************************************************************/



/**********************************************/

/*** debug ************************************/

div {

	/*border:1px solid green;*/

}

/**********************************************/



#container {

	background:url(../templatemedia/head_area.gif) 0 0px no-repeat;

	width:979px;

	min-height:600px;

}

#header {

	float:left;

 	width:979px;

	text-align:right;

	height:105px;

}



#mainContent {

	float:left;

	width:802px;

	margin:0px 0px 0px 0px;

	padding:0px 0px 0px 0px;

}



/**** startButton navigation ****/

#startButton {

	float:left;

	width:352px;

	height:28px;

	padding:40px 0px 64px 368px;

}

* html #startButton { /* bug fix iE 6*/

	padding:40px 0px 60px 368px;

}



/**** top navigation ****/

#topNav {

	clear:both;

	float:left;

	height:20px;

	line-height:17px;

	width:764px;

	padding:0px 0px 0px 25px;

	margin:2px 0px 0px 0px;

}

#topNav ul {

	float: left;

	list-style: none;

	display: inline;

}

#topNav li {

	float: left;

	margin:0px 1px 0px 0px;

}

#topNav a {

	float:left;

	height:20px;

	width:93px;

	overflow:hidden;

	color:#FFFFFF;

	text-transform:uppercase;

	font-weight:bold;

	font-size:11px;

	text-align:center;

	padding:1px 0px 0px 0px;

}

#topNav a:link, #topNav a:visited {

	background: url(../templatemedia/top_nav_inactive.gif) 0 0px no-repeat;

}

#topNav a:hover, #topNav a:active {

	background: url(../templatemedia/top_nav_inactive.gif) 0 0px no-repeat;

	border-bottom:7px solid #333;

}

#topNav span {

	float:left;

	height:20px;

	width:93px;

	overflow:hidden;

	color:#FFFFFF;

	text-transform:uppercase;

	font-weight:bold;

	font-size:11px;

	text-align:center;

	padding:1px 0px 0px 0px;

	background: url(../templatemedia/top_nav_inactive.gif) 0 0px no-repeat;

	border-bottom:7px solid #333;

}

#topNavBottom { /* transparenter vertikaler verlauf */

	height:10px;

	width:799px;

	background: url(../templatemedia/verlauf_1x10.png) 0 0px repeat-x;

	margin:154px 0px 0px 1px;

	border-left:1px solid #ff3333;

	border-right:1px solid #ff3333;

}

* html #topNavBottom  { /* bug fix iE 6*/

	margin:-10px 0px 0px 2px;



}



/**** content ****/

#content {

	float:left;

	clear:none;

	width:786px;

	min-height:200px;

	padding:25px 0px 0px 13px;

	margin:0px 0px 0px 1px;

	border-left:1px solid #ff3333;

	border-right:1px solid #ff3333;

}

* html #content { /* bug fix iE 6*/

	height:200px;

}



/**** sidebar right (skyscraper) ****/

#sidebar1 {

	float:left;

	width:160px;

	margin:10px 0px 0px 15px;

}

* html #sidebar1 { /* bug fix iE 6*/

	float:left;

	width:160px;

	margin:10px 0px 0px 10px;

}



/*************************************************************************************************/

/**** Content cols *******************************************************************************/

/*************************************************************************************************/

/**** HOMEPAGE ********/

/**** HP left col ****/

.hp_left_col {

	float:left;

	clear:none;

	width:259px;

	min-height:50px;

	padding:0px 0px 0px 0px;

	margin:0px 0px 0px 0px;

}



/**** HP middle col ****/

.hp_middle_col {

	float:left;

	clear:none;

	width:259px;

	min-height:50px;

	padding:0px 0px 0px 0px;

	margin:0px 0px 0px 0px;

}



/**** HP right col ****/

.hp_right_col {

	float:left;

	clear:none;

	width:259px;

	min-height:50px;

	padding:0px 0px 0px 0px;

	margin:0px 0px 0px 0px;

}



/**** CONTENT ******************/

/**** Navigation col (left) ****/

.nav_left_col {

	float:left;

	clear:none;

	width:151px;

	min-height:50px;

	padding:0px 0px 0px 0px;

	margin:0px 8px 0px 0px;

}

/**** Content col (1spaltig) ***/

.con_one_col {

	float:left;

	clear:none;

	width:614px;

	min-height:50px;

	padding:0px 0px 0px 0px;

	margin:0px 0px 0px 4px;

}


/**** Content col (2spaltig) ***/

.con_two_cols {

	float:left;

	clear:none;

	width:305px;

	min-height:50px;

	padding:0px 0px 0px 0px;

	margin:0px 0px 0px 4px;

}



/*************************************************************************************************/

/**** Content layers *****************************************************************************/

/*************************************************************************************************/

.hp_layerTop_red {

	height:12px;

	line-height:11px;

	font-size:9px;

	color:#FFFFFF;

	font-weight:bold;

	text-transform:uppercase;

	letter-spacing:1px;

	padding:0px 0px 0px 8px;

	margin:0px 0px 0px 0px;

	background-image:url(../templatemedia/hp_layer_top_red.png);

	background-repeat:no-repeat;

}

.hp_LayerContent{
	background-image:url(../templatemedia/hp_layer_middle.png);
	background-repeat:repeat-y;
	background-position:bottom;
	padding:5px 0px 0px 0px;
}

.hp_layerBottom {

	background-image:url(../templatemedia/hp_layer_bottom_bottom.png);

	background-repeat:no-repeat;

	height:8px;

	margin:0px 0px 10px 0px;

}

/* Start Newsticker */
.hp_innerLayerNews {
	width:248px;
	height:200px;
	overflow:auto;
	position:absoute;
	padding:0px 0px 8px 5px;
	margin:5px 0 0 0px;
}
* html .hp_innerLayerNews  { /* bug fix iE 6*/
	position:relative;
	height:200px;
}
/* Ende Newsticker */

.nav_layerTop_red {

	height:14px;

	line-height:11px;

	font-size:9px;

	color:#FFFFFF;

	font-weight:bold;

	text-transform:uppercase;

	letter-spacing:0px;

	padding:0px 0px 0px 5px;

	margin:0px 0px 0px 0px;

	background-image:url(../templatemedia/nav_layer_top_red.png);

	background-repeat:no-repeat;

}

.nav_layerTopText_red {

	height:12px;

	line-height:11px;

	font-size:9px;

	color:#FFFFFF;

	font-weight:bold;

	text-transform:uppercase;

	letter-spacing:0px;

	padding:0px 0px 0px 5px;

	margin:0px 0px 0px 0px;

	background-image:url(../templatemedia/nav_layer_topText_red.png);

	background-repeat:no-repeat;

}

.nav_LayerContent{

	min-height:80px;

	background-image:url(../templatemedia/nav_layer_middle.png);

	background-repeat:repeat-y;		

}

.nav_LayerContentText{

	min-height:80px;

	background-image:url(../templatemedia/nav_layer_middle.png);

	background-repeat:repeat-y;	

}

* html .nav_LayerContentText { /* bug fix iE 6*/

	height:80px;

}



.nav_layerBottom {

	background-image:url(../templatemedia/nav_layer_bottom_bottom.png);

	background-repeat:no-repeat;

	height:8px;

	margin:0px 0px 5px 0px;

}


.con1col_layerTop_red {

	height:12px;

	font-size:9px;

	line-height:11px;

	color:#FFFFFF;

	font-weight:bold;

	text-transform:uppercase;

	letter-spacing:1px;

	padding:0px 0px 0px 5px;

	margin:0px 0px 0px 0px;

	background-image:url(../templatemedia/con1col_layer_top_red.png);

	background-repeat:no-repeat;

	/*background-image:url(../templatemedia/con1col_layer_top_blue.gif);*/

}

.con1col_LayerContent{

	min-height:100px;

	padding:0px 0px 0px 1px;

	background-image:url(../templatemedia/con1col_layer_middle.png);

	background-repeat:repeat-y;

}


.con1col_layerBottom {

	background-image:url(../templatemedia/con1col_layer_bottom_bottom.png);

	background-repeat:no-repeat;

	height:8px;

	margin:0px 0px 5px 0px;

}




.con2cols_layerTop_red {

	height:12px;

	font-size:9px;

	line-height:11px;

	color:#FFFFFF;

	font-weight:bold;

	text-transform:uppercase;

	letter-spacing:1px;

	padding:0px 0px 0px 5px;

	margin:0px 0px 0px 0px;

	background-image:url(../templatemedia/con2cols_layer_top_red.png);

	background-repeat:no-repeat;

}

.con2cols_LayerContent {

	min-height:100px;

	padding:0px 0px 0px 1px;

	background-image:url(../templatemedia/con2cols_layer_middle.png);

	background-repeat:repeat-y;	

}

* html .con2cols_LayerContent {

	width:305px;

	padding:10px 0px 0px 0px;

}

.con2cols_layerBottom {

	background-image:url(../templatemedia/con2cols_layer_bottom_bottom.png);

	background-repeat:no-repeat;

	height:8px;

	margin:0px 0px 5px 0px;

}



/**** Layer paragraphs **************************************/

.hp_LayerContent h2 {

	width:259px;

	font-size:9px;

	line-height:17px;

	color:#FFFFFF;

	font-weight:bold;

	text-transform:uppercase;

	letter-spacing:1px;

	background-image:url(../templatemedia/hp_layer_content_red.png);

	background-repeat:no-repeat;

	background-position:0px 17px;

	text-indent:10px;

	margin:0px 0px 0px 0px;

	padding:17px 0px 0px 0px;

}

.hp_LayerContent h3 {

	width:232px;

	font-size:11px;

	color:#FFFFFF;

	font-weight:bold;

	text-transform:uppercase;

	letter-spacing:1px;

	background-image:url(../templatemedia/h2_balken_red.gif);

	background-repeat:repeat-x;

	background-position:0px 11px;

	margin:0px 0px 0px 8px;

	padding:10px 0px 0px 5px;

}

.hp_LayerContent h1 {

	width:242px;

	font-size:22px;

	line-height:24px;

	color:#ff0000;

	font-weight:bold;

	text-transform:uppercase;

	margin:0px 0px 0px 0px;

	padding:14px 4px 0px 8px;

}

.hp_LayerContent p {

	width:235px;

	padding:10px 0px 0px 8px;

}

.hp_LayerContent a:link, a:visited, a:hover, a:active {

	color:#ff0000;

}

.hp_innerLayerNewsticker {

	padding:0px 0px 19px 0px;

	margin:0px 0px 0px 0px;

}

.hp_innerLayerNewsticker h2 {

	width:235px;

	font-size:11px;

	color:#FFFFFF;

	font-weight:bold;

	text-transform:uppercase;

	letter-spacing:1px;

	background-image:url(../templatemedia/h1_balken_blue.gif);

	background-repeat:repeat-x;

	background-position:0px 1px;

	margin:0px 0px 0px 6px;

	padding:0px 4px 0px 3px;

}

.hp_innerLayerNewsticker p {

	font-weight:bold;

	padding:4px 11px 0px 8px;

}

.hp_innerLayerNewsticker a {

	width:16px;

	height:13px;

	padding:0px 0px 0px 16px;

}

.hp_innerLayerLive_red {

	float:left;

	padding:0px 0px 0px 0px;

	margin:5px 0px 0px 0px;

}

.hp_innerLayerLive_red h2 {

	font-size:11px;

	color:#FFFFFF;

	font-weight:bold;

	text-transform:uppercase;

	letter-spacing:1px;

	background-image:url(../templatemedia/h1_balken_red.gif);

	background-repeat:repeat-x;

	background-position:0px 1px;

	margin:0px 0px 0px 0px;

	padding:0px 0px 10px 6px;

}

.hp_innerLayerLive_red img {

	 float:left;

	 vertical-align:top;

}

.hp_innerLayerLive_red div {

	 padding:0px 0px 0px 0px;

	 margin:0px 0px 0px 0px;

}

.hp_innerLayerLive_red p {

	 clear:both;

	 font-size:11px;

	 text-transform:uppercase;

	 font-weight:bold;

	 padding:3px 0px 0px 0px;

	 margin:0px 0px 0px 0px;

}

.hp_innerLayerLive_red a {

	 text-transform:normal;

	 color:red;

}

.nav_LayerContent ul {

	width:144px;

	list-style:none;

	padding:0px 0px 0px 0px;

	margin:0px 0px 0px 1px;

}

.nav_LayerContent li {

	height:20px;

	width:144px;		

	vertical-align:top;

	padding:0px 0px 0px 0px;

	margin:0px 0px 0px 0px;

	background: url(../templatemedia/nav_layer_navigation_inactive.png) 0 0px no-repeat;

}

.nav_LayerContent a {

	float:left;

	height:19px;

	width:148px;

	overflow:hidden;

	color:#000000;

	font-weight:bold;

	font-size:11px;

	text-align:left;

	padding:1px 0px 0px 3px;

}

.nav_LayerContent a:link, .nav_LayerContent a:visited {

	color:#000000;

}

.nav_LayerContent a:hover, .nav_LayerContent a:active {

	color:#FFFFFF;

	background: url(../templatemedia/nav_layer_navigation_active.png) 0 0px no-repeat;

}

.nav_LayerContent span {

	float:left;

	height:19px;

	width:148px;

	overflow:hidden;

	color:#FFFFFF;

	font-weight:bold;

	font-size:11px;

	text-align:left;

	padding:1px 0px 0px 3px;

	background: url(../templatemedia/nav_layer_navigation_active.png) 0 0px no-repeat;

}

.nav_LayerLive {

	padding:10px 0px 10px 8px;

}

.nav_LayerLive p {

	clear:both;

	font-size:11px;

	text-transform:uppercase;

	font-weight:bold;

	padding:5px 0px 10px 0px;

	margin:0px 0px 0px 0px;

}

.nav_LayerLive a {

	 text-transform:normal;

	 color:red;

}

.con1col_LayerContent h1 {

	font-size:20px;

	float: left;

	width:618px;

	line-height:22px;

	color:#ff0033;

	font-weight:bold;

	text-transform:uppercase;

	margin:0px 0px 0px 8px;

	padding:10px 0px 10px 0px;

}

.con1col_LayerContent h2 {

	width:618px;

	font-size:11px;

	color:#FFFFFF;

	font-weight:bold;

	text-transform:uppercase;

	letter-spacing:1px;

	background-image:url(../templatemedia/h2_balken_red.gif);

	background-repeat:repeat-x;

	background-position:0px 11px;

	margin:0px 0px 0px 8px;

	padding:10px 0px 0px 5px;

}

.con1col_LayerContent p {

	padding:10px 4px 7px 8px;

}



.con2cols_LayerContent h1 {

	font-size:20px;

	float: left;

	width:305px;

	line-height:22px;

	color:#00b4dc;

	font-weight:bold;

	text-transform:uppercase;

	margin:0px 11px 0px 6px;

	padding:10px 4px 10px 0px;

}



.con2cols_LayerContent h1 {

	font-size:20px;

	float: left;

	width:282px;

	line-height:22px;

	color:#ff0033;

	font-weight:bold;

	text-transform:uppercase;

	margin:0px 0px 0px 8px;

	padding:10px 0px 10px 0px;

}

* html .con2cols_LayerContent h1 {;

	margin:0px 11px 0px 4px;

	width:274px;

}

.con2cols_LayerContent h2 {

	width:277px;

	font-size:11px;

	color:#FFFFFF;

	font-weight:bold;

	text-transform:uppercase;

	letter-spacing:1px;

	background-image:url(../templatemedia/h2_balken_red.gif);

	background-repeat:repeat-x;

	background-position:0px 11px;

	margin:0px 0px 0px 8px;

	padding:10px 0px 0px 5px;

}

.con2cols_LayerContent p {

	padding:10px 4px 7px 8px;

}

.con2cols_LayerContent h4 {

	font-size:11px;

	float: left;

	line-height:13px;

	color:#333;

	text-transform:uppercase;

	margin: 0px 0px 0px 8px;

	padding: 0px 0px 0px 0px;

}

.con2cols_LayerContent h5 {

	font-size:11px;

	float: left;

	line-height:13px;

	color:#00b4dc;

	margin:0px 11px 0px 8px;

	padding:0px 0px 15px 0px;

}

.con2cols_LayerContent h6 {

	font-size:11px;

	font-weight:bold;

	padding:0px 0px 0px 6px;

}

.con2cols_LayerContent ul {

	padding:0 0 0 20px;

}

* html .con2cols_LayerContent ul { /* Workaround fuer iE 5.x und 6.x */

	padding:0 0 0 28px;

}

.con2cols_LayerContent p {

	padding:10px 11px 4px 6px;

}

.con2cols_LayerContent a {

	color:#ff0033;

}

.con2cols_LayerContent td {

	vertical-align:top;

}

.con2cols_LayerTeam {

	float:left;

	width:130px;

	padding:10px 4px 0px 8px;

	margin:0px 0px 0px 0px;

}

.con2cols_LayerTeam p {

	padding:0px 0px 0px 0px;

	margin:1px 0px 0px 0px;

}

.con2cols_LayerTeamDetail {

	float:left;

	padding:10px 4px 0px 10px;

	margin:0px 0px 0px 0px;

}

.con2cols_LayerTeamDetail div {

	float:left;

}

.con2cols_podcast {

	text-align:left;

	padding:10px 0px 10px 25px;

}

.con2cols_podcast h2 {

	width:244px;

	font-size:11px;

	color:#FFFFFF;

	font-weight:bold;

	text-transform:uppercase;

	letter-spacing:1px;

	background-image:url(../templatemedia/h1_balken_blue.gif);

	background-repeat:repeat-x;

	background-position:0px 11px;

	margin:0px 0px 5px 0px;

	padding:10px 4px 0px 3px;

}



/*************************************************************************************************/

/**** Bottom *************************************************************************************/

/*************************************************************************************************/

#footer  {

	clear:both;

	float:left;

	width:802px;

	font-size:9px;

	background-image:url(../templatemedia/footer.png);

	background-repeat:no-repeat;

	background-position:top 0px;

	vertical-align:bottom;

	padding:24px 0px 0px 5px;

	margin:0px 0px 0px 1px;

}



/*************************************************************************************************/

/**** Standard-Formular Paula ********************************************************************/

/*************************************************************************************************/

form {

	font-family:Arial, Helvetica, sans-serif, Verdana;

	font-size:12px;

}

fieldset {

	margin:0px 0px 0px 0px;

	padding:0px 0px 12px 12px;

}

legend {

	font-weight:bold;

	color:#333;

	text-transform:uppercase;

	margin:0px 0px 0px 0px;

	padding:0px 0px 10px 0px;

}

* html legend {			/* Workaround fuer iE 5.x und 6.x */

	margin-left:-9px;

}

*+html legend {			/* Workaround fuer iE 7.0 */

	margin-left:-9px;

}

label {

	float:left;

	width:70px;

	margin:2px 0px 1px 0px;

	font-weight:bold;

}

input, select, textarea {

	width:200px;

	height:14px;

	background:#CCC;

	padding:2px 0px 2px 0px;

}

.file {

	width:280px;

	height:20px;

	font-family:Arial, Helvetica, sans-serif, Verdana;

	font-size:9px;

	background:#CCC;

	padding:2px 0px 2px 0px;

}

textarea {

	width:200px;

	height:178px;

}

.formular-textfeld-klein {

	height:50px;	

}

.checkbox {

	margin:2px 0px 0px 9px;

}

.formular-eingabefeld-erforderlich {

	background: #CCC;

}

.formular-schaltflaeche {

	font-weight: bold;

	font-size:11px;

	height:25px;

	text-align:center;

	color:#ff3333;

	border:2px solid #ff3333;

	background: #CCC;	

 	margin:15px 0px 0px 70px;

}

button {

	font-weight: bold;

	font-size:11px;

	height:20px;

	text-align:center;

	color:#ff3333;

	border:2px solid #ff3333;

	background: #CCC;

	width:20px;	

 	margin:0px 0px 0px 0px;

}

.inhalt-hinweis-rot {

	color:#ff3333;

}

.formular-grundschrift { /* p */

	font-size:12px;

	line-height:18px;

	margin:10px 0px 0px 0px;

}

.formular-warnung { /* p */

	font-size: 12px;

	line-height: 18px;

	font-weight: bold;

	color: #ff3333;

	margin:0px 0 18px 0;

}



/*************************************************************************************************/

/**** Wetter *************************************************************************************/

/*************************************************************************************************/

.hp_weather_text {

	width:233px;

	height:15px;

	margin:5px 9px 0 9px;

	background-color:#e6eff6;

	border-right: 1px solid #005b9a;

	border-top: 1px solid #005b9a;

}

* html .hp_weather_text {

    margin:10px 9px 0 9px;

}

* +html .hp_weather_text {

    float: left;

}

.hp_weather_text div {

	float: left;

	height: 100%;

	width: 57px;

	border-left:1px solid #005e9e;

	font-weight: bold;

	text-align: center;

}

.hp_weather_graph {

	 width:233px; 

	 height:61px; 

	 margin:0 0 0px 9px; 

	 padding:0 0 0px 0px; 

	 background-color:#e6eff6; 

	 border-right: 1px solid #005b9a; 

	 border-bottom: 1px solid #005b9a;

}

/*************************************************************************************************/
/**** Frequenzensuche ****************************************************************************/
/*************************************************************************************************/
#frequencies {
	margin:0px 0px 0px 9px;
	padding:0px 0px 0px 0px;
	width:241px;
}
#frequencies .formular-eingabefeld-erforderlich {
	float:left;
	width:180px;
	height:14px;
	margin:2px 0px 0px 0px;
}
#frequencies .formular-schaltflaeche {
	float:left;
	width:50px;
	height:18px;
	font-size:10px;
	color:#fff;
	background: #ff3333;
	margin:2px 0px 0px 2px;
	padding:0px 0px 4px 0px;
}
#frequencies table {
	width:241px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	clear:both;
}
#frequencies td {
	width:50%;
	padding:1px 0px 2px 0px;
	border-bottom:1px solid #e1e1e1;
}
#frequencies h1 {
	width:241px;
	font-size:12px;
	margin:5px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	border-bottom:1px solid #e1e1e1;
}
#frequencies p {
	margin:0px 0px 0px 0px;
	padding:10px 0px 0px 0px;
	clear:both;
}