/* =Checkout Container (Intro, Content, Table)
============================================================================= */

#contentFull {
	/* float: none; */
}
DIV.noBottomMargin{
	padding-bottom: 0 !important;
}
DIV.checkoutFormIntro {
    background-color: #F5F5F5;
    padding: 27px 18px 4px 18px;
}

DIV.checkoutFormIntro P {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .7em;
	margin: 0 0 1.2em 0;
}
DIV.checkoutFormIntro P.halfLine {
	margin: 0 0 .45em 0;
}
DIV.checkoutFormIntro P A:link,
DIV.checkoutFormIntro P A:visited{
	color:#002777;
}
DIV.checkoutFormIntro P A:hover,
DIV.checkoutFormIntro P A:focus,
DIV.checkoutFormIntro P A:active{
	color:#00a02f;
}
DIV.checkoutFormIntro P A.moreLink:link,
DIV.checkoutFormIntro P A.moreLink:visited{
	padding: 0 12px 0 0;
	background: transparent url(../dummy_pics/arrows_right_blue.gif) no-repeat right;
}
DIV.checkoutFormIntro P A.moreLink:hover,
DIV.checkoutFormIntro P A.moreLink:focus,
DIV.checkoutFormIntro P A.moreLink:active{
	background: transparent url(../dummy_pics/arrows_right_green.gif) no-repeat right;
}

H3.checkoutFormHeadline {
	margin: 0px 0px 14px 0px;
}

H4.checkoutSubheadline{
	margin: 0px 0px 15px 0px;
}
DIV.checkoutFormIntro .teaserImg{
	display: block;
	margin: 0 0 .75em 0;
}
.checkoutContent {
	background-color: #F5F5F5;
	padding: 21px 0 0 0;
}
.checkoutContent h3{
	margin: 0 18px 17px 18px;
}
.checkoutContent p{
	padding: 0 18px 1.5em 18px;
}
.checkoutFormContent p.p{
	padding: 0 0 1.5em 0;
}
.checkoutContent P.halfLine {
	padding: 0 18px .8em 18px;
}
DIV.checkoutContent P A:link,
DIV.checkoutContent P A:visited{
	color:#002777;
}
DIV.checkoutContent P A:hover,
DIV.checkoutContent P A:focus,
DIV.checkoutContent P A:active{
	color:#00a02f;
}
DIV.checkoutFormContent {
	background-color: #F5F5F5;
	padding: 14px 18px;
	margin:0 0 25px 0;
}

.checkoutFormContent p.infoMandatory{
	padding: 1.4em 0 2.8em 0;
}

DIV.checkoutFormTable {
	background-color: #F5F5F5;
	padding: 14px 18px;
}

DIV.checkoutFormBoundary {
	background: #F5F5F5 url(../dummy_pics/checkout_bg_boundary.gif) repeat-x left top;
}

.progressBar{
	position: relative;
	margin: 0 0 10px 0;
}
.progressBar img{
	display: block;
}
/* =Checkout Container
============================================================================= */
.checkoutContent .reducedWidth{
	width:390px;
	margin: 0 18px 0 0;
}

.checkoutContent ul.adressList{
	margin: 0;
}
.checkoutContent ul.adressList li{
	clear: both;
	position: relative;
	width: 100%;
	font-size: .6855em;
	background: transparent url(../dummy_pics/checkout_bg_boundary.gif) repeat-x left top;
	line-height: 1.2;
	padding: 12px 0 9px 0;
}
.checkoutContent ul.downloadList{
	margin: 0;
	padding-bottom: 10px;
}
.checkoutContent ul.downloadList li{
	clear: both;
	position: relative;
	width: 100%;
	font-size: .6855em;
	background: transparent url(../dummy_pics/checkout_bg_boundary.gif) repeat-x left top;
	line-height: 1.2;
	padding: 23px 0 13px 0;
}
.checkoutContent ul.adressList li .liContent{
	float:left;
	margin-left: 18px;
}
.checkoutContent ul.downloadList li .liContent{
	float: left;
	width:410px;
	margin: 0 0 0 18px;
}
.checkoutContent ul.adressList li .liActions{
	float:right;
	margin-right: 18px;
}
.checkoutContent ul.downloadList li .liActions{
	float:left;
}

.checkoutContent ul.adressList li .liDownloadlink{
	float:right;
	margin-right: 18px;
}
.checkoutContent ul.adressList li .liActions a:link,
.checkoutContent ul.adressList li .liActions a:visited{
	color: #00a02f;
	display:block;
	padding: 0 11px 0 0;
	margin: 0 0  6px 0;
	background: transparent url(../dummy_pics/arrows_right_green.gif) no-repeat right;
	text-decoration: none;
}
.checkoutContent ul.adressList li .liActions a:hover,
.checkoutContent ul.adressList li .liActions a:focus,
.checkoutContent ul.adressList li .liActions a:active{
	text-decoration: underline;
}
.checkoutContent ul.downloadList li .liActions a:link,
.checkoutContent ul.downloadList li .liActions a:visited{
	color: #002777;
	display:block;
	padding: 0 11px 0 0;
	margin: 2.4em 0  0 0;
	background: transparent url(../dummy_pics/arrows_right_blue.gif) no-repeat right;
	text-decoration: none;
}
.checkoutContent ul.downloadList li .liActions a:hover,
.checkoutContent ul.downloadList li .liActions a:focus,
.checkoutContent ul.downloadList li .liActions a:active{
	color:#00a02f;
	background: transparent url(../dummy_pics/arrows_right_green.gif) no-repeat right;
	text-decoration: underline;
}
/* =Checkout Forms
============================================================================= */

FORM.checkout {
	margin: 0;
	padding: 0;
}

FORM.checkout DIV.formInput {
	margin: 0 0 10px 0;
}
FORM.checkout DIV.formInputHeight2{
	min-height: 2em;
} 
FORM.checkout DIV.formSubmit {
	clear: both;
	width: auto;
	padding: 40px 0 0 0;
	text-align: right;
}

FORM.checkout INPUT.text,
FORM.checkout SELECT.select,
FORM.checkout TEXTAREA.textarea {
	background-color: #FFF;
	border: 1px solid #6F6F6F;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

FORM.checkout INPUT.text,
FORM.checkout TEXTAREA.textarea {
	width: 228px;
	padding-left: 2px;
}
FORM.checkout TEXTAREA.textarea{
	
}

FORM.checkout TEXTAREA.textareaWidth1{
	width:536px;
}
FORM.checkout TEXTAREA.textareaWidth2{
	width:440px;
}


FORM.checkout SELECT.select {
	width: 140px;
}
FORM.checkout SELECT.selectWidth1 {	width: 228px;}
FORM.checkout INPUT.inputWidthHausnummer{	width: 36px;}
FORM.checkout INPUT.inputWidthPlz{	width: 76px;}
FORM.checkout INPUT.inputWidthNummer1{	width: 114px;}

FORM.checkout LABEL {
	float: left;
	width: 120px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 2px 0 0 0;
	line-height:1.2;
}
FORM.checkout LABEL.labelWidth2 {
	width: 155px;
}

FORM.checkout INPUT.addCheckbox {
	margin-left: 16px;
	width: auto;
}

FORM.checkout LABEL.addCheckbox {
	float: none;
	margin-left: 8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
form.checkout input.marginL8 {
	margin-left:8px;
}

FORM.checkout SPAN.quoteTextareaBegin {
	display: inline;
	width: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

FORM.checkout SPAN.quoteTextareaEnd {
	display: inline;
	width: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

FORM.checkout INPUT.save {
	width: auto;
	border: none;
}
FORM.checkout A.formElementLink:link,
FORM.checkout A.formElementLink:visited{
	color:#333;
	font-size: .625em;
	vertical-align: middle;
	margin: 0 0 0 10px;
}
FORM.checkout A.formElementLink:hover,
FORM.checkout A.formElementLink:focus,
FORM.checkout A.formElementLink:active{
	color:#00a02f;
}

/* =Checkout Forms (Special Classes / Credit Card Selection)
============================================================================= */

FORM.checkout INPUT.creditcardRadio {
	float: left;
	margin-right: 10px;
}

FORM.checkout LABEL.creditcardRadioLabel {
	width: 120px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

FORM.checkout SPAN.creditcardImage {
	float: left;
	margin-left: 16px;
	width: 40px;
	height: 24px;
}

/* =Checkout Forms (Special Classes / Payment Selection)
============================================================================= */

FORM.checkout INPUT.paymentRadio {
	float: left;
	margin-right: 10px;
}

FORM.checkout LABEL.paymentRadioLabel {
	width: auto;
	max-width:460px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}

FORM.checkout SPAN.paymentImage {
	float: left;
	margin-left: 16px;
	width: 125px;
	height: 24px;
}

FORM.checkout SPAN.paymentNote {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
}


/* =Checkout Kontaktinformationen
============================================================================= */
.contactInfoContainer{
	position:relative;
	border-top: 5px solid #EBEBED;
	margin: 0 -18px 0 -18px;
}
.contactInfoContainer .contactInfoBox{
	float: left;
	width: 33%;
	min-height: 120px;
}
.contactInfoContainer .contactInfoBoxLeft,
.contactInfoContainer .contactInfoBoxMiddle{
	border-right: 1px solid #fff;
}
.contactInfoContainer .contactInfoBox h4{
	font-size: .75em;
	margin: 20px 5px .7em 20px;
	font-weight: bold;
}
.contactInfoContainer .contactInfoBox p{
	font-size: .7em;
	margin: 0 5px .7em 20px;
}


/* =========================================================================== */


/* = Checkout Grußkarte
============================================================================= */
.cardContainer{
	float: left;
	display: table;
	margin: 0 0 1.5em 0;
}
.cardBox{
	float: left;
	margin-right: 5px;
}
.cardContainer .cardBox label{
	width: auto;
	height: auto;
	z-index: 100;
	
	
}
.cardContainer img{
	display:block;
}
.cardContainer h3{
	font-size: .7em;
	font-weight:bold;
	line-height: 1.2;
	margin:1em 0 1em 0;
}
.cardContainer .radiobutton{
	float:left;
	margin-right: 5px;
}

.cardOptions{
	clear: both;
	float:left;
	width: 100%;
}

.cardOptions .radiobutton{
	float:left;
	margin-right: 5px;
}
.cardOptions .radioLabel{
	width: 550px;
	padding:.4em 0 0 0;
}
/* =========================================================================== */




/* =Checkout Newsletter
============================================================================= */

DIV.checkoutNewsletterToolbox .showLayer {
	display: block;
}

DIV.checkoutNewsletterToolbox .hideLayer {
	display: none;
}

DIV.checkoutNewsletterToolbox .checkoutNewsletterTab {
	clear: both;
	border: 2px solid #eee;
	height: auto;
	overflow: none;
	z-index: 2;
}

DIV.checkoutNewsletterToolbox .checkoutNewsletterTabContainer {
	border-right: 12px solid #F6F6F6;
	padding: 20px 10px 10px 10px;
}

DIV.checkoutNewsletterForm {
	float: left;
	width: 360px;
	margin-right: 40px;
}

DIV.checkoutNewsletterForm DIV.formSubmit {
	padding: 5px 10px 0px 0px;
}

DIV.checkoutNewsletterFormMessage {
	margin-top: 20px;
}

DIV.checkoutNewsletterFormAdvice {
	float: left;
	width: 250px;
	background: transparent url(../dummy_pics/checkout_icon_info.gif) no-repeat left top;
}

DIV.checkoutNewsletterFormAdvice P {
	padding-left: 30px;
}

DIV.checkoutNewsletterPrivacyStatement {
	margin-top: 40px;
}

DIV.checkoutNewsletterPrivacyStatement P,
DIV.checkoutNewsletterPrivacyStatement A {
	color: #9E9E9E;
}

DIV.checkoutNewsletterWarning {
	padding: 20px 20px;
	margin-bottom: 40px;
	background-color: #F8B939;
}

/* =Checkout Table (Bills)
============================================================================= */

DIV.checkoutTableBills {
	background-color: #F5F5F5;
	padding: 0px 0px;
}

DIV.checkoutTableBills TABLE {
	width: 100%;
	display: inline-table;
	border-collapse: collapse;
   border-spacing: 0px 0px;
}

DIV.checkoutTableBills TABLE THEAD TR {
}

DIV.checkoutTableBills TABLE THEAD TR TH {
	padding: 10px 20px;
	font-weight: bold;
	font-size: .7em;
}

DIV.checkoutTableBills TABLE TBODY TR {
	background: transparent url(../dummy_pics/checkout_bg_boundary.gif) repeat-x left top;
}

DIV.checkoutTableBills TABLE TBODY TR:hover {
	background-color: #E5E5E5;
}

/* Class .hover is used for IE6/IE7 :hover fix (see jQuery Script) */
DIV.checkoutTableBills TABLE TBODY TR:hover,
DIV.checkoutTableBills TABLE TBODY TR.hover {
	background-color: #E5E5E5;
}

DIV.checkoutTableBills TABLE TBODY TR TD {
	padding: 20px 20px;
    font-size: .7em; 
}

DIV.checkoutTableBills TABLE TBODY TR TD A {
	color: #084296;
	text-decoration: none;
}

DIV.checkoutTableBills TABLE TBODY TR TD A:hover,
DIV.checkoutTableBills TABLE TBODY TR TD A.hover,
DIV.checkoutTableBills TABLE TBODY TR:hover TD A,
DIV.checkoutTableBills TABLE TBODY TR.hover TD A {
	color: #00a02f;
	text-decoration:underline;
}
DIV.checkoutTableBills FORM.checkout DIV.formSubmit {
	width: auto;
	padding: 40px 18px 14px 18px;
	text-align: right;
}
/* =Checkout Table (Bonus)
============================================================================= */

DIV.checkoutFormBonus {
	background-color: #F5F5F5;
	padding: 5px 18px 14px 18px;
}

DIV.checkoutBonusBoundary {
	height: 2px;
	padding: 10px 0px;
	background: #F5F5F5 url(../dummy_pics/checkout_bg_boundary_light.gif) repeat-x left center;
}

DIV.checkoutBonusAdvice {
	background-color: #F5F5F5;
	padding: 2px 18px 14px 18px;
}

DIV.checkoutBonusAdvice UL {
	margin-left: 16px;
	/* list-style-image: url(../dummy_pics/checkout_bt_listdot.gif); */
}

DIV.checkoutBonusAdvice UL LI {
	margin: 0 0 14px 0;
	padding-left: 9px;
	font-size: .7em;
	line-height: 1.2;
	background: transparent url(../dummy_pics/checkout_bt_listdot.gif) no-repeat 0 4px;
}

DIV.checkoutTableBonus {
	background-color: #F5F5F5;
	padding: 14px 0px;
}

DIV.checkoutTableBonus TABLE {
	width: 100%;
	display: inline-table;
	border-collapse: collapse;
    border-spacing: 0px 0px;
}

DIV.checkoutTableBonus TABLE THEAD TR {
}

DIV.checkoutTableBonus TABLE THEAD TR TH {
	padding: 10px 0px;
	font-weight: bold;
	font-size: .7em;
}

DIV.checkoutTableBonus TABLE TBODY TR {
	background: transparent url('../pics/checkout_bg_boundary.gif') repeat-x left top;
}

DIV.checkoutTableBonus TABLE TBODY TR TD {
	padding: 10px 0px;
	font-size: .7em;
}

DIV.checkoutTableBonus TABLE TBODY TR TD A {
	color: #084296;
	text-decoration: none;
}

/* =========================================================================== */


/* =Informationsbox links im Navigationsbereich
============================================================================= */
.infoBoxLeft{
	position: relative;
	top: 5.55em !important;
	top: 5.6em; /* this one's for IE */
	margin: 0 25px 20px 56px;
	padding: 25px 0 20px 0;
	background: #EAEFF3 url(../dummy_pics/ic_info_links.gif) no-repeat top left;
}
.infoBoxLeftTop2{
	top: 5.85em !important;
	top: 5.95em; /* this one's for IE */
}
.infoBoxLeft h2{
	font-size: .8em;
	padding: 0 10px 1em 22px;
}
.infoBoxLeft h3{
	font-size: .7em;
	font-weight: bold;
	padding: 0 10px 0 22px;
	line-height: 1.2;
}
.infoBoxLeft p{
	font-size: .7em;
	padding: 0 10px 1em 22px;
	line-height: 1.2;
}
/* =========================================================================== */


/* =Informationsbox links im Navigationsbereich
============================================================================= */
.checkoutKontouebersicht{
 margin-top: 15px;
 width: 100%;
}

.checkoutKontouebersicht #leftCol{
 float: left;
 width: 342px;
}

.checkoutKontouebersicht #rightCol{
 float: right;
 width: 342px;
}

.checkoutKontouebersicht .box{
 background-color: #F5F5F5;
 padding: 7px 0 13px 0;
 width: 342px;
 margin-top: 13px;
}
.checkoutKontouebersicht #leftCol .lastBox{
	/* padding-bottom: 20px; */
}

.checkoutKontouebersicht .box .separatorLine{
	background:transparent url(../dummy_pics/dotted_line_light_grey.gif) repeat-x;	
	margin: 0 20px;
}

.checkoutKontouebersicht .box .element{
 padding: 10px 15px 0 15px;
}

.checkoutKontouebersicht .element .iconContainer{
 width: 35px;
 float: left;
}
.element .elementText{
	float: left;
	width:270px;
	padding-bottom: 3px;
}
.element .elementText h3{
	padding: 0 15px 0 0;
}

.checkoutKontouebersicht .box a{
 color: #000;
 text-decoration: none;
}

.checkoutKontouebersicht .box a:hover{
 color: #009534;
 text-decoration: underline;
}

.checkoutKontouebersicht .box .icon{
 margin-right: 0;
}
.checkoutKontouebersicht .box .element p{
 margin: 5px 0 7px 0;
}

.bestaetigung{
	background-color: #F8B939;
	width: 100%;
}
.bestaetigung .bestaetigungText{
	background-color: #F8B939;	
	padding-top: 20px; 
}

.bestaetigung .bestaetigungText h3{
	font-weight: bold;
	font-size: 12px;
	margin-bottom: 15px;
}

.bestaetigung .bestaetigungText p.firstLine{
	margin-bottom: 15px;
}

.checkoutKontouebersicht form.checkout div.formSubmit{
	padding-top: 18px;
}

/* =========================================================================== */