body, html          {
                     margin:0;
                     padding:0 0 20px 0;
                     color:black;
                     background-color:#0069B3;
                     background-image:url(graphics/bg-page.png);
                     background-repeat:repeat-x;
                     font-family:Arial, Helvetica, Verdana, sans-serif;
                     font-size:13px;
                     font-weight:normal;
                     text-align:center;
                    }

/* Textformate */
h1                  {font-size:15px; margin:6px 0; padding:0;}
h2                  {font-size:13px; margin:4px 0; padding:0;}
h3, h4, h5          {font-size:13px; margin:10px 0 4px 0; padding:0;}
p                   {margin:0; padding:6px 0;}


/* Feste Breiten  und Extras*/
.w20                {width:20px;}
.w30                {width:30px;}
.w40                {width:40px;}
.w50                {width:50px;}
.w60                {width:60px;}
.wdat               {width:65px;} /* Datum */
.w70                {width:70px;}
.w80                {width:80px;}
.w100               {width:100px;}
.w120               {width:120px;}
.w140               {width:140px;}
.w160               {width:160px;}
.w180               {width:180px;}
.w200               {width:200px;}
.w250               {width:250px;}
.w300               {width:300px;}
.w350               {width:350px;}
.w400               {width:400px;}
.w500               {width:500px;}
.w600               {width:600px;}

.bold               {font-weight:bold;}
.center             {text-align:center;}
/*.small              {font-size:11px;}*/
.underline          {text-decoration:underline;}
.error              {background-color:#FF9595;}
.noerror            {background-color:white;}
.errorlabel         {color:red;}
.dif                {color:blue;}/*background-color:yellow;}*/
p.titel             {font-weight:bold;}
p.time              {font-size:10px; margin:8px 0 0 0; color:#C4C0B8;}
p.error             {color:red; background-color:white;}
p.info              {border:1px solid #0069B3; background:#E6F3FC; padding:5px;}
p.homeinfo          {font-size:11px; text-align:left; padding:10px 20px 0 20px;} /* Info-Absatz shop/index.php */
.norm               {font-weight:normal;}

table.debug         {border-collapse:collapse;}
table.debug td      {border:1px solid black; padding:1px;}

input#ticker        {
		    width:534px;
                     font-size:13px;
                     color:#0069B3;
                     border:solid #D4D0C8;
                     border-width:1px 0;
                    }


hr                  {
		    height:0;
                     margin:2px 0;
                     padding:0;
                     border:solid #D4D0C8;
                     border-width:1px 0 0 0;
                    }


/* Random-Pics index.php */
table.homepics      {height:91px; margin:auto;}
table.homepics td    {height:87px; text-align:center;}
table.homepics td a {}
table.homepics td a img {border:1px solid #D4D0C8;}


div                 {border:0px solid red;}
div.all             {
                     position:relative;
                     width:940px;
                     text-align:left;
                     margin:auto;
                     padding:0 10px;
                    }
div.l               {width:180px; float:left;}
div.m               {margin:0 186px;}
div.r               {width:180px; float:right;}

div.debug           {margin:10px 6px; padding:8px; background:#C0FFFF; border:1px solid #D4D0C8;}

/* Startseite */
div#start           {margin:4px 0px; padding:6px 10px 6px 10px; border:1px solid #D4D0C8; border-width:1px 0;}
img#ilogo           {margin-left:-10px;}
div#start div       {padding:12px 0;}

/* Info-DIV (temporaer) */
div#start div#info1 {position:absolute; width:500px; padding:16px; border:1px solid black; margin-top:-20px; background:#F4F4F6; z-index:2;}


img                 {border:0;}
/* Hides from IE5-mac (3px-Bugs) \*/
* html img          {/*margin-bottom:-3px*/}
* html .m           {height: 1%;}
/* End hide from IE5-mac */


/* Links */
a                   {color:black; font-weight:normal; text-decoration:none;}
a:link              {}
a:visited           {}
a:focus             {text-decoration:underline;}
a:hover             {text-decoration:underline;}
a:active            {}

a.small             {font-size:11px;}
a.underline         {text-decoration:underline;}

.lnk                {cursor:pointer;}
.lnk:hover          {text-decoration:underline;}


/* Kopfbereich */
div#head            {
                     margin-bottom:14px;
                     padding-left:13px;
                     background-image:url(graphics/bg-3d.png);
                     background-repeat:repeat-x;
                     background-position:bottom;
                    }
div#head #logo      {margin-left:-8px;}

/* Kopf Mitte */
div#head #headcenter{
                     position:absolute;
                     left:320px;
                     top:6px;
                     width:300px;
                     border:0px solid red;
                    }
div#head #headcenter h2{
                     margin:0;
                     height:80px;
                     font-weight:bold;
                     border:0px solid black;
                    }
div#head #headcenter h2#text{
                     margin:-81px 1px 0 -1px;
                     color:white;
                    }

/* Warenkorb:iframe */
div#head #minicart  {
                     position:absolute;
                     left:764px;
                     top:0px;
                     width:180px;
                     height:100px;
                     border:0px solid black;
                    }

/* Sprachauswahl */
div#head #lang      {
                     position:absolute;
                     left:764px;
                     top:113px;
                     width:180px;
                     height:118px;
                     text-align:center;
                     border:0px solid black;
                    }

/* Ueberschriften mit Schlagschatten */
h2.shadow           {margin:0 0 0 1px; padding:4px 0 0 0; color:black; font-size:13px; line-height:17px;} /* Dieses Padding bestimmt die Textposition in der Kopfzeile! */
h2.text             {margin:-19px 0 0 0; color:white; font-size:13px; line-height:17px;}

/* Ueberschriften mit round-corners */
div.headline        {
                     height:24px;
                     margin:0 9px 0 0;
                     padding:0 0 0 8px;
                     background-image:url(graphics/bg-3d-l.png);
                     background-repeat:no-repeat;
                     background-position:bottom left;
                    }
div.headliner       {
                     float:right;
                     width:9px;
                     height:24px;
                     margin-top:-24px;
                     background-image:url(graphics/bg-3d-r.png);
                     background-repeat:no-repeat;
                     background-position:top left;
                    }


/* Anzeigebereiche */
div.content         {
                     margin-bottom:14px;
                     padding:3px;
                     color:black;
                     font-weight:normal;
                     background:white;
                     border:solid #0069B3;
                     border-width:0 1px 3px 1px;
                    }
div.m div.content   {padding:3px 6px;}


/* Eizelseite (agb, shipping...) */
div.single          {
                     width:600px;
                     margin:20px auto;
                     padding:8px;
                     text-align:left;
                     background:white;
                     border:solid #0069B3;
                     border-width:1px;
                    }

/* Datenbankwarnhinweis */
div#nodb            {
		    width:400px;
                     margin:30px auto;
                     padding:10px;
                     text-align:left;
                     background:white;
                     border:1px solid #0069B3;
                    }


ul                  {
                     margin:0;
                     padding:0;
                     list-style-type:none;
                    }

ul.tt               {/*list-style-image:url(graphics/list.png); list-style-position:inside;*/}

/* AGB */
ul.agb              {margin:0 0 0 8px; list-style-type:none;}
ul.agb li           {margin:4px 4px 4px 10px;}

/* Datenschutz und sonstige Texte */
ul.txt              {list-style-type:circle; padding:0 0 0 8px; list-style-position:inside;}


/* Menue-Liste */
ul.level1 li, ul.level2 li, ul.level3 li
                    {
                     padding-left:4px;
                     color:black;
                     /*
                     font-weight:normal;
                     border:solid white;
                     border-width:1px 0 0 0;
                     background-repeat:repeat-x;
                     background-position:top; */
                    }
ul.level1 li        {
                     margin:1px 0;
                     padding:0 1px 2px 4px;
                     color:white;
                     /*font-weight:600;*/
                     /*font-size:14px;*/
                     line-height:18px;
                     background-color:#0069B3;
                     border:solid white;
                     border-width:1px 0;
                     background-image:url(graphics/aright.gif);
                     background-repeat:no-repeat;
                    }
ul.level1 li span.lnk{padding-left:10px;}
ul.level1 li.open   {background-image:url(graphics/adown.gif);}

ul.level2           {max-height:300px; overflow:auto;}
ul.level2 li        {
                     margin:0;
                     padding-top:1px;
                     line-height:15px;
                     background-color:white;
                     /*background-color:#248DD7;*/
                     /*background-image:url(graphics/bg-level2.png);*/
                     background-image:none;
                     border:solid #D4D0C8;
                     border-width:1px 0 0 0;
                    }
ul.level2 li a      {/*font-weight:bold;*/ color:black;}

ul.level3 li        {
                     margin:0;
                     line-height:15px;
                     color:black;
                     /*border-color:black;*/
                     border:0;
                     background-color:white;
                     background-image:none;
                     /*background-color:#2A93DD;
                     background-image:url(level3.png);*/
                    }
/*ul.level3 li.noborder {border:0;}  -> In PHP entfernen! */
ul.level3 li a      {color:black; font-size:12px;}

/* Spacer */
li.space            {margin-top:4px; padding-top:4px; border-top:1px solid #D4D0C8;}

/* Suchtipp englisch */
form#searchform p   {padding:4px; font-size:10px; border:1px solid #D4D0C8;}

/* Anzeige-Tabelle */
table.products      {width:100%; margin:4px 0; border-collapse:collapse;}
table.products td   {margin:0; padding:4px 0; border:solid black; border-width:1px 0;}
table.products td.pic      {width:85px; text-align:center;}
table.products td.pic img  {display:block; margin:auto; border:1px solid #D4D0C8;}

/* Infobox */
table.products td.pic div.infobox {
                                position:absolute;
                                height:auto;
                                width:520px;
                                margin:2px 0;
                                padding:0 0 20px 0;
                                z-index:999;
                               }
table.products td.pic div.infobox div {
                                height:auto;
                                width:520px;
                                padding:16px;
                                background-color:#F4F4F6;
                                text-align:left;
                                border:solid black;
                                border-width:1px;
                               }
/* Schliessen-Button Infobox */
table.products td.pic div.infobox a, a.close {
                                display:block;
                                position:absolute;
                                top:0; left:0;
                                padding:0 2px;
                                color:white;
                                text-decoration:none;
                                border:solid black;
                                border-width:0 1px 1px 0;
                                background-color:red;
                               }

/* Player-Box Infobox */
table.products td.pic div.infobox p.flvbox
			      {margin:4px 0; padding:0; display:none;}
/* Preview- Pic in der Infobox */
table.products td.pic div.infobox img.preview
			      {margin:-12px 0 4px 0; border:0;}
/* Text Infobox */
table.products td.pic div.infobox p
                               {margin:-6px 0 4px 0;}



table.products td.pic div.infobox img
                               {margin:4px 0 0 0;}

table.products td.txt          {padding-left:4px; line-height:17px;}
table.products td.txt img      {margin-bottom:-3px; padding:0 3px 0 0;}
table.products td.details      {width:120px;}
table.products td.cart         {width:24px; padding:5px 0 5px 4px; text-align:center;}
table.products td.cart img     {margin:2px 0;}
table.products td.details img  {display:inline;} /* Liefertermin */
table.products td.details ul   {width:120px; margin-left:6px; border:1px solid #0069B3;}
table.products td.details li   {margin:0 2px; padding:0 2px; border:0px solid #0069B3;}
table.products td.details li.preis {text-align:right; border-top:1px solid black;} /*#D4D0C8;}*/
table.products span.extra      {
                                padding:0 2px;
                                color:white;
                                background-color:#0069B3;
                                /*background-image:url(graphics/bg-level1.png);*/
                               }
table.products td.preis        {text-align:right;}

/* Bestelltabelle */
table.order                    {width:100%; margin:4px 0; border-collapse:collapse;}
table.order th                 {margin:0; padding:4px 3px; border:1px solid black;}
table.order td                 {margin:0; padding:4px 3px; vertical-align:top; border:1px solid black;}
table.order td.preis           {text-align:right;}
table.order td.stck            {text-align:center;}

/* Allgemeine Tabellen */
table.border                   {border-collapse:collapse;}
table.border td                {border:1px solid black;}

table.shipping                 {border-collapse:collapse;}
table.shipping td              {text-align:center; padding:5px; border:1px solid black;}
table.shipping caption         {font-weight:bold;}

caption                        {text-align:left; margin:10px 0 3px 0;}
td.bottom                      {vertical-align:bottom;}


/* Formulare */
form                        {margin:0; padding:0;}
input, textarea             {font-size:12px;}
select                      {padding:0; font-size:12px;}
option                      {padding:0 3px; font-size:12px;}
input.checkbox, input.radio {margin:0;}

button, input.button, a.button {
                             margin:4px 4px 4px 0;
                             padding:1px 5px;
                             font-size:12px;
                             color:black;
                             background-color:#D4D0C8;
                             border:2px outset white;
                             /*border-color:#CFE0FF #00319C #00319C #CFE0FF;*/
                             cursor:pointer;
                             overflow:visible;
                            }
a.button                    {padding:1px 5px;}
a.button:hover              {text-decoration:none;}


/* Menue-Formulare */
div.small label             {display:block; font-size:11px; margin-top:3px;}
div.small input.txt         {width:95%;}
div.small select            {width:100%;}
div.small div.buttons       {margin:4px 0; text-align:center;}


/* Grosse Formulare */
ul.form, ul.show            {width:390px; margin:10px 0;}
ul.form li                  {position:relative; line-height:28px; border:solid black; border-width:0 0 1px 0;}
/* Zusaetzliche Infos */
ul.form li p                {font-size:11px; line-height:15px; margin-top:-10px;}
/* li mit normaler Hoehe */
ul.form li.txt              {line-height:17px;}
ul.form label               {width:200px;}
ul.form a                   {line-height:22px;}
ul.form input, ul.form a, ul.form span.right
                            {position:absolute; left:207px; top:3px; width:180px; height:16px;}
/* m, Y Kreditkarte */
ul.form span.select         {position:absolute; left:207px; top:3px;}
ul.form textarea, ul.show textarea
                            {width:388px; height:80px; margin:-2px 0;}
ul.form input.checkbox, ul.form input.radio
                            {width:auto; top:7px;}
ul.form input.wdat          {width:65px;}
ul.form input.w20           {width:40px;}
ul.form input.w30           {width:40px;}
ul.form input.w40           {width:40px;}
ul.form input.z1            {left:253px;}
ul.form input.z2            {left:299px;}
ul.form input.z3            {left:345px;}
ul.form img                 {margin:2px 0;}
ul.form span.obl            {}/* * Pflichtfeld */
ul.form ul.inner            {margin:0; padding:0;}

ul.show li                  {position:relative; line-height:22px; border:solid black; border-width:0 0 1px 0;}
ul.show li span.data, ul.show li input
                            {position:absolute; left:150px;}

/* Form fuer Kreditkarte */
ul.cc                       {background:#FFFE95; padding:0px; border:solid black; border-width:1px 0 0 0;}
ul.cc li                    {padding:0 4px;}


/* Blaettern-Links */
div.pagecounter             {margin:6px 0;}
div.pagecounter a,
div.pagecounter span        {
                             margin:0;
                             padding:0 2px;
                             /*background-color:#F1F4FF;*/
                             border:1px solid #D4D0C8;
                            }
div.pagecounter a.arrow     {font-weight:bold;}
div.pagecounter a:link      {text-decoration:none;}
div.pagecounter a:visited   {text-decoration:none;}
div.pagecounter a:focus     {text-decoration:underline;}
div.pagecounter a:hover     {text-decoration:underline;}
div.pagecounter a:active    {text-decoration:none;}
div.pagecounter span        {color:#808080; font-weight:bold;}
div.pagecounter span.active {color:black; border:1px solid black;}

/* Warenkorb */
p#newentry input.nr         {width:60px;}
p#newentry input.stck,
table.products td.cart input{width:20px; text-align:center;} /* Stueck */
p#newentry input.cart       {margin:0 0 -4px 0;}


/* Urlaubsmeldung */
p#urlaub                    {border:2px solid red; padding:10px;}
