/*
===============================================
CSS Wissen im SWR :: Schulfernsehen multimedial
CSS CSS nur für sf/spezial/..                                  
Code: hyperraum                                
REV 360										  
Stand: August 2008                              
=============================================== 
*/


* {
margin: 0;
padding: 0;
border: 0 none;
}

body {
font: 95% Verdana, Arial, Helvetica, sans-serif; 
background: #F3F7F9 url(../img/bg-body.jpg) 0 0 repeat-x;
text-align: left;
}

h1, h2, h3, h4, h5, h6 {
color: #000;
}

h1 {
font-size: 0.80em;
font-weight: bold;
padding: 3px 8px 8px 8px;
}

h2, h3, h4, h5 {
font-size: 0.75em;
font-weight: bold;
line-height: 2.0em;
padding: 0 8px 0 8px;
border-top: 1px solid #f60;
}
h1 {
border-top: 1px solid #929EAA;
background: transparent url(../img/bg-ueberschriften-top-800.png) 0 0 no-repeat;
}

h2, h3, h4, h5 {
background: transparent url(../img/bg-ueberschriften-800.png) 0 0 no-repeat;
}
h6 {
font-size: 0.75em;
padding: 5px 8px 3px 8px;
}
h2 img, h3 img, h4 img, h5 img {
vertical-align: middle;
padding: 0 0px 0 0px;
}
p {
padding: 2px 8px 8px 8px;
}

/* zentrale Schriftgroessen Definition */
p, li, input, select, label, table {
font-size: 0.75em;
}

li li li, td select, td input, td p, td h3, td table.television, td label, label input,
{
font-size: 100%;
}

a, a:link, a:visited {
text-decoration: none;
font-weight: bold;
color : #003399;
background: transparent url(../img/icon-link.gif) 0 1px no-repeat;
padding-left: 10px;
}
a:hover, a:active, a:focus {
color : #FF6600;
}
a.nolinkimage, a.nolinkimage:link, a.nolinkimage:visited {
background-image: none;
padding-left: 3px;
}

a.mapnolinkimage, a.mapnolinkimage:link, a.mapnolinkimage:visited {
background-image: none;
padding-left: 0px;
}


#xteaser h5 a.nolinkimage, #xteaser h5 a.nolinkimage:link, #xteaser h5 a.nolinkimage:visited {
background-image: none;
padding-left: 5px;
}

#xmenue a, #xmenue a:link, #xmenue a:visited {
background-image: none;
padding-left: 0;
}

#xleft {
width : 20px;
}

#xcontainer {
float: left;
width : 986px;
min-height: 800px;
background: #E1EBEF url(../img/bg-container.jpg) 0 0 repeat-x;
}
#xheader {
float: left;
width : 986px; 
height : 100px;
}
#logo {
position: absolute;
top: 0;
left: 0;
}
#logos {
position: absolute;
top: 0;
width: 480px;
height: 75px;
left: 480px;
}

#footer {
float: left;
width: 800px;
border-top: 1px solid #929EAA;
margin-top: 0px;
padding: 5px 0 25px 0;
/* for duplicate bug in IE */
margin-right: -3px;
}
#xcontent {
	float: left;
	width : 800px;
	/* margin-right: 20px;
	xmargin-left: 10px;*/
}
#xteaser {
float: left; 
width : 195px;
/* for duplicate bug in IE */
margin-right: -3px;
}


/* contentsets */
#xcontent .contentset,
#xcontent .contentset_top {
float: left;
margin: 0 0 6px 0;
background-color: #fff;
width: 800px;
}
#xcontent .colorit {
background-color: #F3F7F9;
}
#xcontent .contentset ul {
list-style-image: url(../img/icon-list.gif);
margin: 0 10px 10px 26px;
}
#xcontent .contentset ul.noicon {
list-style-image: none!important;
list-style-type: none;
margin-left: 8px;
margin-top: 6px;
}
#xcontent .contentset ul li {
padding: 2px 0 2px 0;
}
#xcontent .contentset_top {
background-color: transparent;
}
#xcontent .contentset p,
#xcontent .contentset_top p {
margin: 2px 8px 2px 0;
line-height: 1.4em;
}
#xcontent .contentset p.path {
margin: 4px 8px 0 0;
line-height: 1em;
}
#xcontent .contentset p.timestamp {
margin-top: 4px;
margin-bottom: 0;
padding-bottom: 0;
cor: #f60;
}
#xcontent .contentset h3 {
background-image: none;
border: 0 none;
line-height: 1.4em;
margin-top: 8px;
margin-bottom: 3px;
}
#xcontent .contentset h3.withbgimage {
background: transparent url(../img/bg-ueberschriften.jpg) 0 0 no-repeat;
padding-bottom: 6px;
}
#xcontent .contentset h2 {
border-bottom: 2px solid #E1EBEF;
}
#xcontent .contentset_top p {
margin: 6px 0 6px 0;
line-height: 1.5em;
}
#xcontent .contentset table {
margin-bottom: 5px;
margin-left: 6px;
text-align: left;
}
#xcontent .contentset table td {
vertical-align: top;
}
#xcontent .contentset table.outerTelevision {
margin: 0;
padding: 0;
}
#xcontent .contentset table.outerTelevision h3 {
line-height: 1.4em;
margin: 0 0 4px 0;
padding: 8px;
}
#xcontent .contentset table.outerTelevision span.sender {
display: block;
width: 2.45em;
background-color: #7C8EA6;
color: #fff;
padding: 2px;
margin: 0 0 3px 10px;
}
#xcontent .contentset table.television {
margin-bottom: 28px;
margin-left: 0;
}
* html #xcontent .contentset table.television {
width: 100%;
}
#xcontent .contentset table td.emphase,
#xcontent .contentset table.television td.emphase {
font-weight: bold;
padding-right: 20px;
}
#xcontent .contentset table.television td {
line-height: 1.6em;
padding-left: 8px;
padding-right: 2px;
}
#xcontent .contentset table.televisionfach td {
line-height: 1.6em;
padding-right: 2px;
}
#xcontent .contentset table.televisionfach td a {
background-image: none;
padding-left: 0;
font-weight: bold;
}
#xcontent .contentset table.televisionfach,
#xcontent .contentset table.televisionfaecher {
margin-top: 6px;
}
#xcontent .contentset table.televisionfaecher td {
padding-bottom: 8px;
}
#xcontent .contentset table.television td a {
background-image: none;
padding-left: 0;
font-weight: normal;
}
#xcontent .contentset table.television td a.emphase {
font-weight: bold;
line-height: 1.8em;
}
#xcontent .contentset table.television td.tv {
padding-bottom: 3px;
padding-right: 2px;
padding-left: 0;
width: 225px;
}
#xcontent .contentset table.television td.timestamp {
width: 40px;
color: #CF0202;
}
#xcontent .contentset table.sendungen {
line-height: 1.4em;
}
#xcontent .contentset td.first {
width: 180px;
}
#xcontent .contentset p.sendungen {
line-height: 1.5em;
padding-bottom: 6px;
}
#xcontent .contentset p.sendungen span {
margin-right: 60px;
padding-left: 10px;
}
#xcontent .contentset table#suchformular td label {
line-height: 1.8em;
font-weight: bold;
}
#xcontent .contentset table#suchformular td {
padding-bottom: 8px;
}
#xcontent .contentset table#suchformular td input,
#xcontent .contentset table#suchformular td select {
padding: 2px;
}
#xcontent .contentset table#suchformular td select {
background: #E2E9EF;
}
#xcontent .contentset table#suchformular td #activesubmit {
font-weight: bold;
}

#xcontent .contentset table.imprint {
width: 100%;
line-height: 1.4em;
margin-top: 10px;
}
#xcontent .contentset table.imprint td {
padding-bottom: 15px;
}
#xcontent .contentset table.imprint th {
font-weight: bold;
}


#xcontent .contentset ol {
list-style-type: decimal;
margin-left: 20px;
padding: 8px 8px 16px 8px;
}
#xcontent .contentset ol li {
padding: 4px 0 4px 0;
}
#xcontent .contentset ol li a.suche_reihe {
font-weight: normal;
}


#xcontent .contentset .floatleft {
float : left;
margin-right: 12px;
}

#xcontent .contentset .floatright {
float : right;  
}

#xcontent .copyrspezialleft {
float : left;
margin-left: 9px;
}
 
#xcontent .copyrspezialright {
float : right;  
}
 
.contentset img.spacing {
	margin: 2px 8px 4px 8px;
}

.contentset img.title-spacing {
	margin: 6px 8px 4px 8px;
}


/* Formatierungen fuer dynamische Inhalte */

/* dynamische selects */
#xcontent .tableselect {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: 1px solid #f60;
}

#xcontent .tableselect table {
width: 100%;
line-height: 1.2em;
margin: 0;
padding: 0;
}
#xcontent .tableselect table td {
padding: 2px 4px 2px 4px;
font-weight: bold;
}
/* IE */
* html #xcontent .tableselect table td {
font-size: 70%;
}

#xcontent .tableselect table td.stickright {
text-align: right;
}
#xcontent .tableselect form#collect_selects select {
width: 13.4em;
color : #003399;
font-weight: bold;
}
#xcontent .tableselect form#collect_selects select#page_range {
width: auto;
}
#xcontent .tableselect td img {
vertical-align: middle;
}
/* IE */
* html #xcontent .tableselect td img {
vertical-align: top;
margin-top: 1px;
}
#xcontent .tableselect td img.page_left {
margin-right: 10px;
}
/* EOF dynamische selects */


/* Result Zeilen -> dynamischer Content */
#xcontent .tableview {
line-height: 100%;
margin-bottom: 4px;
width: 555px;
}
/* IE */
* html #xcontent .tableview {
padding-bottom: 6px;
}
#xcontent .tableview h3 {
margin: 6px 0 2px 0;
padding: 0;
line-height: 100%;
}
#xcontent .tableview p {
margin: 0 4px 0 4px;
padding: 0 6px 0 6px;
}
#xcontent .tableview .floatleft {
margin: 6px;
}
#xcontent .tableview ul {
list-style: none;
list-style-image: none;
padding: 0 6px 0 0;
margin-left: 6px;
margin-top: 4px;
clear: left;
}
#xcontent .tableview ul,
#xcontent .tableview li {
display: block;
margin-right: 6px;
}

#xcontent .nopadding {
padding: 0;
}
#xcontent .nopadding h3 {
margin-top: 3px;
}

/* EOF Formatierungen fuer dynamische Inhalte */


#xteaser .contentset,
#xteaser .contentset_noimglink {
float: left;
margin: 0 0 6px 0;
background-color: #fff;
width: 195px;
}
#xteaser h3, #xteaser h4, #xteaser h5 {
background-image: none;
background-color: #fff;
line-height: 1.2em;
padding: 6px 10px;
}
#xteaser p {
padding: 2px 10px 2px 10px;
line-height: 1.4em;
}
#xteaser .contentset img,
#xteaser .contentset a img {
padding: 3px 10px 3px 7px;
margin: 0;
}

#xteaser .contentset_noimglink img {
padding: 3px 10px 3px 10px;
}

#xteaser .contentset ul {
list-style: none;
margin-left: 10px;
margin-bottom: 8px;
}
#xteaser .contentset ul li {
padding: 1px 0 1px 0;
line-height: 120%;
}
#xteaser .contentset ol {
list-style-position: inside;
font-weight: bold;
color : #003399;
margin-left: 8px;
padding-bottom: 8px;
}
#xteaser .contentset ol li {
padding: 1px 0 1px 0;
}
#xteaser .contentset ol li a {
padding-left: 0;
}
#xteaser form#selection {
padding: 0 10px 10px 10px;
}


#xteaser h5.withbgimage {
background: transparent url(../img/bg-ueberschriften.jpg) 0 0 no-repeat;
}


/* Utility Klassen */
ul.nolistimage {
list-style: none;
margin: 100px;
}
.nobgcolor {
background-color: transparent;
}
.nobgimage {
background-image: none;
}
.inline {
padding-top: 10px;
padding-bottom: 10px;
line-height: 1.3em;
background-image: none;
}
.moretext {
padding-top: 10px;
}
.invisible {
position: absolute;
top: -1000em;
left: -1000em;
}
.nospace {
margin: 0;
padding: 0;
}
.clear {
clear: both;
}
.floatleft {
float : left;
} 
.floatright {
float : right;  
}

img.floatleft {
float : left;
margin-right: 8px
} 
img.floatright {
float : right;
margin-left: 8px;
}

.buz {
	padding-top: 0;
	font-size: 0.65em;
}


/* Flashplayer
Abstand zum umfließenden Text */
#mainplayer {
	margin-top: 8px;
	margin-bottom: 25px;
	margin-left: 10px;
}

#mainplayer2 {
	margin-top: 8px;
	margin-bottom: 25px;
	margin-left: 10px;
}

#mainplayer3 {
	margin-top: 8px;
	margin-bottom: 25px;
	margin-left: 10px;
}

#mainplayer4 {
	margin-top: 8px;
	margin-bottom: 25px;
	margin-left: 10px;
}

#mainplayer4b {
	margin-top: 8px;
	margin-bottom: 25px;
	margin-left: 10px;
	margin-right: 10px;
}

#mainplayer5 {
	margin-top: 8px;
	margin-bottom: 25px;
	margin-left: 10px;
}

#mainplayer6 {
	margin-top: 8px;
	margin-bottom: 25px;
	margin-left: 10px;
}

#mainplayerwaldsingle {
	margin-top: 8px;
	margin-bottom: 5px;
	margin-left: 10px;
}

/* =============================================== */
/* === ACHTUNG ! IVW-PIXEL === */
#zpx {
	position: absolute;
	top: 0px;
	left:-20px;
}