/******************************************************************************************************************
Die Datei global.css muss in jede Datei der Site integriert werden.
******************************************************************************************************************/
body					{background-color:#FFFFFF; margin:0px 0px 0px 0px;}

/* Fixierter Header */
#fixedHeader {
	z-index:100; background-color:#FFFFFF; width:100%; 
	}
#fixedBody {
	position:relative; z-index:1; height: 100%; width: 100%; overflow: auto;
	}
#fixedFooter {
	position:static; z-index:100; background-color:#FFFFFF; width:100%; bottom:0px; 
	}

.fixedHtmlBody {margin-top:0px; margin-bottom:0px; }
	
.clCoverDiv				{position:absolute; top:0px; left:0px; z-index:100; background-image:url(../../_images/global/transparent_1px.gif); background-repeat:no-repeat;}
.linie {width:100%; height:2px; font-size:2px; border-bottom:1px solid #333333;}
/************** Frames ********************************************************************************************************/
iframe {border-top:1px solid #333333; border-bottom:1px solid #999999; border-left:1px solid #333333; border-right:1px solid #999999;}

.titleFrame				{padding-left:1px; background-color:#005C5F; border-left:1px solid #FFFFFF; border-top:1px solid #FFFFFF;}
.titleFrame div			{color:#FFFFFF; height:18px; font-weight:bold; cursor:pointer;}
.titleFrameContent div	{padding:2px 3px 2px 10px;}
.titleFrameCart	div		{padding:2px 3px 2px 3px;}
.titleFrameNav	div		{padding:0px 0px 0px 10px;}

/************** Icons mit Link und Mouseover ***********************************************************************************/
a.icon16, div.icon16	{background-repeat:no-repeat; width:16px; height:16px; text-decoration:none; display: block;}
a:hover.icon16			{background-repeat:no-repeat;}

a.icon12, div.icon12	{background-repeat:no-repeat; width:12px; height:12px; text-decoration:none; display: block;}
a:hover.icon12			{background-repeat:no-repeat;}

a.editieren				{background-image:url(../../_images/global/icons_16/editieren.gif);}
a:hover.editieren		{background-image:url(../../_images/global/icons_16/editieren_f2.gif);}
a.loeschen				{background-image:url(../../_images/global/icons_16/loeschen.gif);}
a:hover.loeschen		{background-image:url(../../_images/global/icons_16/loeschen_f2.gif);}
a.print					{background-image:url(../../_images/global/icons_16/print.gif);}
a:hover.print			{background-image:url(../../_images/global/icons_16/print_f2.gif);}
a.aktualisieren			{background-image:url(../../_images/global/icons_16/aktualisieren.gif);}
a:hover.aktualisieren	{background-image:url(../../_images/global/icons_16/aktualisieren_f2.gif);}
a.acrobat				{background-image:url(../../_images/global/icons_16/acrobat.gif);}
a:hover.acrobat			{background-image:url(../../_images/global/icons_16/acrobat_f2.gif);}
a.excel					{background-image:url(../../_images/global/icons_16/excel.gif);}
a:hover.excel			{background-image:url(../../_images/global/icons_16/excel_f2.gif);}
a.word					{background-image:url(../../_images/global/icons_16/word.gif);}
a:hover.word			{background-image:url(../../_images/global/icons_16/word_f2.gif);}
a.powerpoint			{background-image:url(../../_images/global/icons_16/powerpoint.gif);}
a:hover.powerpoint		{background-image:url(../../_images/global/icons_16/powerpoint_f2.gif);}
a.fotos					{background-image:url(../../_images/global/icons_16/fotos.gif);}
a:hover.fotos			{background-image:url(../../_images/global/icons_16/fotos_f2.gif);}
a.text					{background-image:url(../../_images/global/icons_16/text.gif);}
a:hover.text			{background-image:url(../../_images/global/icons_16/text_f2.gif);}
a.file_unknown			{background-image:url(../../_images/global/icons_16/file_unknown.gif);}
a:hover.file_unknown	{background-image:url(../../_images/global/icons_16/file_unknown_f2.gif);}
a.ansicht				{background-image:url(../../_images/global/icons_16/ansicht.gif);}
a:hover.ansicht			{background-image:url(../../_images/global/icons_16/ansicht_f2.gif);}
a.info					{background-image:url(../../_images/global/icons_16/info.gif);}
a:hover.info			{background-image:url(../../_images/global/icons_16/info_f2.gif);}
a.help					{background-image:url(../../_images/global/icons_16/hilfe.gif);}
a:hover.help			{background-image:url(../../_images/global/icons_16/hilfe_f2.gif);}
a.hyperlink				{background-image:url(../../_images/global/icons_16/hyperlink.gif);}
a:hover.hyperlink		{background-image:url(../../_images/global/icons_16/hyperlink_f2.gif);}
a.vergroessern			{background-image:url(../../_images/global/icons_16/vergroessern.gif);}
a:hover.vergroessern	{background-image:url(../../_images/global/icons_16/vergroessern_f2.gif);}
a.arrowClose			{background-image:url(../../_images/global/icons_16/arrowClose.gif);}
a:hover.arrowClose		{background-image:url(../../_images/global/icons_16/arrowClose_f2.gif);}
a.arrowOpen				{background-image:url(../../_images/global/icons_16/arrowOpen.gif);}
a:hover.arrowOpen		{background-image:url(../../_images/global/icons_16/arrowOpen_f2.gif);}

/*** Shop ***/
a.merkzettel			{background-image:url(../../_images/global/icons_16/merkzettel.gif);}
a:hover.merkzettel		{background-image:url(../../_images/global/icons_16/merkzettel_f2.gif);}
a.detail				{background-image:url(../../_images/global/icons_16/zumDetail.gif);}
a:hover.detail			{background-image:url(../../_images/global/icons_16/zumDetail_f2.gif);}
a.info2					{background-image:url(../../_images/global/icons_16/weitere_info.gif);}
a:hover.info2			{background-image:url(../../_images/global/icons_16/weitere_info_f2.gif);}

.aktionImg				{background-image:url(../../_images/global/reduced.gif); background-repeat:no-repeat; width:31px; height:31px;}
.neuImg					{background-image:url(../../_images/global/new.gif); background-repeat:no-repeat; width:31px; height:31px;}
.goToVariants			{background-image:url(../../_images/global/goToVariants.gif); background-repeat:no-repeat; width:46px; height:35px; display: block;}
.goToDeliver			{background-image:url(../../_images/global/goToDeliver.gif); background-repeat:no-repeat; width:46px; height:35px; display: block;}
/************** Icons ***********************************************************************************************************/
div.achtung				{background-image:url(../../_images/global/icons_16/achtung.gif);}
div.achtung12			{background-image:url(../../_images/global/icons_12/achtung.gif);}
div.info				{background-image:url(../../_images/global/icons_16/info.gif);}

/************** Formular ********************************************************************************************************/
.formGrpLinie			{width:100%;}
.formGrpLinie p			{font-weight:bold; white-space:nowrap; margin:15px 5px 10px 0px;}
.formGrpLinie div		{height:2px; font-size:2px; border-bottom:1px solid #333333;}

fieldset				{border:solid 1px #333333; padding:7px 10px 10px 10px;}
fieldset legend			{color:#000000; font-weight:bold;}
*html fieldset legend	{margin-bottom:7px} /* Nur IE */

.formLabelInakt			{color:#999999;}
.formFieldError			{background-color:#FFE6E6;}
.formFieldDisabled		{background-color:#EAEAEA; color:#666666;}
.star					{color:#FF0000;}

.inakt, 
.inakt td, 
.inakt div,
.inakt p,
.inakt legend 			{color:#999999; border-color:#999999;}
/************** Text ********************************************************************************************************/
body, div, td, a				{font-family: Verdana, Arial, Helvetica; font-size:10px; }
input.inpText, textarea, select	{font-family: Verdana, Arial, Helvetica; font-size:10px; border-top:1px solid #333333; border-bottom:1px solid #999999; border-left:1px solid #333333; border-right:1px solid #999999; margin:1px 0px 1px 0px;}/*{font-family: Verdana, Arial, Helvetica; font-size:7pt; width:100%; border-width:1px; border-color:#666666;}*/
input.checkbox			{font-size:9pt;}
label					{white-space:nowrap; margin-right:5px;}

/* Textlink */
a.txtLink				{color:#0000FF; text-decoration:underline;}
a:hover.txtLink			{color:#FF6600;}
a:visited.txtLink		{color:#0060FF;}
a:visited:hover.txtLink	{color:#FF6600;}

/* Punkt bzw. Label bei Auflistungen */
.listDot				{color:#666666; vertical-align:top; width:15px;}
.listLabel				{color:#000000; vertical-align:top; font-weight:bold; white-space:nowrap; padding:0px 5px 0px 0px;}

a.pageTop				{background-image:url(../../_images/global/zumSeitenanfang.gif); background-repeat: no-repeat; color:#666666; padding:0px 0px 0px 12px; text-decoration: none;}
a:hover.pageTop			{color:#FF6600;}

/************** Titel ********************************************************************************************************/
/* Titel nicht hinterlegt */
div.t0					{font-family: Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold; margin-top:30px; margin-bottom:6px; color:#666666;}
div.t1					{font-family: Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; margin-top:20px; margin-bottom:6px; color:#8B0D04;}
div.t2					{font-family: Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; margin-top:20px; margin-bottom:6px; color:#8B0D04;}

/* Titel hinterlegt */
div.th0					{font-family: Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; margin-top:30px; margin-bottom:6px; color:#FFFFFF; background-color:#8B0D04; padding:1px 3px 2px 3px;}
div.th1					{font-family: Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; margin-top:15px; margin-bottom:6px; color:#FFFFFF; background-color:#8B0D04; padding:0px 0px 0px 3px;}
div.th2					{font-size:10px; font-weight:bold; margin-top:20px; margin-bottom:6px; color:#FFFFFF; background-color:#8B0D04; padding:0px 0px 0px 3px;}

/************** Wichtiges und Hinweise ****************************************************************************************/
.imp1					{color:#FF0000; font-weight:bold;}
.imp2					{padding:0px 3px 0px 3px; color:#FFFFFF; font-weight:bold; background-color:#FF0000;}	/* mit Hintergrund */
.hinweis				{background-color:#EDEDE6; color:#333333; margin:6px 0px 10px 0px; padding:3px 3px 3px 3px;}

/* Informationsbereiche */
div.infoArea1			{padding:2px 3px 2px 3px; background-color:#EDEDE6; }
div.impArea				{border:1px solid #FF0000; background-color:#FFE7E7; color:#FF0000; width:100%; padding:5px 0px 5px 0px;}

/* Copyright Information in Fusszeile */
.fussZeile				{color:#244B3B; margin:25px 0px 35px 0px; border-top:2px solid #CCCCCC;}
a.copyrightLink			{color:#8B0D04; text-decoration:none;}
a:hover.copyrightLink 	{color:#FF6600; text-decoration:underline;}

/************** QuickInfoBox *************************************************************************************************/
.tblQuickInfo			{margin:0px 0px 10px 20px;}
.head					{background-color:#D0D0C5; font-weight:bold; padding-left:3px; height:15px;}
.tblQuickInfo .content				{background-color:#EDEDE6; padding:3px 0px 6px 3px;}
.line					{background-color:#AEAE9A;}

/************** Tabellen *****************************************************************************************************/
/* Standardtabellen / Standardseitenbreiten */
.tblPageType1			{width:605px;}	/* 180px + 15px + 605px = 800px + 20px (Navigation + Rand + Content-Breite = Gesammtbreite + Scrollbar-Breite)*/
.tblPageType2			{width:735px;}	/* 180px + 15px + 735px = 950px + 20px (Navigation + Rand + Content-Breite = Gesammtbreite + Scrollbar-Breite)*/
.tblPageType3			{width:100%;}

.tblCartHeader			{table-layout:fixed; width:100%;}
.tblCartHeader td		{background-color:#8F8F8F; font-weight:bold; color:#FFFFFF; padding:2px 0px 2px 3px;}
.tblCart				{table-layout:fixed; border-top:1px solid #FFFFFF; width:100%;}
.tblCart tr				{cursor:default; }
.tblCart td				{padding:0px 0px 0px 3px; border-bottom:1px solid #FFFFFF;}

.tblCartSubtotal		{table-layout:fixed; border-top:1px solid #8F8F8F; width:100%;}
.tblCartSubtotal tr		{cursor:default; }
.tblCartSubtotal td		{padding:0px 0px 0px 3px;}

.tblCartTotal 			{table-layout:fixed; width:100%; margin:10px 0px 0px 0px;}
.tblCartTotal td		{background-color:#5BB800; color:#FFFFFF; font-weight:bold; padding:2px 0px 2px 3px;}

.tblType1Header			{table-layout:fixed;}
.tblType1Header td		{background-color:#6C6C59; font-weight:bold; color:#FFFFFF; padding:1px 3px 1px 3px;}
.tblType1				{table-layout:fixed; margin-top:15px;}
.tblType1 tr			{background-color:#EDEDE6; cursor:default;}
.tblType1 td			{padding:0px 3px 0px 3px;}
.tblType1 .cellHead		{background-color:#6C6C59; font-weight:bold; color:#FFFFFF;}
.tblType1 .cell1		{background-color:#D0D0C5;}

/*
.tblType2				{table-layout:fixed; border-top:1px solid #6C6C59; border-left:1px solid #6C6C59; margin-top:15px;}
.tblType2 tr			{background-color:transparent; cursor:default;}
.tblType2 td			{padding:0px 3px 0px 3px; border-bottom:1px solid #6C6C59; border-right:1px solid #6C6C59;}
.tblType2 .cellHead		{background-color:#EDEDE6; font-weight:bold; color:#000000;}
.tblType2 .cell1		{background-color:#F9F9F3;}
*/
.trSel					{background-color:#94D2F6;}

/********** Buttons ***************************************************************/
a.button				{color: #3F381D; background-image:url(../../_images/global/buttons/button1_bg.gif); border-top:1px solid #D0D0C5; border-bottom:1px solid #3F381D; border-left:1px solid #D0D0C5; border-right:1px solid #3F381D; text-align:center; font-weight: bold; padding:0px 1px 1px 1px; text-decoration:none; display: block;}
a:hover.button			{color: #F26100; border-top:1px solid #3F381D; border-left:1px solid #3F381D;}
a.buttonInakt			{color: #999999; background-image:url(../../_images/global/buttons/button1_bg_inakt.gif);  border-top:1px solid #EAEAEA; border-bottom:1px solid #999999; border-left:1px solid #EAEAEA; border-right:1px solid #999999; text-align:center; font-weight: bold;  padding:0px 1px 1px 1px; text-decoration:none; display: block;} /* background-color: #DADADA; */
a:active.button			{color: #FF6600; background-image:url(../../_images/global/buttons/button1_bg_pressed.gif);  border-top:1px solid #3B3B1F; border-bottom:1px solid #A5A593; border-left:1px solid #3B3B1F; border-right:1px solid #A5A593;}

/* Bestellen-Knopf */
a.button2				{color: #FFFFFF; background-image:url(../../_images/global/buttons/order_bg.gif); background-repeat:no-repeat; text-align:center; font-weight: bold; width:80px; height:16px; vertical-align:middle; padding-top:1px; text-decoration:none; display: block;}
a:hover.button2			{color: #FFFFFF; background-image:url(../../_images/global/buttons/order_bg_f2.gif); background-repeat:no-repeat;}
a.button2Inakt			{color: #999999; background-image:url(../../_images/global/buttons/order_bg_inakt.gif); background-repeat:no-repeat; text-align:center; font-weight: bold; width:80px; height:16px; vertical-align:middle; padding-top:1px; text-decoration:none; display: block;} 
a:active.button2		{color: #FFFFFF; background-image:url(../../_images/global/buttons/order_bg_pressed.gif);}

/* Übersicht */
a.button3				{color: #3F381D; background-image:url(../../_images/global/buttons/button2_bg.gif); background-repeat:no-repeat; text-align:center; font-weight: bold; width:80px; height:16px; vertical-align:middle; padding-top:1px; text-decoration:none; display: block;}
a:hover.button3			{color: #F26100; background-image:url(../../_images/global/buttons/button2_bg_f2.gif); background-repeat:no-repeat;}
a.button3Inakt			{color: #999999; background-image:url(../../_images/global/buttons/order_bg_inakt.gif); background-repeat:no-repeat; text-align:center; font-weight: bold; width:80px; height:16px; vertical-align:middle; padding-top:1px; text-decoration:none; display: block;} 
a:active.button3		{color: #FF6600; background-image:url(../../_images/global/buttons/button2_bg_pressed.gif);}

/* zurück */
a.button4				{color: #FFFFFF; background-image:url(../../_images/global/buttons/button_zurueck.gif); background-repeat:no-repeat; text-align:center; font-weight: bold; width:40px; height:16px; vertical-align:middle; padding-top:1px; text-decoration:none; display: block;}
a:hover.button4			{color: #FFFFFF; background-image:url(../../_images/global/buttons/button_zurueck_f2.gif); background-repeat:no-repeat;}
a:active.button4		{color: #FFFFFF; background-image:url(../../_images/global/buttons/button_zurueck_pressed.gif);}

/* weiter */
a.button5				{color: #FFFFFF; background-image:url(../../_images/global/buttons/button_vorwaerts.gif); background-repeat:no-repeat; text-align:center; font-weight: bold; width:40px; height:16px; vertical-align:middle; padding-top:1px; text-decoration:none; display: block;}
a:hover.button5			{color: #FFFFFF; background-image:url(../../_images/global/buttons/button_vorwaerts_f2.gif); background-repeat:no-repeat;}
a:active.button5		{color: #FFFFFF; background-image:url(../../_images/global/buttons/button_vorwaerts_pressed.gif);}


a.txtButton				{color: #005C5F; text-decoration:none; font-weight:bold;}
a:hover.txtButton		{color: #FF6600;}
.txtButtonInakt			{color: #999999; text-decoration:none; font-weight:bold;}

/*
a:visited.button		{color: #3B3B1F;}
*/

/************** Meldungen ***********************************************************************************************/
.msgPopup		{background-color:#F2F2F2;}
.msgBody		{height:120px; padding:13px 3px 30px 3px;}
.msgHead		{font-weight:bold; color:#FFFFFF; background-color:#FF7800; padding:0px 0px 0px 3px; height:20px;}
.msgTblFooter	{border-top:1px solid #333333; width:100%;}

.msgArea		{background-color:#F2F2F2; border-top:1px solid #FF7800; border-bottom:1px solid #FF7800; width:100%;}
.msgArea td		{padding:15px 3px 15px 3px;}
/************** Input Popup ***********************************************************************************************/
.inpPopup		{background-color:#F2F2F2;}
.inpBody		{height:120px; padding:13px 10px 30px 10px;}
.inpHead		{font-weight:bold; color:#FFFFFF; background-color:#FF7800; padding:0px 10px 0px 10px; height:20px;}
.inpTblFooter	{border-top:1px solid #333333; width:100%;}

/************** Breiten für Selectboxen (aspx-Objekte) *******************************************************************/
.width80		{width:80px;}
.width100		{width:100px;}
.width150		{width:150px;}
.width200		{width:200px;}
.width218		{width:218px;}