body {font-family: Arial, Tahoma, Helvetica, sans-serif; font-size: 12px; color: #000000; margin:0; text-align: center; background: url(/images/sp_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: 622px; margin-bottom: 22px;}

#login-remind-password-box {float:right; position: relative; top: 20px; width: 294px; height: 375px;}
#login-remind-password-box .description {color: white; height: 50px; margin: 75px 70px 0px 30px; text-align: left;}
#login-remind-password-box .error {height: 50px; margin: 75px 70px 0px 30px; padding: 0px 0 0 20px; font-size: 10pt; font-weight: bold; background: transparent url(/images/excl_mark_small.gif) no-repeat scroll left top; color: #f24444; text-align: left;}
#login-remind-password-box input {width: 209px; margin-top: 2px;}
#login-remind-password-box label {color: white;}
#login-remind-password-box #b-ok {display: block; width: 80px; height: 80px; position: absolute; top: 275px; left: 195px;}
#login-remind-password-box a {color: black;}
#login-remind-password-box #remind_password_link {padding-top: 10px;width: 160xp;}
#login-remind-password-box #register_link {padding-top: 10px;width: 160xp;}
#login-remind-password-box #back_to_login_link {padding-top: 10px;width: 160xp;}

#register_button {float:right; position: absolute; top: 460px; left: 46px; width: 354px; height: 96px; background: url(/images/sp_register_button.jpg) top center no-repeat;}
#register_button_clickable_area {display: block; width: 310px; height: 50px; margin-top: 17px; margin-left: 10px;}

#new_candidate_window {width: 343px; height: 375px; background: url(/images/pre_live_registration.png) top center no-repeat;}
#new_candidate_window .header {padding: 70px 30px 10px 30px; text-align: left; width: 200px;}
#new_candidate_form {padding: 10px 30px 30px 30px; text-align: left;}
#new_candidate_form label {font-weight: bold;}
#new_candidate_form .input {margin: 10px 0;}
#new_candidate_form #error {color: red; margin-bottom: 10px;}

#tetje {float:right; position: absolute; top: 0px; left: 0px; width: 928px; height: 600px;}

#about_us {float:right; width: 910px; height: 644px; background: url(/images/sp_about_us_background.gif) top left no-repeat;}
#about_us_description_box {float:right; position: absolute; top: 475px; left: 435px; width: 467px; height: 119px; background: url(/images/sp_about_us_co.gif) top left no-repeat; display: none;}
#about_us_photo {float:right; position: absolute; top: 82px; left: 535px;}

#impressum {height: 644px; text-align: center;}

#business_conditions {background-color: white; padding: 10px;}

#weg_de {float:right; position: absolute; top: 100px; left: 389px; width: 294px; height: 375px;}
#gruss_tetje {float:right; position: absolute; top: 420px; left: 495px; width: 329px; height: 222px;}
#i18n {float:right; position: absolute; top: 20px; left: 340px; width: 290px; height: 66px; background: url(/images/sp_i18n.jpg) top center no-repeat;}

#footer_content {float:right; width: 999px; height: 120px; padding-top: 55px;}
#footer_content a {color:white; text-decoration:none;}
#footer_content a:hover {text-decoration:underline;}
#avatars {float:left; padding-left: 90px;}
#groups {float:left; margin-left: 35px; width: 250px;}
#photos_and_videos {float:right; margin: 0px 20px 0 0;}

#groups_cloud {text-align: center; font-weight: bold; color: #fae9d7;}

#footer {float:right;}
#footer a {color:#000000; text-decoration:none;}
#footer a:hover {text-decoration:underline;}

.form {padding: 0px 28px 28px 28px;}
.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: 1px solid 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;}