/* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
 * DARSTELLUNGSKLASSEN
 * Name: design.css
 * Erstellungsdatum: 31.05.2007
 * Modifiziert: 31.05.2007
 * Author: Weblication
 * Modified by: cweber(at)format-ag.ch
 * Version: 1.0
 * =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */

*                                     {padding:0;margin:0;border:0;}
html                                  {margin:0;border:0;height:100%;width:100%;}
body 				      {margin:5px 0px 0px 0px;pading:0;width:100%;height:100%;font:normal 12px/140% verdana,arial,helvetica,sans-serif;color:#000000;background-color:#FFFFFF;}
table                									{spacing:0;font:normal 11px/140% verdana,arial,helvetica,sans-serif;color:#000000;}
table td             									{spacing:0;vertical-align:top;}
table th                              {spacing:0;font-weight:bold;vertical-align:top;text-align:left;}
div                  									{margin:0;padding:0;}
p                    									{margin:0;padding:0;}
span                                  {}
ul                                    {margin:0.8em 0 1.2em 2.5em;list-style-type:square;}
ol                                    {margin:0.8em 0 1.2em 2.5em;}


/*
 * BLOECKE
 */

.blockMain       	 	      {margin:0;padding:0;width:100%;min-height:100%;height:auto !important;height:100%;}
.blockMain       	 	      {*height:100%;}
/*html>body .blockMain                {overflow:hidden !important;/* gilt nicht fuer IE */} */
.blockHeader                          {width:100%;min-width:990px;background-color:#FFFFFF;}

#blockHeaderBanner                    {width:990px;background-color:#FFFFFF;height:112px;}
.banner                               {float:left;width:552px;height:112px;text-align:left;padding:0 10px 0 10px}
.logo                                 {float:left;width:418px;height:112px;text-align:right;}
#blockHeaderBannerLine                {width:100%;min-width:990px;height:2px;background-color:#FFFFFF;border-bottom:2px solid #FFCC00;}

.search                               {width:100%;text-align:left;background-color:#fff;}
frmSearch                             {background-color:#fff;}
#suche                                {margin:30px 5px 5px 5px;text-align:left;background-color:#fff;}
#suche td                             {background-color:#fff;}
#suche td.text                        {font-size:12px;verdana,arial,helvetica,sans-serif;color:#C81D02;text-align:left;font-weight:bold; padding:3px 0 2px 0px;background-color:#fff;}
#suche td.feld                        {width:130px;background-color:#fff;padding-right:3px;}
#suche td.but                         {width:32px; text-align:left;border:none;background-color:#fff;}
.search  form                 				{margin:0;padding:0;background-color:#fff;}

.blockTop                             {margin:0;padding:0;height:30px;background-color:#FFCC00;}
.blockLeft       	 	      {float:left;width:300px;margin:0;padding:0;vertical-align:top;background-color:#FFCC00;}
.blockContent    	 	      {float:left;width:690px;text-align:left;vertical-align:top;height:100%;min-height:700px;height:auto; border-left:1px solid #C81D02;padding:0 0px 20px 11px;}
*.blockContent                        {padding:0px 0px 500px 11px;clear:right;}
.blockContentPopup    	 	      {text-align:left;vertical-align:top;padding:15px;}    
.blockBottom     	 	      {clear:both;bottom:0px;margin:0px 0px 5px 300px;padding:10px 0px 0px 11px;border-left:1px solid #C81D02;}
.blockClear                            {clear:all;}


.buttonMeldungen        {
                         background-image:url(/weblication/wGui/wImages/bg_button_bue.gif);
                         white-space:nowrap;
                         cursor:pointer;
                         font-family:arial,helvetica;
                         font-weight:normal;
                         font-size:11px;
                         line-height:16px;
                         color:#404040;
                         background-color:#c9ced4;
                         padding:0 4px 0 4px;
                         margin:0px;
                         height:18px;
                         width:160px;
                         border-style:solid;
                         border-top-color:#BFBFBF;
                         border-bottom-color:#000000;
                         border-left-color:#BFBFBF;
                         border-right-color:#000000;
                         border-width:1px;
                         
                       }
.buttonDefault, .buttonFunction {
background-color:#C9CED4;
background-image:url("/weblication/wGui/wImages/bg_button_bue.gif");
color:#404040;
cursor:pointer;
font-family:arial,helvetica;
font-size:11px;
font-weight:normal;
line-height:16px;
padding:0 4px 0 4px;
white-space:nowrap;
height:18px;
border-style:solid;
border-top-color:#BFBFBF;
border-bottom-color:#000000;
border-left-color:#BFBFBF;
border-right-color:#000000;
border-width:1px;
}
.buttonDefault:hover, .buttonFunction:hover, .buttonMeldungen:hover  {text-decoration:none;}

/* ELEMENTE*/
.blockLeft .elementNavigationStart    {height:324px; margin:0; clear:both;}
.blockLeft .elementNavigation         {margin:0;}
.blockContent .elementHeadline        {margin:0;padding:2px 0 2px 0;}
.blockContent .elementStandard        {margin:0;padding:2px 0 2px 0;}
.blockContent .elementSpace           {height:10px;padding:6px;}
.blockContent .elementNews            {margin:0 0 10px 0;}
.blockContent .elementGallery					{margin:0 0 10px 0;padding:0;width:590px;}

.blockContent .elementGallery .float  {width:130px;float:left;}
.blockContent .elementGallery .clearFix {clear:left;}
.blockContent .elementGalleryDetail   {margin:0;padding:0 0 1em 0;width:500px;}

.blockContent .fragmentPictureFloatRight           {float:right; margin:0px; padding:0px 0px 10px 10px;}
.blockContent .fragmentPictureFloatLeft	           {float:left; margin:0px; padding:0px 10px 10px 0px;}


.blockBottom .elementStandard         {padding:8px 0 0 0;}
.elementWarning                       {margin:0 0 1em 0;padding:0.5em 1em;background:#f08b93;width:50%;border-left:5px solid #9d0c15;}
.includeWeblic ul                     {list-style-type:none;}
.includeWeblic p                      {padding:4px 0 4px 0;}



/*
 * TEXTE
 */
 
.text                                  {font:normal 12px/140% verdana,arial,helvetica,sans-serif;color:#000000;}
.textboxleft                           {float:left; width:220px;height:100%; min-height:600px; height:auto; /*height:600px;*/font:normal 12px/140% verdana,arial,helvetica,sans-serif;color:#000000;margin:0;padding-right:10px;border-right:1px solid #C81D02;}
.textboxmiddle                         {float:left; width:220px;height:100%; min-height:600px; height:auto; /*height:600px;*/font:normal 12px/140% verdana,arial,helvetica,sans-serif;color:#000000;margin:0;padding:0px 10px 0px 10px;border-right:1px solid #C81D02;}
.textboxright                          {float:right; width:207px;height:100%; min-height:600px; height:auto; /*height:600px;*/font:normal 12px/140% verdana,arial,helvetica,sans-serif;color:#C81D02;margin:0;padding-left:10px;}
.textboxright a                        {font:normal 12px/140% verdana,arial,helvetica,sans-serif;color:#000000;text-decoration:none;}
.textboxright a:hover                  {color:#C81D02;text-decoration:underline;}
.textboxleft h4                        {margin:0px 0px 10px 0px;padding:0;font:bold 13px/140% verdana,arial,helvetica,sans-serif;color:#C81D02;}
.textboxmiddle h5, .textboxright h5    {padding:0;margin:0px 0px 10px 0px;font:bold 13px/140% verdana,arial,helvetica,sans-serif;color:#C81D02;}
.textBold                              {font:bold 11px/140% verdana,arial,helvetica,sans-serif;color:#000000;}
.textBoldItalic                        {font:italic bold 11px/140% verdana,arial,helvetica,sans-serif;color:#402C00;}
.textItalic                            {font:italic normal 11px/140% verdana,arial,helvetica,sans-serif;color:#402C00;}
.textSmall                             {font:normal 10px/140% verdana,arial,helvetica,sans-serif;color:#402C00;}
.textSmallItalic                       {font:italic normal 10px/140% verdana,arial,helvetica,sans-serif;color:#8d8d8d;}
.textLegend                            {font:normal 10px/140% verdana,arial,frutiger,helvetica,sans-serif;color:#8d8d8d;}
.textBack                              {padding:20px 0 12px 0;font:normal 10px/140% verdana,arial,helvetica,sans-serif;color:#8d8d8d;}
 
h1                                     {margin:0;padding:0px 0px 10px 0px;font:bold 15px/140% verdana,arial,helvetica,sans-serif;color:#C81D02;}
h2                                     {margin:0;padding:0px 0px 0px 0px;font:bold 13px/140% verdana,arial,helvetica,sans-serif;color:#C81D02;}
h3                                     {margin:0;padding:0px 0px 0px 0px;font:bold 11px/140% verdana,arial,helvetica,sans-serif;color:#C81D02;}
h4                                     {margin:0;padding:0px 0px 0px 0px;font:normal 11px/140% verdana,arial,helvetica,sans-serif;color:#C81D02;}


abbr,acronym                           {padding:0.05em;border-bottom:1px dotted #402C00;color:#402C00;cursor:help;}
abbr:hover,acronym:hover               {padding:0.05em;border-bottom:1px dotted #176db9;color:#176db9;}

/*
 * TABELLEN
 */
#formulare                            {margin:0;padding:0;width:100%;font:normal 11px/140% verdana,arial,helvetica,sans-serif;}
#formulare td.cod                     {width:81px;vertical-align:top;text-align:left;padding:2px 3px 2px 0px;font-weight:bold;border-bottom:1px solid #000000;}
#formulare td.bez                     {width:300px;vertical-align:top;text-align:left;padding:2px 3px 2px 0px;font-weight:bold;border-bottom:1px solid #000000;}
#formulare td.price                   {width:50px;vertical-align:top;text-align:left;padding:2px 3px 2px 0px;font-weight:bold;border-bottom:1px solid #000000;}
#formulare td.pricetitel              {width:70px;vertical-align:top;text-align:left;padding:2px 3px 2px 0px;font-weight:bold;border-bottom:1px solid #000000;}
#formulare td.date                    {width:100px;vertical-align:top;text-align:left;padding:2px 3px 2px 0px;font-weight:bold;border-bottom:1px solid #000000;}
#formulare td.best                    {width:70px;vertical-align:top;text-align:right;padding:2px 3px 2px 0px;font-weight:bold;border-bottom:1px solid #000000;}
	#formulare td.quant                    {width:70px;vertical-align:top;text-align:center;padding:2px 3px 2px 0px;font-weight:bold;border-bottom:1px solid #000000;}
#formulare td.cod1                    {width:81px;vertical-align:top;text-align:left;padding:2px 3px 2px 0px;border-bottom:1px solid #000000;}
#formulare td.bez1                    {width:300px;vertical-align:top;text-align:left;padding:2px 3px 2px 0px;border-bottom:1px solid #000000;}
#formulare td.price1                  {width:50px;vertical-align:top;text-align:left;padding:2px 3px 2px 0px;border-bottom:1px solid #000000;}
#formulare td.pricetitel1             {width:70px;vertical-align:top;text-align:left;padding:2px 3px 2px 0px;border-bottom:1px solid #000000;}
#formulare td.date1                   {width:100px;vertical-align:top;text-align:left;padding:2px 3px 2px 0px;border-bottom:1px solid #000000;}
#formulare td.best1                   {width:70px;vertical-align:bottom;text-align:center;padding:2px 3px 2px 0px;border-bottom:1px solid #000000;}
#formulare td.quant1                   {width:70px;vertical-align:top;text-align:center;padding:2px 3px 2px 0px;border-bottom:1px solid #000000;}
 
.blockContent table                    {margin:0;padding:0;width:99.5%;height:auto;font:normal 12px/140% verdana,arial,helvetica,sans-serif;}
.blockContent table th                 {vertical-align:top;text-align:left;padding-bottom:0.2em;background-color:#dfdfdf;}
.blockContent table td                 {vertical-align:top;text-align:left;padding-bottom:0.2em;}
.blockContent table td.hide            {}
.blockContent table td.small           {width:150px;}
.blockContent table td.space           {height:8px;padding:0 0 8px 0;}
.blockContent table td.right           {text-align:right;}
.sheetCaption                          {vertical-align:top;text-align:left;padding-bottom:0.2em;width:20%;}

.blockContent #tbl table               {margin:0;padding:0;width:99%;height:auto;font:normal 12px/140% verdana,arial,helvetica,sans-serif;border:none;}
.blockContent #tbl tr.head td          {font-weight:bold;background-color:#dfdfdf;border-top:1px solid #8d8d8d;border-bottom:1px solid #8d8d8d;}
.blockContent #tbl table th            {padding:0.2em 0.1em;vertical-align:top;text-align:left;padding-bottom:0.2em;background-color:#dfdfdf;border-top:1px solid #8d8d8d;border-bottom:1px solid #8d8d8d;}
.blockContent #tbl table th.background {background-color:#dfdfdf;}
.blockContent #tbl table th.hide       {}
.blockContent #tbl table th.small      {width:150px;}
.blockContent #tbl table th.verysmall  {width:75px;}
.blockContent #tbl table th.right      {text-align:right;}

.blockContent #tbl table td            {padding:0.2em;vertical-align:top;text-align:left;padding-bottom:0.2em;border-bottom:1px solid #8d8d8d;}
.blockContent #tbl table td.background {background-color:#dfdfdf;}
.blockContent #tbl table td.soft       {}
.blockContent #tbl table td.hide       {}
.blockContent #tbl table td.small      {width:150px;}
.blockContent #tbl table td.verysmall  {width:75px;}
.blockContent #tbl table td.space      {height:8px;padding:0 0 8px 0;}
.blockContent #tbl table td.right      {text-align:right;}

#mitg                                  {margin:0;padding:0;width:850px;height:auto;font:normal 11px/140% verdana,arial,helvetica,sans-serif;}
#mitg_bgk                                  {margin:0;padding:0;width:800px;height:auto;font:normal 11px/140% verdana,arial,helvetica,sans-serif;}
#mitg td                               {border-bottom:1px solid #000000;padding:3px 0px 3px 0px;}
#mitg td.ueberschrift                  {font-weight:bold;background-color:#C81D02;}

/* 
 * FORMULARE
 */

form                 									{margin:0;padding:0;}
input                									{padding:2px;font:normal 11px verdana,arial,helvetica,sans-serif;color:#000000;width:200px;border:1px solid #C81D02;background-color:#FFF5CC;}
input.quantity {
	width: 20px;
	vertical-align: top;
}
select               									{padding:1px;font:normal 11px verdana,arial,helvetica,sans-serif;color:#C81D02;width:60px;border:1px solid #C81D02;background-color:#FFF5CC;}
textarea             									{padding:2px;font:normal 11px verdana,arial,helvetica,sans-serif;color:#000000;width:250px;height:100px;border:1px solid #C81D02;background-color:#FFF5CC;}
textarea.formularart {
	padding:2px;
	font:normal 11px verdana,arial,helvetica,sans-serif;
	color:#000000;
	width:500px;
	height:150px;
	border:1px solid #C81D02;
	background-color:#FFF5CC;
}
input.submit                          {background:#FFF5CC;vertical-align:bottom;border:1px solid #C81D02;verdana,arial,helvetica,sans-serif;color:#C81D02;font:normal 11px;padding:2px;}




a                                     {color:#AA210A;text-decoration:none;}
a:hover                               {text-decoration:underline;}
a.noStyles                            {font-weight:normal;}
a.noStyles:hover                      {font-weight:normal;}                      
.blockBottom a                        {font-weight:normal;}

hr                                    {background-color:#bdbdbe;color:#bdbdbe;height:1px;border-style:none;}
img                                   {border:none;}

/* 
 * FORMATIERUNGEN AKTUELL
 */
.fragmentNewsEntry h2                 {margin:0;padding:0px;font:bold 13px/140% verdana,arial,helvetica,sans-serif;color:#C81D02;}

/*
 * BILDER
 */
img.imgBorder                         {border:1px solid #8d8d8d;}
img.imgGallery												{border:1px solid #8d8d8d;}
img.imgGalleryThumbnail								{margin:0 8px 8px 0;padding:0;border:1px solid #8d8d8d;}

.editButton                           {left:30px;}