/* Grüner Eindruckservice - Formular Styles */

input, textarea, button, select {
	border: 1px solid #666666;
	margin: 0;
	padding: 1px 0 1px 0;
	font-family: "Courier New", Courier, mono;
	font-size: 13px;
}
input.checkbox {
	border:none;
}
button {
	font-size: 11px;
	font-family: Helvetica, Arial, Verdana, sans-serif;
}
select {
	padding: 2px;
}
input, textarea {
	padding: 3px;
}

.submit-buttons {
	margin-top: 20px;
}

.tyRemoveImageContainer input, button, input.button,
a.button:link, a.button:visited, a.button:active, a.button:hover,
.buttons a:link, .buttons a:visited, .buttons a:active, .buttons a:hover {
	display: block;
	width: 180px;
	padding: 0 2px 2px 2px;
	margin: 0;
	cursor: pointer;
	background-color: #EBF3FF;
	border: 0;
	color: #000000;
	font-weight: bold;
	text-align: center;
	line-height: 17px;
	height: 21px;
	font-size: 11px;
	text-decoration: none;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	background-image: url(/templates/pics/bg_button.png);
	background-repeat: no-repeat;
	background-position: left top;
}
a.button:link, a.button:visited, a.button:active, a.button:hover,
.buttons a:link, .buttons a:visited, .buttons a:active, .buttons a:hover {
	margin: 0;
	cursor: pointer;
	font-size: 11px;
	height: 21px;
	width: 180px;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	padding: 2px 2px 0px 2px;
}
button.deactivated { color: #999999; }

label {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 13px;
	display: block;
	padding: 0 0 3px 0;
}
fieldset {
	border: 0;
	margin: 0;
	padding: 15px 0 0 0;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 13px;
	background-image: url(/templates/pics/fieldset_bg.gif);
	background-repeat: repeat-x;
	background-position: 0 0;
}
legend {
	border: 0px solid #FFFFFF !important;
	font-weight: bold;
	padding: 35px 7px 0 7px;
	color: #15386C;
	font-size: 14px;
}

textarea {
	width: 580px;
	height: 65px;
}
.forminputs, .div-inputfield, .div-inputfield-error {
	float: left;
	padding: 0 5px 0 0;

}

.forminputs input, .div-inputfield input, .div-inputfield-error input {
	width: 113px;
}
.forminputs_noedit {
	float: left;
	padding: 0 5px 0 0;
	width: 295px;
}
.inputrows {
	margin: 0 0 10px 0;
	height: 15px;
}
html>body .inputrows {
	height: auto;
	min-height: 20px;
}
.inputrows-ml20 {
	margin-left: 20px;
}
label.label-check {
	font-size: 13px;
	font-family: Helvetica, Arial, Verdana, sans-serif;
 	display: block;

}
div.label-check {
	float: left;
	margin-bottom: 5px;
}
.label-check input {
	border: 0;
	background-color: transparent;
}
html>body .label-check input {
	background-color: #FFFFFF;
}
div.cr-error, .cr-error label, .div-inputfield-error label {
	color: #AB0D0D !important;
	font-weight: bold;
}

.cr-error input, .cr-error textarea,
.errorMsg input, .errorMsg select, .errorMsg textarea, .div-inputfield-error input {
	background-color: #AB0D0D !important;
	color: #FFFFFF;
}
.submitbutton {
	margin: 10px 0 0 0;
}
.errorMsg{
	color: #AB0D0D;
	font-weight: bold;
	margin-top: 10px;
}
label.errorMsg {
	margin-top: 0;
}
/* Spezielle Formularfelder */
#tyShopSalutation,
#tyShopTitle,
#tyShopFirstname,
#tyShopLastname,
#tyShopDelSalutation,
#tyShopDelTitle,
#tyShopDelFirstname,
#tyShopDelLastname {
	width: 192px;
}
#tyShopCompany,
#tyShopDelCompany	{ width: 473px; }
#tyShopAdressNr,
#tyShopZip,
#tyShopDelAdressNr,
#tyShopDelZip			{ width: 81px; }
#tyShopAdress,
#tyShopCity,
#tyShopDelAdress,
#tyShopDelAdditional,
#tyShopDelCity			{ width: 295px; }
#tyShopState,
#tyShopDelState,
#tyShopCountry,
#tyShopDelCountry		{ width: 207px; }
#tyShopPhone,
#tyShopFax,
#tyShopEmail,
#tyShopFirstAccount		{ width: 192px; }
#tyShopCreditCardExpirationYear,
#tyShopCreditCardExpirationMonth,
#tyShopBankCode,
#tyShopBankName,
#tyShopFirstAccount,
#tyShopCreditCardNumber,
#tyShopAdditional,
#tyShopDelAdditional,
#tyShopCreditCardValidationNumber	 { width: 200px; }

#sn-register input#email,
#sn-changedata input#email,
#sn-changedata input#company,
#sn-register input#department,
#sn-changedata input#department,
#sn-register input#title,
#sn-changedata input#title  { width: 295px; }

#sn-register input#fax,
#sn-register input#passwort,
#sn-register input#passwort-repeat,
#sn-changedata input#password,
#sn-changedata input#password_repeat,
#sn-changedata input#membernr,
#sn-register input#department_name,
#sn-changedata input#department_name,
#sn-register input#membernr,
#sn-changedata input#membernr,
#sn-register input#company,
#sn-changedata input#company,
#sn-register input#firstname,
#sn-register input#lastname,
#sn-changedata input#firstname,
#sn-changedata input#lastname,
input#responsible_shortname,
input#institution_name,
input#association_name { width: 295px; }
textarea#association_name { width: 295px; }

#sn-changedata select#salutation,
#sn-register select#salutation,
#sn-register select#country,
#sn-changedata select#country,
#sn-register select#state,
#sn-changedata select#state { width: 302px; }

#sn-register input#phone,
#sn-register input#mobil,
#sn-register input#fax,
#sn-changedata input#fax,
#sn-changedata input#phone,
#sn-changedata input#mobil { width: 192px; }

#responsible_name {  width: 603px; }
textarea#responsible_name {  width: 295px; }

#sn-register input.city-code, #sn-changedata input.city-code {
	width: 75px !important;
}
#sn-register input.phone-number, #sn-changedata input.phone-number {
	width: 205px !important;
}
select#project-article-price, input#project-save-name {
	width: 233px;
}
input#project-save-name {
	margin-right: 5px;
}
input#internet { width: 295px;}
input#project-save-name {
	margin-right: 5px;
}

input.input-file {
	width: 300px;
}

/* Produkt editieren */
#sn-edit-product input {
	width: 168px;
}
.div-vcard-form input, .div-vcard-form-error input,
.div-vcard-form select, .div-vcard-form-error select {
	width: 347px;
}
.div-vcard-form, .div-vcard-form-error {
	margin: 0 0 5px 0;
}
.div-vcard-form-error label {
	font-weight: bold;
	color: #AB0D0D !important;
}
.div-vcard-form-error input, .div-vcard-form-error select, .div-vcard-form-error textarea {
	background-color: #AB0D0D !important;
	color: #FFFFFF;
}
#sn-edit-product input.fulllength {
	width: 342px;
}
.div-vcard-form input#phone_area_code,
.div-vcard-form input#phone_city_code,
.div-vcard-form input#fax_area_code,
.div-vcard-form input#fax_city_code,
.div-vcard-form input#mobil_area_code,
.div-vcard-form input#mobil_city_code,
.div-vcard-form-error input#phone_area_code,
.div-vcard-form-error input#phone_city_code,
.div-vcard-form-error input#fax_area_code,
.div-vcard-form-error input#fax_city_code,
.div-vcard-form-error input#mobil_area_code,
.div-vcard-form-error input#mobil_city_code {
	width: 120px;
	margin-right: 5px;
}
.div-vcard-form input#phone,
.div-vcard-form input#fax,
.div-vcard-form input#mobil,
.div-vcard-form-error input#fax,
.div-vcard-form-error input#mobil,
.div-vcard-form-error input#phone {
	width: 220px;
}
/* Logout Formular */
#logout-form, #logout-form input {
	margin: 0;
	padding: 0;
	display: inline;
}
.logout {
	color: #15386C;
	background-color: #BBD5FB !important;
	border-bottom: 4px solid #FFFFFF;
	width: 169px;
	height: 27px;
	padding: 1px 0 0 0px;
	overflow: hidden;
}
html>body .logout {
	width: 170px;
	padding: 0 0 0 5px;
}
#logout-form input {
	border: 0;
	width: 138px;
	text-align: left;
	color: #15386C;
	background-color: #BBD5FB;
	height: 24px;
	padding: 1px 0 0 7px;
	font-weight: normal;
	display: block;
	cursor: pointer;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 13px;
	/*background-image: url(/templates/pics/bg-navL3.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px; */
}
/* Bestellschrit 1 - Warenkorb */
.basket-table, .product-table {
	margin: 0;
	padding: 0;
	width: 100%;
}
.basket-table td, .basket-table th {
	text-align: left;
	padding: 9px 5px;
}
.basket-table .table-head th {
	margin: 0;
	padding: 7px 5px;
	color: #15386C;
	font-size: 12px;
	border-top: 4px solid #FFFFFF;
	border-bottom: 4px solid #FFFFFF;
	background-color: #BBD5FB;
	text-align: left;
	font-weight: bold;
}
.basket-table .table-products td {
	border-bottom: 4px solid #FFFFFF;
}
.za1 td {
	background-color: #DBE0E6;
}
.za3 td {
	background-color: #BBD5FB;
}
.za4 td {
	background-color: {2|60};
}

.basket-table-sum {
	margin-bottom: 10px;
}
.basket-table-sum td, .basket-table-sum th {
	text-align: right;
	font-weight: normal;
}
.basket-table .tright {
	text-align: right;
}
.basket-table .tcenter {
	text-align: center;
}
.basket-step, .basket-step-img {
	height: 40px;
	line-height: 40px;
	font-size: 13px;
	margin-right: 20px;
	color: #BBD5FB;
	font-weight: bold;
}
.basket-step-img {
	margin-right: 5px;
}
.basket-step-a {
	color: #225CB1;
}
.basket-table .iTable-basket-prices, .basket-table .table-products .iTable-basket-prices th, .basket-table .table-products .iTable-basket-prices td  {
	margin: 0;
	padding: 0;
	border: 0;
}
.zasum0 {
	background-color: {2|60};
}
.zasum1 {
	background-color: #BBD5FB;
}
/* Bestellschritt 3 - Zahlungsmethode */
.go-to-confirmation {
	margin-top: 10px;
}
.go-to-confirmation button {
	float: left;
	margin-right: 5px;
}

/* Bestellschritt 4 - Bestellung abschließen */
.table-bortb {
	border-top: 1px dotted #333333;
	border-bottom: 1px dotted #333333;
}
.order-workflow-end {
	border-top: 1px dotted #333333;
	padding-top: 10px;
}
.order-workflow-end button {
	float: left;
	margin-right: 5px;
}
.table-bill-del-payment {
	margin-bottom: 10px;
}
.table-bill-del-payment td, .table-bill-del-payment th {
	text-align: left;
	vertical-align: top;
	padding: 9px 5px;
}
.table-bill-del-payment .bor {
	border-right: 1px dotted #666666;
}

.table-bill-del-payment th {
	margin: 0;
	padding: 7px 5px;
	color: #15386C;
	font-size: 12px;
	border-top: 4px solid #FFFFFF;
	border-bottom: 4px solid #FFFFFF;
	background-color: #BBD5FB;
	text-align: left;
	font-weight: bold;
}
.basket-table .table-products td {
	border-bottom: 4px solid #FFFFFF;
}
.basket-table .table-products .bobdotted {
	border-bottom: 1px dotted #666666;
}
/* Entwürfe */
.za .draft-editbutton, .za1 .draft-editbutton {
	background-color: #15386C;
	text-align: center;
}
.za .draft-editbutton:hover, .za1 .draft-editbutton:hover {
	background-color: #15386C;
	cursor: pointer;
}
.draft-editbutton a:link, .draft-editbutton a:visited, .draft-editbutton a:hover, .draft-editbutton a:active{
	color: #FFFFFF;
	display:block;
	width: 95px;
	height: 35px;
	line-height: 35px;
}
/* Druckereiinterface */
.print-interface-filter {
	border-top: 4px solid #FFFFFF;
	border-bottom: 4px solid #FFFFFF;
	margin: 20px 0;
	padding: 15px 0;
}
.print-interface-filter form {
	margin: 0;
	padding: 0;
}
.print-interface-filter select {
	width: 205px;
}
.print-interface-filter input.button {
	background-image: none;
	font-size:10px;
	width:24px;
	height:24px;
	border: 1px solid #FFFFFF;
	background-color: #15386C;
	color: #FFFFFF;
}
.table-printinterface td, .table-printinterface th {
	text-align: left;
	vertical-align: top;
	padding: 9px 5px;
}
.table-printinterface .bor {
	border-right: 1px dotted #666666;
}

.table-printinterface th,
.table-printinterface .foot td  {
	margin: 0;
	padding: 7px 5px;
	color: #15386C;
	font-size: 12px;
	border-top: 4px solid #FFFFFF;
	border-bottom: 4px solid #FFFFFF;
	background-color: #BBD5FB;
	text-align: left;
	font-weight: bold;
}
.table-printinterface-row td {
	border-bottom: 1px dotted #666666;
}

.table-printinterface-innertable td {
	border: 0;
	padding: 3px;
}
.order-buttons {
	margin: 0;
	padding: 0;
}
.ordering-button, .ordering-button-down  {
	background-image: url(/templates/pics/buttons_arrow_up_table_order.gif);
	background-repeat: no-repeat;
	width:11px;
	height:16px;
	border:0px;
	background-color:transparent;
	font-size:0px;
	padding: 0;
	margin-right: 5px;
}
.ordering-button-down  {
	background-image: url(/templates/pics/buttons_arrow_down_table_order.gif);
}
.za0 .printinterface-download, .za1 .printinterface-download {
	text-align: center;
	vertical-align: middle;
	background-color: #4783D9;
}
.za0 .printinterface-download:hover, .za1 .printinterface-download:hover {
	background-color: #15386C;
	cursor: pointer;
}
.printinterface-download a:link, .printinterface-download a:visited, .printinterface-download a:hover, .printinterface-download a:active{
	color: #FFFFFF;
	display:block;
	height: 15px;
	line-height: 15px;
}
.table-printinterface-status {
	margin-bottom: 12px;
}
.table-printinterface-status td {
	padding: 0 15px 0 0;
}
/* Dateneingabe */
.ty-site-switcher {
	float:left;
	width: 30px;
	margin-right: 5px;
	margin-bottom: 5px;
	border:2px solid #FFFFFF;
}
.ty-site-switcher a:link, .ty-site-switcher a:visited, .ty-site-switcher a:hover, .ty-site-switcher a:active {
	display: block;
	width: 22px;
	padding: 4px;
	line-height: 30px;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #4685DF !important;
}
.ty-site-switcher a:hover {
	background-color: #225CB1 !important;
}
.ty-site-switcher-active {
	float:left;
	width: 30px;
	margin-right: 5px;
	margin-bottom: 5px;
	border:2px solid #FFFFFF;
}
.ty-site-switcher-active a:link, .ty-site-switcher-active a:visited, .ty-site-switcher-active a:hover, .ty-site-switcher-active a:active {
	display: block;
	width: 22px;
	padding: 4px;
	line-height: 30px;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #225CB1 !important;
}
.ty-site-switcher-active a:hover {
	background-color: #225CB1 !important;
}
#order-payment fieldset {
	border: 0;
	margin: 0 0 10px 0;
	padding: 10px 0 10px 0;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 13px;
	background-image: none;
	border-top: 4px solid #FFFFFF;
}
#order-payment legend {
	display: none;
}

#order-payment .inputrows {
	padding: 0;
}
#order-payment label.label-payment {
	color: #15386C;
	font-weight: bold;
}

.preview_image {
	border: 1px solid #4685DF;
	position: relative;
	overflow: hidden;
}

.preview_border {
	position:absolute;
	display: none;
	border: 1px solid #AB0D0D;
}
.preview_border-alternate {
	position:absolute;
	display: none;
	border: 1px solid #FFFFFF;
}
.preview_border-active {
	position:absolute;
	display: none;
	border: 1px solid #AB0D0D;
}
.preview_border-alternate-active {
	position:absolute;
	display: none;
	border: 1px solid #AB0D0D;
}

.preview_areaborder {
	position:absolute;
	border: 2px solid #225CB1;
}
.preview_areaborder-alternate {
	position:absolute;
	border: 2px solid #15386C;
}
.preview_areaborder-active {
	position:absolute;
	border: 2px solid #225CB1;
}
.preview_areaborder-alternate-active {
	position:absolute;
	border: 2px solid #15386C;
}

.horizontal-rule {
	line-height: 1px;
	height: 1px;
	margin: 5px 0px 5px 0px;
	background-color: #4685DF;
	display: none;
}

.tyError {
	color: #225CB1;
	font-size: 10px;
}

.formBreakDiv {
	line-height: 1px;
	background-color: #BBD5FB;
	height: 5px;
	width: 100%;
	display: none;
	border-top: 2px solid #FFFFFF;
	border-bottom: 2px solid #FFFFFF;
}
.formBreakTR { display: none; }
.formBreakTD {
	padding: 0;
	line-height: 1px;
	height: 1px;
	display: none;
}

.formBreakBeforeDiv {
	line-height: 5px;
	background-color: #BBD5FB;
	height: 5px;
	width: 100%;
	display: block;
	border-top: 2px solid #FFFFFF;
	border-bottom: 2px solid #FFFFFF;
}
.formBreakBeforeTD {
	padding: 0;
	line-height: 1px;
	height: 1px;
}

#generatedContent .tyImageContainer {
	float: left;
	margin-right: 10px;
	width: 152px;
	overflow: hidden;
}
#generatedContent .tyImageDescription {
	margin-top: 10px;
	float: left;
	width: 238px;
	overflow: hidden;
}
.tyRemoveImageContainer {
	clear: both;
	padding-top: 10px;
}

/**
 *	Formularstyles für Formularmanager-Formulare
 */
.fm-form fieldset {
	width: 728px;
	background-image: none;
	background-color: #FFFFFF;
	padding: 10px;
	border: 1px solid #4685DF;
}
.fm-form label {
	font-weight: bold;
}
.fm-form input, .fm-form textarea {
	padding: 1px;
}
.fm-form select {
	padding: 0;
}
.fm-form .one-third {
	width: 280px;
}
.fm-form .two-third {
	width: 428px;
}
.fm-form .hs {
	width: 354px;
}
.fm-form .fs {
	width: 728px;
}
.div-input-select, .div-input-text, .div-input-check, .div-input-select-hs, .div-input-text-hs, .div-input-check-hs {
	padding-bottom: 10px;
}
.div-input-select-hs, .div-input-text-hs, .div-input-check-hs { width: 354px; }
.div-input-select-hs select { width: 354px; }
.div-input-text-hs input, .div-input-text-hs textarea { width: 350px; }
.hs .input-select { width: 354px; }
.hs .input-text { width: 350px; }
.hs input.half { width: 163px; }
.hs select.half { width: 167px; }
.two-third .input-select { width: 428px; }
.two-third .input-text { width: 424px; }
.two-third input.half { width: 200px; }
.two-third input.short { width: 120px; }
.two-third input.doubleshort { width: 280px; }
.two-third select.half { width: 204px; }
.two-third input.tiny { width: 44px; }
.two-third input.tiny-half { width: 132px; }
.two-third input.tiny-long { width: 356px; }

.fm-form .div-input-check-hs .form-label {
	width: 330px;
	float: right;
}
.fm-form .div-input-check .form-label {
	width: 704px;
	float: right;
}
.fm-form .input-check {
	margin: 4px;
	width: 14px;
	height: 14px;
	border: 0;
	padding: 0;
	display: block;
	float: left;
	margin-top: 2px;
	margin-right: 6px;
}

.fm-form .buttons {
	margin-top: 20px;
}

.fm-form button.submit, .fm-form input.submit,
.fm-form button.next, .fm-form input.next,
.fm-form button.prev, .fm-form input.prev {
	background-image: url(/templates/pics/send.gif);
	background-repeat: no-repeat;
	padding: 0;
	margin: 0;
	border: 0;
	display: inline;
	width: 30px;
	height: 30px;
}
.fm-form button.next, .fm-form input.next {
	background-image: url(/templates/pics/next.gif);
}
.fm-form button.prev, .fm-form input.prev {
	background-image: url(/templates/pics/previous.gif);
}

.file-upload-row {
	padding-bottom: 5px;
}

input.error-field, select.error-field, textarea.error-field {
	border: 1px solid #AB0D0D;
	color: #AB0D0D;
}
.error-field label {
	color: #AB0D0D;
}