/* ###### GENERAL STYLING ###### */
body {
	font: 62.5% verdana, arial, sans-serif;
	color: #000;
}

a{
	color: #000;
}

.structural {
	position: absolute;
	left: -9999px;
}

.img-replacement {
	display: block;
	text-indent: -9999px;
}


/* ###### HASLAYOUT ###### */
#description_wrap:after,
#content:after,
.has_layout:after,
#agreement_wrap:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}


/* #### CONTAINER #### */
#container{
    position: relative;
	margin:0 auto;
	width: 720px;
}


/* #### HEADER #### */
#header {
	height: 90px;
	background: url(images/header3.png) no-repeat top left;
}


/* #### LEAD IN #### */
#description_wrap {
	background-color: #e70020;
	padding: 8px;
	color: #fff;
}
h1 {
    display: block;
    /*margin-left: 8px;
    padding-top: 8px;*/
    padding-bottom: 8px;
    font-size: 3em;
    font-weight: bold;
}
#description, #thankyou_description {
	float: left;
	font-size: 1.2em;
}
#description {
	width: 555px;
}
.lead_in, .body {
	margin-right: 8px;
}
.body {
	margin-top: 8px;
}
.lead_in {
    font-weight: bold;
}
#sponsor {
	float: left;
	/*width: 240px;*/
	height: 142px;
}

#sponsor p {
    width: 142px;
    padding-top: 180px;
    text-align: right;
    font-size: .9em;
	background: url(images/jose.jpg) no-repeat top center;
}


/* #### CONTENT #### */
#content {
	background-color: #dfdfdf;
	padding-bottom: 60px;
	padding-right: 10px;
}
#aside {
	position: relative;
	float: left;
	height: 526px;
	margin: 10px 0 0 10px;
}
#top_item {
	display: block;
	top: 0px;	
}
#bottom_item {
	display: block;
	position: absolute;
	bottom: 0px;
}


/* #### DESIGN FLIP #### */
.flip #aside {
	float: right;
}
.flip #form_wrap {
	float: left;
	margin-left: 10px;
}


/* #### FORM #### */
#form_wrap {
	float: right;
	width: 342px;
	margin: 10px 0 10px 0;
	padding-bottom: 11px;
	background: #fff url(images/formbg_bottom.png) no-repeat bottom left;
}
#donate_form {
	display: block;
	width: 322px;
	height: 495px;
	padding: 10px;
	background: #fff url(images/formbg_top.png) no-repeat top left;
}
fieldset {
	margin-top: 15px;
}
h2 {
    margin-bottom: 10px;
    color: #e70020;
    font-size: 1.8em;
    font-weight: bold;
}
legend {
    color: #000;
	font-size: 1.4em;
	font-weight: bold;
}
.form_part {
	margin: 10px 0 5px 0;
	font-weight: bold;
}
.label_basic {
	font-weight: normal;
}
.text_fields {
	height: 21px;
	background-color: #eeeeee;
	border: 1px solid #cbcbcb;
}
.error {
	background-color: #fba3ac;
	border: 1px solid #fc081f;
}
.has_layout label { display: block; float: left; }

#firstname { width: 97px; }
#firstname_label { width: 100px; }
#infix { width: 35px; }
#infix_label { width: 110px; }
#lastname { width: 162px; }
#street { width: 204px; }
#street_label { width: 210px; }
#housenumber { width: 102px; }
#postalcode { width: 92px; }
#postalcode_label { width: 100px; }
#city { width: 212px; }
#email { width: 209px; }
#profilefield_2 { width: 319px; }
#agreement_wrap span {
	display: block;
	float: left;
	width: 25px;
}
#agreement_wrap label {
	display: block;
	float: left;
	width: 290px;
}
button {
	width: 162px;
	height: 28px;
	margin: 15px 80px;
	background: url(images/send_btn.png) no-repeat top left;
	border: 0px;
	cursor: pointer;
}
#error_list {
	margin: 10px 0 10px 25px;
	color: #fc081f;
}


/* #### FOOTER #### */
#footer {
	padding-top: 5px;
	text-align: center;
	color: #939393;
}
#footer a {
	color: #939393;
}
#footer a:hover, #footer a:focus {
	color: #000;
	text-decoration: none;
}
#footer p {
	margin-top: 5px;
}
#footer strong {
	font-weight: normal;
}


/* ### THANK YOU #### */
#thankyou_content {
    padding: 10px;
    /*padding-top: 10px;*/
	background-color: #dfdfdf;
	/*padding-right: 10px;
	padding-left: 10px;*/
}
#thankyou_wrap {
    width: 700px;
	height: 200px;
	/*margin: 0 10px 10px 10px;*/
	padding-top: 10px;
	background: url(images/thankyou_bg.png) no-repeat top left;
}
#thankyou_wrap strong {
    font-size: 1.2em;
}
#thankyou_wrap p {
	margin: 0 10px 0 10px;
	text-align: left;
	font-size: 1.1em;
}