/*
Theme Name: tsde-light
Theme URI: http://www.tagesschau.de/
Description: Das original tagesschau.de-Light Theme in der angepassten Verlaufvariante 2009
Version: 1.3
Author: Sven Bruns
Tags: tagesschau, two columns, widgets
*/


/*	Aktuelle Revision: $Revision: 1.101 $ */
/*	---{Misc}--- */
html, body	{
    background:transparent url(http://www.tagesschau.de/image/verlauf_background.jpg) repeat-x scroll left top;
	margin: 0;
	padding: 0;
	font-size: 100.01%;
	font-family: Verdana, Tahoma, sans-serif;
	color: #FFF;
	background-color: #003a7a;
}

h1, h2, h3, h4, h5, h6, p, form, hr {
	margin: 0;
	padding: 0;
}

.newstext h5 {
	padding-top: 10px;
}


img {
	border: none;
}

ul, ol, li {
	padding: 0;
	margin: 0;
	list-style: none;
}

.clearMe {
	clear: both;
	font-size: 1px;
	height: 0;
	margin: 0;
	line-height: 0;
}

div.clearMe {
	overflow: hidden;
}

/* easy clearing */
.clearAfter:after, #allCols:after, .singleCol:after, .teaserTextBlock:after, .teaser:after, #footer:after {
	content: '[DO NOT LEAVE IT IS NOT REAL]';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearAfter, #allCols, .singleCol, .teaserTextBlock, .teaser, #footer {
	display: inline-block;
}
/*\*/
.clearAfter, #allCols, .singleCol, .teaserTextBlock:after, .teaser, #footer {
	display: block;
}
/* end easy clearing */

.IEabbr, abbr, acronym {
	border-bottom: none;
}

/*	---{/Misc}--- */
/*	---{Fonts}--- */

a {
	color: #FFF;
	text-decoration: none;
}

#centerCol a {
	color: #00044B;
}

a:hover, a:focus, a:hover span, a:focus span  {
	text-decoration: underline;
}

.leftNavL1 a {
	color: #162367;
	font-weight: normal;
	padding-top: 4px;
	padding-left: 5px;
}

.leftNavL1 a:hover, .leftNavL1 a:focus, .leftNavL1 a:hover span, .leftNavL1 a:focus span  {
	text-decoration: underline;
	color: #162367;
	font-weight: normal;
	padding-top: 4px;
	padding-left: 5px;
}

.headerText {
	font-size: 0.65em;
}

.boxtext {
	font-size: 0.7em;
}

.boxtext .boxtext {
	font-size: 1em;
}

.previewtext {
	font-size: 0.7em;
}

.entry a {
	text-decoration: underline;
}

.newstext {
	font-size: 0.8em;
}

/* Begin Images */
p img {
	padding: 0px;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */
	
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
	
img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}
	
.alignleft {
	float: left
	}
/* End Images */



/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul {
	margin-left: 0px;
	padding: 0 0 0 30px;
	list-style: none;
	padding-left: 10px;
	text-indent: -10px;
	} 

html>body .entry li {
	margin: 7px 0 8px 10px;
	}

.newstext ul li:before  {
	content: "\25B6 \0020";
	}

.newstext ol {
	padding: 0 0 0 35px;
	margin: 0;
	}

.newstext ol li {
	margin: 0;
	padding: 0;
	}

.newstext p {
	padding-top: 10px;
}

.newstext a {
	text-decoration: underline;
}

h1 {
	font-size: 1.3em;
}

h2 {
	font-size: 1.1em;
	padding-top: 20px;
}

h2.pagetitle {
	
	text-align: center;
		border-bottom: 1px solid #00044b;
}



.newstext h2 {
	margin: 0;
	padding-top: 10px;
	}


h3 {
	padding-top: 20px;
	font-size: 0.9em;
}

h4 {
	padding-top: 20px;
	font-size: 0.9em;
}

/*	---{/Fonts}--- */
/*	---{Header}--- */
#header {
	color: #7AA4E0
}

#xmlFeed {
	float: left;
	font-weight: bold;
}

#backToTs {
	float: right;
}

#backToTs a {
	color: #7AA4E0
}

body {
	text-align: center;
}

#allRound {
	text-align: left;
	margin: 0 auto;
	width: 48.125em;
	padding: 0 8px;
        background-color: #FFFFFF;
}

#allRound2 {
	margin-right: -8px;
	padding: 0 4px 0 0;
        background-color: #FFFFFF;
}

#topHeader h1 {
	font-size: 1.0625em;
	padding: 2px 0 0 10px;
}

#topHeader #backToTs {
	font-size: 0.8125em;
	padding: 4px 9px 0 0;
}

#topHeader #backToTs img {
	margin-right: 3px;
}

#topHeader {
	background: url(/img_light/lt_header_top_v2.gif) left bottom no-repeat #FFFFFF;
	height: 25px;
    padding-top: 8px;
}

#header {
	width: 48.125em;
}

#bottomHeader {
	background: url(/img_light/lt_header_bot.jpg) left top no-repeat #3C6CB6;
	height: 87px;
	border-bottom: 1px solid #FFF;
	position: relative;
}

#headerClaim {
	position: absolute;
	left: 8px;
	top: 49px;
}

#headerLogo {
	position: absolute;
	left: 247px;
	top: 12px;
}

.headerdescription   
{
		color: #FFF;
    font-size: 0.8em;
    text-align: right;
	position: absolute;
	left: 561px;
	top: 65px;
}

.metaFunktionen {
	padding-top: 1px;
	clear: both;
	width: 48.125em;
	background-color: #5c84bf;
}

#metaBot {
	border-bottom: 1px solid #5985DE;
}

.metaFunktionen .left {
	width: 12.125em;
	float: left;
}

.metaFunktionen .left span.headerText {
	display: block;
	padding: 5px;
}

.metaFunktionen .actTime {
	padding: 0 0 0 9px;
	float: left;
	border-left: 1px solid #5985DE;
}
* html .metaFunktionen .actTime {
	padding-top: 5px;
}
.metaFunktionen .meta {
	padding: 5px 9px 5px 0;
	float: right;
}

.metaFunktionen #headTrenner {
	clear: both;
	border-bottom: 1px solid #00044B;
}

/*	---{/Header}--- */
.socialt {
	margin-top: 10px;		
	margin-bottom: 2px;		
	padding-left: 5px;
	}


.socialtext {
	position: relative;
	left: 5px;
	top: -4px;
	}

.alt {
	background-color: #D5DFF8;
	border-top: 1px solid #AFC0F4;
	border-bottom: 1px solid #AFC0F4;
	margin-bottom: 2px;		
	padding-left: 5px;
	}

.alt a {
	text-decoration: none;
}

.alt a:hover, a:focus, a:hover span, a:focus span  {
	text-decoration: underline;
}

.alt2 {
	background-color: #EBEEF6;
	border-top: 1px solid #CBD7F5;
	border-bottom: 1px solid #CBD7F5;
	margin-bottom: 2px;
	padding-left: 5px;
	padding-right: 5px;
	}

.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em  Verdana, Arial, Sans-Serif;
	}
	
.commentlist li {
	font-weight: bold;
	}

.commentlist cite, .commentlist cite a {
	font-weight: normal;
	font-style: normal;
	font-size: 0.9em;
	}

.commentlist p {
	font-weight: normal;
	font-size: 0.9em;
	text-transform: none;
	margin-bottom: 9px;
	}

#commentform p {
	font-family:  Verdana, Arial, Sans-Serif;
	}

.commentmetadata {
	font-weight: normal;
	}


/* Begin Form Elements */
#searchform {
    font-size: 1em;
	margin: 10px auto;
	padding: 5px 3px; 
	text-align: center;
	}

#sidebar #searchform #s {
    font-size: 0.9em;
	width: 90px;
	padding-right: 2px;
    font-family: Verdana,Tahoma,sans-serif;
    color: rgb(0, 4, 75);
    width: 7.7em;
    float: left;
	}

#sidebar #searchsubmit {
    font-size: 0.9em;
	  font-weight: bold;
    color: rgb(0, 4, 75);
    background-color: rgb(255, 255, 255);
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: rgb(0, 4, 75);
    border-right-color: rgb(0, 4, 75);
    border-bottom-color: rgb(0, 4, 75);
    border-left-color: rgb(0, 4, 75);
	}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
    font-size: 1em;
	width: 130px;
	}

#commentform input {
    font-size: 1em;
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform textarea {
    font-size: 1em;
	width: 99%;
	padding: 2px;
	}

#commentform #submit {
    font-size: 0.8em;
	margin: 0px;
	float: left;
	  font-weight: bold;
    color: rgb(0, 4, 75);
    background-color: transparent;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: rgb(0, 4, 75);
    border-right-color: rgb(0, 4, 75);
    border-bottom-color: rgb(0, 4, 75);
    border-left-color: rgb(0, 4, 75);
	
	}
/* End Form Elements */



/*	---{Structure}--- */

#colsStructure {
	width: 48.125em;
	clear: both;
}

#allCols	{
	background-color: #E2EBF7;
}

.singleCol {
	padding-bottom: 0.2em;
	overflow: hidden;
}

#leftCol {
	width: 12.150em;
	/*width: 12.125em;*/
	color: #162367;
	border-right: 1px solid #E2EBF7;
	border-bottom: 1px solid #E2EBF7;
	float: left;
	padding-top: 20px;
}

#centerCol {
	color: #00044B;
	border-right: 1px solid #FFF;
	background-color: #FFF;
	padding-top: 10px;
}

.leftColPadding {
	margin: 0 14px 0 10px;
}

.centerColPadding {
	padding: 0 9px;
}

.navigation {
	font-size: 0.9em;
	font-weight: bold;
	display: block;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 10px;
	}

/*	-- Standard Space beneath Modules -- */
.spacer {
	font-size: 1px;
	overflow: hidden;
	height: 9px;
	clear: both;
}

/*	---{/Structure}--- */


/*	---{left Navigation}--- */
.leftNavText {
	font-size: 0.75em;
}

.leftNavText a {
	text-decoration: none;
	display: block;
}

#leftNavLineFaker {
	display: none;
}

.leftNavL1 {
	
	font-weight: bold;
}

.leftNavL1 li div {
	border-bottom: 1px solid #86A6E5;
}

.leftNavL1 li div a, .leftNavL1 li div .instLink {
	display: block;
	color: #162367;
	padding: 3px 15px 4px 7px;
}

.leftNavL1 li div .instLink {
	background-image: url(/img_light/leftnav_arrow.gif);
	background-repeat: no-repeat;
	background-position: 0 0.6em;
}

.leftNavL1 li div a:hover, .leftNavL1 li div a:focus, .leftNavL1 li div a:active {
	background-image: url(/img_light/leftnav_arrow.gif);
	background-repeat: no-repeat;
	background-position: 0 0.6em;
	padding-right: 8px;
	border-right: 7px solid #E2EBF7;
}

.leftNavL1 li div.choosenOneL1 {
	background-color: #9CB6EB;
	border-top: 1px solid #00044B;
	border-bottom: 1px solid #00044B;
	margin-top: -1px;
	z-index: 2;
}

.leftNavL1 li div.choosenOneL1 a, .leftNavL1 li div.choosenOneL1 .instLink {
	color: #00044B;
	padding-right: 0px;
	border-right: 15px solid #9CB6EB;
}

.leftNavL1 li div.choosenOneL1 a:hover, .leftNavL1 li div.choosenOneL1 a:focus, .leftNavL1 li div.choosenOneL1 a:active {
	padding-right: 8px;
	border-right: 7px solid #9CB6EB;
}

.leftNavL1 li img {
	float: right;
	margin: 1px 0;
}


#sidebar ul.children {
padding-left: 22px;
}

#sidebar ul.children li {
list-style-image:url(/img_light/childrensubnavbullet.gif);
}


/*	---{/left Navigation}--- */
/*	---{left/right content Modules}--- */
.lra {
	font-weight: normal;
}

.teaserBox {
	background-color: #FFF;
	border-bottom: 1px solid #5985DE;
	border-right: 1px solid #5985DE;
	margin-bottom: 15px;
}

.teaserBox h3 {
	font-weight: bold;
	background-color: #FFF;
	color: #00044B;
	padding: 3px 4px 4px 0;
}

.teaserBox a {
	color: #00044B;
}

ul.directLinks {
	clear: both;
	float: none;
	padding: 0 0 4px;
	margin: 0;
}

ul.directLinks li {
	list-style-type: none;
	clear: both;
	padding: 1px 4px 2px 0;
	margin: 0 0 3px;
	background-color: #D5E0F7;
	border-top: 1px solid #BBD6F0;
	border-bottom: 1px solid #ACC2EE;
}

ul.directLinks li a:hover span  {
	text-decoration: underline;
}

ul.directLinks li a img, .teaserBox h3 a img {
	float: left;
	margin-top: 3px;
}

ul.directLinks li a span, .teaserBox h3 a span {
	display: block;
	margin-left: 7px;
	margin-top: 1px;
	padding-right: 5px;
}

ul.directLinks li a span span, .teaserBox h3 a span span {
	display: inline;
	margin-left: 0;
	margin-top: 0;
	padding-right: 0;
}

.teaserBox img {
	display: block;
}

.teaserBox p {
	padding: 3px 5px 5px 5px;
}
/*	---{/left/right content Modules}--- */
/*	---{Center Col Modules}--- */

.teaser {
	background-color: #FFF;
	border-bottom: 1px solid #00044B;
	margin-bottom: 19px;
	clear: both;
}

.teaser h2 {
	font-size: 1.3em;
	padding: 0 0 3px 0;
}

.teaser .teaserTextBlock {
	padding-right: 0px;
	width: 49em;
}

.topline{
	font-size: 0.8em;
	padding: 0 0 1px 0;
}


.teaser p  {
	font-size: 1.1em;
	padding: 2px 10px 10px 0;
	line-height: 1.35em;
}

.teaser .teaserImg {
	float: right;
	padding-bottom: 5px;
}

.teaser .teaserImg img {
	display: block;
	border: 1px solid #00044B;
}

.linkDisc {
	clear: both;
	margin: -8px 0 10px;
	color: #FFF;
	font-size: 0.65em;
}

#seitenanfang {
	clear: both;
	padding-bottom: 2px;
	border-bottom: 1px solid #3665BF;
	text-align: right;
	margin-bottom: 10px;
}

#seitenanfang a {
	font-size: 0.7em;
}

#seitenanfang a img {
	vertical-align: text-bottom;
	margin: 0 0 0 5px;
}

#seitenanfang a:hover img {
	text-decoration: none;
}

#shadowBlock {
	position: relative;
	font-size: 1px;
	height: 8px;
        background-color: #FFFFFF;
}

#shadowBlock .leftEdge {
        position: absolute;
        left: -8px;
        width: 8px;
        height: 8px;
        background-color: #FFFFFF;
}

#shadowBlock .rightEdge {
	position: absolute;
	right: -8px;
	width: 16px;
	height: 8px;
        background-color: #FFFFFF;
}

#footer {
	width: 48.125em;
	text-align: left;
	margin: 0 auto;
	padding: 0 0 10px;
}

#footer #disclaimer {
	padding-top: 5px;
	font-size: 0.65em;
	float: left;
}

#footer #copyright {
	padding-top: 5px;
	font-size: 0.65em;
	float: right;
}

/*	---{/Center Col Modules}--- */
/* Begin Calendar */




	


#wp-calendar {
	font-size: 0.8em;
	empty-cells: show;
	width: 170px;
	color: #00044B;

    background-color: rgb(255, 255, 255);
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: rgb(89, 133, 222);
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: rgb(89, 133, 222);
		padding-bottom: 4px;
	}

#wp-calendar #next a {
	padding-right: 8px;
	text-align: right;
  border-width : 0px;
	}

#wp-calendar #prev a {
	padding-left: 8px;
	text-align: left;
	border-width : 0px;
	}

#wp-calendar a {
    
	color: #00044B;
	display: block;
	
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: rgb(89, 133, 222);
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: rgb(89, 133, 222);
	
	}

#wp-calendar caption {
  width: 170px;
  background-color: rgb(255, 255, 255);
	font: bold 1em  Verdana, Arial, Sans-Serif;
	text-align: center;
	    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: rgb(89, 133, 222);
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: rgb(89, 133, 222);
	padding-bottom: 4px;	
	padding-top: 4px;	
	
	}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
	}

#wp-calendar td {
	padding: 0px;
	text-align: center;
	}

/* End Calendar */



/*	--- {overwriting}--- */
.nonBold {
	font-weight: normal;
}

.boldStyle {
	font-weight: bold;
}

.inv, .teaser h2 img, hr {
	position: absolute;
	left: -1000px;
	top: -1000px;
	width: 0px;
	height: 0px;
	overflow: hidden;
	display: inline;
}
/* ---mathias atom feed--- */
.atomteaser {
	font-size: 0.7em;
	padding-right: 5px;
	width: auto;
	display: inline-block;
	background-color: #FFF;
	border-bottom: 1px solid #00044B;
	margin-bottom: 9px;
	clear: both;
}
.atomteaser .atomTeaserTextBlock {
	display: inline-block;
	padding-right: 5px;
}
.atomTeaserTextBlock h2{
	padding: 0 0 3px 0;
}
.atomTeaserTextBlock #topline{
	font-size: 0.8em;
	padding: 0 0 1px 0;
}
.atomTeaserTextBlock p {
	padding: 3px 0 10px 0;
	line-height: 1.25em;
}
* html .atomteaser{
	height: 1px;
}
.atomteaser:after, .teaser:after{
	content: '[DO NOT LEAVE IT IS NOT REAL]';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}


/* ---weitere Beitraege zum Thema--- */
.furtherArticlesBlock h2{
	font-size: 0.9em;
	text-align: left;
        padding-bottom: 3px;
        margin-bottom: 2px;
	border-bottom: 1px solid #00044b;
}

.furtherArticlesBlock h3{
	font-size: 0.8em;
	padding-left: 5px;
	padding-top: 2px;
	text-align: left;
	font-weight: normal;
}

/* --- Pagebar ---- */
.pagebar 
	{ 
		font: 12px Verdana, Arial, Helvetica, sans-serif; 
		padding-top: 20px; 
		padding-bottom: 10px; 
		margin: 0px; 
	}

.pagebar a, .pageList .this-page 
	{
		padding: 2px 6px; 
		border: solid 1px #afc0f4; 
		background: #fff; 
		text-decoration: none;
	}

.pagebar a:visited 
	{
		padding: 2px 6px; 
		border: solid 1px #afc0f4; 
		background: #fff; 
		text-decoration: none;
	}

.pagebar .break 
	{
			padding: 2px 6px; 
			border: none; 
			background: #fff; 
			text-decoration: none;
	}

.pagebar .this-page 
	{
		padding: 2px 6px; 
		border-color: #999; 
		font-weight: bold; 
		font-size: 12px; 
		vertical-align: top; 
		background: #fff;
	}

.pagebar a:hover 
	{
		color: #fff; 
		background: #d5dff8; 
		border-color: #afc0f4; 
		text-decoration: none;
	}