@charset "UTF-8";
/******************************************************************************/
/* Stylesheet f�r alle websites                                               */
/*----------------------------------------------------------------------------*/
/* Positionsreihenfolge: top - right - bottom - left                          */
/******************************************************************************/
/* HTML                                                                       */
/*----------------------------------------------------------------------------*/
a:link		{ text-decoration: underline }
a:visited 	{ text-decoration: underline }
a:hover		{ text-decoration: underline; cursor:pointer }
a:active	{ text-decoration: underline }
a:focus		{ text-decoration: underline }
body			{ font-size: 14px; font-family: Arial; line-height: 18px }
body#page	{ text-align: left; margin: 10px; padding: 10px }
h1				{ font-size: 18px; font-weight: bold; margin: 0 0 10px 0 }
h2				{ font-size: 16px; font-weight: bold; margin: 10px 0 10px 0 }
h3				{ font-size: 14px; font-weight: bold; margin: 0 0 5px 0 }
input 		{ font-size: 12px; vertical-align: baseline; margin: 2px 0 2px 12px; padding: 3px; width: 200px;  
						border: 1px solid gray; -moz-border-radius: 2px; -webkit-border-radius: 2px }
p					{ margin: 10px 0 0 0 }
td 				{ vertical-align: top }
textarea	{ padding: 3px; border: 1px solid gray; font-family: Arial; 
						moz-border-radius: 5px; -webkit-border-radius: 5px }
ul				{ margin: 5px 0 0 0 }

/*----------------------------------------------------------------------------*/
/* Classes                                                                    */
/*----------------------------------------------------------------------------*/
.active								{ color: black; text-decoration: none }
.address 							{ line-height: 20px; font-size: 15px; font-family: Arial Narrow; margin: 0 0 0 10px }
.black								{ color: black }
.button								{ width: auto; margin: 10px 0 0 0 }
* html .button					{ width: auto; margin: 10px 0 0 0; vertical-align: baseline }
.button:hover					{ color: black; cursor: pointer }
.calendar							{ width: 700px; height: 600px }
.calendarSelect				{ width: 160px; border: none; text-align: left; border: solid 1px #666666 }
.calendarForm					{ text-align: right }
.comments							{ margin: 0; padding: 15px 0 0 0 }
.email								{ vertical-align: bottom }
.event								{ font-size: 16px; font-weight: bold }
.eventlink						{ font-family: Arial Narrow; font-weight: bold }
.form									{ margin: -5px 0 0 0 ; text-align: center }
.form-popup						{	margin: 0; text-align: right }
.footnote							{ font-size: 12px; font-family: Arial Narrow; text-align: right }
.icon									{ border: 0px; border-style: none; text-decoration: none; vertical-align: sub }
.info									{ padding: 15px 20px 10px 40px; width: 30% }
.noBorder							{ border: 0px; border-style: none; text-decoration: none }
.objectTopLeft				{ float: left; padding: 0 15px 15px 0 }
.objectTopRight				{ float: right; padding: 0 0 15px 15px }
.objectBottomRight		{ float: right; padding: 5px 0 0 5px }
.pointer							{ cursor: pointer }
.portrait							{ text-align: left; float: left; padding: 8px 8px 0 0 }
.printIcon						{ width: 25px }
.red									{ color: red }
.reg									{ vertical-align: super }
.regsmall							{ vertical-align: super; font-size: 10px }
.reset								{ color: gray }
.revision							{ vertical-align: bottom; font-family: Arial Narrow; font-size: 11px;
												line-height: 11px; text-align:center }
.right								{ float: right }
.table-form						{ border-style: none; border-spacing: 0px; border-collapse: collapse }
.table-text						{ border-style: none; border-spacing: 0px; border-collapse: collapse; width: 98%; margin: 5px }
.tableHeaderLeft			{ padding: 10px; vertical-align: middle }
.tableHeaderRight			{ padding: 10px; vertical-align: middle; text-align: right }
.tdCenter							{ vertical-align: middle; padding: 10px 0 0 0 }
.textInput						{ width: 16px; font-size: 12px; text-align: right }
.textTitle						{ font-family: Arial Rounded MT Bold, Arial; font-size: 25px }
.title								{ font-family: Arial Rounded MT Bold, Arial }
.validcheckbox				{ font-size: 16px; width: 14px }
.validsubcheckbox			{ font-size: 16px; width: 14px; margin-left: 30px }
.validsubsubcheckbox 	{ font-size: 16px; width: 14px; margin-left: 50px }

/*----------------------------------------------------------------------------*/
/* DIV                                                                        */
/*----------------------------------------------------------------------------*/
#Admin								{ text-align: center; vertical-align: middle; 
												background: url(../pictures/layout/TextBackground.gif) top center repeat-x; 
												border-bottom: 1px #AFBDA4 solid; border-right: 1px #AFBDA4 solid; 
												-moz-border-radius: 5px; -webkit-border-radius: 5px; 
												-moz-box-shadow: 2px 2px 5px #888; -webkit-box-shadow: 2px 2px 5px #888;	}
#Checkboxes						{ overflow: auto; margin: 10px 15px 10px 0; padding: 5px 0 5px 0; border: 1px dotted silver }
#Content							{ float: left }
#Kontakt							{ float: left; padding: 10px; border-spacing: 0px; 
												-moz-border-radius: 5px; -webkit-border-radius: 5px }
#Links								{ float: left; text-align: center; margin: 15px 0 0 -3px; width: 99%; padding: 5px; 
												border-spacing: 0px; border-bottom: 1px silver solid; border-right: 1px silver solid; 
												background: url(../pictures/layout/TextBackground.gif) repeat-x;
												-moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 2px 2px 5px #888;
												-webkit-box-shadow: 2px 2px 5px #888 }
#Page									{ margin: 0 auto 0 auto; width: 905px }
#Popup-OK,
#Popup-NOK						{ visibility: hidden; position: absolute; top: 350px; left: 600px;  height: 120px; 
												-moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 5px 5px 10px #888; 
												-webkit-box-shadow: 5px 5px 10px #888; text-align: center; font-weight: bold }
#Popup-OK							{ width: 350px; background: #c8f8cc; border: ridge 3px #37a437; color: green }
#Popup-NOK						{ width: 370px; background: red; border: ridge 3px silver; color: white; overflow: visible }
#Product,
#Seminar							{ overflow: auto; float: left; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
												-moz-box-shadow: 2px 2px 5px #888; -webkit-box-shadow: 2px 2px 5px #888;
												border-spacing: 0px; background: url(../pictures/layout/TextBackground.gif) bottom repeat-x }
#Products,
#Seminars							{ border-collapse: collapse; empty-cells: show; width: 100% }
#Products td,
#Seminars td						{ margin: 0; padding: 5px; text-align: left }
#Products tr,
#Products tr						{ cursor: pointer; height: 18px; -moz-user-select: none; -khtml-user-select: none }
#Products tbody,
#Products tbody				{ margin-top: 0 }
#ProductInfo,
#SeminarInfo					{ float: left; border-spacing: 0px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
												-moz-box-shadow: 2px 2px 5px #888; -webkit-box-shadow: 2px 2px 5px #888;
												background: url(../pictures/layout/TextBackground.gif) repeat-x bottom }
#Sitemap							{ height: 30px; text-align: right; padding: 0; font-size: 12px }
#Text									{ vertical-align: top; border-spacing: 0px }
/*----------------------------------------------------------------------------*/
/* SPRY Framework                                                             */
/*----------------------------------------------------------------------------*/
.formLabel 			{ width: 150px; margin: 5px 0 5px 0 }
.rowHover				{ cursor: pointer }
.rowSelected		{ cursor: pointer; color: white }
.validMsg				{ vertical-align: text-bottom ; width: 20px; margin: 0 0 0 6px; display: none }

.textfieldRequiredState .textfieldRequiredMsg, 
.textfieldInvalidFormatState .textfieldInvalidFormatMsg,
.textareaRequiredState .textareaRequiredMsg
		{ font-size: 13px; border: 0px; padding: 2px 0 0 12px }
.textareaRequiredMsg, 
.textareaMinCharsMsg,
.textareaMaxCharsMsg,
.textareaValidMsg			
		{ text-align: right; display: none }
.textareaRequiredState .textareaRequiredMsg,
.textareaMinCharsState .textareaMinCharsMsg,
.textareaMaxCharsState .textareaMaxCharsMsg	
		{ display: block; color: #CC3333 }
.textareaValidState textarea, 
textarea.textareaValidState	
		{ background-color:#B8F5B1 }
textarea.textareaRequiredState, 
.textareaRequiredState textarea,
textarea.textareaMinCharsState, 
.textareaMinCharsState textarea,
textarea.textareaMaxCharsState, 
.textareaMaxCharsState textarea 
		{ background-color:#FF9F9F }
.textareaFocusState textarea, 
textarea.textareaFocusState
		{ background-color:#FFFFCC }
.textareaFlashState textarea, 
textarea.textareaFlashState
		{ color:red !important }
textarea.textareaHintState, 
.textareaHintState textarea
		{ /* color: red !important;*/ }
.textfieldRequiredMsg,
.textfieldInvalidFormatMsg,
.textfieldMinValueMsg,
.textfieldMaxValueMsg,
.textfieldMinCharsMsg,
.textfieldMaxCharsMsg,
.textfieldValidMsg 
		{ display: none }
.textfieldRequiredState .textfieldRequiredMsg,
.textfieldInvalidFormatState .textfieldInvalidFormatMsg,
.textfieldMinValueState .textfieldMinValueMsg,
.textfieldMaxValueState .textfieldMaxValueMsg,
.textfieldMinCharsState .textfieldMinCharsMsg,
.textfieldMaxCharsState .textfieldMaxCharsMsg
		{ display: block; color: #CC3333 }
.textfieldValidState input, 
input.textfieldValidState	
		{ background-color: #B8F5B1 }
input.textfieldRequiredState, 
.textfieldRequiredState input,
input.textfieldInvalidFormatState, 
.textfieldInvalidFormatState input,
input.textfieldMinValueState, 
.textfieldMinValueState input,
input.textfieldMaxValueState, 
.textfieldMaxValueState input,
input.textfieldMinCharsState, 
.textfieldMinCharsState input,
input.textfieldMaxCharsState, 
.textfieldMaxCharsState input
		{ background-color: #FF9F9F }
.textfieldFocusState input, 
input.textfieldFocusState
		{ background-color: #FFFFCC }
.textfieldFlashText input, 
input.textfieldFlashText
		{ color: red !important }
.textfieldHintState input,
input.textfieldHintState
		{ /*color: red !important;*/ }
.textfieldValidState .validMsg, 
.textareaValidState .validMsg, 
.selectValidState .validMsg, 
.checkboxValidState .validMsg, 
.radioValidState .validMsg
		{display: inline }