/*
	project:vattenfall accessibility project
	type:stylesheet
	description:styles for DMS- campaigns
	last edited:15.10.2007, Thomas Laubner
	
	(c) cosmoblonde 2007. All rights reserved.
*/


/* ----------	PART IV:global class definitions (advanced)	---------- */


/* nur zum lokalen Testen !!! 
body.campaign #wrapperMainContent #content,
body.campaign #wrapperMainContent #sidebar,
#contentExtended,
#contentExtendedWide{
	xbackground:#ffcc00; 
	xborder:solid 1px; 
}
body.campaign #wrapperMainContent,
body.campaign #wrapperMainContentWide{
	xbackground:#ccc; 
	xposition:relative; 
}
Ende - nur zum lokalen Testen !!! */

html {
	overflow-x:hidden; 
	overflow-y:auto; 
}

/* BODY */
body.campaign {
	background-color:#fff; 
	height:100% ;  
	width:770px; 
	padding:0px 20px 0px 20px; 
	margin-bottom:-1px; 
}

/* CONTENT-CONTAINER */
body.campaign #header{
	width:750px; 
	xbackground-color:#fff; 
	margin-top:0px; 
	margin-bottom:0px; 
	height:75px; 
	xborder:solid 1px; 
}
body.campaign #flow{
	margin:0px 0px 1px -2px; 
}

/* jakub.karcz 20.11.2009: fix for Firefox */
body.withoutFlow #flow img{
	display:none; 
}

/* jakub.karcz 23.11.2009: if flow is visible, title image cannot be shown!!! */
body.withFlow .headerTitle{
	display:none; 
}

/* jakub.karcz 20.11.2009: removed border images for presentation image */
body.campaign #headerPict{
	margin:-15px 0px 0px -22px; 
	/*background-image:url("/system/images/border/campaign_header_bg.gif"); */
	background-repeat:no-repeat; 
	background-position:0px bottom; 
	padding:0px 0px 25px 20px; 
	width:790px; 
}
* html body.campaign #headerPict{
	padding:0px 0px 27px 20px; 
}

/* jakub.karcz 24.11.2009: removed border images for presentation image */
body.withMainNaviWithoutContent #headerPict{
	/*background-image:url("/system/images/border/campaign_header_bg_mainnavi_nocontent.gif"); */
}

body.withMainNaviWithoutContent  #sidebar, body.withMainNaviWithoutContent  #content{
	display: none;
}

body.withFlow #headerPict{
	margin-top:0px; 
}

/* jakub.karcz 20.11.2009: removed border images for presentation image */
body.withoutFlow #headerPict .borderTop{
	margin-left:-20px; 
	/*background-image:url("/system/images/border/campaign_header_bg_top.gif"); */
	background-repeat:no-repeat; 
	background-position:0px 0px; 
	padding:15px 0px 0px 20px; 
	width:790px; 
}
body.campaign #headerPict object{
	margin:0px 0px -5px 0px !important; 
	padding:0px !important; 
}
* html body.campaign #headerPict object{
	margin:0px 0px 0px 0px !important; 
	padding:0px !important; 
}
body.campaign #headerPict .FEp{
	margin:0px; 
}
.logoSubheadline{
	position:absolute; 
	right:55px; 
	top:50px; 
}
body.campaign #wrapperSubNavigation{
	float:left !important; 
	margin:0px 10px 0px 0px ; 
}
#subNavigation,
#subNavigation ul,
#subNavigation ul li.first,
#subNavigation ul li.last{
	background-image:none !important; 
}
#subNavigation ul a {
	margin-left:5px; 
}
/*  jakub.karcz 14.01.2009: padding for content in standard navigation*/
body.standard #wrapperMainContent {
	padding-top: 1.0625em !important;
}
body.campaign #wrapperMainContent{
	width:570px !important; 
	margin:0px 0px 0px 0px !important; 
}
#wrapperMainContentWide{
	float:left !important; 
	clear:none !important; 
	width:750px !important; 
	margin:20px 0px 0px 0px !important; 
}
#sidebar{
	width:180px !important; 
	float:left; 
}
#campaignItems{
	width:180px; 
	float:left; 
	margin:0px 0px 0px 10px !important; 
}
#wrapperSubNavigation #campaignItems{
	border-top:solid 1px #C5C5C5; 
	margin:0px 0px 0px 0px !important; 
}

*+html #wrapperSubNavigation #campaignItems{
	margin:20px 0px 0px 0px !important; 
}
#wrapperSubNavigation #campaignItems a{
	font-size:12px; 
	
}
*+html #wrapperSubNavigation #campaignItems a{
	padding:3px 0px 2px 15px; 
}
#campaignItems ul{
	list-style:none; 
	margin:0px; 
	padding:0px; 
}
#campaignItems li{
	margin:0px; 
	padding:2px 0px 2px 0px; 
	border-bottom:solid 1px #C5C5C5; 
	width:180px; 
}
body.campaign #wrapperMainContent #content,
body.campaign #wrapperMainContentWide #content{
	width:370px !important; 
	float:left !important; 
	clear:none !important; 
	margin:0px 10px 0px 0px !important; 
}
#contentExtended{
	width:560px !important; 
	float:left !important; 
	clear:both !important; 
	margin:0px 0px 0px 0px !important; 
}
#wrapperMainContentWide #contentExtended{
	width:540px !important; 
	margin:0px 10px 0px 10px !important; 
}
#wrapperMainContentWide #contentExtendedWide{
	width:730px !important; 
	float:left !important; 
	clear:both !important; 
	margin:0px 0px 0px 10px !important; 
}
*html #wrapperMainContentWide #contentExtendedWide{
	margin:0px 0px 0px 5px !important; 
}
*html body.campaign #wrapperMainContent{
	height: 1.333%; /* em converted */
}

/* jakub.karcz 04.01.2010: for special campaign layout definitions  */
#content-left {
	width:370px !important; 
	float:left !important; 
	clear:none !important; 
	margin:0px 10px 0px 0px !important; 
}

#content-right {
	width:370px !important; 
	float:left !important; 
	clear:none !important;
	margin: 0 0 0 0 !important;
}

#content-bottom-left {
	width:100% !important; 
	float:left !important; 
	clear:none !important; 
	margin:0px 10px 0px 0px !important; 
}

#content-bottom-right {
	width:180px !important; 
	float:left !important; 
	clear:none !important;
	margin: 0 0 0 0 !important;
}
/* END: jakub.karcz 04.01.2010: for special campaign layout definitions  */

/* Styles for Content-Elements */

body.campaign #headerPict div.I01,
body.campaign #headerPict div.I01 img{
	margin-bottom:0px !important; 
	padding-bottom:0px !important; 
}
body.campaign .C01{
	xclear:both; 
}
body.campaign #wrapperMainContent .C15,
body.campaign #wrapperMainContent .C16,
body.campaign #wrapperMainContent .F01,
body.campaign #wrapperMainContent .F02{
	xfloat:left; 
	xclear:both; 
}

/* jakub.karcz 20.11.2009: sidebar has to have 160px width */
body.campaign #sidebar .box-component{
	width: 160px; 
}

/* jakub.karcz 19.01.2010:  C01 has to have float left in sitebar (fix for FX)  */
body.campaign #sidebar .T1132{
	float: left; 
}

/* jakub.karcz 20.11.2009: show border for elements in sidebar */
body.campaign #sidebar .box-component .white, body.campaign #sidebar .border-component .white, body.campaign #sidebar.white {
background-image:url(../../images/box/white_1.gif) !important;
}

p.jumpblockBottom a.hide {
	background-color:#fff; 
	position:relative; 
}


/* MAIN NAVIGATION */
body.campaign #wrapperMainNavigation {
	width:757px; 
	background-image:none; 
	background:none; 
	background-repeat:repeat-x; 
	background-position:0px 0px; 
	height:30px; 
	margin-top:-20px; 
}
*html body.campaign #wrapperMainNavigation {
	height:20px !important; 
	padding:0px !important; 
}
/* jakub.karcz 20.11.2009: removed border images for presentation image */
body.withContent #wrapperMainNavigation {
	margin-top:10px !important; 
	/*background-image:url("/system/images/border/bg_campaign_mainnavi.gif"); */
}
body.campaign #wrapperMainNavigation #mainNavigation {
	background-image:url("/system/images/border/campaign_mainnavi.gif"); 
	background-repeat:repeat-x; 
	background-position:100px bottom; 
	clear:both; 
	float:left; 
	margin:0; 
	padding:0; 
	height:35px; 
	width:auto !important; 
	margin-left:2px; 
	border-top:solid 1px #C5C5C5; 
}

/* jakub.karcz 14.01.2010: added line-height to prevent extra space between horizontal and vertical navigation*/
body.campaign #wrapperMainNavigation	span.border{
	width:752px; 
	border-top:1px solid #c5c5c5; 
	clear:left; 
	display:block; 
	height:1px; 
	font-size:0; 
	position:relative; 
	top:-6px; 
	left:5px; 
	z-index:-333	!important ; 
	line-height:0	!important ;
}
#mainNavigation .left {
	clear:both; 
	float:left; 
	padding:10px 0px 0px 5px; 
	margin:-10px 0px 0px -5px; 
	background-image:url("/system/images/border/campaign_mainnavi_left.gif"); 
	background-repeat:no-repeat; 
	background-position:0px bottom; 
	width:auto !important; 
}
* html #mainNavigation .left {
	margin:-10px 0px 0px -2px; 
	position:relative; 
	left:-3px; 
}
#mainNavigation .right {
	background-image:url("/system/images/border/campaign_mainnavi_right.gif"); 
	background-repeat:no-repeat; 
	background-position:right bottom; 
	padding-top:10px; 
	width:auto !important; 
}
body.campaign #wrapperMainNavigation #mainNavigation ul {
	list-style:none; 
}
body.campaign #wrapperMainNavigation #mainNavigation ul li{
	display:inline; 
}
body.campaign #wrapperMainNavigation #mainNavigation li a{	
	line-height:1; 
	background-color:transparent; 
	border-bottom:none; 
	
	padding:0px 0px 0px 5px; 
	margin-top:-10px; 
	background-image:none; 
	cursor:pointer; 
	xbackground-image:url("/system/images/icon/bullet_pos_white_s_n.gif"); 
}
/* ------------------------ */
body.campaign #wrapperMainNavigation #mainNavigation li a strong {
	background-image:none; 
	background-position: 100% 0px; /* em converted */
	background-repeat:no-repeat; 
	display:block; 
	font-weight:normal; 
	padding-right:0px; 
	border-bottom:none; 
}
body.campaign #wrapperMainNavigation #mainNavigation li a span {
	background-position:0px 8px; 
	display:block; 
	margin:0px; 
	padding:6px 5px 5px 15px; 
	width:auto; 
	border-bottom:none; 
}
/* ------------------------ */
body.campaign #wrapperMainNavigation #mainNavigation li a:link span, 
body.campaign #wrapperMainNavigation #mainNavigation li a:visited span {
	background-image:url("/system/images/icon/bullet_pos_white_s_n.gif"); 
	color:#135ba6; 
}
/* ------------------------ */

/* ------------------------ */
body.campaign #wrapperMainNavigation #mainNavigation li a:hover span {
	background-image:url("/system/images/icon/bullet_pos_white_s_o.gif"); 
	color:#3ea345; 
}
body.campaign #wrapperMainNavigation #mainNavigation li a:active span, 
body.campaign #wrapperMainNavigation #mainNavigation li a:focus span {
	background-image:url("/system/images/icon/bullet_pos_white_s_a.gif"); 
	color:#f90; 
}

body.campaign #wrapperMainNavigation #mainNavigation li.current a:link span,
body.campaign #wrapperMainNavigation #mainNavigation li.current a:visited span,
body.campaign #wrapperMainNavigation #mainNavigation li.current a:hover span,
body.campaign #wrapperMainNavigation #mainNavigation li.current a:active span,
body.campaign #wrapperMainNavigation #mainNavigation li.current a:focus span {
	background-image:url("/system/images/icon/bullet_pos_white_s_i.gif") !important; 
	color:#000000 !important; 
}
/* ------------------------ */
body.campaign #wrapperMainNavigation #mainNavigation li.current a:link,
body.campaign #wrapperMainNavigation #mainNavigation li.current a:visited,
body.campaign #wrapperMainNavigation #mainNavigation li.current a:hover,
body.campaign #wrapperMainNavigation #mainNavigation li.current a:active,
body.campaign #wrapperMainNavigation #mainNavigation li.current a:focus {
	background-image:url("/system/images/menu_top/bg_tab_inactive_left_campaign.gif"); 
	background-position:bottom left; 
	background-repeat:no-repeat; 
	margin-top:-11px; 
	margin-left:5px; 
	padding:1px 0px 0px 2px; 	
	height:30px; 
}

body.withContent #wrapperMainNavigation #mainNavigation li.current a:link,
body.withContent #wrapperMainNavigation #mainNavigation li.current a:visited,
body.withContent #wrapperMainNavigation #mainNavigation li.current a:hover,
body.withContent #wrapperMainNavigation #mainNavigation li.current a:active,
body.withContent #wrapperMainNavigation #mainNavigation li.current a:focus {
	background-image:url("/system/images/menu_top/bg_tab_inactive_left_campaign_with_content.gif"); 
	background-position:top left; 
	position:relative; 
	z-index:333	!important ; 
	padding-bottom:5px !important ; 
}

body.campaign #wrapperMainNavigation #mainNavigation li.current a.first:link,
body.campaign #wrapperMainNavigation #mainNavigation li.current a.first:visited,
body.campaign #wrapperMainNavigation #mainNavigation li.current a.first:hover,
body.campaign #wrapperMainNavigation #mainNavigation li.current a.first:active,
body.campaign #wrapperMainNavigation #mainNavigation li.current a.first:focus {
	margin-left:0px; 
	xtop:-5px; 
	left:-2px; 
	xheight:30px; 
	xborder-top:5px solid #fff; 
	background-image:url("/system/images/menu_top/bg_tab_inactive_left_first_campaign.gif"); 
}
body.withContent #wrapperMainNavigation #mainNavigation li.current a.first:link,
body.withContent #wrapperMainNavigation #mainNavigation li.current a.first:visited,
body.withContent #wrapperMainNavigation #mainNavigation li.current a.first:hover,
body.withContent #wrapperMainNavigation #mainNavigation li.current a.first:active,
body.withContent #wrapperMainNavigation #mainNavigation li.current a.first:focus {
	background-image:url("/system/images/menu_top/bg_tab_inactive_left_first_campaign_with_content.gif"); 
}
body.campaign #wrapperMainNavigation #mainNavigation li.current a.last:link,
body.campaign #wrapperMainNavigation #mainNavigation li.current a.last:visited,
body.campaign #wrapperMainNavigation #mainNavigation li.current a.last:hover,
body.campaign #wrapperMainNavigation #mainNavigation li.current a.last:active,
body.campaign #wrapperMainNavigation #mainNavigation li.current a.last:focus {
	position:relative; 
	left:3px; 
}
body.campaign #wrapperMainNavigation #mainNavigation li.current a:link strong,
body.campaign #wrapperMainNavigation #mainNavigation li.current a:visited strong,
body.campaign #wrapperMainNavigation #mainNavigation li.current a:hover strong,
body.campaign #wrapperMainNavigation #mainNavigation li.current a:active strong,
body.campaign #wrapperMainNavigation #mainNavigation li.current a:focus strong {
	background-image:url("/system/images/menu_top/bg_tab_inactive_right_campaign.gif"); 
	background-position:bottom right; 
	background-repeat:no-repeat; 
	margin-top:0px; 
	padding:0px 12px 0px 0px; 
	height:30px; 
	
}
body.withContent #wrapperMainNavigation #mainNavigation li.current a:link strong,
body.withContent #wrapperMainNavigation #mainNavigation li.current a:visited strong,
body.withContent #wrapperMainNavigation #mainNavigation li.current a:hover strong,
body.withContent #wrapperMainNavigation #mainNavigation li.current a:active strong,
body.withContent #wrapperMainNavigation #mainNavigation li.current a:focus strong {
	background-image:url("/system/images/menu_top/bg_tab_inactive_right_campaign_with_content.gif"); 
	background-position:top right; 
	position:relative; 
	right:-5px; 
}

body.withContent #wrapperMainNavigation #mainNavigation li.current a.last:link strong,
body.withContent #wrapperMainNavigation #mainNavigation li.current a.last:visited strong,
body.withContent #wrapperMainNavigation #mainNavigation li.current a.last:hover strong,
body.withContent #wrapperMainNavigation #mainNavigation li.current a.last:active strong,
body.withContent #wrapperMainNavigation #mainNavigation li.current a.last:focus strong {
	background-image:url("/system/images/menu_top/bg_tab_inactive_right_last_campaign_with_content.gif"); 
	background-position:top right; 
	padding:1px 12px 0px 0px; 
	position:relative; 
	top:-1px; 
}
body.campaign #wrapperMainNavigation #mainNavigation	a.first:link,
body.campaign #wrapperMainNavigation #mainNavigation	a.first:visited {
	border:none; 
}

/* ------------------------ */
body.campaign #wrapperMainNavigation	#mainNavigation li a strong, 
body.campaign #wrapperMainNavigation	#mainNavigation li a span	{
	display:inline-block; 
}
#mainNavigation li a.last em,
#mainNavigation li a.last strong {
	padding-right:7px !important; 
}

body.campaign #wrapperSubNavigation .noSubnavi{
	border-top:none; 
}
#mainNavigation,
#mainNavigation .left,
#mainNavigation .right {
	height:25px; 
	width:750px; 
}


/* FOOTER */
body.campaign #footer{
	float:left; 
	clear:both; 
	margin-right:-3px; 
	background-image:none; 
	border-top:solid 1px #E1E1E1; 
	padding:10px 0px 0px 0px !important; 
	height:auto !important; 
	xborder:solid 1px; 
}
*html body.campaign #footer{
	margin-bottom:-1px; 
	position:relative; 
	float:left !important; 
	clear:none !important; 
}
#footer p.link{
	float:left; 
	clear:none; 
	font-size:11px !important; 
	width:auto; 
	padding:0px 10px 0px 0px; 
	margin-top:-3px; 
}

/**
 * Link arrows are on wrong position
 *
 * @bugfix
 * @author  ptemich
 * @date    2010-05-19
 * @note    issue 12275
 */
#footer p.link a{
	padding:3px 0px 10px 16px; 
}
#footer span{
	color:#000; 
}
/* FORMS */
/* 2007-11-13 cosmoblonde:#wrapperMainContentWide #contentExtended is 20px narrower */
#wrapperMainContentWide #contentExtended .emptyForm .formBorder{
	width:540px; 
}
#wrapperMainContentWide #contentExtended	.application .formButtons{
	width:540px; 
}
#wrapperMainContentWide #contentExtended	.application .left{
	width:540px !important; 
}
*html #wrapperMainContentWide #contentExtended	.application .formButtons,
*html #wrapperMainContentWide #contentExtended	.application .left{
	width:540px !important; 
}
#wrapperMainContentWide #contentExtended .application .formBorder{
	width:538px; 
}
*html #wrapperMainContentWide #contentExtended .application .formBorder{
	width:538px; 
}


body.campaign p.jumpblockTop a.hide:active, 
body.campaign p.jumpblockTop a.hide:focus {
	top:45px; 
}