body {font-family: Arial, Tahoma, Helvetica, sans-serif; font-size: 12px; color: #000000; margin:0; text-align: center; background: url(/images/signup_tall.gif) top repeat-x #ffb225;}
#main {width:999px; position: relative; margin:0 auto; text-align:left;}
a:hover{text-decoration:none;}
.site_center {position:relative; width:100%; text-align:center;}
.content {float:left; width: 500px; height: 522px; background: url(/images/sp_logo_text.png) top left no-repeat; margin-bottom: 122px;}

#signup_form {background: url(/images/registration_form_bkg.png) top center no-repeat; width:403px; height:592px; color: white; position: absolute; top: 80px; left: 550px;}
#signup_form .container {padding: 0px 28px 28px 28px;}
#signup_form a {color: black;}
#signup_form .container .row1 .column1 {padding-top: 5px;}
#signup_form .headline {margin: 10px 20px 0 20px; height: 86px;}
#signup_form .description {margin: 5px 30px;}
#invitation_message {padding: 10px; color: black;}

#i18n {float:right; position: absolute; top: 20px; left: 250px; width: 290px; height: 66px; background: url(/images/sp_i18n.jpg) top center no-repeat;}
#weg_de {float:right; position: absolute; top: 310px; left: 0px; width: 554px; height: 554px;}
#signup_text {float:right; position: absolute; top: 205px; left: 0px; width: 314px; height: 181px;}
#logo_tetje {width:405px; height:219px; background: transparent url(/images/logo_tetje.jpg) no-repeat scroll left top;}

#footer {position: relative; right: 0px; top: 530px; width:100%;}
#footer a {color:#000000; text-decoration:none;}
#footer a:hover {text-decoration:underline;}

.flash_error { position: absolute; top: 35px; left: 552px; margin-bottom: -5px; padding: 15px 0px 0px 45px; width: 403px; height: 33px; border: none; background: url('/images/flash_error_signup.png') top left no-repeat; color: #f2d4d4;}

.form {}
.form .field {margin-bottom: 10px; height:20pt;}
.form .field input {margin: 2px 0px 2px 0px; width:205px; height:18px; background:#fff; border:0; color:#403633; font-size:1.1em; font-family:arial; padding-left:3px; padding-top:2px; border:1px solid #d1d1d1; border-left:1px solid #7d7d7d; border-top:1px solid #7d7d7d;}
.form .field select {height:18px; background:#fff; border:0; color:#403633; font-size:1.1em; font-family:arial; padding-left:3px; padding-top:0px; border:1px solid #d1d1d1; border-left:1px solid #7d7d7d; border-top:1px solid #7d7d7d;}

/* validation erros */
.form .fieldWithErrors input {border: 2px dashed rgb(219, 36, 0);}
.form .fieldWithErrors textarea {border: 1px solid rgb(219, 36, 0)}
.form .icon {margin: 0 5px; float: left; background: transparent url(/images/excl_mark_small.gif) no-repeat scroll left top; width: 16px; height: 22px;}
.form .fieldWithErrors {display: inline; float: left;}