/* master-dasding.css version 0.18

   Master Stylesheet mit allen Groessenenangaben

   history: 23.04.07	v0.1              	Abstimmung CMS und Community
            19.09.07	v0.2              	Abstimmung CMS mit Matthias
            02.10.07	v0.3              	Abstimmung CMS mit Matthias
            02.10.07	v0.4              	Bugfix diverse Kleinigkeiten
            29.10.07	v0.5             	Webradio-Listen ergaenzt, MedoiaButtons auf Listen angepasst
            07.11.07	v0.6              	SubmenuItemStatic hinzugefuegt (CMS verwendet kein defaultActiveItem)
            15.11.07	v0.7              	Bugfix DING-96
            13.12.07	v0.8              	Bugfix DING-119
            21.01.08	v0.9              	Bugfix DING-378, DING-140
            23.01.08	v0.10             	Jira DING-310 eingebaut -> Aenderung und Test von DASDING
            28.01.08	v0.11	dasding     Neues logo eingebaut und positioniert
                     	v0.12	braunt      Bugfix IE 7 width: 100% in DivTeaserContent eingefügt
            13.11.08	v0.13	braunt      allgemeines DIV Radioticker für 3-spaltiges Layout eingfuehrt
            01.12.08	v0.14	braunt      Breite aus DivContent.grid entfernt
                                       		Paddings aus DivContent(.img) entfernt
            08.12.08	v0.15	braunt      neues DIV .AudioVideoElement fuer InteractiveElements mit cursor=default;
                                       		cursor bei Video- und AudioItems zu 'pointer' geaendert
            09.12.08 	v0.16 	strolzm     Submenu Active Zustand entfernt, da fuer Popup und Modal nicht brauchbar (darf nicht markiert werden)
            09.12.08 	v0.17 	strolzm     Klassen fuer img und flash in submenu und submenuIframe hinzugefuegt
            15.12.08	v0.18	braunt      h1: Schriftart, padding etc. angepasst
            18.12.08	v0.19	braunt      Aenderungen an VideoItem und AudioItem (Listelement-Style eingefuehrt)
            19.12.08	v0.20	braunt      neue DIVs GalleryItem und ExternLinkItem (Listelement-Style eingefuehrt)
            22.12.08	v0.21	braunt      neue DIVs DivTeaserRubrikBox und DivTeaserRubrikText fuer Rubrik Teaser
            23.12.08	v0.22	braunt      Hintergrund png + Schriftgroesse 12 (statt 14px) fuer headlines eingefuehrt (h1)
            14.01.08 	v0.23 	braunt      Img.Icon class div mit display:inline; eingefuehrt um Zeilenumbruch zu verhindern;
										    Extra h1.Headline class Div für transparentes Hintergrund png eingefuehrt, um transparentes png im IE < 7 umzusetzen
			15.05.09	v0.24	braunt	   	Neues div Active für Pagebrowser Suche
			26.05.09	v0.25	braunt	   	Lucida Grande als Standard-Schrift entfernt, da diese standardmaessig nur auf MACs installiert ist
			30.06.09	v0.26	braunt	   	td p {font: #fff;} entfernt; fuehrt zu Fehler im Richtext (weiß auf weiß) und wird anscheinend nirgendwo sonst angewendet
			07.09.09 	v0.27 	braunt      Klassen fuer share-Links (Facebook + Myspace) hinzugefuegt -> .ElementDetails a.Share, .ElementDetails div.ShareText
			                              	Height von ProfileHeadline eingefuehrt
			10.09.09 	v0.28 	braunt      Neue Klassen für angepasste Playlist- und Galerie-Items .ItemHeadline, .ItemDescription .NotActive .PlaylistItem .NoBackground
			10.11.09 	v0.29 	braunt      Definitionen fuer vom CMS generierte ContentLink-Klassen eingefuehrt .DINGContentLink_...
			17.11.09 	v0.30 	braunt      Klasse ServiceDingMessage an neue Groesse angepasst

   copyright 2006-2008, cyne GmbH
   
   Definitionen mit [class] werden vom IE < 7 nicht interpretiert,
   die definitionen fuer IE < 7 befinden sich in der datei iehack.css   
*/
   
/*------------------------ HTML Standards definieren -------------------*/
* {																		/* Alle Elemente der Seite */
	margin: 0px;														/* Abstand von allen elementen entfernen */
	padding: 0px; }														/* Innen-Abstand von allen elementen entfernen */
html {
	font-family: Arial, Helvetica, sans-serif;							/* Schriftart */
	font-size: 12px;													/* Schriftgroesse */
	height: 100.01%;													/* Gecko-Browser zeigen immer vertikale Scrollbar an */
	min-height: 100.1%;                       							/* dito */
  	line-height: 16px; }												
body {
	height: 100%;														/* fuer 100% Bezuege der children */
	background: url(http://www.dasding.de/-/id=622/property=normalIcon/62sxz0/index.gif) repeat; }				/* Hintergrundmuster */
body.Plain {
  background-image:none; }
img {
	display: block;														/* um in FF und Opera den "Rand" und Freibereich unter Bildern zu entfernen */
	border: 0px; }
img.icon {
	display: inline; }
object, embed {
	display: block; }													/* um FF und Opera den Freibereich unter Flash-Filmen zu entfernen */
h1 {																	/* Ueberschriften der Teaser und Detailseiten ueber dem Geraspelten */
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
	padding: 0px 7px 0px 7px;
	color: #fff; }
h1.Headline[class] {		
  	background-image: url(http://www.dasding.de/-/id=167918/property=normalIcon/rmq5ag/index.png); 
  	background-position: bottom; }
h1.Headline tbody td.Right {
  	font-size: 12px; }
h1.Headline table {
  	width: 100%; }
h1#titleboxheadline {													/* Radioticker hat mehr Abstand */
  	padding: 7px 7px 0px 12px; }
h2 {																	/* Ueberschrift im Content der Detailseiten */
	font-size: 12px;
	font-weight: bold;
	padding: 7px; }
h3 {																	/* Ueberschrift innerhalb der Chrome-Bereiche */
	font-size: 12px;
	font-weight: bold;
	padding: 0px 7px 0px 7px; }
p {																		/* Textinhalte innerhalb der Teaser und Detailseiten */
	padding: 4px 7px 7px 7px; }
iframe {
	width: 100%;
	height: 100%;
	border: 0px;
	background: #fff; 
	display: block; }													/* entfernt den abstand unterhalb des iFrames */
ul {
  	list-style: none;
  	margin: 0;
  	padding: 0; }
/*------------------------ Links ---------------------------------------*/
a, a:link, a:visited {													/* Links auf der Seite (allgemeine Seite und Rasterlayout) */	
	color: #fff;
	text-decoration: none; 
  	cursor: pointer; }
a:hover, a:link:hover, a:visited:hover {								/* Hover-Effekt */
	text-decoration: underline; }										/* Link unterstreichen bei Hover */	
.DivTeaserContent a, .DivTeaserContent a:link, 
.DivTeaserContent a:visited {
	color: #002299;														/* Linkfarbe einheitlich in allen Rubriken */
	display:inline;
	font-weight: bold; }
.ContentBarCenter a, 
.ContentBarCenter a:link, 
.ContentBarCenter a:visited {
	font-weight: bold; }
.ContentBarCenter .DivTeaserFoot a, 
.ContentBarCenter .DivTeaserFoot a:link, 
.ContentBarCenter .DivTeaserFoot a:visited {
	color: #9E9F9F;
	font-weight: normal; }
.ContentBarCenter .DivTeaserFoot a:hover, 
.ContentBarCenter .DivTeaserFoot a:visited:hover {
	text-decoration: none; }
.ContentBarCenter .DivDetailBottom a, 
.ContentBarCenter .DivDetailBottom a:link, 
.ContentBarCenter .DivDetailBottom a:visited {
	color: #9E9F9F;
	font-weight: normal; }
.ContentBarCenter .DivDetailBottom a:hover, 
.ContentBarCenter .DivDetailBottom a:visited:hover {
	text-decoration: none; }
	
/*------------------------ Seitenstruktur ------------------------------*/
.HorizontalCentering {													/* zentriert den div "Site" horizontal */
	text-align: center;	
	background: url(http://www.dasding.de/-/id=626/property=normalIcon/1z49jb/index.png) repeat-x; }
.Site {																	/* gesamte Seite (servicebar, navi, content, foot, mediabox) */
	position: relative;
	margin: auto;
	text-align: left;
	width: 998px;}														/* Seite 772px + 1px Abstand + 225px Mediabox */
.Servicebar {															/* navigationsleist oben mit rss, etc. */
	position: relative;
	width: 772px;
	height: 31px;
	background: none; }
.ContentContainer {														/* Ziel des asynchronen Requests - beinhaltet navi und seiteninhalt */
	position: absolute;
	width: 997px; }
.ContentContainer[class] {												/* Transparenz fuer alle Browser ausser IE < 7 -> Attribut Sektor Bug */
	background: url(http://www.dasding.de/-/id=628/property=normalIcon/1n1sj5j/index.png) repeat; }
.MediaBox {
	position: relative;	top: 97px; left: 773px;
	color: #fff;
	font-size: 10px;
	width: 225px;
	height: 382px;
	background: url(http://www.dasding.de/-/id=990/property=normalIcon/1yw4ll/index.png) repeat-x; }
.MediathekContainer {
	width: 800px;
	height: 600px; }

/*------------------------ Struktur ContentContainer (Navi,Content,Foot)*/
.NavigationContainer {													/* Hauptnavigationsbereich */
	position: relative;
	width: 997px;
	height: 93px;                                /* Hoehe ohne Futter 93px, mit Futter 103px */
  z-index:20;}														
.Content {																/* Seiteninhalt zwischen Hauptnavigation und Foot */
	position: relative;
	width: 772px; }
.Foot {																	/* Seitenfuss (SWR | DASDING | IMPRESSUM) */
	position: relative;
	width: 772px;
	height: 24px;
	color: #fff;
	margin-top: 4px;
	font-size: 10px; }
.Foot[class] {
	background: url(http://www.dasding.de/-/id=630/property=normalIcon/1rtv7lt/index.png) repeat-x; }

/*------------------------ Struktur des DIV-Layouts --------------------*/
.ContentFloatContainer {												/* beinhaltet 3 DIV-Bars, die nebeneinander angezeigt werden */
	position: relative;
	width: 772px; }
.ContentBarLeft {														/* Linke Spalte (Subnavi, Schmuckbild, etc.) */
	position: relative;
	width: 190px;
	float: left; }
.ContentBarLeftToCenter {
	position: relative;													/* Links-mittig (Schmuckbild, Flash etc.) */
	width: 578px;
	margin: 0px 4px 0px 0px; }
.ContentFloatContainer div#teaser {
	padding-top: 4px; }	
.ContentBarCenterToRight {												/* Rechts-mittig (Schmuckbild, Flash etc.) */
	position: relative;
	width: 578px;
	margin: 0px 0px 0px 4px;
	float: left; }
.ContentBarCenter {														/* Mittlere Spalte (Teaser oder Detailinhalt) */
	position: relative;
	width: 384px;
	margin: 0px 4px 0px 4px;
	float: left; }
.ContentBarRight {														/* Rechte Spalte (Akkordeon, Schmuckbild, etc.) */
	position: relative;
	width: 190px;
	float: left; }
.Clear {
	clear: both; }

/*------------------------ Struktur des Tabellen-Layouts ---------------*/
.TableLayout td {														/* Tabelle fuer die Inhalte des TabellenLayouts */
	border: 1px solid;
	vertical-align: top;
	height: 280px; }     												/* Hoehe fuer ideales Accordion (tabellenlayout 280 + border (2px) mehr im FF wegen border) */
.TableLayout td.WideScreen {											/* korrektur fuer 4-spaltige atmo-bilder ohne text */
	height: 0px; }
.TableLayout[class] td {
	background-image: url(http://www.dasding.de/-/id=676/property=normalIcon/l91myv/index.png); }
td.TableHorizontalSpacer {
	border: 0px;
	height: 4px; }
td.TableVerticalSpacer {
	border: 0px;
	width: 4px; }
	
/*------------------------------------------------------------------------
-------------------------- ENDE STRUKTUR --------------------------------
------------------------------------------------------------------------*/

/*------------------------ Inhalt der ServiceBar -----------------------*/
.RSS {				position: absolute; top: 7px; left: 0px; height: 17px; width: 129px; cursor: pointer; }
.RSS[class] {		 	background: url(http://www.dasding.de/-/id=19324/property=normalIcon/1ui3enl/index.png) no-repeat; }
.Podcasts {			position: absolute; top: 7px; left: 145px; height: 17px; width: 160px;  cursor: pointer; }
.Podcasts[class] {		background: url(http://www.dasding.de/-/id=19326/property=normalIcon/360gwc/index.png) no-repeat;  }
.Sendungen {			position: absolute; top: 7px; left: 320px; height: 17px; width: 159px;  cursor: pointer; }
.Sendungen[class] {		background: url(http://www.dasding.de/-/id=19328/property=normalIcon/1o404l8/index.png) no-repeat; }
.ServiceDingMessage {			position: absolute; top: 7px; left: 569px; height: 17px; width: 203px; cursor: pointer; }
.ServiceDingMessage[class] {		background: url(http://www.dasding.de/-/id=19330/property=normalIcon/1t2bxxm/index.png) no-repeat; }

/*------------------------ Inhalt des NavigationContainers -------------*/
.Logo {																	/* Dasding Logo */
	position: absolute;	left: 18px;
	width: 240px;
	height: 60px;
	cursor: pointer; }
.Logo[class] {
	background: url(http://www.dasding.de/-/id=634/property=normalIcon/1vyq12y/index.png) no-repeat; }
.NavigationPanel {														/* Panel mit den Hauptnavigationspunkten */
	position: absolute; top: 51px; left: 0px;	
	width: 997px;
	height: 22px;
	background: url(http://www.dasding.de/-/id=632/property=normalIcon/s33gc/index.gif) repeat-x;
	color: #fff;
	line-height: 22px; 
  font-size: 12px;}
.NavigationPanel table {												/* Nach dem letzten Element einen abschliessenden schwarzen Rand */
	border-right: 1px solid #000; }
.NavigationPanel td {													/* Schwarzer Rand links neben den Navigationspunkten */
	border-left: 1px solid #000; }
.NavigationPanel div {
	height: 22px;	
	padding: 0px 8px 0px 8px; 											/* Abstand zwischen den Hauptnavigationspunkten */
	cursor: pointer; }
.SubNavigationPanel {													/* Panel mit den Unternavigationspunkten */
	position: absolute; top: 73px; left: 0px;
	width: 979px;
	height: 19px;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
	padding: 0px 8px 0px 8px;											/* Abstand wie bei den Hauptnavigationspunkten */
	font-size: small;
	font-weight: normal; 
  	line-height: 16px; }
.SubNavigationPanel[class] {
	background: url(http://www.dasding.de/-/id=636/property=normalIcon/4hyirr/index.png) repeat-x; }
.SearchContainer {														/* Container fuer das Formular (Such-Icon und Eingabefeld) */
	position: absolute; top: 10px; left: 800px;
	width: 160px;
	height: 32px; }
.SearchImage {															/* Bild zum Abschicken der Suchabfrage */
   position: absolute; top: 0px; left: 0px;
	width: 26px;
	height: 32px;
	cursor: pointer; }
.SearchImage[class] {
	background: url(http://www.dasding.de/-/id=19354/property=normalIcon/12f3fld/index.png) no-repeat; }
.SearchInput {															/* Eingabefeld der Suche in der Navigation */
  position: absolute; top: 4px; left: 28px;
  color: #999999;														/* Ohne Fokus ist die Schriftfarbe ein grau-ton */
	width: auto;
	width: 141px; 
  height: 16px;
  padding:3px;
  font-size:15px;}
.SearchInputActive {													/* fokusiertes Eingabefeld */
  position: absolute; top: 4px; left: 28px;
  color: #000000;
	width: auto;
	width: 141px; 
  height: 16px;
  padding:3px;}
.Naviticker {															/* Container fuer den Radioticker neben der Navigation auf der Startseite */
	position: absolute; top: 53px; left: 730px;
	background: url(http://www.dasding.de/-/id=51350/property=normalIcon/1d6fmmn/index.png) repeat-x;
	text-align: center;
	width: 266px;
	height: 16px;
	border-top: 1px solid black;
	border-bottom: 1px solid white; }
.TableLayout td.Radioticker {
	border-color: #000;	}

/*------------------------ Inhalt des Footers --------------------------*/
.LogoSwr {
	position: absolute;	top: 4px; left: 16px;
	width: 35px;
	height: 12px;
	cursor: pointer; }
.LogoSwr[class] {
	background: url(http://www.dasding.de/-/id=19352/property=normalIcon/yhhxmf/index.png) no-repeat; }
.FootLinksLeft {
	position: absolute;	top: 4px; left: 56px; }
.FootLinksRight {
	position: absolute; top: 4px; left: 567px;
	width: 200px;
	text-align: right; }

/*------------------------ Inhalte des Table-Layouts -------------------*/
.TableTeaserBreak {
	width: 100%;
	height: 14px; 
	display: none; }	
.TableTeaserBreak[class] {
	background: url(http://www.dasding.de/-/id=640/property=normalIcon/10kr3lt/index.png) no-repeat; }
.Titleticker {
	border: 1px solid #000;
	margin: auto;
	width: 167px;
	height: 209px;
	background: url(http://www.dasding.de/-/id=51328/property=normalIcon/1uw4by1/index.png) repeat-x;
	text-align: center; }	

/*------------------------ Inhalte des Div-Layouts ---------------------*/
.DivContent {															/* Alle Boxen im Div-Layout */
	margin-top: 4px;
	border: 1px solid; }
.Content div#teaser {
	border:none; }	
.DivContent tbody td.Left {
  	text-align: left; }
.DivContent tbody td.Right {
  	text-align: right; }
.DivContent tbody td.Pageflipper {
 	width: 100%; }
.DivContent tbody td.Right a {
  	font-weight: bold; }
.Clickable {															/* klickbare Boxen (Teaser der Unternavigationsseiten) */
	cursor: pointer; }
.DivContent.grid {	
	color: #fff; }
.DivContent.grid div#shoutout{	
	line-height: 13px; }
.DivContent[class].grid {
	background-image: url(http://www.dasding.de/-/id=676/property=normalIcon/l91myv/index.png);
	background-repeat: repeat; }
.DivTeaserBreak {
	width: 382px;
	height: 24px; 
	display: none; }
.DivTeaserBreak[class] {
	background: url(http://www.dasding.de/-/id=992/property=normalIcon/1r823w4/index.png) no-repeat; }
.DivTeaserContent {
	position: relative;
	background-color: #fff;	
	width: 100%; }
.DivTeaserContent img.ImageFloatLeft {
	float: left;
	padding: 3px 10px 8px 0px; }
.DivTeaserContent img.ImageFloatRight {
	float: right;
	padding: 3px 0px 8px 10px; }
.DivTeaserContent div.DivFloatLeft {
	float: left;
	padding: 7px 7px 7px 7px; }
.DivTeaserContent div.DivTeaserStand {
  text-align: right;
  padding: 7px 7px 14px 7px;
  color: #9E9F9F; }
.DivTeaserContent div.DivFloatLeft img {
	padding: 0px; }
.DivTeaserContent p.FloatLeft{
	float: left; }
.DivTeaserContent p.FloatRight{
	float: right; }
.DivTeaserContent div.Stars {
	background-color: #ECECEC; }	
.DivTeaserContent div.Stars td img {
	display: inline; }
.DivTeaserContent div.Stars td {
	font-size: 10px;
	color: #959595;
	padding: 2px; }
.DivTeaserBottom {
	width: 382px;
	height: 16px; }
.DivTeaserBottom[class] {
	background: url(http://www.dasding.de/-/id=994/property=normalIcon/62krg2/index.png); }
.DivTeaserFoot {
	width: 382px;
	height: 50px; 
  font-size: 11px; }
.DivTeaserFoot[class] {
	background: url(http://www.dasding.de/-/id=51366/property=normalIcon/z3euvd/index.png); }
.DivTeaserFoot table {
  clear: both;
	height: 36px;
	width: 100%; } 
.Plain {
	height: 50px; }
.Plain table {
	height: 39px;
	width: 100%; }
.Plain[class] {
	background: url(http://www.dasding.de/-/id=179764/property=normalIcon/7na9vd/index.png); }
.DivTeaserFoot tbody td {
	font-size: 11px;
	vertical-align: bottom; }
.DivTeaserFoot a img {
	display: inline; }
.DivTeaserContent .Emoticon {
	padding: 0px;
	display: inline;
	position: relative; }
.DivTeaserRubrikBox[class] {
	float: left;
	width: 118px;
	margin-top: 7px;
  	margin-left: 7px; }
.DivTeaserRubrikText[class] {
	margin-top: 4px;
	margin-bottom: 7px;
	font-weight: normal;
	font-size: 11px;
	color: #000; }  
.DivTeaserRubrikText:hover {															/* mauszeiger Ueber den Labels - funktioniert nicht im IE Win < 7 */
	text-decoration: underline; }
.DivDetailBottom {
  background-color: #fff;
  font-size: 11px;
  clear:both;} 
.DivDetailInfo{
  color: #9E9F9F;     
  padding: 7px 7px 10px; 
  width: 368px; }
.DivDetailInfo span.Left {
 	float: left; 
  padding-bottom:2px;}
.DivDetailInfo span.Right {
 	float: right; }
.Bookmarks ul {
	height: 20px;
  margin:0 7px;}
.Bookmarks li {
	float: left;
  margin: 0 2px 0 0;
  padding: 0;}
.Bookmarks li{
  color: #9E9F9F;
  font-weight:normal;}
.Bookmarks li img {
  border:1px solid #CCCCCC;
  padding:1px;
  display:inline;}
.Bookmarks span{ 
  padding-left: 2px; 
  padding-top: 4px;
  position:absolute;}
.Bookmarks li.BookmarkText {
  margin: 0;}
.Bookmarks li.BookmarkText span#facebook,
.Bookmarks li.BookmarkText span#studivz,
.Bookmarks li.BookmarkText span#myspace,
.Bookmarks li.BookmarkText span#twitter,
.Bookmarks li.BookmarkText span#mrwong,
.Bookmarks li.BookmarkText span#delicious{
  display:none;}
.Bookmarks li.TellAFriend{
  padding-left:128px;}
.Bookmarks li.TellAFriend span{
  display:inline;}
.Comment {
  margin-top: 20px;}
.Comment form {
  margin-bottom:0;}

/*------------------------ Inhalte des Div-Layouts: Gallery ---------------------*/
.DivGalleryBox{
   position: absolute;
   width: 800px;
   height: 600px;
   background-color: #484848; }
.DivGalleryBox h1 {
   font-family: "Arial Black";
   font-size: 20px;
   padding-left: 7px;
   padding-top: 7px; }
.DivGalleryBox h2 {
   font-size: 18px;
   font-weight: normal;
   padding: 7px;
   color: #fff; }
.DivGalleryBoxPlain {
   position: absolute;}
.GalleryImage{
   padding-left: 74px;
   padding-right: 7px;
   padding-bottom: 7px;
   width: 640px; }
.GalleryImage img{
   border: 2px solid white; }
.GalleryNavi{
	 text-align: center;
	 clear: both;
   width: 798px; }
.GalleryNavi p.GalleryPos {
	 font-size: 12px;
	 font-weight: bold;
   color: #fff; }
.GalleryNavi a.GalleryPrev {
	 float: left;
	 font-size: 18px;
   padding-left: 7px;
   padding-top: 3px; }
.GalleryNavi a.GalleryNext {
	 float: right;
	 font-size: 18px;
   padding-right: 7px;
   padding-top: 3px; }
.GallerySubtitle {
	 color: #fff; 
   padding-left: 74px;
   padding-bottom: 7px; }

/*------------------------ Atmo Bilder ---------------------------------*/
.AtmoHead {																/* Fuer das atmo-Bild des 3-spaltigen bildes */
	border: 0px; }
.AtmoContent {															/* Fuer atmo-Bilder auf der Seite (Spalte 1 oder 3) */
	margin-top: 0px;
	border: 0px; }

/*------------------------ Page Browser --------------------------------*/
.PageBrowser td { 
	padding: 3px 3px 0px 3px;
	color: #fff; }
.PageBrowser td.Next {
	padding-right: 8px; }
.PageBrowser td.Active {
	text-decoration: underline; }
.PageBrowser img {
	display: inline;
	border: 0px; }

/*------------------------ Akkordeon -----------------------------------*/
.Accordion {															/* Das Akkordeon selbst */
	visibility: hidden;													/* wird nach erfolgreichem request sichtbar */
	height: 280px;
	width: 188px;
	overflow: hidden; }													/* um das Laden zu verstecken */
.AccordionPanel {														/* geschlossene Rubrik */
	height: 20px;
	display: block;
	cursor: pointer;
	overflow: hidden;
	-moz-user-select: none;
	-khtml-user-select: none; }
.AccordionPanel .AccordionPanelTab {
	height: 16px;														/* 2px kleiner als Panel wegen Abstand zum ersten Eintrag */
	color: #000;
	font-weight: normal;
	padding: 2px 0px 0px 20px; 
	line-height: 15px; }
.AccordionPanel .AccordionPanelTab[class] { 
	background: url(http://www.dasding.de/-/id=672/property=normalIcon/q78pq4/index.png) no-repeat; }
.AccordionPanelOpen {													/* geoeffnete Rubrik */
	cursor: auto; }
.AccordionPanelOpen .AccordionPanelTab {
	font-weight: bold; }
.AccordionPanelOpen[class] .AccordionPanelTab {
	background: url(http://www.dasding.de/-/id=670/property=normalIcon/1fsjmtd/index.png) no-repeat; }
.AccordionPanelContent {												/* Inhaltsbereich des Akkordeons */
	display: block;
	overflow: hidden;
	color: #fff; }
.Accordion img {
	float: left;														/* Bild links neben Text */
	padding-top: 1px;
	padding-right: 4px; }												/* Abstand Bild zu Text, falls Bild vorhanden */
.AccordionContent {														/* Element im Accordion */
	height: 60px;
	cursor: pointer;													/* gesamter Inhalt ist klickbar */	
	margin: 1px 3px 3px 3px;											/* Abstand zum Rand (Achtung: Hover-Effekt, daher margin und padding verwendet) */
	padding: 0px 1px 0px 1px; }											/* Inhalt noch 1px links und rechts einruecken wegen Hover-Effekt */
.AccordionContent img {
	float: left;														/* Bild links neben Text */
	padding-top: 1px;
	padding-right: 4px; }												/* Abstand Bild zu Text, falls Bild vorhanden */
.AccordionContent p {
	padding: 0px; }														/* Im Akkordeon kommt der Abstand der Texte */
.HorizontalRule {														/* Trenner zwischen den Elementen im Akkordeon */
	background-color: #000;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ddd;
	margin: 0px 4px 3px 4px;
	height: 1px;
	font-size: 0px;
	line-height: 0px;
	clear: both;
	overflow: hidden; }

/*------------------------ Submenu (in Spalte 1 oder 3) ----------------*/
.SubmenuTitle {															
	font-size: 10px;
	color: #fff;
	padding: 2px 0px 0px 4px;
	margin-bottom: 5px;
	height: 16px;
	border-bottom: 1px solid #000;
	line-height: 13px;
	-moz-user-select: none;
	-khtml-user-select: none; }
.SubmenuTitle[class] {
	background: url(http://www.dasding.de/-/id=630/property=normalIcon/1rtv7lt/index.png) repeat-x; }
.Submenu, .SubmenuIframe {
	min-height: 280px; }                             					/* IE 6 interpretiert das noch nicht -> ieHack.css */
.Submenu img, .SubmenuIframe img,
.Submenu object, .SubmenuIframe object,
.Submenu embed, .SubmenuIframe embed {
	margin-bottom: 2px; }												/* IE 6 interpretiert das noch nicht -> ieHack.css */
.SubmenuItem {															/* Eintrag im Submenu */
	color: #000;
	padding: 2px 0px 1px 20px;
	margin-bottom: 2px;
	cursor: pointer;
	line-height: 15px;
	text-decoration: none;
	-moz-user-select: none;
	-khtml-user-select: none; }
.SubmenuItem[class] {
	background-image: url(http://www.dasding.de/-/id=674/property=normalIcon/1apcrga/index.png);
	background-repeat: no-repeat; }
.SubmenuIframe .SubmenuItemActive, .SubmenuItemStatic { 				/* Aktiver Eintrag im Submenu + static, das CMS nicht ueber defaultActiveItem initialisiert */
	font-weight: bold;
	cursor: auto; }
.SubmenuItemMenuVisible { 
	cursor: auto; }
.SubmenuItemMenu {
	color: #000;
	padding: 1px 0px 2px 32px;
	margin-top: -1px;
	cursor: pointer;
	font-size: 11px;
	text-decoration: none;
	line-height: 14px;
	-moz-user-select: none;
	-khtml-user-select: none; }
.SubmenuItemMenu[class] {
	background-image: url(http://www.dasding.de/-/id=51336/property=normalIcon/eyuivd/index.png);
	background-repeat: no-repeat; }

/*------------------------ Chrome-Container ----------------------------*/
.ChromeContainer {														/* div um jeden Chromebereich (Active-, NonActive und interaktive Elemente) */
	background: url(http://www.dasding.de/-/id=20924/property=normalIcon/rtjkz8/index.gif) repeat-x ;
	background-color: #ECECEC;
	position: relative;													/* cause problems in IE6 - link-moving in chrome-container */
	border: 1px solid #D4D4D4;	
	margin: 7px 7px 0px 7px; }
.ChromeContainerHead {													/* Nur vorhanden, wenn es eine Linkleiste oder einen Thread-Browser gibt */
	margin-bottom: 4px; }	
.ChromeContainerFoot {													/* Immer vorhanden als Abstandshalter  oder mit Linkleiste und Thread-Browser */
/*	height: 20px;*/														/* FIX FUER IE - AUF KEINEN FALL HOEHE ANGEBEN !!! */
	background: url(http://www.dasding.de/-/id=20922/property=normalIcon/14n3d4i/index.gif) repeat-x;
	background-color: #D2D2D2; }
.ChromeContainerHead, .ChromeContainerFoot {
	font-size: 12px;
	color: #959595; }
.ChromeContainerHead table {
	border-bottom: 1px solid #D4D4D4; }
.ChromeContainerFoot table {
	border-top: 1px solid #D4D4D4; }
.ChromeContainerHead table, .ChromeContainerFoot table {				/* Links und Thread-Browser der Elementgruppen und -listen */
	position: relative;
	width: 100%; }
.ChromeContainerHead tbody td, .ChromeContainerFoot tbody td {
	padding: 3px 5px 3px 5px;
	vertical-align: top; }
.ChromeContainerHead img, .ChromeContainerFoot img {
	display: inline; }
.ChromeLinkList {
	line-height: 16px;
	margin-left: 10px; 
   padding-bottom: 7px; }

/*------------------------ Interaktives Element ------------------------*/
.InteractiveElement {													/* Das interaktive Element auf der Seite (ohne ChromeContainer) */
	margin: 0px 7px 7px 7px;
	border: 1px solid gray; }
.ChromeContainer .InteractiveElement {									/* Interaktives Element innerhalb eines Elementgruppr (ChromeContainer) */
	margin: 0px 2px 4px 2px; }
.InteractiveElement table {
	width: 100%; }
.InteractiveElement tbody td {
	padding: 3px 5px 3px 5px;
	vertical-align: top; }
.ElementHead {													
	font-size: 11px;
	cursor: pointer; }
.ElementHead table {
	position: relative; }												/* FIX - Testen auf Mac -> verschoben nach ElementHead table */	
.ElementHead img {
	padding: 0px; }
.ElementHead tbody tr:hover {
	background-color: #999999; }
.ElementHead[class] tbody td {
	background-image: url(http://www.dasding.de/-/id=1004/property=normalIcon/unwirz/index.png);
	background-repeat: repeat-x; }
.ElementHead table.ElementDetails tr {
	background-color: transparent; }
.ElementHead table.ElementDetails tr td {
	background-image: none;
	padding: 0px 5px 0px 5px; 
   line-height: 14px; }
.ElementBody {															/* Aufklappbarer Elementbody (Melodeon) */
	border-top: 1px solid #D4D4D4;
	background-color: #F4F4F4;
	width: 352px; }
.ElementFoot {													
	background-image: url(http://www.dasding.de/-/id=1006/property=normalIcon/12d8voy/index.gif);
	background-repeat: repeat-x;
	font-size: 10px;
	height: 19px;
	color: #959595;
	border-top: 1px solid #D4D4D4; }
.ElementFoot .ToggleElementDown {
	width: 9px;
	height: 10px;
	display: inline;
	padding: 0px;
	margin: 0px;
	background: url(/static/pics/template/NOCHMAL_SCHNEIDEN_arrow_down.gif) no-repeat; }
.ElementDetails {
   min-height:100%;
   position:relative; }
.ElementDetails a.Share {  
  text-decoration: none;
  float: right;}
.ElementDetails div.ShareText {
  font-size: 10px; 
  font-weight: normal;
  color: #9E9F9F;    
  vertical-align: top;
  line-height: 1.5; 
  display: inline; }
.ItemHeadline {
  font-size: 12px;
  font-weight: bold; }
.ItemDescription {
  padding: 4px 0px 7px; }
.NotActive {
  cursor: default; }
.NotActive tbody tr:hover {
  background-color: #FFFFFF; }
.PlaylistItem {
  cursor: pointer; }
.ElementHead tbody td.NoBackground {
  background-image: none;
  text-align: right;
  vertical-align: bottom; }
.ElementHead tbody td.NoBackground img.Icon {
  float: right;
  margin-left: 3px; }

/*------------------------ Interaktive und Nicht-Intaraktive Tabellen --*/
.ActiveTable, .NonActiveTable {												/* Fuer beiden typen tabellen gueltig */
	width: 100%;
	border-collapse: collapse; }
.ActiveTable {															   	/* Um den Abstand zum Thread-Browser zu korrigieren - nur Active-Table */
	margin-top: -4px; }												   		/* Ausgleich des Abstands zum ChromeContainerHead in den Elementlisten (nicht Elementgruppen) */
.ActiveTable thead {													   	/* Spaltenueberschriften (graubereich) der interaktiven Tabelle */
	background-color: #bbb;
	color: #fff;
	font-size: 10px; }
.ActiveTable thead th {
	height: 18px;
	border-bottom: 1px solid #D4D4D4;
	padding: 0px 3px 0px 3px; }
.ActiveTable tbody td, .NonActiveTable tbody td {
	padding: 3px 5px 3px 3px;
	border-left: 1px solid #D4D4D4;
	border-top: 1px solid #D4D4D4; }
.ActiveTable tbody td {
	font-size: 11px;
	cursor: pointer; }
.NonActiveTable tbody td {
	line-height: 18px;
	vertical-align: top; }
.ActiveTable[class] tbody td, .NonActiveTable[class] tbody td {
	background-image: url(http://www.dasding.de/-/id=1004/property=normalIcon/unwirz/index.png);
	background-repeat: repeat-x; }
.ActiveTable tbody tr:hover, .ActiveTable tbody tr.Dummy-hover {
	background-color: #999999; }
.ActiveTable tbody tr.Dummy-Active {
	background-color: #000; }
div.Ticketshop {														   /* Ausnahme in der NonActiveTable wegen Ticketshop-Stoerer */
	width: 108px;
	height: 28px;
	cursor: pointer;
	margin-top: 3px; }
div.Ticketshop[class] {	
	background: url(http://www.dasding.de/-/id=51338/property=normalIcon/1rvsfqx/index.png) no-repeat; }
.Active {
	display: inline; 
	text-decoration: underline; }
	
/*----- Spezielle tds im ElementHead (und Listelement) - Inhalte -------*/
.NonActiveTable td.Topic, .ActiveTable td.Topic {							/* Gegenstand der Zeile oder Spalte */
	font-weight: bold; }
.InteractiveElement td.Topic {
	color: #959595;
	font-weight: bold; }
.NonActiveTable td.Icon, .ActiveTable td.Icon, .InteractiveElement td.Icon {
	background-color: #000;
	padding: 3px;
	text-align: center;
	vertical-align: middle;
	width: 16px;
	font-size: 9px; }
.NonActiveTable td.Icon img, .ActiveTable td.Icon img {
	padding: 3px 2px 8px 0px; }
.NonActiveTable td.Date, .ActiveTable td.Date {
	text-align: center;
	font-size: 9px; }
.InteractiveElement td.Check {
	padding: 3px;
	text-align: right; }
.InteractiveElement td.Check input {
	border: 0px #FFF;
	background: none; }
.InteractiveElement td.Pic {        
	background-color: #000;
	text-align: left;
	vertical-align: middle;
	width: 38px; }
.InteractiveElement td.Pic img {
	border: 1px solid #7B7B7B; }
.InteractiveElement td.Pic div.MediaImage {
	position:relative; }
.InteractiveElement td.Pic div.MediaIcon {
  position:absolute;
  z-index:1; }
.InteractiveElement td.Pic div.MediaIcon img.icon, 
.InteractiveElement td.Pic div.MediaIcon img.GalleryIcon{   
	background: transparent url(@img_global_audio_icon@);     
	position:absolute;
	left: 1px;
	bottom: 0px;
	text-align: left;
	border: none;         
	z-index:2; }
.NonActiveTable td.CenterAlign, .ActiveTable td.CenterAlign {
	text-align: center; }
.ChromeContainer tbody td.Left, .DivTeaserFoot tbody td.Left {
	text-align: left; }
.ChromeContainer tbody td.Right, .DivTeaserFoot tbody td.Right {
	text-align: right; }
.ChromeContainer tbody td.Mid, .DivTeaserFoot tbody td.Mid {
	text-align: center; }
.DivTeaserFoot tbody td.Left {
	padding-left: 7px; }
.DivTeaserFoot tbody td.Right {
	padding-right: 7px; }

/*------------------------ Buttons-Container ---------------------------*/
.FormButtons {
   padding: 7px;
   clear: both; }
.DivContent .FormButtons {
	margin-top: 5px;
  	margin-left: 169px; }
.ChromeContainer .FormButtons {
	margin-top: 5px;
  	margin-left: 23px; }
#modal_container .FormButtons {
	margin-top: 15px;
	margin-left: 108px; }

/*------------------------ Buttons nach sliding-doors Technik ----------*/
a.DingButton, a.DingButton:link, a.DingButton:visited {
	background: transparent url(http://www.dasding.de/-/id=51110/property=normalIcon/cp7q/index.gif) no-repeat top right;
	font-family: Arial, Verdana, sans-serif;						
	font-size: 11px;
	font-weight: normal;
	color: #000;
	text-decoration: none;
	display: block;
	float: left;
	height: 18px;
	margin-right: 6px;
	padding-right: 5px; }												/* sliding doors padding */
a.DingButton:hover {
	background: transparent url(http://www.dasding.de/-/id=51112/property=normalIcon/1rhfg0r/index.gif) no-repeat top right;
	text-decoration: none; }
a.DingButton span {
	background: transparent url(http://www.dasding.de/-/id=51114/property=normalIcon/595vz1/index.gif) no-repeat;
	display: block;
	line-height: 14px;
	padding: 2px 0px 2px 14px; }
a.DingButton:hover span {
	background: transparent url(http://www.dasding.de/-/id=51116/property=normalIcon/1wb98ps/index.gif) no-repeat; }	

/*------------------------ Formulare und Formularelemente --------------*/
fieldset { border: none; padding-top: 7px; }
form {
	border: none;
	margin-top: -2px;													/* Korrektur der "position" */
	margin-bottom: 2px; }
form br {																/* Am Ende jeder Zeile innerhalb von Formularen ein br */
	clear: both; }
input, select, textarea {												/* Alle Eingabefelder, checkboxen und radiobuttons */
	font-family: Arial, Verdana, sans-serif;							/* Schriftart */
	font-size: 12px;													/* Schriftgroesse */
	border: 1px solid;
	border-top-color: #8F8F8F;
	border-right-color: #CECECE;
	border-bottom-color: #E4E4E4;
	border-left-color: #CECECE;
	margin-bottom: 4px;
	background-image: url(http://www.dasding.de/-/id=1002/property=normalIcon/16dqbwp/index.gif);
	background-repeat: repeat-x; }
input {	padding: 1px 3px 1px 3px; }						   				/* Abstand vom Feldinhalt - Safari-Effekt */
select { padding: 1px 0px 0px 0px; }									/* bei selects nur 1px fuer die hintergrundgrafik */
textarea { padding: 1px 0px 1px 3px; }									/* Abstand rechts wegen scrollbar 0px */
input:focus, select:focus, textarea:focus {								/* effekt - nicht im IE */
	border-top-color: #6D6D6D;
	border-right-color: #ACACAC;
	border-bottom-color: #C3C3C3;
	border-left-color: #ACACAC; }
input.Right {															/* checkboxen und radiobuttons immer .Right mitgeben */
  	float: left;
  	width: auto;
  	clear: both;
  	margin-left: 155px;													/* 145px + 10px  von label.Left */
  	background-image: none;
  	border: 0px;    	
  	height: 20px; }
input[type=checkbox].right, input[type=radio].right,input[type=submit].Right {
	margin-right: 2px; }												/* abstand zu checkboxen, radiobuttons und submit-buttons */
.InputErrors {															/* Block mit Fehlermeldungen Ueber den Formularen */
	line-height: normal;
	font-size: 10px;
	font-weight: bolder;
	color: #FF0000; }
.InputError {															/* Label markieren fuer Felder mit falschen Eingaben, doppelten Nick, etc.. */
	font-weight: bold;
	color: #FF0000; }	
.InputFieldSet {														/* Haarlinie um Felder im ChromeContainer */
	border: 1px solid #DCDCDC;
	margin: 11px;
	padding: 10px 0px 5px 10px; }
.AlphabetBrowser {
	margin: 0px 0px 10px 0px; }

/*------------------------ Labels und Abstand zu den Feldern -----------*/
label { 																   /* Beschriftungen von Eingabefeldern, Checkboxen und Radiobuttons */
	cursor: pointer; 
	line-height: 20px; }
label.Left {															/* Beschriftungen von Eingabefeldern */
	float: left;
	text-align: left;
   	width: 145px;
   	margin-right: 10px; }
label:hover {															/* mauszeiger Ueber den Labels - funktioniert nicht im IE Win < 7 */
	text-decoration: underline; }
.ChromeContainer label.Left {										/* innerhalb des ChromeContainers */
	width: 108px; }
.InputFieldSet label.Left {										/* Innerhalb der duennen haarlinie im ChromeContainer */
   	width: 100px; }
#modal_container  label.Left {									/* In den Modaldialogen */
   	width: 68px; }

/*------------------------ Position der Fussnote -----------------------*/
.FootNode {
	font-size: 10px; 
	padding: 14px 7px 7px 7px;}
#modal_container .FootNode {
	padding: 0px 0px 0px 108px;
	font-size: 10px; }

/*------------------------ Modaldialoge --------------------------------*/
#modal_container {	
	background: #ECECEC;
	border: 1px solid #000; }
#modal_container p {
	padding-left: 30px; }
.ModalContainerHead {
	position: relative;
	padding-top: 10px;
	background: url(http://www.dasding.de/-/id=20924/property=normalIcon/rtjkz8/index.gif) repeat-x;
	height: 13px; }
.ModalContainerFoot {
	background: url(http://www.dasding.de/-/id=20922/property=normalIcon/14n3d4i/index.gif) repeat-x;
	height: 18px; }
.ModalCloseButton {
	cursor: pointer;
	margin-left: auto;
	margin-right: 9px; }
.ModalHeadline {
	font-size: 16px;
	color: #959595; }
#modal_overlay {
	background-color: #000; }

/*------------------------ Inhalt der Mediabox -------------------------*/
.WebradioHeadline {
	position: absolute; top: 10px; left: 16px; }	
.WebradioContainer {
	position: absolute; top: 24px; left: 13px;
	width: 196px;
	height: 115px;
	background: #ddd;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	overflow: hidden; }	
.WebRaidio {															/* Das Akkordeon selbst */
	visibility: hidden;												/* wird nach dem laden sichtbar, siehe index.html */
	height: 113px;
	width: 196px;
	overflow: hidden; }												/* um das Laden zu verstecken */
.WebradioPanel {														/* geschlossene Rubrik */
	height: 12px;
	display: block;
	cursor: pointer;
	overflow: hidden;
	-moz-user-select: none;
	-khtml-user-select: none; }
.WebradioPanel .WebradioPanelTab {
	height: 12px;
	padding: 0px 0px 0px 13px;
	cursor: pointer;
	font-size: 10px;
	color: #fff;
	line-height: 11px;
	-moz-user-select: none;
	-khtml-user-select: none;
	border-top: 1px solid black;
	background: url(http://www.dasding.de/-/id=1000/property=normalIcon/yje6d0/index.png) no-repeat; }
.WebradioPanelOpen  {													/* geoeffnete Rubrik */
	cursor: auto; }
.WebradioPanelOpen .WebRadioPanelTab {
	background: url(http://www.dasding.de/-/id=998/property=normalIcon/9os6kf/index.png) no-repeat; }
.WebradioPanelContent {	
	display: block;
	overflow: hidden;
	height: 67px;
	color: #000;
	background-color: #fff;
	background-image: url(http://www.dasding.de/-/id=996/property=normalIcon/1uwrclr/index.png);
	background-repeat: repeat-x; }
.MediaPlayerHeadline {
	position: absolute; left: 16px; }	
.MediaPlayerSmall {
	position: absolute; top: 16px; left: 3px;
	text-align: center;
	width: 217px; }
.PlayerDropZone {	
	position: absolute; top: 178px; left: 3px;
	text-align: center;
	height: 121px;
	width: 217px; }
.DropHover {
	background: url(http://www.dasding.de/-/id=51344/property=normalIcon/1e7auyc/index.png) no-repeat; }	
.PlaylistHeadline {
	position: absolute; top: 360px; left: 16px; }

/*------------------------ D'n'D Items und Listen ----------------------*/
.PlayListContainer {
	position: absolute;	top: 374px;	left: 10px; }	
.PlayList {
	width: 200px;
	overflow-x: auto;
	overflow-y: scroll;	
	height: 129px;	
	color: #000;
	position: relative;
	border: 1px solid black; }
.PlayList ul {
	min-height: 127px;
	display: block;
	list-style-type: none; 
	border: 1px solid #999;
	background: url(http://www.dasding.de/-/id=51346/property=normalIcon/m8s5l5/index.gif) repeat;
	padding-left: 6px;
	font-size: 1px; }													/* um in allen IE den pixel unter li zun entfernen */
.PlayList li {
	position: relative; height: 15px;
	display: block;
	margin: 1px 0px 3px 0px;
	line-height: 1px; }												/* um in allen IE den pixel unter li zun entfernen */
.MediaList {
	color: #000;
	padding-top: 3px; 
    padding-bottom: 3px;}	
.MediaList ul {
	display: block; 
	list-style-type: none; 
	font-size: 1px; }													/* um in allen IE den pixel unter li zun entfernen */
.MediaList li {
  	position: relative; height: 15px;
	display: block;
  	line-height: 1px; }	
.AudioVideoItem[class], .ExternLink[class], .Gallery[class]  {													
	cursor: pointer; }
.AudioVideoItem, .ExternLink, .Gallery {
	padding-left: 60px; }
.AudioVideoItem:hover, .ExternLink:hover, .Gallery:hover {
	text-decoration: underline; }
.ExternLinkItem li{  
	background-image: url(http://www.dasding.de/-/id=167914/property=normalIcon/nh8t51/index.gif); 
	background-repeat: no-repeat;
	background-position: 0 25%;
	margin-left: 7px;
	padding: 0px 0px 5px 0px; 
	font-size: 11px;
	line-height: 15px; }
.GalleryItem li{
	background-image: url(http://www.dasding.de/-/id=167912/property=normalIcon/194k6rn/index.gif); 
	background-repeat: no-repeat;
	background-position: 0 25%;
	margin-left: 7px;
	padding: 0px 0px 5px 0px; 
	font-size: 11px;
	line-height: 15px; }
.AudioItem li{
	background-image: url(http://www.dasding.de/-/id=167908/property=normalIcon/we3l3c/index.gif);
	background-repeat: no-repeat;
	background-position: 0 25%;
	margin-left: 7px;
	padding: 0px 0px 5px 0px; 
	font-size: 11px;
	line-height: 15px; }
.VideoItem li{
	background-image: url(http://www.dasding.de/-/id=167910/property=normalIcon/jj99a6/index.gif); 
	background-repeat: no-repeat;
	background-position: 0 25%;
	margin-left: 7px;
	padding: 0px 0px 5px 0px; 
	font-size: 11px; 
	line-height: 15px; }
.AudioItem .text {
	line-height: 15px;													/* zwischenschieber ie und firefox */
	font-size: 10px;
	position: absolute; top: 0px; left: 28px; }
.VideoItem .text {
	line-height: 15px;
	font-size: 10px;
	position: absolute; top: 0px; left: 28px; }
.AudioActive {
	background: url(http://www.dasding.de/-/id=51332/property=normalIcon/atzpo2/index.gif) no-repeat; }
.VideoActive {
	background: url(http://www.dasding.de/-/id=51334/property=normalIcon/1m1r3p0/index.gif) no-repeat; }
.MediaButton {
	cursor: pointer;
	color: #000; 
	padding: 1px 0px 0px 15px;
	margin: 4px 0px 0px 10px;
	background: url(http://www.dasding.de/-/id=51348/property=normalIcon/10lfaih/index.gif) no-repeat;
	font-size: 10px;
	width: 160px;
	height: 15px; 
    line-height: 12.4px; }
.ForumClickPath {
	font-size: 10px; 
	margin: 0px 0px 10px 0px; }

/*------------------------ Verstecktes Element fuer Historienscript ----*/
#historyStorageField {
	overflow: hidden; }	

/*------------------------ Profilbild und Menu der community -----------*/
.ProfileTable {
	margin: 10px 14px 5px 14px; }
.ProfilePicTd img {
	border: 2px solid #B32525; }
.ProfilePic {
	border: 2px solid white }
.ProfileMenu {
	color: #fff;
	font-size: 10px;
	line-height: 16px; }
.ElementGroupSelector {
	height: 26px;
	border: 1px solid #D4D4D4;
	background: url(http://www.dasding.de/-/id=1004/property=normalIcon/unwirz/index.png) repeat-x; 
	margin: 0px 10px 20px 10px; }
.ElementGroupSelector table {
	font-size: 11px;
	width: 100%;
	height: 26px;}
.ElementGroupSelector tbody td.Left {
	padding-left: 10px; }
.ElementGroupSelector tbody td.Right a {
	width: 30px;
	float: none; }
.ElementGroupSelector tbody td select {
	margin: 0px; }
.ElementGroupSelector tbody td img {
	position: static;
	padding: 0px; }
.ElementGroupSelector tbody td.CenterAlign {
	text-align: center; }	
.Handle {
	cursor: move; }
.ProfileHeadline {
	font-size: 10px;
	color: #ffffff;
	padding: 0px 0px 4px 7px; 
	background-image: url(http://www.dasding.de/-/id=167918/property=normalIcon/rmq5ag/index.png);
   height: 12px; }
.ProfileHeadlineBlank{
	font-size: 10px;
	color: #ffffff;
	padding: 0px 0px 4px 7px; }

/*------------------------ ContentLinks -----------*/
.DINGContentLink_Container {
   height:0px; }
.DINGContentLink_Frame {
   display:none; }
a.DINGContentLink_Link img {
   height:16px;
   width:16px;
   float:right;
   position: relative;
   z-index:10; }

/*--------------------Facebook Like-Button------------*/ 
.FBLikeButton {
  padding-top: 14px; 
  padding-left: 7px;
  padding-bottom: 20px;}
  
  
/*------------------  Teaser Flash--------------------*/
TeaserFlash{
  margin-top: 4px;}
  
/*--------------------Webradio ComboBox---------------*/ 
.WebradioPulldown {
	left:558px;
	position:absolute;
	top:11px;
	width:216px;
	height:30px;
	background: url(http://www.dasding.de/-/id=269130/property=normalIcon/1x2bn2m/index.png) no-repeat;
  z-index:21;} 

.WebradioSelectContent{
	border-bottom:1px solid #CCCCCC;
  border-color:#CCCCCC;
  border-left:1px solid #CCCCCC;
  border-right:1px solid #CCCCCC;
  border-width:1px;}

.WebradioSelect {
  cursor:pointer;
	position:absolute;
	top:3px;
	width:216px;   
	height:23px;
	font-weight: bold;
	padding-left: 0px;
	text-indent: 7px;}   
  
.WebradioContentBox{
	height:50px;
	visibility:hidden;
	position:absolute;
	overflow:hidden;
	width:191px;
	left:2px;
	top:26px;	
	font-size: 15px;
	padding-left: 23px;
	text-indent: 5px; 
  z-index:22;}
   
.WebradioOption {
	height:17px;
	position:relative;
	overflow:hidden;
	margin: 0px;
	left: 0px;
	top: 0px;
	background-color: #FFFFFF;
	color: #000000;
	border-top:1px solid #CCCCCC;
	padding:4px 3px 3px; }
	
.WebradioOption:hover {
	background-color: #eee;
	color: #000000;
  text-decoration: none; }  

.WebradioSelect a, 
.WebradioSelect a:link, 
.WebradioSelect a:visited{
	color:#000000;}
 
.WebradioOption a, 
.WebradioOption a:link, 
.WebradioOption a:visited {
	color:#000000; 
  text-decoration: none; }
  
dhtmlgoodies_control{
  border:1px solid #ccc;}