/* -------------------------------------------------------------------------------------------------
      Cascading StyleSheet
      www.weinart.at
                                                                                                    */

*         { padding:0px; margin:0px; font-size:1em; }
html      { height:100%; overflow-y:scroll; margin-bottom:1px; }
body      { height:100%; font:0.7em/1.45em Arial,Verdana,Tahoma,Helvetica,sans-serif; color:#3d3d3d; background:#ffffff; padding:10px; }


/* -------------------------------------------------------------------------------------------------
      BASIC LAYOUT
                                                                                                    */

#container              { width:620px; margin:0px auto; padding:15px; position:relative; border:1px solid #d2d4d6; }

#header                 { text-align:center; margin:0px auto; padding-bottom:10px; border-bottom:1px solid #d2d4d6; }
#header a               {  }
#header span            { display:none; }
#header img             {  }
#header address         { font-style:normal; padding-top:15px; letter-spacing:3px; font-size:0.9em; }

#toolbar                { display:none; }

#print                  { display:none; }
#screen                 { position:absolute; right:10px; top:10px; }

#content                { padding:30px 0px; }

#contentLeft            { display:none; }
#contentMain            { width:510px; margin:0px auto; text-align:justify; }
#contentMain td         { text-align:left; }
#contentMain label      { text-align:left; }

.contentbox             { border-top:1px solid #d2d4d6; border-bottom:1px solid #d2d4d6; background:#f6f8fa; padding:6px 10px; }
.searchLeft                       { float:left; width:200px; }
.searchLeft div.input label       { width:65px; font-weight:bold; padding-top:4px; }
.searchRight                      { float:right; width:270px; }
.searchRight label.input          { width:70px; font-weight:bold; padding-top:4px; }
.searchRight div.input            { display:inline; }
.searchRight div.column           { padding-right:10px; display:inline; }
.searchRight .margin              { margin-left:98px; }
#searchLoad                       { position:absolute; left:210px; width:78px; top:13px; height:78px; border:1px solid #d2d4d6;
                                    background:url('../img/ajaxLoading.gif') no-repeat center center #f6f8fa;
                                    filter:alpha(opacity=92); -moz-opacity:0.92;opacity:0.92; z-index:20; }

.warenkorbContainer     { position:relative; }
.warenkorbAction        { position:absolute; left:-42px; top:-150px; width:480px; background:url('../img/iconBasket.gif') no-repeat 19px 17px #ffffff; border:1px solid #d2d4d6; }
.warenkorbText          { padding:20px 0px 20px 75px; background:url('../img/iconBasketLarge.gif') no-repeat 96% 80%; }
.warenkorbText label.input { width:60px; }

.warenkorbEdit          { position:absolute; top:-6px; left:80px; width:270px; background:#ffffff; border:1px solid #d2d4d6; }
.warenkorbAnzahl        { padding:8px 16px; }
.warenkorbAnzahl label.input { width:60px; }
.warenkorbAnzahl input.margin { margin-left:60px; margin-top:6px; }

#contentRight           { display:none; }
#footer                 { display:none; }


/* -------------------------------------------------------------------------------------------------
      BASIC DEFINTIONS
                                                                                                    */

h1                  {  }
h2                  { font-size:1.6em; font-weight:normal; padding-bottom:12px; }
h3                  { padding:3px 10px 6px 10px; }
h4                  { padding-top:2em; padding-bottom:1em; font-size:1.2em; }

img                 { vertical-align:top; border:0px; }
/*
small               { font-size:0.8em; }*/

ul                  { margin-left:2.2em; list-style-type:circle; }
ol                  { margin-left:2.8em; }
li                  { padding-top:0.7em; }

.left               { float:left; }
.right              { float:right; }

.clear              { clear:both; }

.light              { color:#999999; }/*
.space              { padding-bottom:0.6em; }


/* -------------------------------------------------------------------------------------------------
      LINKS
                                                                                                    */

a                   { color:#3366ff; text-decoration:underline; }
a:hover             { color:#0055a5; text-decoration:none; }

a.noicon            { padding:0px; background:none; }

/* show hide links *
a.open              { padding-left:10px; background:url('../img/arrowOpen.gif') no-repeat 0px 4px; }
a.closed            { padding-left:10px; background:url('../img/arrowClosed.gif') no-repeat 0px 4px; }

/* paginator */
div.paginator       { padding:15px 0px 1px 0px; }
div.paginator a     { padding:1px 5px; border:1px solid #d2d4d6; background:#ffffff; }
div.paginator a:hover { background:#f6f8fa; text-decoration:none; }
div.paginator span  { padding:1px 5px; border:1px solid #d2d4d6; background:#f0f3f5; color:#999999; }


/* -------------------------------------------------------------------------------------------------
      FORMS
                                                                                                    */

fieldset            { padding:0px 12px 10px 12px; margin-bottom:1.6em; border:1px solid #ebe9e5; }
fieldset.nospace    { margin-bottom:0px; }
fieldset.update     { padding:12px 12px 12px 72px; background:url('../img/fieldsetAjaxUpdate.gif') no-repeat 16px 10px; }
legend              { padding:2px 6px; margin-bottom:10px; color:#cc6600; font-weight:bold; }

div.input label, label.input
                    { width:100px; float:left; padding-top:2px; clear:left; }
div.required label, label.required
                    { font-weight:bold; }
div.error-message   { padding:0px 0px 2px 100px; font-size:0.8em; color:#c80000; }

div.inputset        { float:left; display:block; }
div.inputset div    { display:inline; }
div.inputset div.error-message  { display:block; padding-left:0px; }
div.inputset div.input label    { display:inline; float:none; border-bottom:2px solid #ffffff; }

input, select, textarea
                    { font:1em Arial,Verdana,Tahoma,Helvetica,sans-serif; color:#3d3d3d; border:1px solid #d2d4d6; padding:1px 1px 1px 2px; margin-bottom:1px; }
.form-error         { border:1px solid #c80000; background:#fcf2f2; }

input.submit        { font:bold 0.9em Verdana,Arial,Tahoma,Helvetica,sans-serif; background-color:#f7f6f4; margin-bottom:0px; margin-top:1px; padding:0px 10px; }
input.margin        { margin-left:100px; }
input.chkbox        { width:15px; height:15px; cursor:hand; border:none; padding:0px; margin:0px; }
input.img           { vertical-align:top; cursor:hand; padding:0px; margin:0px; border:none; }

input.w20,  textarea.w20  { width:15px; }    select.w20  { width:20px; }
input.w40,  textarea.w40  { width:35px; }    select.w40  { width:40px; }
input.w65,  textarea.w65  { width:60px; }    select.w65  { width:65px; }
input.w80,  textarea.w80  { width:75px; }    select.w80  { width:80px; }
input.w120, textarea.w120 { width:115px; }   select.w120 { width:120px; }
input.w160, textarea.w160 { width:155px; }   select.w160 { width:160px; }
input.w200, textarea.w200 { width:195px; }   select.w200 { width:200px; }
input.w250, textarea.w250 { width:245px; }   select.w250 { width:250px; }
input.w300, textarea.w300 { width:295px; }   select.w300 { width:300px; }
input.w350, textarea.w350 { width:345px; }   select.w350 { width:350px; }
input.w400, textarea.w400 { width:395px; }   select.w400 { width:400px; }
input.w500, textarea.w500 { width:495px; }   select.w500 { width:400px; }

label               { cursor:hand; }


/* -------------------------------------------------------------------------------------------------
      FLASH MESSAGES
                                                                                                    */

#flashMessage       { width:100%; }
#flashMessage div   { background-color:#f6f8fa; padding:16px 12px 16px 72px; border-top:1px solid #d2d4d6; border-bottom:1px solid #d2d4d6; margin-bottom:18px; }

/* icons */
div.info            { background:url('../img/flashInfo.gif') no-repeat 13px 10px; }
div.error           { background:url('../img/flashError.gif') no-repeat 13px 10px; }
div.deleted         { background:url('../img/flashDeleted.gif') no-repeat 13px 10px; }
div.saved           { background:url('../img/flashSaved.gif') no-repeat 13px 10px; }
div.added           { background:url('../img/flashAdded.gif') no-repeat 13px 10px; }


/* -------------------------------------------------------------------------------------------------
      TABLES
                                                                                                    */

/*table.margin        { margin:0.6em 0px 1.6em 0px; }*/

table.border        { border-top:1px solid #d2d4d6; }

table               { border-collapse:collapse; }
table.std th        { padding:0px 8px 4px 8px; text-align:left; border-bottom:1px solid #d2d4d6; }
table.std th.sum    { padding:4px 8px; text-align:left; border-bottom:1px solid #d2d4d6; background:#e5eef6; font-weight:bold; }
table.std td        { padding:5px 8px; border-bottom:1px solid #d2d4d6; }

table.suche         { border-top:1px solid #d2d4d6; }
table.suche th.main { padding:3px 6px; text-align:left; border-bottom:1px solid #d2d4d6; background:#e5eef6; font-weight:bold; }
table.suche th      { padding:3px 6px; text-align:left; border-bottom:1px solid #d2d4d6; background:#f6f8fa; font-weight:normal; }
table.suche td      { padding:3px 6px; border-bottom:1px solid #d2d4d6; }

table.small th      { padding:0px 6px 1px 6px; text-align:left; border-bottom:1px solid #d2d4d6; }
table.small td      { padding:2px 10px 2px 6px; border-bottom:1px solid #d2d4d6; }

td.middle           { vertical-align:middle; }
td.center           { text-align:center; }

th a                { padding:0px; background:none; color:#3d3d3d; }
td                  { vertical-align:top; }
tr.row1 td          { background:#f6f8fa; }
tr.row2 td          { background:#ffffff; }