/**********************************************************************************************

	DTV Tabak

***********************************************************************************************

		
	1. Allgemein
			1.1 Reset
			1.2	Basis Stile
			1.3	Allgemeine Textformatierungen
			1.4	Links
	
	2. Layout
			2.1 Allgemein
			2.2	Navigation
			2.3	Content
			2.4	Seitenspalte
			2.5	Footer
			2.6	Altes CSS
			2.7	Clearen
		

***********************************************************************************************/


/* 1. Allgemein
-----------------------------------------------------------------------------------------------
===============================================================================================*/	



/* 1.1	Reset
-----------------------------------------------------------------------------------------------*/	


	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-size: 100%;
		vertical-align: baseline;
		background: transparent;
	}
	
	body {
		line-height: 1;
	}
	
	ol, ul {
		list-style: none;
	}
	
	blockquote, q {
		quotes: none;
	}
	
	blockquote:before, 
	blockquote:after,
	q:before, q:after {
		content: '';
		content: none;
	}
	
	:focus {
		outline: 0;
	}
	
	ins {
		text-decoration: none;
	}
	
	del {
		text-decoration: line-through;
	}
	
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}


/* 1.2	Basis Stile
-----------------------------------------------------------------------------------------------*/	

	body {
		font: 62.5%  Verdana,Helvetica, Arial, sans-serif;
		text-align: center;
		color: #666666;
		}
		
	#folge {
		background: url(../img/bg_folge.jpg) top left repeat-x;
	}
	
	#index {
		background: url(../img/bg_index.jpg) top left repeat-x;
	}

	input, textarea, select {
		font-size: 11px;
	}


/* 1.3	Allgemeine Textformatierungen
-----------------------------------------------------------------------------------------------*/	

	h1 {
		margin: 0 0 25px 0;
		font-weight: normal;
		font-size: 20px;
		line-height: 28px;
	}
	
	h2 {
		margin: 0 0 5px 0;
		padding: 0;
		font-weight: normal;
		font-size: 20px;
		line-height: 28px;
	}

	h3 {
		padding: 0;
		margin-bottom: 10px;
		font-size:12px;
		font-weight:bold;
		line-height:17px;
	}
	
	h4 {
		font-size:20px;
		font-weight:normal;
		line-height:28px;
		margin:0 0 5px;
		padding:0 0 6px;
	}
	
	p{
		margin: 0 0 10px 0;
		font-size: 12px;
		line-height: 20px;
	}
	

/* 1.4	Links
-----------------------------------------------------------------------------------------------*/

	a {
		text-decoration: none;
	}

	#content a.more {
		color:#fc000b;
	}
	
	#meta a {
		margin-right:3px;
	}
	
	#meta a, #content a, #footer a {
		color: #666;
	}
	
	#content a, #footer a {
		text-decoration:underline;
	}
	
	#content h2 a {
		text-decoration:none;
	}
	
	#meta a:hover, #meta a.aktiv, #content a:hover, #footer a:hover {
		color: #fc000b;
		text-decoration:underline;
	}
	
	#navigation ul li a {
		color: #686866;
		padding-bottom:7px;
	}
	
	#navigation ul li a:hover {
		color: #fc000b;
		background: url(../img/pfeil_nav.png) bottom no-repeat;
	}
	
	#navigation ul li a.aktiv {
		color: #fc000b;
		background: url(../img/pfeil_nav.png) bottom no-repeat;
	}
	
	#bigteaser a {
		color:#FFF;	
	}
	
	#bigteaser a:hover {
		color:#FFF;
		text-decoration:underline;
	}
	
	#contentbox li a {
		font-weight:bold;
	}
	

	#seitenspalte ul a {
		color: #666;
		padding-left: 13px;
		background: url(../img/doppelpfeil.gif) top left no-repeat;
		display: block;
	}
	





	

/* 2. LAYOUT
-----------------------------------------------------------------------------------------------
===============================================================================================*/	


/* 2.1	Allgemein
-----------------------------------------------------------------------------------------------*/	

	#wrapper {
		width: 980px;
		margin: 0 auto;
		text-align:left;
	}
	

	#navigation {
		float:right;
		padding-top:8px;
		margin-right:75px;
		display: inline;
	}
	
	#logo {
	
	}
	
	#cover {
		float:left;
		margin-top:10px;
		left:0px;
		width:296px; 
		height:362px;
		background:url(../img/dtvdirekt_cover.png) top left no-repeat;
	}
	
	#cover img {
		border: 1px solid #980e1b;
	}
	
	#bigteaser {
		float:right;
		width:490px;
		margin: 55px 170px 0 0;
		display:inline;
		color:#FFF;
	}
	
	#content {
		clear:both;	
		padding-top:40px;
		background:url(../img/bg_content.gif) top right no-repeat;
	}
	
	#seitenspalte {
		width: 255px;
		float: right;
		margin: 3px 28px 0 0;
		z-index: 1;
		display:inline;
	}	
	
	
	#footer {
		border-top: 1px solid #b9b0ab;
	}
	


	
/* 2.2	Navigation
-----------------------------------------------------------------------------------------------*/	
	
	
	#meta ul {
		text-align:right;
		padding: 7px 0 0 0;
	}
	
	#meta li {
		display:inline;
		font-size:11px;
		background:url(../img/meta_trenner.gif) top right no-repeat;
		margin-right:4px;
		padding-right:4px;
	}
	
	#meta li.last {
		background: none;
	}

	#navigation ul{
		margin-left: 10px;
	}
	
	#navigation a {
		display: block;
	}
	
	#navigation li { /* all list items */
		float: left;
		font-size:16px;
		margin-right: 25px;
		display: inline;
	}

	
/* 2.3	Content
-----------------------------------------------------------------------------------------------*/
	
	.box {
		width: 255px;
		float: left;
		margin: 0 50px 10px 0;
	}
	
	#bigteaser .datumkategorie {
	margin-bottom: 0;
	color: #fff;
	font-weight:bold;
	font-size:12px;
	}
	
	#bigteaser h1 {
	margin-bottom: 15px;
	}
	
	#bigteaser p {
	font-size: 14px;
	}
	
	.teaser {
		margin-bottom: 40px;
	}
	
	.datumkategorie {
		margin-bottom: 0;
		color: #fc000b;
		font-weight:bold;
	}
	
	.teaser h1 {
		margin-bottom: 15px;
	}
	
	
	.eintrag {
		margin-bottom: 40px;
	}

	.eintrag img {
		margin: 5px 0 10px 10px;
		float:right;
	}
	
	.datumkategorie {
		margin-bottom: 0;
		color: #fc000b;
		font-weight:bold;
	}
	
	.csc-textpic img {
		margin-bottom: 10px;
	}
	
	.news-single-img {
		float: right;
	}
	
	#contentbox {
		width: 570px;
		float: left;
		margin: 0 0 28px 10px;
	}
		
	#contentbox ul, #contentbox ol {
		margin:0 0 0 20px;
	}
	
	#contentbox ul li {
		list-style-type:disc;
		margin:0 0 5px;
		font-size:12px;
		line-height: 20px;
	}
	
	#contentbox ol li {
		margin:0 0 5px;
		font-size:12px;
		line-height: 20px;
		list-style-type:decimal;
	}
	
	
	.downloadbox dl {
		float: left;
		width: 500px;
		margin: 5px;
		padding: 0;
		display: inline; /* fixes IE/Win double margin bug */
		}
	.downloadbox dt {
		float: right;
		width: 435px;
		margin: 0;
		padding: 0 0 2px 0;
		color: #5a5a5a;
		}
	.downloadbox dd {
		margin: 0 0 0 65px;
		padding: 0;
		color: #a7a7a7;
		}
	
	.downloadbox dl dd.img {
		margin: 0;
		}
	.downloadbox dd.img img {
		float: left;
		margin: 0 8px 0 0;
		}
		
	.downloadbox p {
		margin-bottom: 0px;
		font-weight:bold;
	}
		
	form {
		margin-bottom: 20px;	
	}
	
	table {
		font-size: 12px;	
	}
	
	td {
	  padding:3px 2px;
	}
	
	
	
	
	
/* Stile hier und da, sollten später noch umsortiert werden */	
	
	.systemtabelle {
		margin-bottom: 30px;
	}
	
	.systemtabelle td {
		padding:3px 15px 3px 0;
	}
	
	.news-single-additional-info {
		padding: 10px 0;
	}
	
	.news-single-additional-info dt {
		display:none;
	}
	
	.news-single-additional-info dd img {
		float:left;
		margin:0;
	}
	
	.news-single-additional-info dd {
		margin-left: 10px;
		font-size: 12px;
	}
	
	.news-single-additional-info dd a {
		margin-left: 10px;
	}
	
	.news-single-backlink {
		padding-top: 20px;
		font-size: 12px;
	}
	
	#c31 {
		margin-bottom: 40px;
	}
	
	.news-list-browse {
		font-size:11px;
		padding-bottom:10px;
	}
	
	table td p {
		margin: 0px;
		color: #666666;
	}
	
	.showResultsWrap {
		padding-bottom: 10px;
	}
	
	.buttonplz {
		margin-top:10px;
	}
	
	.suchwort{
	color:#000000;
	font-weight:bold;
	}
	
	
/* Tabelle Suchergebnis */

	.suchergebnis {
		border-collapse:collapse;
		border-spacing:0;
		border:0;
		border-width:0;
		padding:1px;
		margin:0px;
		width: 100%;
		text-align:left;
		font-size: 12px;
	
	}
	
	.suchergebnis caption {
		display: none;
	}
	
	.suchergebnis th {
		background-color: #EFEFEF;
		font-weight:bold;
		padding:10px 6px;
	}
	
	.suchergebnis td {
	  padding:10px 6px;
	  background-color: #e4e9ec;
	  border:1px solid #fff;
	}
	
	th[scope=col] {
		font-weight: bold;
	}
	
	th[scope=row] {
		text-align:left;
		border:1px solid #fff;
	}




/* Kontaktformular */


.csc-mailform-field label {
  clear:both;
float:left;
margin-bottom:10px;
width:120px;
}

form#mailform {
	width:440px;
	font-size:12px;
}

form#mailform legend {
	display:none;
}


.csc-mailform-field input, .csc-mailform-field select {
  margin-bottom:10px;
}

#mailform textarea {
	margin-bottom:10px;
}


.csc-mailform-field input#mailformEinverstndniserklrung_Ich_bin_, .csc-mailform-field input#mailformEinverstaendnisDatenschutz {
	float:left;
	margin-left:90px;
}


.csc-mailform-field .label20 {
	clear:both;
}

.csc-mailform-field input#mailformformtype_mail {
	margin-left:120px;
}


.csc-mailform-field .label19 {
  	clear:both;
	float:right;
	margin-bottom:10px;
	
}

.csc-mailform-field .label19 label {
	margin-bottom:10px;
	width:320px;
}


	
/* 2.4	Seitenspalte
-----------------------------------------------------------------------------------------------*/	
	
	
	#seitenspalte ul { 
		padding-bottom: 30px;
	}

	#seitenspalte ul li { 
		width: 228px; 
		font-size: 11px;
		line-height: 25px;
	}

	#seitenspalte p { 
		font-size: 11px;
		line-height: 18px;
	}
	
	#seitenspalte .downloadbox dl {
  	float: left;
  	width: 255px;
  	margin: 5px;
  	padding: 0;
  	display: inline; /* fixes IE/Win double margin bug */
  	}
	#seitenspalte .downloadbox dt {
		float: right;
		width: 190px;
		margin: 0;
		padding: 0 0 2px 0;
		color: #5a5a5a;
		}
	#seitenspalte .downloadbox dd {
		margin: 0 0 0 65px;
		padding: 0;
		color: #a7a7a7;
		}
	
	#seitenspalte .downloadbox dl dd.img {
		margin: 0;
		}
	#seitenspalte .downloadbox dd.img img {
		float: left;
		margin: 0 8px 0 0;
		}
		
	#seitenspalte .downloadbox p {
		margin-bottom: 0px;
		font-weight:bold;
	}
	
	
	
/* 2.5	Footer
-----------------------------------------------------------------------------------------------*/	
	#footer{
		clear: both;
		text-align:center;
		background:#FFFFFF;	
		padding: 10px 0;
	}
	
	#footer p{
		font-size: 10px;
		line-height: 18px;
		margin: 0;
	}



/* 2.6	Altes CSS
-----------------------------------------------------------------------------------------------*/

table,td,tr{font-family:Verdana,Helvetica, Arial,sans-serif;font-size:12px;color:#666}

.titelschwarz{font-family:Verdana,Helvetica, Arial,sans-serif;font-size:20px;color:#000000;font-weight:bold;line-height:20px;font-style:italic;}
.titelschwarzklein{font-family:Verdana,Helvetica, Arial,sans-serif;font-size:15px;color:#000000;font-weight:bold;line-height:18px;font-style:italic}

.titelrot{font-family:Verdana,Helvetica, Arial,sans-serif;font-size:20px;color:#ff0000;font-weight:bold;line-height:20px;font-style:italic;}
.titelrotklein{font-family:Verdana,Helvetica, Arial,sans-serif;font-size:15px;color:#ff0000;font-weight:bold;line-height:18px;font-style:italic;}

.schliessen{font-family:Verdana,Helvetica, Arial,sans-serif;font-size:11px;color:#ff0000;font-weight:bold;line-height:12px;}

.textschwarz{font-family:Verdana,Helvetica, Arial,sans-serif;font-size:12px;color:#000000;font-weight:bold;line-height:12px;}
.textweiss{font-family:Verdana,Helvetica, Arial,sans-serif;font-size:12px;color:#ffffff;font-weight:bold;line-height:14px;}
.textschwarzklein{font-family:Verdana,Helvetica, Arial,sans-serif;font-size:12px;color:#000000;font-weight:normal;line-height:14px;}
.textschwarzkgross{font-family:Verdana,Helvetica, Arial,sans-serif;font-size:18px;color:#000000;font-weight:bold;line-height:20px;}


.datengross {font-family:Verdana,Helvetica, Arial,sans-serif;font-size:20px;color:#000000;font-weight:bold;text-decoration:none}


span.disabledLinkWrap {
	display: none;
}

div.browseLinksWrap span, div.browseLinksWrap a {
	margin-right: 5px;
}





/* 2.7	Clearen
-----------------------------------------------------------------------------------------------*/	

	.clearfix:after {
		content: ".";
		display: block;
		height: .1px;
		clear: both;
		visibility: hidden;
		font-size: 0;
		overflow: hidden;
	}
	
	.clearfix {
		min-height: 0;
	}

	* html .clearfix {
		height: 1px;
	}