<< Click here to display Table of Contents >>  Navigation: Materialien > Materialien IBAN-Konverter:

Styleanweisungen

.ibanConverter {
	position: absolute;
	width:715px;
	height:420px;
	border: 2px solid #CCCCCC;
	background: #fff;
	padding: 20px 20px 20px 20px;
	box-shadow: 0 0 20px 0px #ddd;
	}	
	
.ibanConverter .column_left,
.ibanConverter .column_right {
	float: left;
	width: 48%
	}
	
.ibanConverter .column_right {
	float: right;
	}	
	
.ibanConverter .subheadline {
	padding: 7px 0px;
	display:block;
	color:#C00418; 
	margin-top: 0;
	}

.ibanConverter label {
	width: 110px;
	}
		
.ibanConverter select,
.ibanConverter input[type="text"] {
	width:210px;
	}

.ibanBuild,
.ibanAssume {
	background: #C00418;
	border: 1px solid #C00418;
	color: #fff;
	float: right;
	margin: 15px 0px 0px 0px;
	padding: 5px 5px 5px 5px;
	clear: both;
	width: 200px;
	text-align: center;
	}

.ibanConverterOpen,	
.ibanClose {
	color: #C00418;
    font-size: 12px;
    font-weight: bold;
    text-align: right;
    text-decoration: underline;
	cursor: pointer;
	}

.ibanAccountNumber,
.ibanBankCode,
.ibanAgency,
.ibanCheckDigit,
.ibanAccountType,
.ibanRegionCode,
.ibanField {	
	height: 20px;
	border-bottom: 1px dotted #E3E3E3;
	padding: 6px 4px;
}		

.clear_both {
	clear: both;
}

/* Acordionfunktion zum Auf- und Zuklappen der Informationen */	
.accordion a.acc_header,
.ibanConverter .subheadline {
	cursor:pointer;
	display:block;
	color:#C00418; 
	padding:7px 0px 7px 0px;
	margin-top: 0;
	text-decoration: none;
	border-top:1px dotted #E3E3E3; 
	}
		
.accordion a.acc_header_1 {	
	border-top:none; 
	}

.accordion div.acc_body {
	padding:10px 10px 20px 0px;
	}