ul.y33list li {
		position: static;
}

* {
	font-size: 1em;
	margin:0;
	padding: 0;
}

body {
	font-size: 12px;
	font-family: Helvetica, Arial, Garuda, sans-serif;
	color: #006;
	background: url(/pbmedia/happyhour/privatkredit/bg.jpg) repeat-x #B0AFB5  0 50px;
}

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

body.jsActive {
	overflow: hidden;
	
}	

a{
	text-decoration: none;
	color: #006;
}

a img{
	border: none
}

ul {
	list-style: none;
}

.right {
	float: right;
	margin-left: 1em;
}

.small {
	font-size: .9em;
}
.hidden {
	display: none!important;
}
#header {
	background: url(/pbmedia/happyhour/privatkredit/mainHeader.png) #fc0 repeat-x bottom left;
	height: 60px;
}

#header h1{
	background: url(/pbmedia/happyhour/mainHeader.png) #fc0 repeat-x;
	position: absolute;
	top: 15px;
	left: 25px;
}

#header p{
	position: absolute;
	top: 11px;
	right: 25px;
}


#header p span{
	float: left;
	font-size: 13px;
	margin-top: 10px;
}

#header p #clock {
	margin: 0 0 0 4px;	
}

#header p #clock span {
	font-size: 15px;
	font-weight: bold;
	padding-top: 8px;
	margin: 0;
}

#header p #clock span.time{
	background: transparent url(/pbmedia/happyhour/timeStart.png) no-repeat scroll 0 0;
	height: 26px;
	padding: 8px 0 0 11px;
	width:29px;
	color: #fff;
}

#header p #clock.inactive .time {
	background: url(/pbmedia/happyhour/timeEnd.png) no-repeat scroll 0 0;
	color: #006;
	
}

#header p #clock .time#minute {
	background-position: 0 -37px;
}

#header p #clock .time#second {
	background-position: bottom left
}

h2 {
	font-size: 1.8em;
	clear: left;
	top: 72px;
	left: 25px;
	white-space: nowrap;
	z-index: 2;
	padding-right: 5px;
}

h2 img {
	width: 260px;
	height: 52px;
	behavior: url(/pbmedia/happyhour/iepngfix.htc);
}
.flashActive .box,
.flashActive #star,
.flashActive h2,
.flashActive #buttonList,
.flashActive #footer {
	display: none;
}

.jsActive .box,
.jsActive h2 {
	position: absolute;
}

h5{
	margin-bottom: .5em;
}

#ratenSchutz {
	width: 24.25em;
	height: 14.416em;
	behavior: url(/pbmedia/happyhour/iepngfix.htc);
}

table {
	border-collapse: collapse;
	margin: 0 0 1em 0;
	width: 100%;
}

thead th{
	background: #f2f4f6;
	border: none;
	text-align: left;
	padding: .4em 0 .2em 1.6em;
}

td{
	border-top: solid 1px #dfe5ef;
	padding: .29em .5em .29em 2em;
	height: 1.4em;
	vertical-align: top;
}
th.first,
td.first {
	padding-left: .75em;
	text-align: left;
}
th.last,
td.last {
	padding-right: .75em;
}

table.price td {
	text-align:right;
	padding-left:0;
	padding-right:6em;
}

#happyHourWidget table.price td {
	paddin-right:5em;
}

ul.checklist li{
	padding-left: 15px;
	background: url(/pbmedia/happyhour/iconChecklist.png) no-repeat  0 .25em;
	padding: 0 0 .7em 1.7em;
	position: relative;
}
span.checkmark {
	background: url(/pbmedia/happyhour/iconChecklist.png) no-repeat;
	display: block;
	width: 10px;
	height: 10px;
}
span.checkmark span {display:none}


#buttonList {
	position: absolute;
	right: 0;
	top: 40em;
	z-index: 1000;
}

#buttonList li {
	width: 225px;
}

#buttonList a{
	background: url(/pbmedia/happyhour/buttonListButtonBlue.png) no-repeat bottom left;
	color: #fff;
	font-size: 1.2em;
	font-weight: bold;
	height: 23px;
	padding: 6px 15px;
	display: block;
}

#buttonList a:hover{
	background-position: left top
}

#buttonList a span{
	background: url(/pbmedia/happyhour/buttonArrow.png) no-repeat 100% 5px;
	padding-right: 20px;
}

#footer {
	clear: left;
}
.jsActive #footer {
	position: absolute;
	left: 1em;
	bottom: 1em;
	z-index: 1000;
}

#footer li{
	float: left;
	font-size: .9em;
	padding-left: .7em;
}

#footer a{
	padding-right: .7em;
	border-right: solid 1px;
	display: block;
	line-height: .8em;
}

#footer .last{
	line-height: .8em;
}

#star img{
	behavior: url(/pbmedia/happyhour/iepngfix.htc);
	position:absolute;
	right: -8px; 
	top:4px;
	width: 106px;
	height: 108px;
}

#happyHour {
	/*margin-top: -16px;*/
}

.box {
	float: left;
	width: 24.6em;
	margin: 2em;
	position: relative;
}

html[xmlns*=""] body:last-child .box {
	/* safari only */
	width: 24.7em;
}

.box .header {
	background: url(/pbmedia/happyhour/onlinebanking/header.png) no-repeat -.1em 0;
	_background: url(/pbmedia/happyhour/onlinebanking/headerIE.png) no-repeat 0 0;
	padding: 0 0 0 1em;
	height: 4.083em
	overflow: hidden;
	cursor: pointer;
	width: 21.9em;
	_width: 24em;
	_padding:0;
}

.box .header .icon {
	position: absolute;
	top: -1em;
	right: -.8em;
	right: .6em;
	width:4.4em;
	behavior: url(/pbmedia/happyhour/iepngfix.htc);
}

#keyvisual {
	_behavior: url(/pbmedia/happyhour/iepngfix.htc);
	height:14.416em;
	width:24.25em;
}

.box .header h3{
	background: url(/pbmedia/happyhour/onlinebanking/headerRight.png) no-repeat top right;
	_background: url(/pbmedia/happyhour/onlinebanking/headerRightIE.png) no-repeat top right;
	padding: .95em .75em;
	padding-bottom: .58em;
	margin: 0 -2.65em 0 0;
	_margin: 0;
	_right: -1.45em;
	_position: relative;
	height: 1.2em;
	_height: 1.1em;
	font-size: 1.5em;
	_padding-left:0;
}

.box .content {
	margin-right: -2.2744em;
	*margin-right: -2.3em;
	background: url(/pbmedia/happyhour/contentShadow.png) repeat-y right top;
	_background: #fff;
	_border: solid .1em #babcbf;
	_border-top: none;
	_border-bottom: none;
	padding: 0 12px 0 0;
	_padding: 0 .2em 0 0;
	_margin-right: 0;
	_width: 25.8em;
	height: 21em;
	_height: 20.9em;
}

.content .hideAccordion {
	*background:#fff;
	filter:Alpha(opacity=0)!important;
	position:absolute;
	width: 105%;
	_width: 100%;
	height:85%;
	_height:100%;
	z-index:100;
}

#fiatPic {
	width: 21.58em;
	_width: 21.3em;
	margin-bottom: 1em;
}

.box .jsAccordion {
	height: auto
}

.jsActive .box .jsAccordion {
	*height: 20.9em;
	_overflow: hidden;
}

.box .content h4,
.jsActive .jsAccordion h4.hover,
.jsActive .jsAccordion h4.hoverIE,
.jsActive .jsAccordion h4:hover{
	border: solid 1px #fff;
	border-bottom:0;
	_border-left:0;
	background: #404c94 url(/pbmedia/happyhour/buttonAccordionDown.gif) no-repeat 1.7em .45em;
	color:#fff;
	font-size: 1.1em;
	padding: 0.4em 1.7em 0.3em 3.3em;
	margin-left: 3px;
}

.jsActive .jsAccordion h4 {
	background: #8f9fc4 url(/pbmedia/happyhour/buttonAccordionRight.gif) no-repeat 1.7em .45em;
	cursor: pointer;
	_border-left:0;
}

.contentBox,
#happyHourWidget .contentBox {
	padding: 1em  0 0 1.9em;
	overflow: auto;
	background: #fffcf2;
	height: 17.6em; /* 17.6em */
	position: relative;
}

#happyHourWidget .contentBox
/*{height:16.4em}*/ /* bei ZWEI Accordeon-Boxen mit jeweils einer EINZEILIGEN Überschrift */
{height:15.2em} /* bei ZWEI Accordeon-Boxen, einer ZWEIZEILIGEN und einer EINZEILIGEN Überschrift */

#happyHourWidget .contentBox div
/*{padding-top: 1em; height: 15.5em}*/ /* bei ZWEI Accordeon-Boxen mit jeweils einer EINZEILIGEN Überschrift  */
{padding-top: 1em; height: 14.2em} /* bei ZWEI Accordeon-Boxen, einer ZWEIZEILIGEN und einer EINZEILIGEN Überschrift  */


.contentBox table.scroll {
	*width: 24em;
}

div.jsAccordion .contentBox{
	height: 14.2em;
	overflow: hidden !important;
	padding: 0 0 0 3px !important;
}

.jsAccordion .contentBox p,
.jsAccordion .contentBox ul,
.jsAccordion .contentBox h4,
.jsAccordion .contentBox h5 {
	margin-left: 1.66em;
}
.contentBox,
#offersWidget .contentBox {
	padding: 1em  0 0 1.9em;
	overflow: auto;
	background: #fffcf2;
	height: 17.9em;
	position: relative;
}

#offersWidget .contentBox {
	height: 17.9em; /* 18.5em */
}
#offersWidget .contentBox div {
	position: relative;
	padding-top: 1em;
	height:17.5em;
}


#conditionWidget .contentBox {
	height: 16.5em; /* 14.2em; /* 16.4em */
}
#conditionWidget .contentBox div{
	padding-top: 1em;
	height: 15.5em; /*13.3em; /* 15.5em */
}

.jsAccordion .contentBox div{
	height: 14.2em;
	_width: 25.6em;
	overflow: auto;
	overflow-x: hidden!important;
}

.jsAccordion .contentBox td p,
.jsAccordion .contentBox td ul,
.jsAccordion .contentBox td h4,
.jsAccordion .contentBox td h5 {
	margin-left: 0;
}

.jsAccordion tfoot td{
	font-weight: normal;
	font-size: .9em;
	padding: 1em .5em .29em 1.8em;
	text-align: left;
}

.jsAccordion tfoot td p{
	padding: 0;
}

.contentBox p {
	padding: 0 1em 1em 0;
}

.contentBox p.first {
	margin-top: 1em;
}

.contentBox p.note {

	padding: .5em 1em 1em 0;
	font-size: .9em;
}

.contentBox li {
	background: url(/pbmedia/bg_li.gif) no-repeat 0 .4em;
	padding: 0 0 .5em 8px;
	list-style: none;
	position: relative;
}

.contentBox a {
	position: relative;
}

.contentBox a:hover,
.contentBox a:active {
	text-decoration: underline;
}

.contentBox a span{
	background: url(/pbmedia/happyhour/iconLink.png) no-repeat 100% .5em;
	padding-right: 15px;
}

.contentBox a.block {
	display: block;
	border: solid 1px #cfd9e7;
	border-width: 1px 0;
	padding: .3em  20px .3em 0;
	text-align: right;
}

.box .footer {
	background: url(/pbmedia/happyhour/onlinebanking/footer.png) no-repeat -.1em bottom;
	_background: url(/pbmedia/happyhour/onlinebanking/footerIE.png) no-repeat 0 bottom;
	padding: 0 0 0 1em;
	height: 7em;
	_height: 6.3em;
	position: relative;
	width: 21.145em;
	*width: 21.13em;
	_width: 23.95em;
	position: relative;
}

html[xmlns*=""] body:last-child .box .footer {
	width: 21.37em;
}

.box .footer .cornerRight {
	background: transparent url(/pbmedia/happyhour/onlinebanking/footerRight.png) no-repeat right bottom;
	_background: transparent url(/pbmedia/happyhour/onlinebanking/footerRightIE.png) no-repeat right bottom;
	font-size: 1.2em;
	height: 5.8333em;
	_height: 5.25em;
	position: absolute;
	right: -3.95em;
	width: 3.95em;
	_right: -1.149em;
	bottom: 0;
	_top: 0;
}

html[xmlns*=""] body:last-child .box .footer .cornerRight {
	height:6em;	
}

#offer {
	font-size: 1.8em;
	font-weight: bold;
	display: block;
	margin-bottom: .4em;
	margin-top: .15em;
}

#offer span{
	font-size: 2.4em;
	position: relative;
}

#offer span span{
	font-size: 0.45em;
}


.jsActive .forms {
	visibility:hidden;
	*visibility: visible;
	*display: none;
}

.forms .box{
	width: 39.1em;
	left: 14em;
	top: 7em;
	background: url(/pbmedia/happyhour/headerExtra.png) no-repeat top right;
	_background: url(/pbmedia/happyhour/headerExtraIE.png) no-repeat top left;
	padding-top: 16px;
}

#privacy .box {
	top: 9em;	
}
.forms .extra{
}

.forms .content{
	padding: 0 12px 0 3px;
	_padding: 0;
	height: auto;
	width: 38em;
	_width: 38.7em
}

.forms .contentBox{
	height: auto;
	padding: .5em 2em;
}


.forms .extra .contentBox{
	padding: 1.2em 2em;
}

.forms fieldset {
	border: solid 1px #e3e5e9;
	border-width: 0 0 1px;
	clear: both;
}


.forms p.error {
	color: #e00;
	padding-bottom: .7em;
}

.forms fieldset p {
	border-top: solid 1px #e3e5e9;
	clear: left;
	width: 100%;
	float: left;
	background: #f3f6fa;
	padding: 0;
}	

.forms fieldset p.error {
	border-top: solid 1px #e00;
	border-bottom: solid 1px #e00;
	color: #006;
	padding: 0;
}

.forms label,
.forms .desc {
	display: block;
	float: left;
	width: 18.5em;
	padding: .6em 0;
	background: #fffcf2;
}

.forms input,
.forms .inputBox {
	display: block;
	float: left;
	width: 14.583em;
	margin: .3em 0 0 .5em;
}

.forms input{
	border: solid 1px #b2c1da;
	height: 1.7em;
}

.forms .inputBox label,
.forms .inputBox input {
	display: inline;
	background: none;
	width: auto;
	float: none;
	border: none
}
.forms .inputBox input#herrnlc,
.forms .inputBox input#fraunlc {
	height:auto;
}

.forms .box .content h3 {
	background: none;
	font-size: 1.4em;
	padding-bottom: .1em;
}

.forms .box .content h4 {
	background: none;
	font-size: 1em;
	border: none;
	padding: 0;
}


.forms .footer{
	width: 33.5em;
	_width: 36.6em;
}

html[xmlns*=""] body:last-child .forms .footer{
	width: 33.6em;
}

#recommend img{
	float: right;
	margin: -1.4em 0 0em;
	position: relative;
}

#recommend p.intro{
	width: 17.5em;
	padding: 0;
	position: relative;
}

.footer span,
.footer a,
.footer input {
	height: 1.6em;
	position: absolute;
	width: 19.5em;
}

.footer .topLeft {
	background: url(/pbmedia/happyhour/buttonTopLeftBlue.png) no-repeat top left;
	top: 1em;
	left: -17.2em;
	height: 2.5em;
	*width: 20em;
}

.footer .topRight {
	background: url(/pbmedia/happyhour/buttonTopRightBlue.png) no-repeat top right;
	right: -.55em;
	*right: 0;
	height: 1.13em;
}

.footer .bottomRight {
	background: url(/pbmedia/happyhour/buttonBottomRightBlue.png) no-repeat bottom right;
	bottom: -1.3em;
	right: 0;
	_left: 0px;
}

.footer .bottomLeft {
	background: url(/pbmedia/happyhour/buttonBottomLeftBlue.png) no-repeat bottom left;
	left: -.65em;
	*left: -.55em;
	top:0;
	
}

.footer a,
.footer input,
.footer .bottomLeft span{
	color: #fff;
	white-space: nowrap;
	font-weight: bold;
	text-decoration: none;
	bottom: .5em;
	*bottom: .45em;
	_bottom: .4em;
	left: 1em;
	border: none;
	cursor: pointer;
	background: none;
}

.footer input {
	top: -1.2em;
	_top: -1em;
	*top: -1em;
	text-align: left;
}

#recommend .footer input {
	width: 18.5em;
}

.inactive .topLeft {
	filter:alpha(opacity=30)!important;
	-moz-opacity: .3!important;
	opacity: .3!important;
	_left: -2em;
} 

.inactive p a{
	color: #ff000a;
	display: block;
	float: right;
	position: static;
	background: url(/pbmedia/happyhour/arrowLink.png) no-repeat 100% 5px;
	padding-right: 15px;
	margin-right: 45px;
	_margin-right: 25px;
	width: auto;
} 

.inactive p {
	position: relative;
	width: 20em;
	background: url(/pbmedia/happyhour/tooltip.png) no-repeat;
	*background: url(/pbmedia/happyhour/tooltipIE.png) no-repeat;
	width: 255px;
	height: 30px;
	padding: 10px 0 10px 10px;
	font-size: 11px;
	_left: 22em;
	top: 4.7em;
	left: -20em;

} 

.jsActive .inactive p {
	visibility: hidden;
	left: auto;
	top: auto;
	_left: 22em;
} 

.jsActive .hide{
	display: none
}

.offerTooltip{
	width: 290px;
	font-size: 10px;
	z-index: 11100;
	background: url(/pbmedia/happyhour/tooltipLarger.png) no-repeat;
	_background: url(/pbmedia/happyhour/tooltipLargerIE.png) no-repeat;
	padding: 10px;
	height: 110px;
}

.offerTooltip li{
	background: url(/pbmedia/happyhour/listBullet.png) no-repeat 0 5px;
	padding-left: 8px;
}

.offerTooltip li{
	margin-bottom: 10px;
}

/******************************
* Happy Hour Privatkredit
******************************/
#star {
	/*background:transparent url(/pbmedia/happyhour/privatkredit/car.png) no-repeat scroll 0 12px;
	_background:transparent url(/pbmedia/happyhour/privatkredit/carIE.png) no-repeat scroll 0 12px;*/
	display: block;
	height: 106px;
	position: absolute;
	right: 30px;
	_right: 20px;
	top: 50px;
	width: 80px;
	z-index: 1000;
}
#yield tbody td,
td.noWrap{
	white-space: nowrap;
	padding: 0.29em 0;
}

#yield tbody td.first{
	padding-left: 1.8em;
}

#conditionWidget td strong {
	white-space: nowrap;
	margin-right: -5px;
}

/***** gutscheinaktion bei nl-abo *****/
li#btn_newsletter {
	width: 225px;
}
li#btn_newsletter a {
	padding-left: 0;
	padding-right: 0;
	display: block;
	width: 225px;
	height: 45px;
	background: url(/pbmedia/happyhour/nl_abo_gutschein.gif) no-repeat 5px 0;
}
li#btn_newsletter a:hover {
	background: url(/pbmedia/happyhour/nl_abo_gutschein_hover.gif) no-repeat 5px 0;
}
li#btn_newsletter a span {
	display: none;
}
#fashionlogos_table {
	width: 100%;
	padding: 0;
	margin: 0;
}
#fashionlogos_td_img {
	width: 170px;
	padding-right: 0;
	padding-left: 0;
}
#fashionlogos_td_p {
	width: 230px;
	padding-right: 0;
	padding-left: 0;
}
#fashionlogos_table tr td p {
	padding-right: 0;
	padding-left: 0;
	margin-right: 0;
	margin-left: 0;
}
#fashionlogos {
	display: block;
	width: 150px;
	height: 120px;
}
/***** /gutscheinaktion bei nl-abo *****/


/* = Social Bookmarks (übernommen und angepasst von /cscss/pb_main_css.css)
----------------------------------------------- */

#socialBookmarks {
}
#socialBookmarksPositioner {
	position: absolute;
	right: 0;
	top: 8.5em;
	width: 352px !important;
}
#socialBookmarksPositioner h4 {
	margin-bottom: 6px;
}
#socialBookmarks a{
	display: block;
	float: left;
	width: 16px;
	height: 16px;
	margin-right: 6px;
	background: url(/pbmedia/socialBookmarks.jpg);
	padding: 0;
}
#facebook		{ background-position: -16px 0 !important; }
#vznetzwerk		{ background-position: -32px 0 !important }
#myspace		{ background-position: -48px 0 !important }
#delicious		{ background-position: -64px 0 !important }
#digg			{ background-position: -80px 0 !important }
#folkd			{ background-position: -96px 0 !important }
#google			{ background-position: -112px 0 !important }
#linkarena		{ background-position: -128px 0 !important }
#misterwong		{ background-position: -144px 0 !important }
#newsvine		{ background-position: -160px 0 !important }
#reddit			{ background-position: -176px 0 !important }
#stumbleupon	{ background-position: -192px 0 !important }
#windows		{ background-position: -208px 0 !important }
#yahoo			{ background-position: -224px 0 !important }
#yigg			{ background-position: -240px 0 !important }