/*	### 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;
	font-size: 11px;
}

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

a {
	color: #e10915;
	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: url('../gfx/global/grey_dot.gif') repeat-x top;
}

h1, h1 a {
	font-size: 14px;
	color: #e10915;
	font-weight: bold;
	margin: 0 0 19px 0;
}
 h1 a:hover { text-decoration:none; }

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

#sideColumn p, li, h3, td, th, input, textarea, select  {
	font-size: 11px;
}
p {
	font-size: 12px;
}

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

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

p, ul, ol {
	margin-bottom: 10px;
}

p
{
	line-height: 15px;
}

.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 #ccc solid; 
	height: 1px;
}

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

/* Lists
-------------------------*/
ul, ul li  {
	list-style: none;
}
/*
ul, ol {
	margin: 0 0 10px 0;
}
*/
ul li {
	background: url('../gfx/global/bullet.gif') no-repeat 9px 7px;
	padding-left: 20px;
/*	margin-bottom: 5px;*/
}

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

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

.ListWithSquare li {
	background: url('../gfx/global/grey_square.gif') no-repeat 0px 3px;
	padding-left: 14px;
}

.ListWithArrow li {
	background: url('../gfx/global/triangle_red.gif') no-repeat 0px 3px;
	padding-left: 14px;
}

.ListWithArrow li.external-link a {
	color: #003366;
}

.ListWithArrow li.external-link {
	background: url('../gfx/global/triangle_red.gif') no-repeat 0px 3px;
}

.noBullet li {
	padding: 0;
	margin: 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
-------------------------*/

input, textarea, select {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	/*border: 1px solid #EDF1F4;*/
	border: 1px solid #DDDDDD;
}
dd, dt {
	margin: 0;
	padding: 0;
}
.submitBtn, .powermail_reset, .powermail_submit
{
	background-color: #f4f4f4;
	border: 1px #666 solid;
	color: #818ea3;
	font-weight: bold;	
	padding: 6px 10px;
	margin: 0;
	overflow: visible;
}

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

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

.HorizontalNav ul {
	margin: 0;	
}

.HorizontalNav ul li {
	display: inline;
	margin: 0;
	padding: 0;
	font-size: 10px;
	line-height: 10px;
	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;
	height:90px;
	z-index: 0.5;
}

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

#adLeft2 {
	position: absolute;
	top: 714px;
	left: 817px;
}

#adTopWP {
	margin: 7px 0 7px 73px;
	height:90px;
	z-index: 0.5;
}
#adLeftWP {
	position: absolute;
	top: 7px;
	left: 807px;
}

#adLeft2WP {
	position: absolute;
	top: 714px;
	left: 817px;
}

#adTopWP2 {
	margin: 7px 0 7px 239px;
	height:90px;
	z-index: 0.5;
}
#adLeftWP2 {
	position: absolute;
	top: 96px;
	left: 807px;
}

#adLeft2WP2 {
	position: absolute;
	top: 714px;
	left: 817px;
}

#pageContainer {
	width: 801px;
}

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

#header {
	height: 106px;
	width: 801px;
	background-color: #fff;
	position: relative;
	border-top: 1px solid #ccc;
	
}

#headerRow1
{
	padding: 0 14px;
	height: 60px;	
	border-bottom: 1px solid #ccc;
}

#headerRow2
{
	padding: 0 14px;
	height: 46px;	
	border-bottom: 1px solid #ccc;
}


#headerRow1_Left, #headerRow1_Right
{
	float: left;
	width: 360px;
	padding: 10px 0;
}
#headerRow1_Left
{	
	padding-left: 19px;
}
#headerRow1_Right
{
	width: 393px;
	text-align: right;
}

#logo
{
	position: absolute;
	left: 33px;
	top: 10px;
}

#blueBg
{
	position: absolute;
	left: 0px;
	top: 60px;
	background: #17304e url('../gfx/global/headerVerlauf.gif') repeat-x;
	width: 801px;
	height: 46px;
	z-index: 0.5;
}

#subNavBackground {
		
	background-color: #f4f4f4;
	border-bottom: 1px #ccc solid;	
	border-right: 1px #ccc solid;	
	height: 25px;
	width: 800px;
	z-index: 0.5;
	
}



#print_logo {
	display: none;
}
#myURL
{
	margin: 12px 0 0 0;	
}

#date
{
	color: #666;
	position: absolute;
	top: 40px;
	left: 486px;
	font-size: 11px;
	width: 300px;
	text-align: right;
	
}

#search
{
	position: absolute;
	top: 80px;
	left: 608px;
}

#rightBorderHelper
{
	position: absolute;
	top: 0px;
	left: 800px;
	height: 60px;
	border-left: 1px solid #ccc;
	width: 1px;
}

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


/* Service Nav. 
Implements: Horizontal Nav
-------------------------*/
#serviceNav  {

	position: absolute;
	top: 6px;
	left: 302px;
	width: 490px;	
}

#serviceNav ul
{
	float: right;
}

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

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

#serviceNav li.firstLink a {
	background: none;
}

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

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

#serviceNavLayerSrc, #subNavLayerSrc {
	display: none;
}

.NavLayer {
	background-color: #f4f4f4;
	border: 1px #cccccc solid;
	border-width: 0px 1px 0 1px;
	position: absolute;
	z-index:99;
	display: none;
	margin-top: 1px;
}

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

.NavLayer li a, .NavLayer li span {
	padding: 7px 14px;
	color: #5e5e5e;
	font-size: 10px;
	text-decoration: none;
}

.NavLayer li a:hover
{
	background-color: #e5e5e5;
	text-decoration: none;
}




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

#mainNav {

	top: 80px;
	left: 33px;
	height: 26px;
	z-index:99;
	position: absolute;	
	background-color: #e10915;	
}

#mainNav li {
	position: relative;
	float: left;
	top: 6px;	
	left: -1px;
}

#mainNav a, #mainNav span {
	background-color: #e10915;
	color: #f4f4f4;
	font-weight: bold;
	padding: 4px 14px 6px 14px;
	border-left: 1px solid #17304e;	
	font-size: 11px;
}

#mainNav .act a, #mainNav .act span, #mainNav .act a:hover {
	background-color: #f4f4f4;
	color: black;
}

#mainNav a:hover {
	background-color: #f4f4f4;
	color: black;
}


/* Sub Nav
Implements: Horizontal Nav
-------------------------*/

.empty {
	height: 12px !important;
}

.subNav {
	position: absolute;
	top: 20px;
	left: -33px;
	width: 680px;
	display: none;
	height: 25px;
}

li.act .subNav   {
	display: block;
}

#mainNav .subNav  li a, #mainNav .subNav  li span {
	color: #5e5e5e;
	padding: 4px 14px 5px 14px;
	background: url('../gfx/global/servicenav_divider.gif') no-repeat 0px 7px;	
	font-weight: bold;
	border: none;
	font-size: 10px;
}

#mainNav .subNav  li.firstLink a {
	background: none;
}

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

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

#mainColumn {
	width: 471px;
	float: left;
	margin: 0 14px;
	border-top: 1px solid #ccc;
	background-color:#fff;
}

#breadCrumb {
	margin: 0;
	padding: 0;
}

#breadWrap {	
	display:  block;
	margin: 14px;
}

#breadCrumb, #breadCrumb a {
	color: #5e5e5e;
	font-size: 10px;
	font-weight: normal;
}

#breadCrumb a.current, #breadCrumb span.current {
	font-weight: bold;
}

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

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

.newsItem .ListWithArrow {
	clear: both;
}

.newsItem .ListWithArrow li a{
	color: #999;
}


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

.newsItem .SectionLinks h3 {
	padding: 4px 14px 6px 14px;
	margin: 0;	
	float: left;
	background-color: #e10915;
	border-top: 6px solid #f4f4f4;
	line-height: 11px;	
}
.newsItem .SectionLinks h3 a {
	color: #fff;	
	font-size: 11px;		
}
.newsItem .SectionLinks h3 a:hover {
	text-decoration: none;
}


.newsItem .SectionLinksCc h3 {
	border-top: 1px solid #DAE2E7;
	border-left: 1px solid #DAE2E7;
	border-right: 1px solid #DAE2E7;
	padding: 5px 10px;
}

.newsItem .SectionLinksCc h3 a {
	color: #03366D;
}

.newsItem .SectionLinks li a {
	padding: 5px 14px 6px 14px;
	background-color: #f4f4f4;	
	color: #666;
	font-weight: bold;
	font-size: 11px;
	line-height: 11px;	
}

.newsItem .SectionLinks li:first-child a {
	border-left: 0;
	border-top: 5px solid #f4f4f4;
}

.lastNewsItem {
	background: none;
	padding-bottom: 0;
}

.SquareAd {
	padding: 19px 0 19px 0;
}

.SquareAd p {
	float: left;
	margin: 10px 36px 9px 18px;
	color: #333;
	position: relative;
	top: -15px;
	font-size: 11px;
}

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

#sideColumn {
	width: 300px;
	float: right;	
	border: 1px solid #ccc;
	background-color: #fbfbfb;
	color: #666;
}

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

.infoBox {
	width: 300px; /* allows for display outside of sideColumn */
	background-color: #fbfbfb;
	color: #666;	
}

.infoBox a {
	color: #666;
}

.infoBox h3 {
	background-color: #DEDEDE;
	color: #666;
	padding: 6px 11px;
	margin: 0 0 19px 0;
	font-weight: bolder;
	font-size: 12px;
}

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

.currentIssue {
	padding-bottom: 19px;
}

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

.currentIssue .Left img{
	border: 1px solid #ccc;
	border-left: none;
}

.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 #cccccc solid;
	padding-top: 19px;
	line-height: 18px;
	margin: 19px 0;
	font-size: 11px;
	
}

#footer, #footer a {
	color: #5e5e5e;
	text-decoration: none;
	font-size: 11px;
}

#footer a:hover{
	text-decoration: underline;
	font-size: 11px;
}

/* Page specific
_________________________________________________________________________________ */


/* 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;
}


/* TABLES  */

.tworows, .threerows
{
	width: 460px;
	border: 1px solid #EDF1F3;
	border-right: none;
}

.tworows th, .threerows th
{
	background-color: #DAE2E7;
	padding: 5px 4px 5px 12px;			
}

.tworows .tr-odd, .threerows .tr-odd
{
	background-color: #f9f9f9;
}

.tworows td, .threerows td
{
	width: 50%;	
	border-right: 1px solid #EDF1F3;
	padding: 5px 4px 5px 12px;			
}


.threerows td 
{
	width: 33%;
}


/* Text mit Bild Element in der rechten Spalte */


#sideColumn .csc-textpic-text a
{
	background: transparent url('../gfx/global/grey_square.gif') no-repeat scroll 0px 3px;
	padding-left: 14px;
	color: #666;
}



/*------------------------------------*/
/*CSS from Paul - Design the Imagegallery Link*/
/*------------------------------------*/
h1.comment-header-image-gallery {
	font-size:11px;
	font-weight:bold;
	color:#000;
	margin: 0 0 5px 0;
	padding:0;
}
p.comment-p-image-gallery {
	margin:0 0 5px 0;
}
p.galleryHeader {
	font-size: 17px; 
	color: #598fb0;
	margin:0 0 10px 0;
	padding:0 10px 0 0;
	font-weight:normal;
} 
ul.ul-list-gallery{
	margin:0;
	padding:18px 0 6px 0;
	border:solid 2px #d8d8d8;
}
html > body ul.ul-list-gallery{
	margin:0;
	padding:18px 0 17px 0;
	border:solid 2px #d8d8d8;
}
ul.ul-list-gallery-one{
	margin:0;
	padding:18px 0 6px 0;
	border:solid 2px #d8d8d8;
}
html > body ul.ul-list-gallery-one{
	margin:0;
	padding:18px 0 17px 0;
	border:solid 2px #d8d8d8;
}
li.list-one, li.list-two, li.list-three {
	float:left;
	width:80px;
	list-style-type:none;
	padding:0;
}
li.list-one {
	margin:0 10px 0 85px;
}
li.list-two {
	margin:0 10px 0 0;
}
li.list-one img, li.list-two img, li.list-three img {
	width:80px;
}
li.list-one-twoImages, li.list-two-twoImages {
	float:left;
	width:80px;
	list-style-type:none;
	padding:0;
}
li.list-one-twoImages {
	margin:0 14px 0 124px;
}
li.list-one-twoImages img, li.list-two-twoImages img{
	width:80px;
}
.ul-list-gallery li Img, .ul-list-gallery-one li Img  {
	border:0;
}
.galleryLinkFooter {
	margin:0 0 20px 0;
	padding:4px 10px 0 0;
	font-size:10px;
	}
.clear-list {
	clear:both;
	list-style-type:none;
	padding:0;
	margin:0;
}