
body 				{ background-color:#EEE; }

.layout-container	{ width:966px; margin: 24px auto 0 auto; padding: 15px 0 15px 30px; background-color: #ffffff; }
.layout-header		{ background: transparent url("../img/header_image.jpg") no-repeat 0 55px; height: 264px; }
	#logo 			{ height: 51px; background: transparent url("../img/header_logo.gif") no-repeat; }
		
.layout-body		{  }
	.column-center 	{  }
.layout-footer		{ margin:15px 0px 0px 0px; }

#logo a:link,
#logo a:visited { float: left; width: 300px; height: 51px; border: none; }
#logo a:hover,
#logo a:active { background-color: transparent; }

.csc-frame					{ background: transparent none repeat-y; margin-bottom: 15px; }
.csc-frame-frame1			{ background-image: url("../img/columns_green_green.gif"); }
.csc-frame-frame2			{ background-image: url("../img/columns_red_red.gif"); }
.csc-frame-frame3			{ background-image: url("../img/columns_green_red.gif"); }
.csc-frame-frame4			{ background-image: url("../img/columns_red.gif"); }

.content-box				{ float: left; width: 483px; display: inline; }
/* bug in IE does not allow exact h1 position */
* html .content-box			{ float: left; width: 482px; }
.content-box h1				{ float: left; width: 75px; display: inline; color: #ffffff; font-size: 15px; line-height:23px; }
.content-box-text			{ margin: 0 15px 0 100px; }
.content-box-text-notitle	{ margin: 0 15px 0 0px; }
.content-box-line			{ background: transparent none no-repeat 0 bottom; }
.csc-frame-frame1 .content-box-line			{ background-image: url("../img/columns_line_green_green.gif"); }
.csc-frame-frame2 .content-box-line			{ background-image: url("../img/columns_line_red_red.gif"); }
.csc-frame-frame3 .content-box-line			{ background-image: url("../img/columns_line_green_red.gif"); }
.csc-frame-frame4 .content-box-line			{ background-image: url("../img/columns_line_red.gif"); }

span.red						{ color: #a7001f !important; }
span.link-at					{ background: transparent url("../img/at_grey.gif") no-repeat 1px 1px; padding: 0 4px 0 5px; }

/* all forms */
input, textarea, select 			{ font-size: 11px; /*height: 16px;*/ color: #000000; padding: 2px; margin: 0px 0px 2px 0px; }
input, select 					{ border: 1px solid #bebebe; width: 150px; }
textarea 						{ border: 1px solid #bebebe; width: 280px; height: 90px; margin-bottom: 5px; }
input:focus, textarea:focus		{ border-color: #A7001F; }

/* mail form */
input.csc-mailform-check,
input.csc-mailform-radio		{ width:auto; }

input.csc-mailform-submit,
input.csc-searchform-submit,
input.tx-sremailsubscribe-pi1-submit,
input.tx-srfeuserregister-pi1-submit,
input.tx-newloginbox-pi1-submit,
input.tx-felogin-pi1-submit,
input.tt-products-pi1-submit,
input.tx-hotstuffcommunity-submit	{ background-color: #A7001F; border: 1px solid #A7001F; color:#ffffff; font-weight: bold; font-size:10px; margin-bottom: 10px; }

fieldset.csc-mailform			{ float: left; width: 430px; margin-top: 15px; }
div.csc-mailform-field			{ clear: both; }
fieldset.csc-mailform label 		{ float:left; width:120px; color:#927A3E; }

	span.csc-mailform-radio		{ }
	span.csc-mailform-radio fieldset{ height: 20px; }
	span.csc-mailform-radio legend 	{ display: none; }
	span.csc-mailform-radio input 	{ margin:0px; padding:0px; border: none; width: auto; }
	span.csc-mailform-radio label 	{ float: none; vertical-align: top; width: auto; margin: 0px 10px 0px 3px; color: #c2c4c5; }
	span.csc-mailform-radio br	{ display: none; }

	span.csc-mailform-check		{ }
	span.csc-mailform-check input	{ float:left; margin-left:120px; border: none; }
	span.csc-mailform-check label	{ width: 230px; margin: 0px 0px 0px 5px; }
.clearfix::after{content:"";display:table;clear:both}
