/*	### CSS Styles for funkschau ###
	Last update: 2008/08/06

	##### Table of Contents #####
	
	General
		Lists
		Tables
		Forms
		Generic Navs
	Layout
		Ads
		Header
		Service nav
		Nav Layer
		Main Nav
		Main column
		Side column
		Footer
	Page specific
		Article
*/

/* General
_________________________________________________________________________________ */

body {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color: #fff;
	color: #000;
}

body, ul, ol, li, .clearer, .NavLayer li, form, .VerticalNav ul, .VerticalNav li  {
	margin:0;
	padding:0;
}

a {
	color: #005da8;
	text-decoration: none;
}

a:hover, #serviceNav li a:hover, .NavLayer li a:hover, .newsItem .SectionLinks a:hover, #subNav li a:hover, .infoBox a:hover, .articleToolBar a:hover {
	text-decoration: underline;
}

img {
	border: 0;
}

.clearer, .dottedDivider {
	clear: both;
	font-size: 0;
	height: 0;
	line-height: 0;
}

.dottedDivider {
	height: 1px;
	background: none;	
}

h1 {
	font-size: 14px;
	color: #03366d;
	font-weight: bold;
	margin: 0 0 18px 0;
}

.submitBtn, .infoBox h3 {
	font-size: 12px;
}

p, li, h3, td, th, input  {
	font-size: 11px;
	
}

#serviceNav li a, #NavLayer li a, .videoLink {
	font-size: 10px;
}

p, li, h3, td, th {
	line-height: 14px;
}

input {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.Left {
	float: left;
}

.Right {
	float: right;
}

img.Left {
	margin: 3px 20px 10px 0;
}

.centered {
	text-align: center;
}

hr {
	color: #fff; 
	border: none;
	border-top: 1px #818ea3 solid; 
	height: 1px;
}

.Top {
	margin-top: 0 !important;
}

/* Lists
-------------------------*/
ul, ul li  {
	list-style-type: none;
}

ul, ol {
	margin: 10px 0 10px 0;
}

ul li {	
	padding: 0;
	margin-bottom: 5px;
}

ol li {
	margin: 0 0 5px 20px;
}

.InlineList li {
	background-image: none;	
	padding: 0;
	display: inline;
}

.ListWithArrow li {
	background: none;	
	padding: 0;
}

.noBullet li {
	padding-left: 0;
	background: none;
}

.topList li {
	font-weight: bold;
	color: #005da8;
}

.topList li a {
	font-weight: normal;
}

.radioButtonList li {
	background: none;
	position: relative;
	margin-bottom: 8px;
	padding-left: 0;
}

.radioButtonList li input {
	float: left;
	position: relative;
	left: -4px;
	top: -2px;
}

/* Forms
-------------------------*/

.submitBtn {
	background-color: #f9f9f9;
	border: 1px #04376e solid;
	color: #005da8;
	font-weight: bold;
	padding: 2px 6px;
}

/* Generic Navs
-------------------------*/

/* Horizontal Nav -------------------------*/

.HorizontalNav ul {
	margin: 0;
}

.HorizontalNav ul li {
	display: inline;
	margin: 0;
	padding: 0;
	font-size: 11px;
	line-height: normal;
	background-image: none;
}

.HorizontalNav ul li a, .HorizontalNav ul li span, .HorizontalNav ul li a:visited  {
	float: left;
	text-decoration: none;
}


/* Vertical Nav -------------------------*/

.VerticalNav {
	float: left;
}

.VerticalNav li {
	background: none;
}

.VerticalNav li a, .VerticalNav li span {
	display: block;
	text-decoration: none;
	padding: 5px;
	color: #000;
}

/* Tables
-------------------------*/

table {
	border-collapse: collapse;
}

td, th {
	vertical-align: top;
	text-align: left;
}

/* Layout
_________________________________________________________________________________ */

/* Ads
-------------------------*/
#adTop {
	margin: 7px 0 7px 38px;
}

#adLeft {
	position: absolute;
	top: 104px;
	left: 817px;
}

#pageContainer {
	width: 801px;
}

/* Header
-------------------------*/

#header {
	height: 122px;
	width: 801px;
	background-color: #03366d;
	position: relative;
}

#logo {
	position: absolute;
	top: 60px;
	left: 19px;
}

#search {
	position: absolute;
	left: 605px;
	top: 43px;
}

#search input {
	width: 148px;
	color: #02356a;
	float: left;
	margin-right: 5px;
}

#Date {
	color: #fff;
	position: absolute;
	top: 91px;
	left: 692px;
}

/* Service Nav. 
Implements: Horizontal Nav
-------------------------*/
#serviceNav  {
	background-color: #f9f9f9;
	border: 1px #dce1e7 solid;
	border-width: 1px 1px 0 1px;
	height: 21px;
	padding-left: 13px;
}

#serviceNav li  {
	position: relative;
	float: left;
	background: none;
}

#serviceNav li a {
	color: #002d71;
	padding: 4px 6px 4px 6px;
	background: url('../gfx/global/servicenav_divider.gif') no-repeat 0px 7px;
	font-weight: bold;
}

#serviceNav li:first-child a {
	background: none;
}

#serviceNav li img {
	float: left;
	margin-right: 3px;
}

/* NavLayer
Implements: Vertical Nav
-------------------------*/

#serviceNavLayerSrc {
	display: none;
}

.NavLayer {
	background-color: #f9f9f9;
	border: 1px #dce1e7 solid;
	border-width: 0 1px 0 1px;
	position: absolute;
	z-index:99;
	display: none;
}

.NavLayer li {
	border-bottom: 1px #dce1e7 solid;
	white-space:nowrap;
	background: none;
}

.NavLayer li a, .NavLayer li span {
	padding: 2px 6px;
	color: #002d71;
}

/* Main Nav
Implements: Horizontal Nav
-------------------------*/

#mainNav {
	position: absolute;
	left: 198px;
	top: 99px;
	z-index:99;
}

#mainNav li {
	position: relative;
	float: left;
}

#mainNav a, #mainNav span {
	background-color: #005da8;
	color: #fff;
	font-weight: bold;
	padding: 5px 9px;
	margin-right: 1px;
	height: 13px;
}

#mainNav .act a, #mainNav .act span, #mainNav .act a:hover {
	background-color: #f9f9f9;
	color: #03366d;
}

#mainNav a:hover {
	background-color: #4781c9;
}


/* Sub Nav
Implements: Horizontal Nav
-------------------------*/
#subNavBackground {
	background-color: #f9f9f9;
	border-bottom: 1px #dce1e7 solid;
	border-right: 1px #dce1e7 solid;
	height: 25px;
}

.empty {
	height: 12px !important;
}

.subNav {
	position: absolute;
	top: 25px;
	left: -6px;
	width: 380px;
	display: none;
}

li.act .subNav   {
	display: block;
}

#mainNav .subNav  li a, #mainNav .subNav  li span {
	color: #818ea3;
	padding: 4px 6px 4px 6px;
	background: url('../gfx/global/servicenav_divider.gif') no-repeat 0px 7px;	
	font-weight: bold;
}

#mainNav .subNav  li:first-child a {
	background: none;
}

#mainNav .subNav  li.act a, #mainNav .subNav  li.act span {
	color: #002d71;
}

/* Main column
-------------------------*/

#mainColumn {
	width: 464px;
	float: left;
	margin: 20px 0 0 19px;
}

#breadCrumb {
	margin: -10px 0 15px 0;
}

#breadCrumb, #breadCrumb a {
	color: #818ea3;
	font-weight: bold;
}

#breadCrumb a.current, #breadCrumb span.current {
	color: #03366d;
}

.newsItem, .SquareAd {
	padding-bottom: 13px;
	margin-top: 13px;
}

.newsItem {
	background: url('../gfx/global/grey_dot.gif') repeat-x bottom;
}

.newsItem .ListWithArrow {
	clear: both;
}

.newsItem .SectionLinks {
	border-bottom: 1px #dae2e7 solid;
	height: 25px;
	margin: 17px 0 19px 0;
}

.newsItem .SectionLinks h3 {
	padding: 6px 14px;
	margin: 0;
	color: #015ea8;
	float: left;
}

.newsItem .SectionLinks a {
	padding: 6px 14px;
	background-color: #f9f9f9;
	border-left: 1px #dae2e7 solid;
	color: #818ea3;
	font-weight: bold;
}

.newsItem .SectionLinks li:first-child a {
	border-left: 0;
}

.lastNewsItem {
	background: none;
}

.SquareAd {
	padding: 15px 0 20px 0;
}

.SquareAd p {
	float: left;
	margin: 0 36px 0 18px;
	color: #333;
	position: relative;
	top: -15px;
}

/* Side column
-------------------------*/

#sideColumn {
	width: 300px;
	float: right;
	margin-top: 19px;
}

/* infoBox -------------------------*/

.infoBox {
	width: 300px; /* allows for display outside of sideColumn */
	background-color: #f9f9f9;
	padding-bottom: 5px;
}

.infoBox a {
	color: #000;
}

.infoBox h3 {
	background-color: #dae2e7;
	color: #03366d;
	padding: 5px 10px;
	margin: 0 0 16px 0;
}

.infoBox ul, .infoBox p, .infoBox ol {
	margin-left: 10px;
	margin-right: 10px;
}

.currentIssue {
	padding-bottom: 15px;
}

.currentIssue .Left {
	width: 140px;
	margin-left: 10px;
}

.currentIssue .Right {
	width: 140px;
	margin-right: 10px;
}

.currentIssue p {
	margin-top: 0;
	margin-bottom: 0;
}

.tagCloud li {
	line-height: 21px;
}

.tagCloud .size1 {font-size: 10px;}
.tagCloud .size2 {font-size: 11px;}
.tagCloud .size3 {font-size: 13px;}
.tagCloud .size4 {font-size: 14px;}
.tagCloud .size5 {font-size: 16px;}
.tagCloud .size6 {font-size: 18px;}
.tagCloud .size7 {font-size: 19px;}
.tagCloud .size8 {font-size: 20px;}

.voteBtn {
	margin-left: 20px;
}

/* Footer
-------------------------*/

#footer {
	width: 801px;
	text-align: center;
	border-top: 1px #818ea3 solid;
	padding-top: 15px;
	line-height: 18px;
}

#footer, #footer a {
	color: #818ea3;
}

/* Page specific
_________________________________________________________________________________ */

/* Article 
-------------------------*/

/* Article Toolbar -------------------------*/

.articleToolBar {
	background: url('../gfx/article/toolbar_borders.gif') repeat-x top;
	height: 26px;
	margin-bottom: 19px;
}

.articleToolBar p {
	margin: 5px 0 0 0;
}

.articleToolBar img {
	float: left;
	margin: 0 10px 0 0;
}

.articleToolBar li a, .articleToolBar li span {
	padding: 4px 10px;
	background: url('../gfx/article/toolbar_divider.gif') no-repeat 0px 4px;
}

.articleToolBar li:first-child a, .articleToolBar li:first-child span {
	background: none;
}

.articleToolBar li span a, .articleToolBar li span span {
	padding:0;
	background: 0;
}

.articleToolBar li.textResize img {
	margin: 0 0 0 4px;
}

.articleToolBar li.textResize span span {
	margin-right: 10px;
}

.articleToolBar div.Right {
	position: relative;
	left: 10px;
	top: 2px;
}

.articleToolBar .paging ul {
	margin-top: 1px;
	float: left;
}	

.bottomBar {
	margin-top: 20px;
}

/* Video highlight -------------------------*/

.videoHighlight {
	border: 1px #dae2e7 solid;
}

.videoHighlight .videoStrip {
	text-align: center;
	margin: 31px 0 19px 0 ;
}

.videoHighlight .videoStrip img {
	margin: 0 8px;
}

.videoLink {
	margin: 0 0 4px 12px;
}

.videoLink img {
	float: left;
	margin: 2px 7px 0 0;
}

/* Table -------------------------*/

.articleTable {
	margin: 30px 0;
	width: 464px;
	clear: both;
}

.articleTable table
{
	border: 1px #dae2e7 solid;	
	border-right: none;
	width: 100%;	
	margin: 0;
}

.articleTable td, .articleTable th {
	padding: 6px 10px;		
	border-right: 1px #dae2e7 solid;	
}

.articleTable th {
	
	border-bottom: 3px #dae2e7 solid;	
	
}


/* Competence center 
-------------------------*/
h1.CompetenceCenter {
	color: #474747;
}

/* Kopfe 
-------------------------*/

.alphabetPaging li a, .alphabetPaging li span {
	padding: 4px 4px 4px 5px;
	font-weight: bold;
}

.kopfeList li {
	margin-bottom: 20px;
}

.kopfeList .divider {
	color: #818ea3;
}

.kopfePerson {
	width: 308px;
	margin-left: 68px;
}

/* Druckansicht 
-------------------------*/

.printView #pageContainer, .printView  #mainColumn{
	width: auto;
}

.printView #header {
	background: none;
	header: none;
	width: auto;
	height: auto;
	margin: 10px 0 0 19px;
}

.printView #logo {
	position: relative;
	left: auto;
	top: auto;
}

.printView #mainColumn {
	margin-top: 10px;
}

.printView  .videoHighlight, .printView .articleTable, .printView .articleToolBar {
	width: 464px;
}

.dateDiv
{
	font-size: 11px;
	margin: 12px 0;
	padding-bottom: 12px;
	border-bottom: 1px #818ea3 solid;
	text-align: right;
	width: 95%;	
}

@media print {

	p
	{
		width: 95%;
	}

	.dateDiv
	{
		margin-top: 12px;
		border-top: 1px #818EA3 solid;
		border-bottom: 1px #818EA3 solid;
		padding-top: 5px;
		padding-bottom: 5px;
		width: 464px;
		text-align: left;	
	}
	
	#sideColumn, #adTop, #adLeft, #serviceNav, #mainNav, #subNavBackground, #search, #header #Date, #printMeNow,
	.articleVideo, .videoHighlight	{
		display: none;
	}
	
	#pageContainer, #mainColumn, #header, #footer  {
		width: auto;
	}
	
	.articleImage, .teaserImage
	{
		clear: both;
		float: left;	
		width: 186px;
		font-size: 9px;
		margin: 0pt 0pt 10px;
	}
	
	.articleVideo-image, .articleVideo-caption, .articleImage-image, .articleImage-caption, .teaserImage-caption 
	{
		width:166px;
	}	
	
	.articleImage-caption-inner, .teaserImage-caption-inner 
	{
		border: 1px solid #DAE2E7;
		border-top: none;		
		padding:0pt 10px 10px;
	}
	
	.articleImage-caption-inner p, .teaserImage-caption-inner p 
	{
		margin:5px 0pt 0pt;
		padding:0pt;
	}	
	
	.articleImage-source, .teaserImage-source
	{
		font-size: 9px; 
		color: #818EA3;
		text-align: right;
		margin: 3px;
	}
	
	
	#header {
		background: none;
		header: none;
		width: auto;
		height: auto;
		margin: 10px 0 0 19px;	
	}	
	
	/* Clear some Extension stuff as well...... */
	#bottom_page_navigation, #gallery_letter_navigation, .SquareAd, #footer span, #logo, #breadCrumb, #date
	{
		display: none;
	}
	
	#print_logo 
	{		
		display: block;
		position: relative;
		left: auto;
		top: auto;
	}
	
	#pageContainer, #mainColumn {
		width: auto;
	}	
	
	#mainColumn {
		margin-top: 20px;
	}	
	
	.videoHighlight, .articleTable, .articleToolBar {
		width: 464px;
	}	
	
	#footer 
	{
		margin-top: 12px;
		border-top: 1px #818EA3 solid;
		border-bottom: 1px #818EA3 solid;
		padding-top: 5px;
		padding-bottom: 5px;
		width: 464px;
		text-align: left;
	}
	
	
	/* Jobcenter */
	.weka_jobcenter_preimage {
		float: none;
	}
	.joboffer_backlink
	{
		display: none;
	}
	
	/* Anbieterverzeichnis */
	#gallery_contact {
		display: none;
	}
	
	/* Aufsteiger des Monats / Köpfe der ITK / Ansprechpartner */
	.hotshot_backlink, .ithead_detail_inner_top, .ithead_detail_inner_bottom, .itheads_backlink
	{
		display: none;
	}
	.ithead_detail_inner
	{
		margin: 0;
	}
	.ithead_detail_inner_image
	{
		text-align: left;
	}
	
	/* Abenteuer des Alltags, tt_news */
	.news-single-backlink, .news-more-links, .news_single_item .articleToolBar
	{
		display: none;
	}
	.news_single_item .news-main-content
	{
		margin: 0;
	}
	
	/* Termine */
	.pdfCaption, #kalender, #monatAktiv, #monatWahl
	{
		display: none;
	}
	.event-detail-left, .event-detail-right
	{
		float: none;
		width: auto;
	}
	.event-detail-left
	{		
		padding-bottom: 19px;
		border-bottom: 1px solid #818EA3;
		margin-bottom: 19px;
	}
	.NewsImgDIV img
	{
		float: none;
	}
	
	/* Heftarchiv */
	
	#issue_selector, .issue-info-left, .issue-info-right p, #heftarchiv_detail_rubriken .dottedDivider, .heftarchiv_detail_pdf 
	{
		display: none;		
	}
	.issue-info-right
	{
		margin: 0;
	}
	.issue-info-right h1
	{
		font-size: 14px;
	}
	#heftarchiv_detail_rubriken .heftarchiv_detail_category
	{
		background: none;	
		border-top: 1px solid #818ea3;
		clear: both;
	}
	.heftarchiv_detail_title h1 a
	{
		font-size: 11px;
		color: black;
	}
	
	
}