/*******************************************************************************
 * Layout-Stylesheets für den Pagelook                                         *
 * $Id: Grundlayout.css,v 1.1 2005/10/28 12:52:25 kraus Exp $                  *
 *                                                                             *
 *   WICHTIG! WICHTIG! WICHTIG! WICHTIG! WICHTIG! WICHTIG! WICHTIG! WICHTIG!   *
 *                                                                             *
 *     Da das Layout "fließend" aufgebaut ist, d.h. wo möglich keinerlei       *
 *     absoluten Höhen- und Breitenangaben verwendet werden, spielt die        *
 *     font-size eine besonders WICHTIGE Rolle, da s?mtliche relativen         *
 *     Angaben davon abh?ngen!                                                 *
 *     Deshaab sollte für Blockelemente bzw. Elemente, die per display:block   *
 *     als Blöcke gerendert werden NUR in Ausnahmefällen außerhalb 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 n?tig sein, f?r ein Block-Element sowohl eine        *
 *     font-size als auch eine Breite-/H?he etc. festzulegen, gilt f?r         *
 *     diese Werte folgende Umrechnungsformel:                                 *
 *                                                                             *
 *       (XYpx * convRatio) * (1/font-size) = em-Wert relativ zum Element      *
 *                                                                             *
 *     Der momentan ?bliche Umrechnungsfaktor von px nach em (convRatio)       *
 *     sollte immer in der base.css vermerkt sein (z.B. 0.0625)                *
 *                                                                             *
 *   YOU HAVE BEEN WARNED!                                                     *
 ******************************************************************************/

body
{
    margin:                 0em;
    padding:                0em;
}


/*******************************************************************************
 * Seitenbreite                                                                *
 ******************************************************************************/ 
#pagelook_Page
{
    width:                  47.1875em;
}


#pagelook_Page.fullpage {
 width: 100%;
}



/*******************************************************************************
 * Seitenbereiche                                                              *
 ******************************************************************************/
#pagelook_Header
{
    position:               relative;
   background:         transparent url('http://www.swr3.de/-/id=447462/property=normalIcon/a4n06/index.jpg') right top no-repeat;
}


#pagelook_main
{
    position: relative;
    width: 100%;
}


#pagelook_contentWrapper
{
    min-height:             35.04em;
    border:                 0.1875em solid;
    padding:                0.25em;
    background-color:      #ffffff;
/* #dedede; */
    overflow: auto;
margin-left: 8.125em;
width: expression('38.2em'); /* IE6 mag sonst den Inhaltsbereich manchmal nicht darstellen */
}

#pagelook_FooterWrapper
{
    clear: both;
    margin:                 0 0 0 8.125em;
    padding-top:            0.125em;
}

#pagelook_metaNavBottom
{
    zoom: 1;
}


/*******************************************************************************
 * CI-Balken oben und unten                                                    *
 ******************************************************************************/
#pagelook_CIBalken_oben
{
    height:                 0px;
    width:                 0px;
    overflow:               hidden;
 		visibility:             hidden;
}

#pagelook_CIBalken_unten div
{
    position:               relative;
    float:                  left;
    height:                 100%;
    background-repeat:      no-repeat;
}


#pagelook_CIBalken_oben
    div.pagelook_CIBalken_links
{
    height:                 0px;
    width:                 0px;
    overflow:               hidden;
 		visibility:             hidden;
}


#pagelook_CIBalken_oben
    div.pagelook_CIBalken_rechts
{
    height:                 0px;
    width:                 0px;
    overflow:               hidden;
 		visibility:             hidden;
}


/*******************************************************************************
 * Logos                                                                       *
 ******************************************************************************/
#pagelook_Elch
{
    position:               absolute;
    top:                  0.625em;
    top:                  expression('0.875em');
    left:                   0em;
    margin:                 0em;
    padding:                0em;
    font-size:              1em;
z-index: 8;
}


#pagelook_Logo
{
    position:               absolute;
    top:                    0.6875em;
    left:                   6.375em;;
    margin:                 0em;
    padding:                0em;
    z-index:                9;
}

#pagelook_Logo
    a
{
    /* move text out of the way if imgs are disabled */
    padding-top:            100%;
}


/*******************************************************************************
 * Header-Frontmod (Channel-Liste)                                             *
 ******************************************************************************/
#pagelook_frontmodHeader
{
    position:               relative;
    padding: 0.4375em 0.4375em 0.1875em 0.4375em;
    overflow: auto;
}

#pagelook_headerButtons
{
    margin:                 0em;
    position:               relative;
    float: right;
    padding:                0em 0.125em 0em 0.125em;
}

#pagelook_headerButtons
  .doctypes_RelatedLink_header
{
   margin-bottom: 0.25em;
}

#pagelook_frontmodHeader
    a
{
    color:                  #ffffff;
    text-decoration:        none;
}



/*******************************************************************************
 * Metanavigation oben                                                         *
 ******************************************************************************/
#pagelook_frontmodMetaNavigation_oben
{
    margin-left: 8.125em;
    /* fixer bottom margin for ie */
    margin-bottom:          expression('0.125em');
    border:                 0.0625em solid #000000;
   padding:                0.125em;
    background:        #e8e8e8 url('http://www.swr3.de/-/id=447464/property=normalIcon/1wlnlps/index.gif') center left repeat-x;
}

#pagelook_frontmodMetaNavigation_oben ul
{
   position: relative;
    list-style-type:        none;
    margin: 0 auto;
   padding-left: 1.25em;
    overflow: auto;
}

#pagelook_frontmodMetaNavigation_oben li
{
    display:                inline;  /* fixes IE's double margin bug */
    padding:                0em;
    position:               relative;
    float:                     left;
    font-size:              0.6875em;
    margin:                 0em 0em 0em 0.8175em;
}


/***********   Suchformular    ************************************************/


/*******************************************************************************
 * IVW Pixel                                                                   *
 ******************************************************************************/
div#pagelook_Pixel
{
    width:                  1px;
    height:                 1px;
    float:                  left;
    overflow:               hidden;
}

/*******************************************************************************
 * Hauptnavigation                                                             *
 ******************************************************************************/
#pagelook_frontmodMainNavigation
{
   position: absolute;
   margin: 0;
   left: 0.375em;
   top: 0.125em;
   width:                  7.75em;
   padding:                0;
}


#pagelook_frontmodMainNavigation
    a
{
    display:                block;
    position:               relative; /* IE needs this */
}


#pagelook_frontmodMainNavigation
  dt
{
    margin:                 0em 0em 0.0625em 0em;
    padding:                0em;
    font-size:              0.6875em;
    color:                  #ffffff;
}


#pagelook_frontmodMainNavigation
  dt
    a
{
    margin-right:           0.54em;
    padding:                0.0625em 0.125em 0.1875em 0.125em;
    border:                 0.0625em solid;
    color:                  #ffffff                                 !important;
}


#pagelook_frontmodMainNavigation dt a:hover,
#pagelook_frontmodMainNavigation dt a:focus
{
    color:                  #000000                                 !important;
    border-top-color:       #dddddd                                 !important;
    border-left-color:      #dddddd                                 !important;
    border-right-color:     #dddddd                                 !important;
}


#pagelook_frontmodMainNavigation
    dd
{
    margin:                 0.0625em 0.375em 0.625em 0em;
    padding:                0em;
}


#pagelook_frontmodMainNavigation
    dd.pagelook_empty
{
    height:                 0.25em;
    overflow:               hidden;
}


/*
#pagelook_frontmodMainNavigation
    dd
        a
{
    padding:                0.0625em;
    background-color:       transparent                             !important;
}


#pagelook_frontmodMainNavigation dd a:hover,
#pagelook_frontmodMainNavigation dd a:focus
{
    padding:                0em;
    background-color:       #f7f7f7                                 !important;
    border-width:           0.0625em;
    border-style:           solid;
    border-top-color:       #dddddd                                 !important;
    border-left-color:      #dddddd                                 !important;
    border-right-color:     #dddddd                                 !important;
}

*/

#pagelook_frontmodMainNavigation
    dd
        a
{
border-top: 0.0625em solid #ffffff !important;
border-left: 0.0625em solid #ffffff !important;
border-right: 0.0625em solid #ffffff !important;
padding: 0.0625em !important;

    background-color:       transparent                             !important;
}


#pagelook_frontmodMainNavigation dd a:hover,
#pagelook_frontmodMainNavigation dd a:focus
{
padding-bottom: 0em !important;
    background-color:       #f7f7f7                                 !important;
    border-width:           0.0625em;
    border-style:           solid;
    border-top-color:       #dddddd                                 !important;
    border-left-color:      #dddddd                                 !important;
    border-right-color:     #dddddd                                 !important;
}


#pagelook_frontmodMainNavigation
    ul
{
    margin:                 0.2em 0em 0em 0em;
    /* fix for IE */
    margin-top:             expression('0.1em');
    padding:                0em;
    list-style-type:        none;
    font-size:              0.625em;
}


#pagelook_frontmodMainNavigation
    li
{
    margin:                 0em;
    padding:                0em;
    line-height:            1em /* relative value to font-size specified in ul */;
    /* needed for IE
       (without, an top- and bottom-margin of
        about 5px is added to each li-Tag) 
    */
    border-bottom:          1px solid #ffffff; 
}


#pagelook_frontmodMainNavigation
    a
        .pagelook_naviName
{
    color:                  #333333                                 !important;
}


/******************************************************************************
 * Hintergrund und Padding, wenn der Pagelook eine Topline hat  *
*******************************************************************************/
.pagelook_Topline
{
	border:				0.0626em solid;
	border-top-width:   0;
	overflow: 				hidden;
    height:                       100%;
}


.pagelook_Topline table.pagelook_teaserGroup,
.pagelook_Topline table.pagelook_teaserGroup td
{
	border-color:		#ffffff !important;
}

div.pagelook_ToplineContent
{
    background-color:    #ffffff;
color: #000000;
   padding:                    0.125em;
   padding-top:			 0.375em;
    height:                       100%;
}

.pagelook_Topline .doctypes_Topline
{
    margin:                 0em;
    padding:                0em 0.125em 0.125em 0.125em;
    color:                  #ffffff                                 !important;
    font-size:              0.625em;
    font-weight:            bold;
}


/*******************************************************************************
 * Seitenbereiche                                                              *
 ******************************************************************************/
div.pagelook_pageArea#pageArea-middle,
div.pagelook_pageArea#pageArea-mitte
{
    /* fixes double margin bug in IE */
    display:                inline;
    float:                  left;
    width:                  72%;
    overflow:               hidden;
}

div.pagelook_pageArea#pageArea-right,
div.pagelook_pageArea#pageArea-rechts
{
    /* fixes double margin bug in IE */
    display:                inline;
    float:                  right;
    width:                  27%;
    overflow:               hidden;
}


/***********************************************************************
 * TeaserGroup
 **********************************************************************/
/*
    die Welt k?nnte so sch?n sein, wenn der IE sich mal an die Specs
    halten w?rde! Einfach bei der table ein border-style: hidden
    und bei den tds ein border: 4px solid #e8e8e8 und alles w?re gut
    (klappt nat?rlich im Mozilla und Opera)...
    Deshalb sind die Teaser beim IE exakt 2 Pixel schmaler als bei den
    anderen Browsern...
*/
table.pagelook_teaserGroup
{
    table-layout:           fixed;
    width:                  100%;
    border-collapse:        collapse;
    border:                 0.0625em solid #ffffff /* #dedede */;
    border-style:           hidden; /* does not work in IE */    
    border-top-width:       0;
    padding:                0;
   clear: left;
}

table.pagelook_teaserGroup .doctypes_AbsTeasable
{
/* margin-bottom:         0.9375em; */
}

table.pagelook_teaserGroup
    table.pagelook_teaserGroup
{
    margin-bottom:          0; 
}


table.pagelook_teaserGroup
    td
{
    vertical-align:         top;
    padding:                0;
    border-collapse:        collapse;
    border:                 0.4375em solid #ffffff /* #dedede */;
    border-top-width:       0;
    border-bottom-width:    0.125em;
    background-color:       #ffffff;
    padding-bottom:         0.9375em; 
}

table.tg_1cols
    td
{
    width:                  100%;
}

table.tg_2cols
    td
{
    width:                  50%;
}

table.tg_2cols
    td.doublesize
{
    width:                  100%                            !important;
}

table.tg_3cols
    td
{
    width:                  33%;
}

table.tg_3cols
    td.doublesize
{
    width:                  66%                             !important;
}


/*******************************************************************************
 * Metanavigation unten                                                        *
 ******************************************************************************/
#pagelook_frontmodMetaNavigation_unten
{
    margin:                 0em 0em 0.125em 0em;
    padding:                0em;
    font-size:              0.6875em;
    text-align:             center;
    background-color:       #cccccc;
    list-style-type:        none;    
}
 

#pagelook_frontmodMetaNavigation_unten
    li
{
    display:                inline;
    text-transform:         lowercase;
zoom: 1.0 !important;
}


/*******************************************************************************
 * CI-Balken unten                                                             *
 ******************************************************************************/
#pagelook_CIBalken_unten
{
    position:               relative;
    height:                 0.75em;
    overflow:               hidden;
}


#pagelook_CIBalken_unten
    div.pagelook_CIBalken_links
{
    width:                  25%;
    background-color:             #ffffff;
    background-position:    top right;
}


#pagelook_CIBalken_unten
    div.pagelook_CIBalken_rechts
{
    width:                  75%;
    background-color:             #ffffff;
    background-position:    top left;
}
 
 
/*******************************************************************************
 * TabbedNav (Navigation 3. Ebene)                                             *
 ******************************************************************************/
.pagelook_frontmodTabbedNavigation
{
	border-bottom: 			0.0626em solid;
                     margin-left: -0.2504em;
                     margin-right: -0.2504em;
                     margin-top: -0.2504em;
                    margin-bottom: 0.2504em;
}

.pagelook_Topline
	.pagelook_frontmodTabbedNavigation
{
	margin: 0;
}
 
 
.pagelook_frontmodTabbedNavigation
	ul
{
	list-style-type: 		none;
	padding: 				0;
	margin: 				0;
} 


.pagelook_frontmodTabbedNavigation
	li
{
	position:				relative;
	display: 				block;
	float: 					left;
	height: 				1.252em;
	background-color:		#e8e8e8;
	padding-left: 			0.626em;
	padding-right: 			1.565em;
}



.pagelook_Topline
    .pagelook_frontmodTabbedNavigation
	li
{
	margin-bottom: 			-0.0626em;
}


.pagelook_frontmodTabbedNavigation li a
{
	font-size:				76%;
}

.pagelook_frontmodTabbedNavigation li a,
.pagelook_frontmodTabbedNavigation li span
{
	font-weight:			bold;
	background-color:		transparent;
}


.pagelook_frontmodTabbedNavigation
	a
{
	font-weight:			normal !important;
	color:					#666666;
}

.pagelook_frontmodTabbedNavigation
	li
		img
{
	position:				absolute;
	right:					0em;
	top:					0em;
}


.pagelook_frontmodTabbedNavigation
	li.tab_half
{
	padding-right:			1.252em;
}


.pagelook_frontmodTabbedNavigation
	li.tab_first
{
	border-left: 			0 none !important;
}

.pagelook_frontmodTabbedNavigation
	li.tab_last
                                     img
{
                   right: expression('-0.0626em');
}


.pagelook_frontmodTabbedNavigation
	li.tab_active
{
	border-left:			0.0626em solid;
	background-color: 		#ffffff;
}

.pagelook_Topline
    .pagelook_frontmodTabbedNavigation
	li.tab_active
{
	border-bottom: 			0.0626em solid #ffffff !important;;
}



/*******************************************************************************
 * Frontmod SiteSearch NOCH NICHT BEARBEITET!!!!!!!!!!!!!!!!!                  *
 ******************************************************************************/
/* results page */
#pagelook_ContentWrapper
    div.pagelook_frontmodSiteSearch
{
	width:					600px;
}

#pagelook_ContentWrapper
    div.pagelook_frontmodSiteSearch
	   table.pagelook_frontmodSiteSearch_table
{
	width:					600px;
	background-color:		#dddddd;
}

#pagelook_ContentWrapper
    div.pagelook_frontmodSiteSearch
	   td.pagelook_frontmodSiteSearch_tdmethod
{
	text-align:				center;
	font-size:				11px;
	background-color:		#dddddd;
}

#pagelook_ContentWrapper
    div.pagelook_frontmodSiteSearch
	   td.pagelook_frontmodSiteSearch_tdsort
{
	text-align:				center;
	font-size:				11px;
	background-color:		#dddddd;

}

#pagelook_ContentWrapper
    div.pagelook_frontmodSiteSearch
	   td.pagelook_frontmodSiteSearch_tdsrch
{
	text-align:				center;
	background-color:		#dddddd;
	padding-top:			15px;
	padding-bottom:			10px;
}

#pagelook_ContentWrapper
    div.pagelook_frontmodSiteSearch
	   td.pagelook_frontmodSiteSearch_tdlinks
{
	text-align:				left;
	padding-left:			10px;
	vertical-align:			middle;
	background-color:		#eeeeee;
	padding-top:			15px;
	padding-bottom:			10px;
}

#pagelook_ContentWrapper
    div.pagelook_frontmodSiteSearch
	   input.pagelook_frontmodSiteSearch_txtfield
{
	font-size:				11px;
	border: 				1px #999999 solid;
	width: 					320px;
	height:					16px;
	padding:				0px;
}

#pagelook_ContentWrapper
    div.pagelook_frontmodSiteSearch
	   input.pagelook_frontmodSiteSearch_submitfield
{
	font-size:				11px;
	border: 				1px #999999 solid;
	width: 					80px;
	height:					18px;
	padding:				0px;
}

#pagelook_ContentWrapper
    div.pagelook_frontmodSiteSearch
	   select
{
	font-size:				11px;
	border: 				1px #999999 solid;
	height:					18px;
	padding:				0px;
}

#pagelook_ContentWrapper
    div.pagelook_frontmodSiteSearch
	   table.pagelook_frontmodSiteSearch_stats
{
	width:					100%;
	margin-top:				8px;
	margin-bottom:			4px;
	padding:				2px;
	border-top:				1px #999999 solid;
	background-color:		#dddddd;
}

#pagelook_ContentWrapper
    div.pagelook_frontmodSiteSearch
	   table.pagelook_frontmodSiteSearch_stats
		  td.pagelook_frontmodSiteSearch_stats_left
{
	font-size:				11px;
	background-color:		#dddddd;
	float:					left;
}

#pagelook_ContentWrapper
    div.pagelook_frontmodSiteSearch
	   table.pagelook_frontmodSiteSearch_stats
		  td.pagelook_frontmodSiteSearch_stats_right
{
	font-size:				11px;
	background-color:		#dddddd;
	float:					right;
}

#pagelook_ContentWrapper
    span.pagelook_frontmodSiteSearch_txtred
{
	color:					#ff0000;
	font-weight:			bold;
}

/********************************************************************************
 * Styles fuer Inline Gallery/Zoom-Ansicht            *
********************************************************************************/
.gallery
{
  position:			absolute;
  top: 				0;
  left: 				0;
  z-index: 			999999;
 width: 				100%;
 height: 			500px;
 display:			none;
}

.gallery_Overlay
{
    width:				100%;
    height:				100%;
background-image:				none;
    filter:             progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.swr3.de/-/id=163038/property=normalIcon/1h07g4l/index.png, sizingMethod=scale);    
}


.gallery
   .gallery_Overlay[class]
{
     background:         transparent url('http://www.swr3.de/-/id=163038/property=normalIcon/1h07g4l/index.png') repeat;
filter: none;
}



.gallery
 .gallery_Wrapper
{
	position:			absolute;
top: 0em;
	left:				4.35em;
/*	top:				50%;
	margin-top:			-15.625em; */
 
}



#gallery_NavigationWrapper
{
display: block;
padding-left: 25%;
}

.zoomNavigation
{
display:block;
background-color: #dedede;
padding: 0.0625em 0.1875em 0.0625em 0.1875em !important;
margin: 0.25em 0.125em 0.1875em 0em;
text-align: center;
}

.zoomNavigation .floatLeft,
.zoomNavigation .floatRight
{
margin: 0.125em !important;
}

.zoomNavigation
img
{
padding: 0 !important;
margin: 0 !important;
}

.zoomNavigation_Functions
{
float: right;
padding: 0 !important;
width: 25%;
}

.zoomNavigation_Functions
 a
{
margin: 0 !important;
padding: 0 !important;
}

.zoomNavigation_Functions
 .doctypes_Icon
{
margin: 0 !important;
padding: 0 !important;
}


#zoom_BackLink
{
display: block;
}

#zoom_CloseLink
{
   display: none;
}

/*******************************************************************************
 * Styles fuer Exception-Fenster                                                *
 ******************************************************************************/
.pagelook_jspException
{
    background-color:       #fefefe;
    border:                 2px solid #cf0000;
    color:                  #000000;
}

.pagelook_jspException
    a
{
    display:                block;
    width:                  100%;
    height:                 100%;
    color:                  #000000;
    font-weight:            bold;
    font-size:              14px;
}

ul#pagelook_WebChannel
    li
    .pagelook_jspException
{
    position:               relative;
    width:                  145px;
    height:                 81px;
    float:                  left;
    color:                  #ffffff;
    margin-left:            1px;
}

div .voting_answer {
	padding-top: 5px !important;
}