/*******************************************************************************
 * Allgemeine Stylesheets, die in allen Inhaltsdokumenttypen verwendet werden; *
 * hier finden sich auch die Style-Definitionen, die bisher in components.css  *
 * gelegen haben.                                                              *
 * $Id: Allgemeine\040Regeln\040fuer\040alle\040Dokumente.css,v 1.6 2006/03/22 15:35:23 kraus Exp $                                                                        *
 *                                                                             *
 *   WICHTIG! WICHTIG! WICHTIG! WICHTIG! WICHTIG! WICHTIG! WICHTIG! WICHTIG!   *
 *                                                                             *
 *     Da das Layout "fliessend" aufgebaut ist, d.h. wo moeglich keinerlei       *
 *     absoluten Hoehen- und Breitenangaben verwendet werden, spielt die        *
 *     font-size eine besonders WICHTIGE Rolle, da saemtliche relativen         *
 *     Angaben davon abhaengen!                                                 *
 *     Deshalb sollte fuer Blockelemente bzw. Elemente, die per display:block   *
 *     als Bloecke gerendert werden NUR in Ausnahmefaellen ausserhalb von den     *
 *     Regeln, die mit "doctypes_content" beginnen eine font-size definiert    *
 *     werden, da sonst das Layout zerschossen wird!                           *
 *     Kurz: font-size != 1em am Besten NUR in INLINE-Elementen verwenden.     *     
 *                                                                             *
 *     Sollte es doch mal noetig sein, fuer ein Block-Element sowohl eine        *
 *     font-size als auch eine Breite-/Hoehe etc. festzulegen, gilt fuer         *
 *     diese Werte folgende Umrechnungsformel:                                 *
 *                                                                             *
 *       (XYpx * convRatio) * (1/font-size) = em-Wert relativ zum Element      *
 *                                                                             *
 *     Der momentan uebliche Umrechnungsfaktor von px nach em (convRatio)       *
 *     sollte immer in der base.css vermerkt sein (z.B. 0.0625)                *
 *                                                                             *
 *   YOU HAVE BEEN WARNED!                                                     *
 *                                                                             *
 * Die HTML-Struktur eines Dokumenttyps sollte immer so aussehen:              *
 *                                                                             *   
 *   <div class="doctypes_Container doctypes_|doctype]>">                      *
 *      [...]                                                                  *
 *      <div class="doctypes_Content|doctypes_narrowContent">                  *
 *          [...]                                                              *
 *      </div>                                                                 *
 *    </div>                                                                   *
 *                                                                             *
 *   Damit wird einerseits sichergestellt, das innerhalb des Dokumenttyps die  *
 *   korrekten Schritfgroessen verwendet werden (die unterhalb doctypes_Content  *
 *   definiert sind) und innerhalb des Content-Bereichs andererseits auch      *
 *   problemlos andere Dokumenttypen geschachtelt werden koennen.               *
 *                                                                             *
 ******************************************************************************/
.doctypes_Container
{
    display:                block;
}

span.doctypes_Container
{
    display: inline;
}

.doctypes_Container
    .doctypes_Container
{
    /* force font-size to 1em, so relative size values work correctly */
    font-size:              131.71%                               !important;
}

.doctypes_Container .doctypes_Topline,
.doctypes_Container .doctypes_ToplineBig
{
    margin:                 0em;
    padding:                0em 0.125em 0.125em 0.125em;
}

.doctypes_Container
    .doctypes_Topline
{
    color:                  #ffffff                                 !important;
    font-size:              0.625em;
    font-weight:            bold;
}

.doctypes_Container
    .doctypes_ToplineBig
{
    font-style:             italic;
    font-weight:            bold;
    font-size:              0.8em;
    padding:                0.2345em 0.925em 0.2345em 0.925em;
    border-top:             0.125em solid;
}


.doctypes_Content
{
    font-size:              76%;
    line-height:            1.4em;
}


/* enforce transparent background */
span.doctypes_Content
{
background-color: transparent !important;
}


/*
 in schmalen Inhaltsbereichen (z.B. der rechten Spalte) sind Texte mit etwas
 verminderter Zeilenhoehe meist besser lesbar
*/
.doctypes_narrowContent
{
    line-height:            1.2em;
}


.doctypes_Content .floatLeft
,
.doctypes_Content .floatleft
{
    margin:                 0.5em 0.5008em 0.3125em 0em;
}


.doctypes_Content .floatRight
,
.doctypes_Content .floatright
{
    margin:                 0.5em 0em 0.3125em 0.3125em;
}


.doctypes_Content
 fieldset
 .floatRight
{
margin-top: 0em;
}

.doctypes_Content
 fieldset
 .floatLeft
{
margin-top: 0em;
}


.doctypes_Content
    p
{
    margin:                 0em;
    padding:                0.3em 0em 0.3em 0em;
}

.doctypes_leadText
{
    font-weight:            bold;
    padding-bottom: 1em;
}


.doctypes_byline
{
    clear:                  both;
    font-size:              0.8em;
    margin-top:             1.64em;
    text-align:             right;
}


.doctypes_Content
    li > p
{
	padding-top:            0.1em;
}


.doctypes_Content
    h1
{
	font-size:              1.4em;
	font-weight:            bold;
	margin:                 0em;
	padding:                0.3em 0em 0.3em 0em;
	/* both set to zero and padding in header div is used intead to deal with
	   compound ie pc problems that are beyound summary in a simple comment. */
}


.doctypes_Content
    h2
{
	font-size:             1.2em;
	margin:                0em;
    padding:               0.3em 0em 0.3em 0em;
	font-weight:           bold;
}

.doctypes_Content
    h3
{
	font-size:             1.1em;
	margin:                0em;
    padding:               0.3em 0em 0.3em 0em;
	font-weight:           bold;
}

.doctypes_Content
    h4
{
	font-size:             1em;
	margin:                0em;
    padding:               0.3em 0em 0.3em 0em;
	font-weight:           bold;
}


.doctypes_Content
    h5
{
	font-size:             1.0em;
	margin:                0em;
    padding:               0.3em 0em 0.3em 0em;
	font-weight:           bold;
}


.doctypes_Content
    h6
{
	font-size:             1em;
    padding:               0.3em 0em 0.3em 0em;
	font-weight:           bold;
}


/* Links im Teaser */
a.doctypes_TeaserLink
{
    display:                inline;
    color:                  #000000;
    font-weight:            normal;
}


h2
    a.doctypes_TeaserLink
{
    font-weight:            bold;
}


a.doctypes_TeaserLink:hover
{
    color:                  #666666;
}


a.doctypes_TeaserLink
    .doctypes_LinkName
{
    color:                  #000066;
    font-weight:            bold;
}


a.doctypes_TeaserLink:hover
    .doctypes_LinkName
{
    text-decoration:        underline;
}


/*******************************************************************************
 * Icons in Links                                                              *
 ******************************************************************************/
a
 .doctypes_Icon
,
a .doctypes_InlineIcon
{
    margin-right:           0.1875em;
}

.doctypes_Content .doctypes_InlineIcon,
.doctypes_Content .doctypes_Icon
{
    font-size:              131.71%                               !important;
}

.doctypes_Content .doctypes_Container .doctypes_InlineIcon,
.doctypes_Content .doctypes_Container .doctypes_Icon
{
font-size: 100% !important;
}

/*******************************************************************************
 * Linkboxen                                                                   *
 ******************************************************************************/
/**
 * Linkboxen unter Artikeln, allgemeine Einstellungen
 */
.doctypes_LinkBox
{
    width:                  46%;
    margin-top:             1.5625em;
    margin-bottom:          1.25em;
}

.doctypes_LinkBox.floatLeft
{
clear: left;
}

.doctypes_LinkBox.floatRight
{
clear: right;
}

.doctypes_LinkBox
	.doctypes_Topline
{
    padding:                0.0625em;
    background-color:       #003258;
    text-align:             center;
    line-height:            1.3em;
}


.doctypes_LinkBox
   dd
{
    margin:                 0em;
    padding:                0.1878em 0.2504em 0.2504em 0.2504em;
    background-color:       #e8e8e8                      !important;
}

.doctypes_LinkBox
	ul
{
    margin: 0;
    padding:                0;
    list-style-type:		none;
padding-left: 18px;
}

.doctypes_LinkBox
	li
{
    padding:                0 !important;
    margin:                 0 !important;
}

.doctypes_LinkBox
li
img
{
margin-left: -18px;
}
.doctypes_LinkBox
li
.doctypes_Container
{
display: block;
line-height: 0.8em !important;
}
.doctypes_LinkBox
li
.doctypes_Content
{
background-color: transparent !important;
padding: 0 !important;
margin: 0;
font-size: 66% !important;
line-height: auto !important;
}


.doctypes_LinkBox
	li
		a
{
    font-weight:            normal;
}
 
 
/*******************************************************************************
 * InfoBoxen
********************************************************************************/
div.doctypes_Infobox,
div.doctypes_infobox
{

padding: 0.1875em;
}

div.doctypes_Infobox.floatLeft,
div.doctypes_infobox.floatleft,
div.doctypes_Infobox.floatRight,
div.doctypes_infobox.floatright
{
display: block;
width: 47%;
}

div.doctypes_Infobox.floatLeft,
div.doctypes_infobox.floatleft
{
clear: left;
}

div.doctypes_Infobox.floatRight,
div.doctypes_infobox.floatright
{
clear: right;
}


/*******************************************************************************
 * Linklisten                                                                  *
 ******************************************************************************/
.doctypes_LinkList
{
    list-style-type:             none;
}


.doctypes_RelatedLinks
{

    margin:            0.625em 0.125em 0.3125em 0.125em;
    padding:                0;
    width:                  100%;
}

.doctypes_RelatedLinks
    .doctypes_Content
{
    padding:                0;
    font-size:              0.7em;
}

.doctypes_RelatedLinks
    li
{
/*    width:                  100%; */
    padding:                0;
    margin:                 0em 0em 0.125em 0em;
}

.doctypes_RelatedLinks
    li
        a
{
    display:                block;
    width:                  100%;
    background-color:       #f1f1f1;
    padding:                0em 0.0625em 0em 0.0625em;
    cursor: expression('pointer');
}

.doctypes_RelatedLinks
    li
        a:hover
{
    color:                  #666666;
    background-color:       #dedede;
}

/******************************************************************************
 * Listendarstellungen                                                        *
 *****************************************************************************/

/* A-Z & Seitenleiste */ 
.doctypes_IndexNavigation
{
	position: 				relative;
	margin-top:	 			0.939em;
	margin-bottom: 			0.626em;
}

.doctypes_IndexNavigation.doctypes_IndexNavigationTop
  .doctypes_IndexListWrapper
{
	border-top: 			0.1252em solid #ffffff !important;
	border-bottom: 			0.0626em solid;
}

.doctypes_IndexNavigation.doctypes_IndexNavigationBottom
  .doctypes_IndexListWrapper
{
	border-bottom: 			0.1252em solid #ffffff !important;
	border-top: 			0.0626em solid;
}

.doctypes_IndexNavigation
 h2
{
	position: 				absolute;
	z-index: 				9999;
	left: 					0em;
	font-size:				1em;
	width: 					3.8186em;
	margin:					0;
	padding:				0;
}


.doctypes_IndexNavigation h2 a,
.doctypes_IndexNavigation h2 span
{
	display: 				block;
	margin: 				0;
	color: 					#ffffff;
	padding: 				0;
	font-size:				0.72em;
	text-align:				center;
}

.doctypes_IndexNavigationTop h2 a,
.doctypes_IndexNavigationTop h2 span
{
	margin-top:				0.3477em;
}

.doctypes_IndexNavigationBottom h2 a,
.doctypes_IndexNavigationBottom h2 span
{
	margin-top:				0.2504em;
}

.doctypes_IndexNavigation
	.doctypes_IndexMain
{
	padding-left:   		3.8186em;
}

.doctypes_IndexNavigation
	.doctypes_IndexListWrapper
{
padding-left:  				0.313em;
padding-right: 				0.2504em;
}

.doctypes_IndexNavigation
	.doctypes_IndexListWrapper
		ul
{
	list-style-type:		none;
	padding:				0;
	margin:					0;
	width:					100%;
}

.doctypes_IndexNavigation
	.doctypes_IndexListWrapper
		li
{
	display: 				block;
	float:     				left;
	padding: 				0;
	margin: 				0;
}

.doctypes_IndexItem a,
.doctypes_IndexItem div
{
	display: 				block;
	padding: 				0.0626em 0.0626em 0.0626em 0.0626em;
}

.doctypes_IndexItem span
{
	font-size: 				0.84em;
}

.doctypes_IndexNavigation.doctypes_IndexNavigationTop
	.doctypes_IndexItem
		a:hover
{
	padding: 				0em 0em 0.0626em 0em;
	border: 	   			0.0626em solid;
	border-bottom: 			0 none;
}

.doctypes_IndexNavigation.doctypes_IndexNavigationBottom
	.doctypes_IndexItem
		a:hover
{
	padding: 				0.0626em 0em 0em 0em;;
	border: 	   			0.0626em solid;
	border-top:      		0 none;
}

.doctypes_IndexNavigation
	h2
		a:hover
{
	text-decoration:		underline;
}


.doctypes_IndexNavigation
	.doctypes_IndexListWrapper
		a.doctypes_activeIndex
{
	color: 					#ffffff;
}


.doctypes_IndexNavigation
	.doctypes_IndexIcon
{
	clear:	            	both;
	height:	            	11px;
	overflow:	            hidden;
	width:	            	3.8186em;
	background-repeat:  	no-repeat;
	background-position: 	top center;
}

.doctypes_IndexNavigation.doctypes_IndexNavigationTop
 .doctypes_IndexIcon
{
	background-image: 		url('http://www.swr3.de/-/id=136696/property=normalIcon/18emen6/index.gif');
}

.doctypes_IndexNavigation.doctypes_IndexNavigationBottom
 .doctypes_IndexIcon
{
	background-image: 		url('http://www.swr3.de/-/id=150980/property=normalIcon/1tr2l0a/index.gif');
}


.doctypes_IndexNavigation
	.doctypes_IndexListWrapper
		li.doctypes_stepNav
{
	float: 					right;
	margin: 				0.313em 0.0626em 0em 0.0626em;
	margin-top: 			expression('0.313em');
	padding-top: 			0.0626em;
}


/* Listenelemente und Teaser */
.doctypes_List
{
	list-style-type:		none;
	margin: 				0em 0em 0.939em 0em;
	padding:			0em 0em 0em 0.939em;
}

.doctypes_List
	li
{
	position: relative;
	margin: 				0em 0em 0.0626em;
padding-bottom: 0.0626em;
	border-top: 1px #ffffff solid;
}

.doctypes_List
	li
		.doctypes_Content
{
	background-color: 		transparent !important;
}


.doctypes_List
	li
		.doctypes_listIcon
{
position: relative;
float: left;
margin-left: -1.1268em;
margin-top: expression('0.313em');
}

.doctypes_List
 .doctypes_ListField
{
position: relative;
display: block;
}


.doctypes_List
	h2
		a
{
	color: 					#003258; !important;
}


.doctypes_List
	.doctypes_AbsTeasable
		.doctypes_Content
{
	padding: 				0em !important;
}


.doctypes_List
	.doctypes_AbsTeasable
		.paragraph
{
	padding: 				0.1252em 0.0626em 0em 0.504em !important;
}

.doctypes_List
	.doctypes_AbsTeasable
{
	margin-bottom: 			0.626em;
}

.doctypes_List
	.doctypes_AbsTeasable
		h2
{
	font-size: 				1em;
	padding: 				0.0626em 0.1252em 0.0626em 0.1252em !important;
	margin: 				0em !important;
	background-color: 		#f1f1f1 !important;
}

.doctypes_listHeader
{
	margin: 				0em 0em 0.626em 1.2207em;
	background-color: 		#e8e8e8;
	font-weight: 			bold;
	padding: 				0.0626em 0.1252em 0.0626em 0.5008em;
}


.frontmod_GoogleResults
ul
{
position: relative;
zoom: 1;
}

.frontmod_GoogleResults
 li
{
margin-top: 0.625em;
}

.frontmod_GoogleResults
  li.indent
{
margin-left: 1.25em !important;
margin-bottom: 0.625em;
}


.frontmod_GoogleResults
 li.indent
{
margin-bottom: 1.5em !important;
}

.frontmod_GoogleResults
.doctypes_IndexNavigationTop
{
margin-bottom: 2em;
}

.frontmod_GoogleResults
 li.keymatch
{
margin-left: -1.1em !important;
}

.frontmod_GoogleResults
 li.keymatch h2
{
background-color: #e8e8ff !important;
padding: 0.4em !important;
font-size: 1.1em;
}

.frontmod_GoogleResults
 label
 {
 font-weight: bold;
 }

.frontmod_GoogleResults
li.g
.doctypes_AbsTeasable.SearchResult
{
float: expression('left');
}

.frontmod_GoogleResults
.doctypes_AbsTeasable.SearchResult .s
strong.kw
{
color: #000000;
font-weight: bolder;
}


            .frontmod_GoogleSearchInput
            {
                color: #ffffff;
                width: 171px;
                position: relative;
                height: 83px;
                margin-bottom: 5px;
            }
            
            .frontmod_GoogleSearchInput
				img#fm_gi_hg
			{
				display: block;
				position: absolute;
				top: -4px;
				left: 0px;
width: 100%;
				height: 88px;
				z-index: 5;
			}
			
            .frontmod_GoogleSearchInput
				h1
			{
				display: none;
			}
			
            .frontmod_GoogleSearchInput
				form#fm_gi_content
			{
				display: block;
				position: absolute;
				top: 36px;
				left: 7px;
				width: 138px;
				z-index:6;
			}

            .frontmod_GoogleSearchInput
				input#fm_gi_q
			{
				font-size: 12px;
				width: 100%;
				margin-bottom: 5px;
			}


/***************************************************************************
  MediaPlayer
***************************************************************************/
.elements_MediaPlayer.audio-popup
{
background: transparent url('http://www.swr3.de/-/id=320276/property=normalIcon/tpr69s/index.jpg') no-repeat;
padding-top: 85px;
padding: 85px 15px 0px 15px;
width: 222px;
height: 158px;
}

 .elements_MediaPlayer.viewer
{
clear:both;
    margin: 0px auto 0px auto !important;
padding: 0px !important;
}

 .elements_MediaPlayer.object
{
display: block;
width: 100%;
height: block;
}

/***************************************************************************
  reportLink beim Platzverweis...
***************************************************************************/
.reportLink {
 font-size: 0.8em;
 text-align: right;
}

.doctypes_Content.noPadding_noBackground {
 padding: 0px !important;
 background-color: #fff !important;
 line-height: 0em !important;
}

/***************************************************************************
  Stylt den kompleten Linknamen also >> [Icon bla] << 
***************************************************************************/
.doctypes_CompleteLinkName {
 padding-left: 0.4em;
}

.layoutElement img
{
display: block;
}

.layoutElement img.doctypes_Icon,
.layoutElement a img.doctypes_Icon
{
margin-right: 0px !important;
}


/****
 * EKLIGER WORKAROUND: entfernt Rahmen um Teaser-Banner im IE
 * WICHTIG: zentriert das Bild auf der gesamten Flaeche - dies koennte Probleme machen!
****/
.pagelook_teaserGroup .doctypes_Content.noPadding_noBackground img.doctypes_Image
{
margin: 0px auto !important;
display: block !important;
}

/* WORKAROUND FÜR PANORAMA-TEASER IN DOKUMENTGRUPPEN */
.pagelook_teaserGroup .pagelook_teaserGroup .behaviour_HighlightTeaser img.doctypes_Image[width="440"] {
margin-left: -0.3125em;
margin-top: -0.56em !important;
}