/* special styles for zukunftfaehiges-deutschland.de */

#header {
	background:			 url(../img/titel.jpg) no-repeat;
}

#header .imgBottom,
#subNavi .top,
#teaserLeft .subNavi .csc-header,
#subNavi .bottom,
#teaserLeft .subNavi .bottom {
	background:			none;
}

a,
a:link,
a:active,
a:visited,
#mainNavi a:hover,
#mainNavi strong a,
#mainNavi strong a:link,
#mainNavi strong a:active,
#mainNavi strong a:visited,
#mainNavi strong a:hover {
	color:				#ff5400;
}

#article a,
#article a:link,
#article a:active,
#article a:visited {
	color:				#7ab51d;
}


/********************************************************************************
						Teaser
********************************************************************************/
#teaserRight .footer a,
#teaserRight .footer a:link,
#teaserRight .footer a:active,
#teaserRight .footer a:visited,
#teaserLeft .footer a,
#teaserLeft .footer a:link,
#teaserLeft .footer a:active,
#teaserLeft .footer a:visited {
	display:			block;
	color:				#0069dc;
	background:			#b3ceec url(../img/btTeaserMore.gif) no-repeat;

	background-position:170px center;
	
	padding:			0px 25px 0px 0px;
}

/**********  Teaser 01 **********/

#teaserRight .teaser01,
#teaserLeft .teaser01 {
	border:				1px solid #b3ceec;
	background:			#ffffff url(../img/teaserbox_blau.gif) repeat-x;
}

#teaserRight .teaser01 h1, 
#teaserRight .teaser01 h2, 
#teaserRight .teaser01 h3, 
#teaserRight .teaser01 h4, 
#teaserRight .teaser01 h5, 
#teaserRight .teaser01 h6, 
#teaserRight .teaser01 p,
#teaserLeft .teaser01 h1, 
#teaserLeft .teaser01 h2, 
#teaserLeft .teaser01 h3, 
#teaserLeft .teaser01 h4, 
#teaserLeft .teaser01 h5, 
#teaserLeft .teaser01 h6, 
#teaserLeft .teaser01 p {
	color:				#000000;
}

#teaserRight .teaser01 h1, 
#teaserRight .teaser01 h2, 
#teaserRight .teaser01 h3, 
#teaserRight .teaser01 h4, 
#teaserRight .teaser01 h5, 
#teaserRight .teaser01 h6,
#teaserLeft .teaser01 h1, 
#teaserLeft .teaser01 h2, 
#teaserLeft .teaser01 h3, 
#teaserLeft .teaser01 h4, 
#teaserLeft .teaser01 h5, 
#teaserLeft .teaser01 h6 {
	margin-top:			0;
	padding-bottom:		5px;
	background:			url(../img/bgDotGrey.gif) repeat-x;
	background-position:bottom left;
}

#teaserRight .teaser01 h1 a, #teaserRight .teaser01 h1 a:link, #teaserRight .teaser01 h1 a:active, #teaserRight .teaser01 h1 a:visited, 
#teaserRight .teaser01 h2, #teaserRight .teaser01 h2 a:link, #teaserRight .teaser01 h2 a:active, #teaserRight .teaser01 h2 a:visited, 
#teaserRight .teaser01 h3, #teaserRight .teaser01 h3 a:link, #teaserRight .teaser01 h3 a:active, #teaserRight .teaser01 h3 a:visited, 
#teaserRight .teaser01 h4, #teaserRight .teaser01 h4 a:link, #teaserRight .teaser01 h4 a:active, #teaserRight .teaser01 h4 a:visited, 
#teaserRight .teaser01 h5, #teaserRight .teaser01 h5 a:link, #teaserRight .teaser01 h5 a:active, #teaserRight .teaser01 h5 a:visited, 
#teaserRight .teaser01 h6, #teaserRight .teaser01 h6 a:link, #teaserRight .teaser01 h6 a:active, #teaserRight .teaser01 h6 a:visited,
#teaserLeft .teaser01 h1 a, #teaserLeft .teaser01 h1 a:link, #teaserLeft .teaser01 h1 a:active, #teaserLeft .teaser01 h1 a:visited, 
#teaserLeft .teaser01 h2, #teaserLeft .teaser01 h2 a:link, #teaserLeft .teaser01 h2 a:active, #teaserLeft .teaser01 h2 a:visited, 
#teaserLeft .teaser01 h3, #teaserLeft .teaser01 h3 a:link, #teaserLeft .teaser01 h3 a:active, #teaserLeft .teaser01 h3 a:visited, 
#teaserLeft .teaser01 h4, #teaserLeft .teaser01 h4 a:link, #teaserLeft .teaser01 h4 a:active, #teaserLeft .teaser01 h4 a:visited, 
#teaserLeft .teaser01 h5, #teaserLeft .teaser01 h5 a:link, #teaserLeft .teaser01 h5 a:active, #teaserLeft .teaser01 h5 a:visited, 
#teaserLeft .teaser01 h6, #teaserLeft .teaser01 h6 a:link, #teaserLeft .teaser01 h6 a:active, #teaserLeft .teaser01 h6 a:visited {
	color:				#ff5400;
}



/**********  Teaser 02  **********/

#teaserRight .teaser02,
#teaserLeft .teaser02 {
	border:				none;
	background:			none;
}

#teaserRight .teaser02 .footer a,
#teaserRight .teaser02 .footer a:link,
#teaserRight .teaser02 .footer a:active,
#teaserRight .teaser02 .footer a:visited,
#teaserLeft .teaser02 .footer a,
#teaserLeft .teaser02 .footer a:link,
#teaserLeft .teaser02 .footer a:active,
#teaserLeft .teaser02 .footer a:visited {
	border:				none;
}

#teaserRight .teaser02 h1, 
#teaserRight .teaser02 h2, 
#teaserRight .teaser02 h3, 
#teaserRight .teaser02 h4, 
#teaserRight .teaser02 h5, 
#teaserRight .teaser02 h6, 
#teaserRight .teaser02 p,
#teaserLeft .teaser02 h1, 
#teaserLeft .teaser02 h2, 
#teaserLeft .teaser02 h3, 
#teaserLeft .teaser02 h4, 
#teaserLeft .teaser02 h5, 
#teaserLeft .teaser02 h6, 
#teaserLeft .teaser02 p {
	color:				#000000;
}

#teaserRight .teaser02 h1, 
#teaserRight .teaser02 h2, 
#teaserRight .teaser02 h3, 
#teaserRight .teaser02 h4, 
#teaserRight .teaser02 h5, 
#teaserRight .teaser02 h6,
#teaserLeft .teaser02 h1, 
#teaserLeft .teaser02 h2, 
#teaserLeft .teaser02 h3, 
#teaserLeft .teaser02 h4, 
#teaserLeft .teaser02 h5, 
#teaserLeft .teaser02 h6 {
	background:			url(../img/bgDotGrey.gif) repeat-x;
	background-position:bottom left;
}


/**********  Teaser 03 + Teaser 04  **********/

#teaserRight .teaser03,
#teaserLeft .teaser03,
#teaserRight .teaser04,
#teaserLeft .teaser04 {
	border:				1px solid #b3ceec;
	background:			#ffffff url(../img/teaserbox_blau.gif) repeat-x;
}


#teaserRight .teaser03 h1, 
#teaserRight .teaser03 h2, 
#teaserRight .teaser03 h3, 
#teaserRight .teaser03 h4, 
#teaserRight .teaser03 h5, 
#teaserRight .teaser03 h6,
#teaserLeft .teaser03 h1, 
#teaserLeft .teaser03 h2, 
#teaserLeft .teaser03 h3, 
#teaserLeft .teaser03 h4, 
#teaserLeft .teaser03 h5, 
#teaserLeft .teaser03 h6,
#teaserRight .teaser04 h1, 
#teaserRight .teaser04 h2, 
#teaserRight .teaser04 h3, 
#teaserRight .teaser04 h4, 
#teaserRight .teaser04 h5, 
#teaserRight .teaser04 h6,
#teaserLeft .teaser04 h1, 
#teaserLeft .teaser04 h2, 
#teaserLeft .teaser04 h3, 
#teaserLeft .teaser04 h4, 
#teaserLeft .teaser04 h5, 
#teaserLeft .teaser04 h6 {
	background:			url(../img/bgDotGrey.gif) repeat-x;
	background-position:bottom left;
	color:				#9bb6d4;
}

/* Sprachnavigation */
#teaserRight {
	margin-top:			8.5em;
}
#nav_lang div {
	position:			absolute;
	top:					45px;
	left:					0px;
	width:				165px;
	padding:				10px 0px 10px 0px;
	background:			url(../img/bgDotGrey.gif) repeat-x;
	background-position:top left;
	text-transform:	uppercase;
	font-size:			0.85em;
}
#nav_lang div .act {
	font-weight:		bold;
}
#nav_lang div a {
	color:				#000;
	margin-right:		20px;
}
#nav_lang div a:hover {
	color:				#ff5400;
}

