/* Formulare */

ul li input, select {
	height: 16px;
}

ul li select {
	height: 21px;
}

.feldbezeichnung {
	float:left;
	width:160px;
}

.feldbezeichnung_checkbox {
	float:left;
	padding-top: 3px;
}

.radio_label {
	padding-top: 30px;
}

.input {
	/* float:right; */
	width:250px;
	margin-right:30px;
}

.textarea {
	/* float:right; */
	width:250px;
	margin-right:30px;
	height:100px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}

.radio {
	/* float:right; */
	margin-right:20px;
}

.checkbox {
	float:left;
	margin-left:160px;
	margin-right:10px;
}

#abschicken { 
	float:right; 
	margin-right:20px; 
}


/* Fehler */
.feldbezeichnung_fehler {
	float:left;
	width:160px;
	background-color: #ffffff;
	color:#ba2938;
}

.feldbezeichnung_checkbox_fehler {
	float:left;
	width:240px;
	background-color: #ffffff;
	color:#ba2938;
	padding-top: 2px;
}

.input_fehler {
	float:left;
	width:250px;
	border:#ba2938 1px solid;
	padding:1px;
	margin-right:10px;
}

.textarea_fehler {
	float:left;
	width:250px;
	border:#ba2938 1px solid;
	padding:1px;
	margin-right:10px;
	height:100px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}

.fehlermeldung_pfeile {
	background:url(../img/pfeile.png) bottom right no-repeat;
	float: right;
	width:20px;
	height:16px;
	margin-top: 2px;
}


.meldung p {
	padding-top: 10px;
	padding-bottom: 10px;
	clear: left;
}


/* Registrierung */
#registrierung, #passwortanfoderung, #login, #kontakt {width:450px;}
#registrierung ul li, #passwortanfoderung ul li, #login ul li, #kontakt ul li {
	padding-top:5px;
	clear: left;
}

.geburtstag_tag, .geburtstag_monat {
	width: 30px;
	margin-right:10px;
	float: left;
}

.geburtstag_jahr {
	width: 50px;
	float: left;
}

.geburtstag_tag_fehler, .geburtstag_monat_fehler {
	width: 30px;
	margin-right:10px;
	float: left;
	border:#ba2938 1px solid;
}

.geburtstag_jahr_fehler {
	width: 50px;
	float: left;
	border:#ba2938 1px solid;
}

.land {
	width:120px;
	margin-right: 10px;
}

.plz {
	width:60px;
}

.plz_fehler {
	width:60px;
	border:#ba2938 1px solid;
}

.checkbox_agb {
	float:left;
	margin-left:160px;
	margin-right:10px;
	margin-bottom:30px;
}

.feldbezeichnung_agb {
	padding-top: 3px;
	font-weight: bold;
}

.feldbezeichnung_agb_fehler, .feldbezeichnung_agb_fehler a:link,  .feldbezeichnung_agb_fehler a:visited {
	padding-top: 3px;
	font-weight: bold;
	color:#ba2938
}

.plz_fehler {
	width:60px;
	border:#ba2938 1px solid;
}


/* Login-Box */
#login_klein {width:270px;}
#login_klein ul li {
	padding-top:5px;
	clear: left;
}

.login_feldbezeichnung {
	float:left;
	width:265px;
}

.login_input {
	/* float:right; */
	width:265px;
	margin-right:30px;
}

.login_checkbox {
	float:left;
	margin-left:0;
	margin-right:10px;
}

.login_checkbox {
	float:left;
	margin-left:0;
	margin-right:10px;
}

.login_feldbezeichnung_checkbox {
	float:left;
	width:225px;
	padding-top: 3px;
}

.button_login_klein {
	background: url(../img/buttons/submit140.gif) top left no-repeat;
	width:140px;
	height:28px;
	border:none;
	text-align:left;
	padding:0 0 5px 10px;
	margin:0px 28px 10px 0px;
	color:#FFFFFF;
	cursor: pointer;
	float: right;
}

.login_passwort {
	float: left;
	text-align: right;
}

.button_login_klein:hover {
	background:url(../img/buttons/submit140_over.gif) top left no-repeat;
}



/* Buttons */
.button_absenden {
	width:110px;
	height:28px;
	border:none;
	padding:0;
	margin-right:0px;
	margin-bottom:10px;
	float: right;
}

/* Infoboxen */
.infobox {
	position: relative;
	z-index: 5;
}

.infobox a {
	text-decoration: underline;
	cursor: pointer;
	z-index: 5;
}

.infobox a:hover {
	text-decoration: none;
	cursor: pointer;
	z-index: 5;
}

.infobox span {
    display: none;
    width: 250px;
	top: 0px;
	left: 75px;
    position: absolute;
    border: 5px solid #1F1B21; 
    padding: 5px;
	background-color: #ffffff;
	z-index: 99;
}

.infobox:hover span {
    display: block;
	z-index: 99;
}



#overlay{ position: absolute; top: 0; left: 0; z-index: 250; opacity: 0.7; background-color: #000; visibility: hidden; text-align: center;}

#innerOverlay { visibility: hidden; position: absolute; top: 0; left: 0; z-index: 300; text-align: center; }

#layerLogin { position: absolute; z-index: 350; display: none; text-align: left; background: #fff; border: solid 5px #000; padding: 10px; width: 450px;}

#layerRegister { position: absolute; z-index: 350; display: none; text-align: left; background: #fff; border: solid 5px #000; padding: 10px; width: 450px;}

#layerPasswortanforderung { position: absolute; z-index: 350; display: none; text-align: left; background: #fff; border: solid 5px #000; padding: 10px; width: 450px;}





div.gutscheinformular_button {
	margin: 0;
	padding: 0;
	width: 540;
	height: 40px;
	float: left;
	background-repeat: no-repeat;
}

div.btn_vorteile {
	margin: 0 0 20px 0;
	clear: both;
	text-align: left;
}




#layerVorteile { color: #333; visibility: hidden; width: 300px; position: absolute; margin: -10px 0 0 80px; z-index: 20; padding: 5px 5px 5px 10px; border: 5px solid #1F1B21; background: #ffffff; text-align: left;}

#layerVorteile ul {
	margin-left: 10px;
}

#layerVorteile ul li {
	list-style: disc;
	margin-bottom: 5px;
}