/* ********************************************************** */
/* MAIN LAYOUT */
/* ********************************************************** */

body {
    font-family: verdana, sans-serif;
    background:url('../images/bg_kachel.jpg') center top #decba3 repeat-y;
    text-align: center;
}

#wrapper {
	width: 1008px;
	margin: 0 auto;
	border: 0px solid black;
	text-align: left;

}

#header {
	height: 190px;
	border: 0px solid green;

}

#header-top {
	height:90px;
	padding-top: 10px;
	padding-bottom: 15px;

}

#header-logo {
	float:left;
	width: 225px;

}

#header-claim {
	float:left;
	padding-top:37px;
	height:70px;
	font-size: 1.5em;
	line-height:70px;
	text-align: center;
	width: 540px;
	margin-left:10px;

}

#header-search {
	float:right;
	padding-top: 17px;
	width:230px;
}

#header-navigation {
	font-family: arial;
	font-weight: bold;
}

#header-navigation-top {
	height: 8px;
	line-height: 8px;
	background: url(../images/navi_top.gif) no-repeat top center;
}

#header-navigation-content {
	background-color: #FFFFFF;
	width: 1008px;

}

#header-navigation-bottom {
	height: 8px;
	background: url(../images/navi_bottom.gif) no-repeat top center;
}

ul.headnavigation1 a, ul.headnavigation1 a:visited, ul.headnavigation1 a:link, ul.headnavigation2 a, ul.headnavigation2 a:visited, ul.headnavigation2 a:link {
	color: #000;
	font-weight:bold;

}

ul.headnavigation1 a {
	margin: 0 17px;
}

ul.headnavigation2 a {
	margin: 0 12px;
}

ul.headnavigation1 a.aktiv, ul.headnavigation1 a.aktiv:visited, ul.headnavigation1 a:hover,
ul.headnavigation2 a.aktiv, ul.headnavigation2 a.aktiv:visited, ul.headnavigation2 a:hover {
	color: #FF0099;
}


ul.headnavigation1, ul.headnavigation2 {
	margin: 0px;
	text-transform: uppercase;
}

ul.headnavigation1 li, ul.headnavigation2 li{
	float:left;
	font-size:1.0em;
	list-style-type: none;
	margin:0px;
	display: block;
}

ul.headnavigation2 li {
	font-size:0.7em;
	padding-top:6px;
}

ul.headnavigation2 {
     position: relative;
     margin-left:4px;
}

#sidebar-left {
	width:295px;
	float:left;
	margin-right:10px;
}

#sidebar-right {
	float:right;
	width:90px;
}

div.rightcolumn {
	background-color: #666666;
    float:right;
    width:295px;
}

#centercontent {
	float:left;
	width:600px;
	margin-right:10px;
	font-size: 0.75em;
    line-height: 1.35em;
}

#footer {
	text-align: left;
	font-size:10px;
	text-decoration:none;
	padding-bottom:10px;
	padding-top:10px;
	margin-left: 305px;
}

#footer a {
	color: #000000;
}

/* ENDE: MAIN LAYOUT */

/* ********************************************************** */
/* LAYOUT */
/* ********************************************************** */

/* Sidebar Modules */

.sidebarmodule {

}

.sidebarmodule-top {
	font-family: arial;
	background: url(../images/sidebar_top.gif) no-repeat top center;
	color: #FFFFFF;
	text-align: center;
	font-weight:bold;
	font-size: 16px;
	text-transform: uppercase;
	line-height: 30px;
	height: 30px;
}

.sidebarmodule-content {
	border-left: 3px solid #ff0099;
	border-right: 3px solid #ff0099;
	background-color: #FFFFFF;
	font-size: 0.7em;
	font-weight: bold;
}

.sidebarmodule-content a, .sidebarmodule-content a:hover {
	color: #000000;
}

.sidebarmodule-bottom {
	background: url(../images/sidebar_bottom.gif) no-repeat bottom center;
	height:8px;
	line-height:8px;

}

.sidebaricons-top {
	background: url(../images/sidebar_right_top.gif) no-repeat top center;
	height: 10px;
	line-height: 10px;

}

.sidebaricons-content {
	background-color: #FFFFFF;
	font-size: 0.7em;
	font-weight: bold;
	text-align: center;
}

div.sidebaricons-content div.absatzabstand {

	margin-top:20px;

}

.sidebaricons-bottom {
	background: url(../images/sidebar_right_bottom.gif) no-repeat bottom center;
	height:10px;
	line-height:10px;
}

#mmpage						{background-color:#FFFFFF;}
#singlepage 				{background-color:#FFFFFF;padding-bottom: 1px;}

.teaser                   	{background-color:#ffffff;overflow:hidden;}
.teaserLarge             	{background-color:#ffffff;}
.rechte_kolumne .teaser 	{background-color:#666666;}
.rechte_kolumne 			{color:#ffffff;}

.rechte_kolumne h1 			{color:#ffffff;}

.teasercontentzeile 		{padding-bottom: 10px;}

/* Bildergalerie */
div.picgalleryhead          { background-color:#666666; }
div.picgallery              { position:relative; background-color:#ababab;color:#FFFFFF; }

.activeBorder               {border: 2px solid #FF0099;}
.inactiveBorder             {border: 2px solid #FFFFFF;}
.aBhoch                     {border: 2px solid #abababab;}
.aBquer                     {border: 2px solid #FFFFFF;}

div.floatclearer {background: #FFF;}



/* ENDE: LAYOUT */



/* ********************************************************** */
/* HEADINGS / FONTS */
/* ********************************************************** */

h1 a, h1 a:hover 			{color:#FF0099;}
h1.kolumnenrubrik         	{color:#004DA5;}
h1.kolumnenrubriklinks    	{color:#ffffff;}
h1.teaserrubrik           	{color:#004DA5;}

h1 {
    color:#000000;
    font-weight:bold;
    font-size:14px;
    margin:0px 0px 0px 0px;
    font-variant: normal;
}

h2 {
    color:#000000;
    font-weight:bold;
    font-size:12px;
}

h1.haupttitel {
    font-size:14px;
    font-weight: bold;
    font-variant: normal;
}

h1.dachzeile {
    font-size:11px;
    font-weight:normal;
    font-variant: normal;
    font-style : normal;
    letter-spacing: normal;
}

h1.teasertitel {
    font-size:14px;
    font-weight:bold;
    margin-bottom:0px;
}

h3.uebersicht {

    margin: 5px;
}

div.teaserdatum {
	font-size: 0.7em;
}






/* ENDE: HEADINGS / FONTS */



/* ********************************************************** */
/* NAVIGATION */
/* ********************************************************** */


/* ENDE: NAVIGATION */

/* ********************************************************** */
/* LINKS */
/* ********************************************************** */

.arrowlink {
    background-image: url("../images/pfeil_mehr_pink_17x9.gif");
    background-repeat: no-repeat;
    height: 9px;
    width: 17px;
}

.arrowlinkcolumn {
    background-image: url("../images/pfeile_mehr_weiss.gif");
    background-repeat: no-repeat;
    height: 9px;
    width: 17px;
}

a, a:link, a:visited{
	color: #FF0099;
}

a:hover, a:active{
	color: #FF0099;
}



.rechte_kolumne a, .rechte_kolumne a:hover, .rechte_kolumne a:visited {color:#ffffff;}

#onstartpage a, #onstartpage a:hover, #onstartpage a:visited  {color:#ffffff;}


/* LINKS: ENDE */

/* ********************************************************** */
/* TEASER */
/* ********************************************************** */

#tagcloud {
	background-color: #FFFFFF;
}

#tagcloud ul li {
	list-style-image: url("../images/pfeil_index.gif");
}



#onstartpage h1.dachzeile {line-height:1;padding-top:4px;}
#onstartpage h1.teasertitel {padding-bottom: 8px;}
#onstartpage div.teaserunter {
    line-height:0.9em;
}

#onstartpage {
    color: #fff;
    font-size: 11px;
    line-height: 18px;
    background-color: FF0099;
}

#youfm_topteaser_surround {
	height:355px;
	overflow:hidden;
	padding:0;
	margin:0;
	border:0;
}
#youfm_topteaser {
	background:none;
	height:355px;
	overflow:hidden;
}
.youfm_topteaser_img {
	padding:0;
	margin:0;
	height:357px;
	max-height:355px;
	background:none;
}
.youfm_topteaser_imgRightDiv {
	float:right;
	padding:1px;
	margin:-356px 0 0;
	border:0;
	width:108px;
	z-index:50;
	display:block;
	position:relative;
}
.youfm_topteaser_imgRightDiv a {
	float:right;
	clear:right;
	padding:0;
	margin:0;
	color: blue;
}
.youfm_topteaser_imgRightDiv a div {
	width:106px;
	height:48px;
	max-height:44px;
	border:1px solid #fff;
	display:block;
	cursor:hand;
	cursor:pointer;
	padding:1px;
	margin:2px 2px 1px;
}
.youfm_topteaser_imgRightDiv a div.activeSlide {
	border:2px solid #f09;
	margin:2px 2px 1px;
	padding:0;
	background-position:-1px -1px;
}
.youfm_topteaser_text {
	height:103px;
	overflow:hidden;
	font-family:Verdana;
	color:#FFF;
	clear:both;
	padding:11px;
	margin:-103px 0 0;
	background:none;
}
.youfm_topteaser_text a, .youfm_topteaser_text a:hover, .youfm_topteaser_text a:link, .youfm_topteaser_text a:active, .youfm_topteaser_text a:visited {
	text-decoration:none;
	color:#FFF;
}
.youfm_topteaser_text .youfm_topteaser_dachzeile {
	font-weight:bold;
	font-size:13px;
	padding:0;
	margin:-4px 0 -4px;
}
.youfm_topteaser_text h2.youfm_topteaser_titel {
	font-weight:bold;
	font-size:18px;
	padding:13px 0 8px;
	margin:0;
}
.youfm_topteaser_text .youfm_topteaser_teasertext {
	font-weight:normal;
	font-size:12px;
	padding-bottom:0 0 7px;
	margin:0;
}

/* ENDE: TEASER */

/* ********************************************************** */
/* CONTENT ALLGEMEIN */
/* ********************************************************** */

div.kasten              {border: 1px solid #666666;background-color:#FFFFFF;padding:0px;margin:0px;}
div.youfmkastenreiter   {position:relative; background-color:#666666; color:#FFF; overflow:hidden;font-size:11px;font-weight:bold;height:20px;line-height:20px;}
div.zitatkastencontent  {padding:8px 5px;font-size:10px;}
div.kastencontent       {}
div.zitatlink, div.uebersichtslink			{margin-top:8px;margin-bottom:8px;font-weight:bold;}


div.kastenuebersicht    {position:relative;border: 1px solid #666666;padding:0px;margin:0px;margin-top:1px;}
div.zitatkastencontent a {font-weight: bold;}

.zitatkastencontent ul				{list-style-position: inside;}
.zitatkastencontent li, .zitatlink li				{margin-left:12px;display:inside;list-style:square;}
.kasten ul li {margin-left:0px;}
.kasten ul {margin:0px;}

.zitatkastencontent  {line-height:18px; }

div.absatzcontent ul {}

div.absatzabstand {background-color:#FFF;margin:0px; padding-top:10px;}

div.kastenabstand {margin-top: 10px;}

/* Anpassung Eingabefelder auf Suche-Seite */
div#suche input { border: 1px solid black; }

input {background-color:#ababab;}
#singlepage input {background-color:#ababab;margin: 1px;}
div.suche-navi-box {
	padding-left:5px;
}

div.searchfield {
	text-align: right;
	padding-top:17px;
	font-size:0.9em;
	font-weight: bold;
}

div.searchfield a {
	font-weight:bold;
	color: #000;
	font-size:0.9em;


}
div.searchbox input.search-box {

    width:215px;
    font-size: 16px;
    margin-bottom:7px;
    margin-right:10px;
    background:none;

}
div.searchbox {
	background: url(../images/bg_search.png) 0 11px no-repeat;
	}

button.search-box-button {
    font-size:0.9em;
    background:none;
	font-weight:bold;
    width: 58px;
    height: 14px;
    width: 48px;
    line-height:1.0em;
}

#bt_fb, #bt_vz, #bt_tw, #bt_yt, #bt_gp {float:left;padding-right:10px;}
#bt_fb a{
	display: block;
	background-image: url('/website/radio/you_fm/images/icon_fb.gif');
	height: 36px;
	width: 36px;

}
#bt_fb a:hover {
	background-position: -36px;
	text-decoration:none;
}

#bt_vz a{
	display: block;
	background-image: url('/website/radio/you_fm/images/icon_vz.gif');
	height: 36px;
	width: 36px;
}
#bt_vz a:hover {
	background-position: -36px;
	text-decoration:none;
}

#bt_tw a{
	display: block;
	background-image: url('/website/radio/you_fm/images/icon_tw.gif');
	height: 36px;
	width: 36px;
}
#bt_tw a:hover {
	background-position: -36px;
	text-decoration:none;
}

#bt_yt a{
	display: block;
	background-image: url('/website/radio/you_fm/images/icon_yt.gif');
	height: 36px;
	width: 36px;
}
#bt_yt a:hover {
	background-position: -36px;
	text-decoration:none;
}
#bt_gp a{
	display: block;
	background-image: url('/website/radio/you_fm/images/icon_gp.gif');
	height: 36px;
	width: 36px;
}
#bt_gp a:hover {
	background-position: -36px;
	text-decoration:none;
}

/* ENDE: CONTENT ALLGEMEIN */

/* ********************************************************** */
/* COLORS */
/* ********************************************************** */


/* ENDE: COLORS */


/* ********************************************************** */
/* FORMULARE */
/* ********************************************************** */

.rechte_kolumne input 			{background-color:#ffffff;}


/* ENDE: FORMULARE */

/* ********************************************************** */
/* WETTER */
/* ********************************************************** */

/* ENDE: WETTER */

/* alt */






/*
* TABLES
*/

th,td {font-family:verdana, sans-serif}

th {
    vertical-align:top;
    font-family:verdana, sans-serif;
    font-size:12px;
    margin:0px;
    padding:0px 0px 0px 0px;
}


div.suchekurzerweg        {background-color: #004DA5;}
div.suchekurzerwegrandabstand {border-color: #004DA5;}




li {background:none;padding-left:0;margin-left:10px;height:auto}

/* color:inherit funktioniert mit dem Mozilla nicht */



.absatzcontent			{padding:0px 10px 0px 10px; text-align:left;}
/* Teaserbox ohne Abstand */
.absatzcontent .nomargin {margin-left:-10px;}
.teaserabsatzcontent	{padding:0px 10px 0px 10px; text-align:left; font-weight:normal;}

/* top right bottom left */
.teasercontent			{padding:5px 10px 5px 10px; text-align:left;}



/*******  KAESTEN   *******
kasten
|_kastencontent
|_youfmkastenreiter
|_zitatlink
*/

div.dachzeile {font-size:11px;
    font-variant: normal;
    font-style: normal;
    letter-spacing: normal;}

ul						{list-style-type:square; }
.kasten ul				{list-style-position: inside;margin-left:0px;}
.kasten li				{list-style:square;}
.kasten ul li				{list-style-position: inside;}
.zitatlink ul				{list-style-position: outside;}
.zitatlink li				{margin:2px;list-style:square;}
.uebersichtslink ul				{list-style-position: inside;font-size:9px;}
.uebersichtslink li				{margin-left:12px;list-style:square;}
.teasercontentzeile ul li .dachzeile {float: none !important;}

div.bildunter			{padding-left:5px;}

div.slang_box, div.slang_box_large             {border: 1px solid #666666; background-color:#FFFFFF;margin: 10px 0;}

/* wird nur von Mozilla erkannt: Patch f�r Darstellung der Slang Box */
div.absatzcontent > div.slang_box 		{position:static;}
div.absatzcontent > div.slang_box_large 	{position:static;}
div.teasercontent > div.slang_box	{position:static;}
div.teasercontent > div.slang_box_large	{position:static;}

.freeBorder 			{border: 1px solid #004DA5;}
.freefreeBackground		{background-color:#D9E4F2;}
hr.freeHr				{size:1px; color:#ffffff; border:1px solid #ffffff;}

/* Kolumnen */
div.kolumne               {background-color:#99B8DB;}
div.teaserkopf, div.kolumnenkopf          {background-color:#E0E0E0; color:#004DA5;}
div.teaserreiter, div.kolumnenreiter      {background-color:#004DA5;}

/* Farbklassen f�r frei w�hlbare Hintergrundfarben */
#Hell                     {background-color:#EDF2F9;}
#Mittel                   {background-color:#D9E4F2;}
#Dunkel                   {background-color:#99B8DB;}
#Weiss                    {background-color:#FFFFFF;}
.Hell                     {background-color:#EDF2F9;}
.Mittel                   {background-color:#D9E4F2;}
.Dunkel                   {background-color:#99B8DB;}
.Weiss                    {background-color:#FFFFFF;}

/*verwendete Farben:*/
#orangeBg                 {background-color:#ff9900;}
#beigeBg                  {background-color:#ffcc99;}
#violetBg                 {background-color:#cc99cc;}
#darkBlueBg               {background-color:#000066;}
#magentaBg                {background-color:#ff0099;}
#redBg                    {background-color:#cc0000;}
#lightBlueBg              {background-color:#3399ff;}
#lightGreenBg             {background-color:#99cc33;}
#darkGreenBg              {background-color:009900;}
#blackBg                  {background-color:#000000;}
#whiteBg                  {background-color:#ffffff;}
#black                    {color:#000000;}

.orangeBg                 {background-color:#ff9900;}
.beigeBg                  {background-color:#ffcc99;}
.violetBg                 {background-color:#cc99cc;}
.darkBlueBg               {background-color:#000066;}
.magentaBg                {background-color:#ff0099;}
.redBg                    {background-color:#cc0000;}
.lightBlueBg              {background-color:#3399ff;}
.lightGreenBg             {background-color:#99cc33;}
.darkGreenBg              {background-color:009900;}
.blackBg                  {background-color:#000000;}
.whiteBg                  {background-color:#ffffff;}
.black                    {color:#000000;}











.absatzcontent#withFloatImage{
    margin-left:125px;
}

table.plan {
    border-collapse:collapse;
    background-color:#ff9900;
}
th.plan {
    font-size:0.8em;
    /*background-color:#ffffff;
    border:1px solid #ffffff;*/
    background-color:#d71060;
    border:1px solid #d71060;
    color:#ffffff;
}

td.plan {
    color:#ffffff;
    border:1px solid #ff9900;
}
td.plan a {
    font-weight:bold;
    color:#ffffff;
}

/*Sendeschema*/
td.plan_active {border:1px solid #f90; background-color:#fff6cc;text-align:center;vertical-align:middle}

#sendeschema ul {
    list-style: none;
    margin: 0;
    padding: 0;
    height: 20px;
    background-color: #fff;
}
#sendeschema div.navi {
    overflow:hidden;
}
#sendeschema li {
    float: left;
    margin: 0;
    padding: 0;
    width: 85px;
    height: 20px;
}

#sendeschema li.first {
    width: 87px;
}
#sendeschema li.odd {
    width: 86px;
}

#sendeschema li a,
#sendeschema li span {
    display: block;
    text-align: center;
    padding: 2px 0;
    font-size: 11px;
    font-weight: bold;
    border-left: 1px solid #f90;
}

#sendeschema li.first a,
#sendeschema li.first span {
    border-left: none;
}

#sendeschema li a {
    color: #000;
    outline: none;
    text-decoration:none;
}

#sendeschema li span {
    color: #fff;
    background-color: #ff0099;
}

#sendeschema div.top {
    color: #fff;
    clear: left;
    text-align: center;
    line-height:20px;
    background-color: #666666;
    border-top: 1px solid #666666;
    font-size: 11px;
    height: 22px;
}

#sendeschema div.datum {
    color: #fff;
    clear: left;
    text-align: center;
    background-color: #ff0099;
    border-top: 1px solid #ababab;
    font-size: 11px;
    height: 18px;
}

#sendeschema table {
    width: 100%;
    border-top: 1px solid #ababab;
}

#sendeschema table td {
    padding: 8px;
    border-bottom: 1px solid #ababab;
}

#sendeschema table td.time {
    color: #000;
    border-right: 1px solid #ababab;
    background-color: #fff;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    width: 22%;
}

#sendeschema table td.content {
    color: #000;
    padding: 8px;
    background-color: #fff;
}

#sendeschema table td h2 {
    margin: 0;
}

#sendeschema table td h2 a:hover {
    text-decoration: underline;
}

#sendeschema table td p {
    color: #000;
    font-size: 10px;
    margin: 0;
}

#sendeschema table td a {
    text-decoration: none;
}

#sendeschema table td p.moderatoren {
    color: #000;
    margin: 6px 0;
    font-weight: bold;
}

#sendeschema table td p.moderatoren a {
    color: #000;
    margin: 6px 0;
    font-weight: bold;
}

#sendeschema table td p.moderatoren a:hover {
    text-decoration: underline;
}

#sendeschema div.info {
    border-top: 1px solid #fff;
    background: 0 0 url(../images/sendeschema/verlauf_box.gif) repeat-x #44c8f5;
    padding: 8px;
}

#sendeschema div.info p {
    font-size: 10px;
    margin: 0;
}

#sendeschema div.info p b {
    color: #ed1c24;
}


div.headnavigationbox{
    position:relative;
    overflow:hidden;
    width:1025px;
}
div.headnavbox {
    display:block;
    position:relative;
    margin-left:172px;
    white-space:nowrap;
    height:100%;

}
div.headnavbox a span.linktext, div.myyoufmlogin a span.linktext, div.myyoufmregistrierung a span.linktext{
    display:none;
}




div.rechte_kolumne{
    padding-top:10px;
}
span.hiddenmehr {
    height:9px;
    width:17px;
    visibility:hidden;
    line-height:9px;
    font-size:7px;
    letter-spacing: 0px;
}


div.navlinktrail, div.headnavtrail {background-color: #FF0099;}





div.you_animation {
    position:static;
    margin-left:825px;
}
div.teaserblock {
	padding-top:16px;
	padding-bottom:10px;
	background-color:#FFFFFF;
}

fieldset {
    margin:5px;
    padding:10px;
}
/* Voting */
div.you_leer {
    float:left;
    width:16px;
    height:19px;
    background-image:url(../images/you_leer.gif);
    background-repeat:no-repeat;
}
div.you_voll {
    float:left;
    width:16px;
    height:19px;
    background-image:url(../images/you_voll.gif);
    background-repeat:no-repeat;
}

/*dumpf-voting*/
.voteContainer {width:100%; text-align:center;}
.voteAdditionalInfo {}
.voteTable {margin:10px; margin-top:50px; border:2px solid #ff0099;}
.voteTable td {padding:10px;}
.voteTableHead {padding-left:10px; text-align:left; color:#ff0099; border-bottom:2px solid #ff0099; vertical-align:top;}
.voteOptionTitle {font-weight:bold; white-space:no-wrap;}
.voteOptionInterpret {font-weight:bold; white-space:no-wrap;}
.voteOptions {white-space:no-wrap; text-align:left;}
.voteRadioButton {background-color:#ffffff;}
.voteRow0 {background-color:#ff0099; color:#ffffff;}
.voteRow1 {background-color:#ffffff; color:#ff0099;}
.voteRow0 .voteRadioButton {background-color:#ff0099;}
/*legend {font-weight:bold; color:#ff0099;}*/
.additionalInputTitle {font-weight:bold; }
.additionalInputFieldColumn {padding-left:20px;}
#errormessage             {display:block;border:2px solid #dd0000;background-color:#ffffff;color:#dd0000;margin-bottom:1em;margin-top:1em;}
/*quick and dirty avplayer ie hinweis*/
.avplayermessage {
    margin-left:0px;
    margin-right:10px;
}
.avplayermessageaudio .kasten{
    color:#000000;
}
.mediaviewbox,
.medialistbox{
    width:420px;
    margin-left:100px;
    background-color:#dddddd;
}

div.avmoreavlight, div.avbackgroundsurround, div.avbackground, div.avmoreavdark	 {
	background-color: #ababab;
}
.medialistbox .absatzcontent{
    padding:0;
}
.mediaviewbox .upperbox{
    background-color:#ffffff;
    margin-left:0;
    padding-bottom:1px;
    width:420px;
}



.mediaviewbox .centerbox{
    margin-top:0px;
}

.smallflashwrapper {
	height:140px;
}

div.avnewwindow, div.avchangemedia, div.avsendafriend, div.avmoreavlight   {
	background-color: #FFFFFF;
}

.videoview{
	width:580px;
	margin-left:10px;
}

.videoview .upperbox  {
	width:580px;
	}

.videoview div.avbackgroundsurround {
	width:580px;
	margin-left:0px;
}

.videoview div.avbackground {
	width:577px;
	margin:3px;
}

.videoview .avnewwindow, .videoview .avchangemedia {
	width:293px;
	margin-left:0px;
}
.videoview .avbandwidth, .videoview .avsendafriend {
	width:278px;
	margin-left:3px;
	background-color:#FFF;
}




div.avsendafriend           {background-image:url(http://www.hr-online.de/website/images/icon_versenden2.gif);background-position:95% 0.25em;background-repeat:no-repeat;}
/* Multimedia-Links in Teasern */
.mm_link_icon {clear: none;}
.mm_link_text {padding-top: 2px; padding-bottom: 4px;}
.mm_separator {display: none;}

/* tag cloud container */
a.tagcloud, a.tagcloud:visited, a.tagcloud:active {line-height:25px;color:#000000;background-color:#FFFFFF;}
a.tagcloud:hover        {line-height:25px;background-color:#000000;color:#FFFFFF;}

#tagcloud_container {padding:5px;}




#myyoufmTeaser {
    background-color: #fff;
    width: 600px;
    padding-bottom: 1px;
}

#myyoufmTeaserHeader {
    padding: 5px 10px 10px;
    background-color: #99cc33;
}

#myyoufmTeaserHeader h2 {
    color: #000;
    margin: 5px 0 2px;
}

#myyoufmTeaserHeader p {
    font-size: 0.8em;
    line-height: 1.2;
    margin-top:0;
}

#myyoufmTrioTeaser {
    padding-left: 9px;
    background-color: #99cc33;
}

#myyoufmTeaser div.teaser {
    background-color: #fff;
}

#myyoufmTeaser div.teasercontent {
    padding: 4px 5px 3px 10px;
}

#myyoufmTeaser div.teaserbox {
    float: left;
    width: 196px;
    background-color: #99cc33;
    padding-bottom: 10px;
}

#myyoufmTeaser div.teaserbox div.teaser {
    background-color: #99cc33;
    margin: 0 10px 0 0;
    width: auto;
    position: relative;
}

#myyoufmTeaser div.teaserbox h2 {
    margin: 0;
    padding: 2px 0 3px;
    font-size: 10px;
    color: #000;
    font-weight: bold;
}

#myyoufmTeaser div.teaserbox a {
    color: #000;
    font-weight: bold;
}

#myyoufmTeaser div.teaserbox p.title a {
    text-decoration: underline;
}

#myyoufmTeaser div.teaserbox div.imageCont {
    height: 120px;
    width: 186px;
    margin-bottom: 10px;
    position: relative;
    overflow: hidden;
}

#myyoufmTrioTeaser p {
    margin: 0;
    font-size: 0.8em;
    line-height: 1.2;
}

#myyoufmTeaser div.teaserbox p.type {
    margin: 5px 0;
}

#myyoufmTeaser div.teaserbox p.title {
    margin-bottom: 4px;
}

#myyoufmTeaser div.teaserbox p.desc {
    margin-top: 10px;
}

#myyoufmTeaser div.teaserbox ul {
    list-style: none;
}

#myyoufmTeaser div.teaserbox li {
    margin: 0;
    padding: 0;
}

#myyoufmTeaser div.teaserbox span.overlay {
    background-position:0;
    background-repeat:no-repeat;
    display:block;
    position:absolute;
    left:3px;
    top:3px;
    height:18px;
    width:18px;
}

#myyoufmTeaser div.rating {
    position: relative;
    padding: 10px 0 2px;
}

#myyoufmTeaser div.rating span.stars {
    width: 79px;
    height: 15px;
    background: left top url(../images/myyoufm/rating-sprite.gif) no-repeat;
    position: absolute;
    top: 8px;
    left: 80px;
}

#myyoufmTeaser div.rating0_5 span.stars {
    background-position: 0 -15px;
}
#myyoufmTeaser div.rating1 span.stars {
    background-position: 0 -30px;
}
#myyoufmTeaser div.rating1_5 span.stars {
    background-position: 0 -45px;
}
#myyoufmTeaser div.rating2 span.stars {
    background-position: 0 -60px;
}
#myyoufmTeaser div.rating2_5 span.stars {
    background-position: 0 -75px;
}
#myyoufmTeaser div.rating3 span.stars {
    background-position: 0 -90px;
}
#myyoufmTeaser div.rating3_5 span.stars {
    background-position: 0 -105px;
}
#myyoufmTeaser div.rating4 span.stars {
    background-position: 0 -120px;
}
#myyoufmTeaser div.rating4_5 span.stars {
    background-position: 0 -135px;
}
#myyoufmTeaser div.rating5 span.stars {
    background-position: 0 -150px;
}
#myyoufmTeaser div.teaserbox div.video a span.overlay {
    background-image: url(../images/myyoufm/playButton.gif);
}

#myyoufmTeaser div.teaserbox div.audio a span.overlay {
    background-image: url(../images/myyoufm/speaker.gif);
}

#myyoufmTeaser div.teaserbox div.picture a span.overlay {
    background-image: url(../images/myyoufm/zoomButton.gif);
}

#myyoufmTeaser div.teaserbox div.video a:hover span.overlay {
    background-image: url(../images/myyoufm/playButtonHover.gif);
}

#myyoufmTeaser div.teaserbox div.audio a:hover span.overlay {
    background-image: url(../images/myyoufm/speakerHover.gif);
}

#myyoufmTeaser div.teaserbox div.picture a:hover span.overlay {
    background-image: url(../images/myyoufm/zoomButtonHover.gif);
}

#myyoufm-login {
    float:left;
    margin: 20px 8px 8px 10px;
}

#myyoufm-logo {
    float:left;
}

#myyoufm-logo img {
    display: block;
}

#myyoufm-login input {
    width: 110px;
}

input.myyoufm-login_un {
    background-color:#99cc33;
    background-image:url(../images/bg_login_name.gif);
    background-repeat:no-repeat;
}

input.myyoufm-login_un:focus,input.myyoufm-login_un:active,input.myyoufm-login_pw:focus,input.myyoufm-login_pw:active{
    background-color:#99cc33;
    background-image:none;
}
input.myyoufm-login_pw {
    background-color:#99cc33;
    background-image:url(../images/bg_login_passwort.gif);
    background-repeat:no-repeat;
}

button.myyoufm-login-button {
    background-image:url(../images/myyoufm/leiste-pfeile.gif);
    background-repeat:no-repeat;
    background-color:transparent;
    background-position:0 0;
    width:17px;
    height:14px !important;
    height:16px;
    margin-left:3px;
}

#myyoufm-registrierung-links {
    float:left;
    width:138px;
    margin: 16px 0 0 0;
}

#myyoufm-registrierung-links a {
    display:block;
    margin-bottom: 2px;
}

#myyoufm-registrierung-links a img {
    display:block;
}

/* Social Bookmarks */
.social_bookmarks_you_fm {
    display:block;
    position:relative;
}
.social_bookmarks_you_fm_gallery {
    margin: 0 0 35px 4px;
}

.social_bookmarks_you_fm_einzel {
    margin:30px 0 50px 10px;
}

.social_bookmarks_you_fm_media {
    margin:20px 0 50px 100px;
    width:400px;
}

.social_bookmarks_you_fm_lupenbild {
    margin:20px 0 50px 100px;
}

.social_bookmarks_you_fm_media > ul  >
.social_bookmarks_entry > .social_bookmarks_erklaerung {
    margin:0;
}

.social_bookmarks_entry {
    float:left;
    margin:0 15px 0 0px;
    list-style:none;
}
.social_bookmarks_erklaerung {
    font-weight:bold;
}
.social_bookmarks_you_fm > ul {
    margin: 10px 0 0 2px;
}
.social_bookmarks_entry > a > img {
    width:16px;
    height:16px;
    cursor:pointer;
}

/* MVP */
div.mv-player {
    color: #fff;
    background-image: url(/website/images/multi-av-player-bg-580.gif);
    margin: 10px 10px 0;
}
div.mv-player-teaser {
    margin-left: 10px;
    margin-right: 10px;
}
div.mv-player-teaser .teaser {
    background:none;
}
#morningshowPlayer div.mv-player-teaser {
    margin-left: 0;
    margin-right: 0;
}
#morningshowPlayer h1.dachzeile,
#morningshowPlayer h1.teasertitel {
    font-size: 11px;
    font-weight: bold;
}

div.mv-player-rechts {
    width: 295px;
    background-image: url(/website/images/multi-av-player-bg-295.gif);

}
div.mv-player h1,
div.mv-player-rechts h1 {
    color: #fff;
}

#morningshowPlayer div.teaser div.teaser{
    background-color: #000;
}

div.withborder div.avPlayerCnt {
	border: 1px solid #666666;
}

div.kastencontent div.avPlayerCnt {
	position:relative;
}

/* a-z */

#indexwrapper {
    height: 60px;
}

ol{padding:22px 6px 0 10px; display:block; margin:0; list-style-type:none; list-style-image:none; list-style-position:outside; vertical-align: bottom;}
li.azbuchstabe{margin:0; padding:0 4px 0 0; float:left; display:inline;}
li.azbuchstabeaktiv{margin:0; padding:0 4px 0 0; float:left; display:inline;}

/*Formatierung A-Z Liste */
ul.azUl {list-style:none;clear:both;}
li.azLi {margin-top:0.5em;margin-left: 3px;}
h3.azTitel { display:inline;}
h3.azTitel a {}
span.azRubrik {}
p.azBeschreibung {margin:0;padding:4px;}


/* ********************************************************** */
/* WETTER */
/* ********************************************************** */

#wetter                     {background-color:#EEF3F7; margin-bottom:5px; margin-top:3px; width:585px;}

#wetter h2 {
    background: #e3ecf3;
    font-size: 1.3em;
    margin: 0;
    font-weight: bold;
    color: #003466;
    border-top: 1px solid #c4d4e3;
    border-bottom: 1px solid #fff;
    margin-bottom: 18px;
}

#wetter h2 span {
    display: block;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #c4d4e3;
    padding: 8px 10px 10px 10px;
}

#wetter h3 {
    font-size: 1.15em;
    color: #003466;
    padding-left: 10px;
    padding-right: 10px;
}
#wetter h4 {
    font-size: 1.1em;
    color: #003466;
    padding-left: 10px;
    padding-right: 10px;
}
#wetter p {
    margin: 0;
    padding: 0 10px 10px 10px;
    color: #42413f;
}

/* SubNavigation*/
#wetter ul.subNavigation {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 0.9em;
    height: 27px;
}

#wetter ul.subNavigation li {
    list-style: none;
    float: left;
    margin: 0 0 0 0;
    padding: 0;
    background-image: none;
}

#wetter ul.subNavigation li a {
    display: block;
    outline: none;
    height: 27px;
}

#wetter ul.subNavigation li.active a {
    display: block;
}

#wetter li.wetterkarte a {
    width: 96px;
    background: transparent url(../images/wetter/wetterkarte.jpg) 0 4px no-repeat;
}

#wetter li.wetterkarte a.active,
#wetter li.wetterkarte a:hover {
    background: transparent url(../images/wetter/wetterkarte_o.jpg) 0 4px no-repeat;
}

#wetter li.regenradar a {
    width: 96px;
    background: transparent url(../images/wetter/regenradar.jpg) 0 4px no-repeat;
}

#wetter li.regenradar a.active,
#wetter li.regenradar a:hover {
    background: transparent url(../images/wetter/regenradar_o.jpg) 0 4px no-repeat;
}

#wetter li.wettercams a {
    width: 94px;
    background: transparent url(../images/wetter/wettercams.jpg) 0 4px no-repeat;
}

#wetter li.wettercams a.active,
#wetter li.wettercams a:hover {
    background: transparent url(../images/wetter/wettercams_o.jpg) 0 4px no-repeat;
}

#wetter li.unwetter a {
    width: 79px;
    background: transparent url(../images/wetter/unwetter.jpg) 0 4px no-repeat;
}

#wetter li.unwetter a.active,
#wetter li.unwetter a:hover {
    background: transparent url(../images/wetter/unwetter_o.jpg) 0 4px no-repeat;
}

#wetter li.hronline a {
    width: 220px;
    background: transparent url(../images/wetter/mehr_bei.jpg) 0 0 no-repeat;
}

#wetter li.hronline a.active,
#wetter li.hronline a:hover {
    background: transparent url(../images/wetter/mehr_bei_o.jpg) 0 0 no-repeat;
}

/* ENDE: WETTER */

/* Wettercams */
#wettercams {
	position: relative;
}

#wettercams h2 {
    margin-bottom: 0;
}

#wettercamsCard {
    background: transparent url(http://www.hr-online.de/website/wetter/home/images/wettercams/karte.jpg) repeat-x 0 0;
    height: 716px;
}


#wettercams #cam {
    margin-left: 24px;
}

#wettercams #wettercamsCard #cam {
    margin-right: 330px;
    margin-left: 0;
}

#wettercams h3 {
    padding-top:10px;
    margin-bottom: 3px;
}


#wettercams p.description {
    height: 60px;
}
#wettercams p.description a {
    color: #003466;
}

/* Wettercams Slideshow */

#slideshow1 {
    position: relative;
    padding: 0 10px 10px;

}

#slideshowImg1 {
    border: 1px solid #145E84;
    border-bottom: none;
}

#slideshowDashboard1 {
    position: relative;
    height: 19px;
    background: transparent url(http://www.hr-online.de/website/wetter/home/images/wettercams/slideshow-bg.jpg) repeat-x 0 0;
    width: 514px;
}

#wettercamsCard #slideshowDashboard1 {
    width: 232px;
}

#slideshowDashboard1 a {
    outline: none;
    position: absolute;
    width: 18px;
    height: 19px;
    top: 0;
}

#slideshowControls1 {
    position: relative;
    display: none;
}

#slideshowControls1 a img {
    position: relative;
    display: block;
}

#slideshowControls1 #slideshowControlFirst1 {
    left: 0;
}
#slideshowControls1 #slideshowControlPrevious1 {
    left: 18px;
}

#slideshowControls1 #slideshowControlPlay1 {
    left: 36px;
}

#slideshowControls1 #slideshowControlPause1 {
    left: 36px;
    display: none;
}

#slideshowControls1 #slideshowControlNext1 {
    left: 54px;
}

#slideshowControls1 #slideshowControlLast1 {
    left: 72px;
    width: 19px;
}

#slidshowControlDisplay1 {
    text-align: right;
    color: #fff;
    padding: 1px 6px 0 0;
    border-right: 1px solid #145E84;
    border-left: 1px solid #145E84;
}


/* Wettercams Map */

#wettercamsCard,
#wettercamsCard ul {
    position: relative;
}

#wettercamsCard ul {
    list-style: none;
}

#wettercams ul li {
    position: absolute;
    display: block;
    background-image: none;
    top: 0;
    left: 0;
    margin:0;
    padding:0;
}

#wettercams ul li a {
    display: block;
}

/* Wasserkuppe */
#wettercamsCard ul li.cam1 {
    left: 397px;
    top: 261px;
}

#wettercamsCard ul li.cam1 a {
    width: 114px;
    height: 31px;
}

#wettercamsCard ul li.cam1 a.active,
#wettercamsCard ul li.cam1 a:hover {
    background: transparent url(http://www.hr-online.de/website/wetter/home/images/wettercams/wasserkuppe.jpg) 0 0 no-repeat;
}

/* Schlo� Waldeck */
#wettercamsCard ul li.cam2 {
    left: 385px;
    top: 130px;
}

#wettercamsCard ul li.cam2 a {
    width: 131px;
    height: 37px;
}

#wettercamsCard ul li.cam2 a.active,
#wettercamsCard ul li.cam2 a:hover {
    background: transparent url(http://www.hr-online.de/website/wetter/home/images/wettercams/schloss_waldeck.jpg) 0 0 no-repeat;
}

/* R�desheim */
#wettercamsCard ul li.cam3 {
    left: 222px;
    top: 350px;
}

#wettercamsCard ul li.cam3 a {
    width: 101px;
    height: 32px;
}

#wettercamsCard ul li.cam3 a.active,
#wettercamsCard ul li.cam3 a:hover {
    background: transparent url(http://www.hr-online.de/website/wetter/home/images/wettercams/ruedesheim.jpg) 0 0 no-repeat;
}

/* Alsfeld */


/* Fulda */
#wettercamsCard ul li.cam5 {
    left: 474px;
    top: 230px;
}

#wettercamsCard ul li.cam5 a {
    width: 66px;
    height: 31px;
}

#wettercamsCard ul li.cam5 a.active,
#wettercamsCard ul li.cam5 a:hover {
    background: transparent url(http://www.hr-online.de/website/wetter/home/images/wettercams/fulda.jpg) 0 0 no-repeat;
}

/* Willingen */
#wettercamsCard ul li.cam6 {
    left: 246px;
    top: 83px;
}

#wettercamsCard ul li.cam6 a {
    width: 89px;
    height: 31px;
}

#wettercamsCard ul li.cam6 a.active,
#wettercamsCard ul li.cam6 a:hover {
    background: transparent url(http://www.hr-online.de/website/wetter/home/images/wettercams/willingen.jpg) 0 0 no-repeat;
}

/* Darmstadt */
#wettercamsCard ul li.cam7 {
    left: 328px;
    top: 374px;
}

#wettercamsCard ul li.cam7 a {
    width: 93px;
    height: 34px;
}

#wettercamsCard ul li.cam7 a.active,
#wettercamsCard ul li.cam7 a:hover {
    background: transparent url(http://www.hr-online.de/website/wetter/home/images/wettercams/darmstadt.jpg) 0 0 no-repeat;
}

/* Bad Karlshafen */
#wettercamsCard ul li.cam8 {
    left: 446px;
    top: 12px;
}

#wettercamsCard ul li.cam8 a {
    width: 126px;
    height: 38px;
}

#wettercamsCard ul li.cam8 a.active,
#wettercamsCard ul li.cam8 a:hover {
    background: transparent url(http://www.hr-online.de/website/wetter/home/images/wettercams/bad_karlshafen.jpg) 0 0 no-repeat;
}

/* Wiesbaden */
#wettercamsCard ul li.cam9 {
    left: 182px;
    top: 326px;
}

#wettercamsCard ul li.cam9 a {
    width: 93px;
    height: 30px;
}

#wettercamsCard ul li.cam9 a.active,
#wettercamsCard ul li.cam9 a:hover {
    background: transparent url(http://www.hr-online.de/website/wetter/home/images/wettercams/wiesbaden.jpg) 0 0 no-repeat;
}

/* Dillenburg */
#wettercamsCard ul li.cam10 {
    left: 275px;
    top: 226px;
}

#wettercamsCard ul li.cam10 a {
    width: 95px;
    height: 35px;
}

#wettercamsCard ul li.cam10 a.active,
#wettercamsCard ul li.cam10 a:hover {
    background: transparent url(http://www.hr-online.de/website/wetter/home/images/wettercams/dillenburg.jpg) 0 0 no-repeat;
}

/* Marburg */
#wettercamsCard ul li.cam11 {
    left: 342px;
    top: 184px;
}

#wettercamsCard ul li.cam11 a {
    width: 82px;
    height: 35px;
}

#wettercamsCard ul li.cam11 a.active,
#wettercamsCard ul li.cam11 a:hover {
    background: transparent url(http://www.hr-online.de/website/wetter/home/images/wettercams/marburg.jpg) 0 0 no-repeat;
}

/* Bad Soden / Allendorf */
#wettercamsCard ul li.cam12 {
    left: 369px;
    top: 97px;
}

#wettercamsCard ul li.cam12 a {
    width: 166px;
    height: 33px;
}

#wettercamsCard ul li.cam12 a.active,
#wettercamsCard ul li.cam12 a:hover {
    background: transparent url(http://www.hr-online.de/website/wetter/home/images/wettercams/bad_soden_allendorf.jpg) 0 0 no-repeat;
}

/* Frankfurt am Main */
#wettercamsCard ul li.cam13 {
    left: 331px;
    top: 317px;
}

#wettercamsCard ul li.cam13 a {
    width: 90px;
    height: 33px;
}

#wettercamsCard ul li.cam13 a.active,
#wettercamsCard ul li.cam13 a:hover {
    background: transparent url(http://www.hr-online.de/website/wetter/home/images/wettercams/frankfurt.jpg) 0 0 no-repeat;}


/******************************/
/* neues Suche-Design 08/2011 */
/******************************/
/* Patch */
/*
div#suche.centercontent {
	overflow: visible;
	background-color:#EEF3F7;
	margin-bottom:5px;
	margin-top:3px;
	width:585px;
}
*/
div.suchmaske {
	width: 99.7%;
	border: 1px solid white;
	background-color: white;
	margin: 0px;
	padding: 15px 0px 15px 0px;
}
form.suchmaske {
	margin: 0px;
}

div.suchmaske div#extendsearch {
	margin: 0px 0px 0px 0px;
}

div.suchmaske div.entry {
	margin: 12px 0px 0px 0px;
}
div.suchmaske div.entry.small {
	margin: 2px 0px 0px 0px;
}

div.suchmaske div.left {
    float: left;
    width: 130px;
    text-align: right;
}

div.suchmaske div.right {
    float: right;
    text-align: left;
    width: 440px;
}
div.suchmaske label {
    font-weight: bold;
    margin-right: 5px;
}
div.suchmaske a#buttonextendsearch {
	margin: 5px 20px 5px 0px;
	color: blue;
}

div.suchmaske .dropdownkolumne {
	float: left;
	width: 150px;
}

div.suchmaske input.text {
    width: 325px;
	background-color: white;
	padding: 2px 0px;
    border: 1px solid black;
 }
div.suchmaske input.radio {
    vertical-align:middle;
    margin: 0px 10px 0px 0px;
}
div.suchmaske input.submit {
    float: left;
    height: 22px;
    font-weight: bold;
    margin: 0px 10px 5px 10px;
	color: white;
	background-color: #c2c2c2;
    border: 1px solid black;
}
div.treffer, div.toptreffer {
    background-color: white;
    border-bottom:1px solid #c2c2c2;
    padding:10px 0px 10px 10px;
}
div.toptreffer {
    background-color: #c2c2c2;
}
div.toptreffer h1 {
    font-size:1.2em;
}
div.trefferanzeige {
    background-color: white;
    padding: 2px 0px 5px 10px;
    margin: 0px 0px 0px 0px;
}

/* Ergebnisse */
div.ergebnis {}

div.ergebnis div.teasercontent {
	margin-top: 0px;
	padding-top: 0px;
}
div.ergebnis img.icon {
	width: 16px
	height: 13px;
	border: 0px;
	margin-right: 5px;
}
div.ergebnis h1 {
	margin-top: 5px;
	font-size: 1em;
}
div.ergebnis div.teasertext {
	margin-top: 5px;
}
div.ergebnis div.infotext {
	border: 0px none;
	padding: 0px;
	margin: 0px;
	width: auto;
	margin-top: 5px;
	font-size:0.8em;
}
div.ergebnis div.dachzeile {
	margin-top: 0px;
	font-size:0.8em;
}
div.ergebnis form button.downloadpodcast {
	/* width:65px;
	float:left;
	text-align:center; */
	border:0px;
}
div.ergebnis form button img {
	float:left;
	height: 13px;
}

/* Topnavi der Suche */
div.suchetopnavi {
  background-color: transparent;
  padding-top: 15px;
  border-bottom: 5px solid white;
}

ul#suchetopnavi {
  list-style-type: none;
  width: 100%;
  font-weight: bold;
  margin: 0;
  padding: 10px 0 0 0;
  background-color: transparent;
}
ul#suchetopnavi li {
  display: block;
  float:left;
  margin: 0 4px 0 0px;
  padding: 0 0px 0 0px;
}

ul#suchetopnavi li a, ul#suchetopnavi li button {
  display: block;
  width: 136px;
  height: 23px;
  text-align: center;
  padding-bottom: 2px;
  color: #003464;
  font-weight: bold;
  background-color: #ff0099;
  text-decoration: none;
  border: 1px solid transparent;
  border-bottom: 0px none;
  -moz-border-radius: 10px 10px 0px 0px;
}
ul#suchetopnavi li button img {
	width: 16px
	height: 13px;
	border: 0px;
	margin-right: 7px;
	vertical-align: text-bottom;
	background-color: white;
}

ul#suchetopnavi li.active a, ul#suchetopnavi li.active button,
ul#suchetopnavi li a:hover, ul#suchetopnavi li button:hover {
  background-color: #c2c2c2;
  color: white;
}

/* Fussnavi der Suche */
div.suchefussnavi {
	border: 1px solid #c2c2c2;
	background-color: white;
}

/* Hack für Mediaplayer Standalone */
div.mediaplayersingle .mediaviewbox {
	width: 100%;
	margin: 0px;
}

/* Unwetter Liste */
#unwetter_liste .unweli-outer{
	margin:15px 10px 15px 10px;
	padding:0 0 10px 25px;
}
#unwetter_liste .unweli-inner{
	padding:3px 6px 6px 6px;
	background-color:#EEF3F7;
}

#unwetter_liste h2 {
	font-weight: bold;
	font-size: 12px;
	color: 000;
	background: none;
	border: none;
	margin:0 0 12px 0;
}
#unwetter_liste .area {
}
#unwetter_liste .headline {
}
#unwetter_liste .headline span {
	border:none;
	padding:0;
	display:inline;
	font-weight: normal;
}
#unwetter_liste p {
	font-weight: normal;
	font-size: 11px;
	color: 000;
	padding: 0;
}
#unwetter_liste .zeit {
	margin:3px 0 6px 0;
}
#legende {
	margin:15px 0 15px 10px;
	height: 25px;
	line-height: 12px;
}
#legende .lbox {
	display: block;
	width:25px;
	height:25px;
	float:left;
}
#legende p {
	margin:0 3px 0 6px;
	float:left;
}