/* RATIONAL 2 Jahresgarantie */

* {
	padding: 0px;
	margin: 0px;
}

/* ------- Style fuer Text im Content ------- */
body {
	margin-left: 0px;
	margin-top: 21px;
	margin-right: 0px;
	text-align: left;
	font: normal 12px/normal Arial, Helvetica, sans-serif;
	background-color: #FFF;
}

input, select {
	font-size: 12px;

}

img {
	border: none;
	padding: 0px;
	margin: 0px;
}

a:link, a:visited, a:active {
	font-size:12px;
	font-weight:normal;
	text-decoration:underline;
	color:#000;
}

/* ------- Style nur fuer RATIONAL ------- */
.redheadline { 
	font-size:14px;
	font-weight:bold;
	color:#990033;
}

/* ------- Anmeldeformular ------- */

/* ------- Style fuer die Fehlermeldung bei Pflichtfeldern ------- */
.formfield_error { 
	padding-top: 10px;
	clear: left;
	color:#FF3300;
}
.guaranteeForm fieldset {
	border:medium none;
}

/* ------- Style fuer labels ------- */
.guaranteeForm label { 
	font:inherit;
	color:inherit;
	width:130px;
	margin:10px 10px 0 0;
	padding:1px;
	display:block;
	float:left;
}
/* ------- Style fuer allgemeine inputs ------- */
.guaranteeForm .feld { 
	border:1px solid #ccc;
	font:inherit;
	color:inherit;
	width:235px;
	margin:10px 3px 0 0;
	padding:1px;
	display:block;
	float:left;
}
/* ------- Style fuer input Plz ------- */
.guaranteeForm .plz { 
	border:1px solid #ccc;
	font:inherit;
	color:inherit;
	width:72px;
	margin:10px 3px 0 0;
	padding:1px;
	display:block;
	float:left;
}
/* ------- Style fuer input Ort ------- */
.guaranteeForm .ort { 
	border:1px solid #ccc;
	font:inherit;
	color:inherit;
	width:143px;
	margin:10px 3px 0 0;
	padding:1px;
	display:block;
	float:left;
}
/* ------- Style fuer select ------- */
.guaranteeForm .pulldown { 
	border:1px solid #ccc;
	font:inherit;
	color:inherit;
	width:239px;
	margin:10px 3px 0 0;
	padding:1px;
	display:block;
	float:left;
}
.guaranteeForm .radio {
	margin-top:4px;
	margin-right:5px;
}

.guaranteeForm .checkbox {
	display:block;
	float:left;
	margin-right:5px;
}

.guaranteeForm label.radio {
	width:auto;
}
/* ------- Style fuer Stern bei Pflichtfeldern ------- */
.guaranteeForm label.required { 
	width:8px;
	color:#FF3300;
	font-weight:bold;
	font-size:14px;
	display:block;
	float:left;
	padding:0;
	margin-right:5px;
}
/* ------- Style fuer Hilfelogo ------- */
.guaranteeForm .iconTooltip {
	display:block;
	float:left;
	width:21px;
	height:21px;
	margin:10px 6px 0 0;
}
/* ------- Style fuer Hilfelogo ------- */
.guaranteeForm .iconTooltip2 {
	display:block;
	float:left;
	width:21px;
	height:21px;
	margin:10px 6px 0 13px;
}
/* ------- Style fuer Hilfelogo ------- */
.guaranteeForm .iconTooltip3 {
	display:block;
	float:left;
	width:21px;
	height:21px;
	margin-right:30px;
}
/* ------- Style fuer die Buttons ------- */
.guaranteeForm .submitButton { 
	border: 0px;
	height: 22px;
	background-color: #002652;
	color: #FFFFFF;
	font-size:11px;
	cursor:pointer;
}
.guaranteeForm .checkboxBottomLeft {
	width: 203px;
	float: left;
	padding-top:7px;
}

.guaranteeForm .checkboxBottomRight {
	width: 250px;
	float: left;
	padding-top:7px;

}

.guaranteeForm .formfield {
	border:1px solid black;
	color:black;
}
/* ------- Style fuer Anmeldungsseite Datumsformat ------- */
.guaranteeForm select.dateselect_day { 
	border:1px solid #ccc;
	font:inherit;
	color:inherit;
	width:40px;
	margin:10px 3px 0 0;
	padding:1px;
	/* Diese beiden Angaben bitte nicht ver‰ndern: */
	display:block;
	float:left;
}
/* ------- Style fuer Anmeldungsseite Datumsformat ------- */
.guaranteeForm select.dateselect_month { 
	border:1px solid #ccc;
	font:inherit;
	color:inherit;
	width:138px;
	margin:10px 3px 0 0;
	padding:1px;
	/* Diese beiden Angaben bitte nicht ver‰ndern: */
	display:block;
	float:left;
}
/* ------- Style fuer Anmeldungsseite Datumsformat ------- */
.guaranteeForm select.dateselect_year { 
	border:1px solid #ccc;
	font:inherit;
	color:inherit;
	width:55px;
	margin:10px 3px 0 0;
	padding:1px;
	/* Diese beiden Angaben bitte nicht ver‰ndern: */
	display:block;
	float:left;
}

/* ------- Contentbereich ------- */

.greytrenner {
	background-color: #ECECEC;
	height:25px;
	width:799px;
	border-right:1px solid #CFCFCF;
}
/* ------- Style fuer DIV Content ------- */
.wrapperGuarantee { 
	width:750px;
}
/* ------- Style fuer Anmeldungsseite DIV links ------- */
.wrapperLeftGuarantee { 
	width: 530px;
	min-height:889px;
	float: left;
	/*background: #fff url(../img/DE/DE/restricted/guarantee/bg_linie.gif) repeat-y right top;*/
}
/* ------- Style nur fuer RATIONAL ------- */
.wrapperRightGuarantee { 
	width:169px;
	height:889px;
	float: right;
	background: #fff url(../img/DE/DE/restricted/guarantee/bg_teaser.jpg) no-repeat left top;
	padding: 40px 12px 0 18px;
}
/* ------- Style nur fuer RATIONAL ------- */
.wrapperRightGuarantee ul li { 
	list-style-image:none;
	list-style-type:none;
	background: url(../img/li_guarantee.gif) no-repeat 0 5px;
	padding:0 0 8px 11px;
}
/* ------- Style fuer Startseite DIV links ------- */
.wrapperLeftGuaranteeLogin { 
	width: 530px;
	min-height:579px;
	float: left;
	/*background: #fff url(../img/DE/DE/restricted/guarantee/bg_linie.gif) repeat-y right top;*/
}
/* ------- Style nur fuer RATIONAL ------- */
.wrapperRightGuaranteeLogin { 
	width:166px;
	float: left;
	padding: 0px 15px 0 18px;
}
/* ------- Style fuer Einzug links, rechts ------- */
.rtGuarantee { 
	/*padding-left:25px;*/
	padding-right:25px;
}
.smallcontenttrenner {
	height:8px;
}
.halfcontenttrenner {
	height:20px;
}
.contenttrenner {
	height:40px;
}
.floatstop {
	clear:left;
}
.smalltext {
	font-size:11px;
	font-weight:normal;
	color:#000;
}
/* ------- Style fuer die Ueberschriften ------- */
.guaranteeForm .blueHeadline { 
	color:#000;
	font-size:18px;
	font-weight:bold;
}
/* ------- Style nur fuer RATIONAL ------- */
.guaranteeForm .headlineLogin { 
	color:#002652;
	font-size:14px;
	font-weight:bold;
}
.topspGuarantee {
	padding-top:220px;
}

/* Klassen fuer Hinweise z.B. Email wurde an User versendet, besteht immer aus Icon links und grauen Kasten rechts mit Headline u. Content */
.hint {
	clear:both;
	padding:0px 0px 20px;
}

.hint .left {
	float:left;
}

.hint .rightS {
	width:550px;
	float: left;
	padding-left: 35px;
}

.hint .rightW {
    width:639px;
    float: left;
    padding-left: 35px;
}


.hint .rightS div {
	background-color: #E0E0E0;
	padding:10px 10px 10px 10px;
}

.hint .rightW div {
    background-color: #E0E0E0;
    padding:10px 10px 10px 10px;
}

.hint .rightS h2 {
    font-size:18px;
    font-weight:bold;
    color:#000;
    margin-bottom: 20px;
}

.hint .rightW h2 {
    font-size:18px;
    font-weight:bold;
    color:#000;
    margin-bottom: 20px;
}

/* ------- Style fuer Login Support ------- */

.loginSupport fieldset {
	border:medium none;
}

.loginSupport label { 
	font:inherit;
	color:inherit;
	width:60px;
	margin:10px 10px 0 0;
	padding:1px;
	display:block;
	float:left;
}
.loginSupport .feld { 
	border:1px solid #ccc;
	font:inherit;
	color:inherit;
	width:180px;
	margin:10px 3px 0 0;
	padding:1px;
	display:block;
	float:left;
}
.loginSupport .submitButton { 
	border: 0px;
	height: 22px;
	background-color: #002652;
	color: #FFFFFF;
	font-size:11px;
	cursor:pointer;
}