/* main styles */

body				{ background:#DFDFDF; font-family:Arial, sans-serif; font-size:75%; }

a					{ text-decoration:underline; }
a:hover				{ text-decoration:none; }

.clearfix					{ zoom:1; }
.clearfix:after 			{ content:"."; display:block; height:0; clear:both; visibility:hidden; }

#header				{ background:#009CED; color:#FFF; }
#header .wrapper	{ width:556px; height:291px; padding:0 0 0 338px; margin:0 auto; background:url(../images/catalog.jpg) no-repeat; }
#header h1			{ height:150px; background:url(../images/knauf.png) no-repeat top right; text-indent:-9000px; }
#header ul			{ padding:8px 0 14px 0; line-height:1.6em; list-style-type:circle; list-style-position:inside; }
#header p			{ font-weight:bold; font-size:1.35em; line-height:1.4em; }
#header p strong	{ display:block; }

.confirmation #header .wrapper	{ height:102px; background-image:none; }
.confirmation #header h1		{ background:url(../images/knauf_single.png) no-repeat top right; }

#main				{ width:759px; margin:0 auto; padding:0 0 0 135px; background:url(../images/2010.png) no-repeat; }


#content			{ padding:28px 68px; background:#FFF; color:#333333; }

#content div.buttons	{ padding:8px 0 16px 0; }
#content div.buttons p	{ float:left; }
#content div.buttons p.required	{ width:232px; font-style:italic; }
#content div.buttons p.submit	{ width:156px; }
#content div.buttons p.submit input	{ width:156px; height:39px; color:#FFF; font-weight:bold; font-size:1.3em; background:url(../images/submit.png) no-repeat; border:none; cursor:pointer; }
#content div.buttons p.knauf		{ text-align:right; width:234px; font-weight:bold; }
#content div.buttons p.knauf a		{ color:#0065CB; font-size:1.5em; }

#content p.legal			{ clear:both; padding:0 45px; line-height:1.4em; text-align:center; font-size:.8em; }
#content p.legal a			{ color:#0065CB; }

#confirmation				{ color:#FFF; padding:246px 60px 0 60px; background:#27AAF0 url(../images/confirmation_bg.jpg) no-repeat center top; height:450px; text-align:center; }
#confirmation p				{ font-size:2em; line-height:1.5em; padding:0 0 1.1em 0; }
#confirmation div.back		{ color:#434343; font-size:1.2em; line-height:1.5em; padding:2.4em 0 0 0; }
#confirmation div.back a	{ display:block; font-size:1.4em; color:#FFF; }

/* messages */

#content div.errors			{ padding:14px 22px 10px 22px; margin:0 0 4px 0; color:#FFF; background:#AB1919; border:1px solid #6E1010; }
#content div.errors p		{ font-size:1.2em; font-weight:bold; }
#content div.errors ul		{ padding:10px 0 0 0; list-style-type:circle; list-style-position:inside; line-height:1.3em; }

/* forms */

#content span.required	{ color:#CB0000; }
#content fieldset	{ padding:16px 22px 10px 22px; margin:0 0 4px 0; color:#434343; background:#F7F7F7; border:1px solid #CECECE; }

#content p.label		{ float:left; width:102px; font-weight:bold; line-height:18px; }
#content p.radio_fake	{ padding:6px 0 5px 28px; font-weight:bold; font-size:1.2em; background:url(../images/radio_fake.png) no-repeat center left; }

#content div.field		{ padding:0 0 7px 0; }

#content div.field.text			{ zoom:1; }
#content div.field.text label	{ display:block; float:left; width:68px; line-height:18px; }
#content div.field.text input	{ float:left; height:15px; width:190px; color:#555; padding:2px 3px 0 3px; border:none; border-bottom:1px solid #919191; border-right:1px solid #919191; background:url(../images/text_field_bg.png) no-repeat top left; font-family:Tahoma, sans-serif; font-size:.95em; }
#content div.field.text.wide		{ clear:both; }
#content div.field.text.wide input	{ width:502px; }

#content div.field.text.cp input	{ width:120px; }
#content div.field.text.city label	{ width:50px; }
#content div.field.text.city input	{ width:278px; }
#content div.field.text.email label	{ width:50px; }
#content div.field.text.email input	{ width:208px; }

#content div.line				{ clear:both; }
#content div.line div.field		{ float:left; padding-right:47px; }
#content div.line div.last		{ padding-right:0; }

#content div.radios ul	{ padding-left:68px; }
#content div.radios li	{ float:left; padding:0 26px 0 0; }
#content div.radios label	{ cursor:pointer; }

#content #job div.radios ul	{ float:left; width:475px; padding-left:0; }
#content #job div.radios ul li	{ padding-bottom:6px; }

#content #job div.radios ul li.other		{ display:block; clear:both; width:475px; padding-right:0; }
#content #job div.radios ul li.other label	{ float:left; display:block; width:130px; }
#content #job div.radios ul li.other .text	{ float:left; margin:2px 0 0 0; }
#content #job div.radios ul li.other .text input	{ width:338px; }

#content div.checkbox			{ font-size:1.2em; font-weight:bold; }
#content div.checkbox label		{ cursor:pointer; }
#content div.checkbox input		{ float:left; }
#content div.checkbox span		{ float:left; padding:2px 0 4px 10px; width:480px; line-height:1.3em; }
#content div.checkbox span strong	{ display:block; }