/*
      -----------------------------------------------------------
        css.css
      -----------------------------------------------------------
        xaranshop V4.0 © 2009 Dipl.- Ing. Th. Müller, xaran.de ®
      -----------------------------------------------------------
        erstellt:    09.10.2007
        modifiziert: 14.04.2008
        generiert:   31.03.2011 - 15:41:02
        Version:     xaranshop V4.0.0.7
      -----------------------------------------------------------
      */

      /* Achtung: einzeilige Kommentare wie in C++/C# sind nicht in CSS erlaubt. */


            .gross
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  font-variant: small-caps;
  color: #000000;
}

            .normal
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 13px;
  text-decoration: none;
  color: #000000;
  padding-left: px;
}

            .klein
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  text-decoration: none;
  color: #000000;
  background-color: #FFFFFF;
}

            .hauptnavigation
{
  font-family:Segoe UI, Tahoma,Verdana,sans-serif;
  font-size:15px;
  font-style:normal;
  font-weight:normal;
  font-variant:small-caps;
  color:#000000;
  line-height:140%;
}

.hauptnavigation a:link
{
  color:#000000;
  text-decoration:none;
}

.hauptnavigation a:visited
{
  color:#000000;
  text-decoration:none;
}

.hauptnavigation a:hover
{
  color:#000000;
  text-decoration:underline;
}

.hauptnavigation a:active
{
  color:#000000;
  text-decoration:underline;
}

            .navigation
{
  font-family:Segoe UI, Tahoma,Verdana,sans-serif;
  font-size:14px;
  font-style:normal;
  font-variant:normal;
  color:#000000;
}

.navigation a:link
{
  color:#000000;
  text-decoration:none;
}

.navigation a:visited
{
  color:#000000;
  text-decoration:none;
}

.navigation a:hover
{
  color:#000000;
  text-decoration:underline;
}

.navigation a:active
{
  color:#000000;
  text-decoration:underline;
}


      html
      {
        overflow-y: scroll;          overflow-x: auto;
      }


      .hintergrund
      {
        background-color:#7BFD7B;
        background-image:url('');
        background-attachment:scroll;
        background-repeat:repeat-x;
        background-position: center top;
        margin:0px;
        padding:0px;    
      }


      #gesamt
      {
        position:relative; top:0px; left:0px;
        width:800px;
        margin:0px auto 0px auto;
        padding:0;
      }


      #oberhalb
      {
        background-color:#FFF698;
        background-image:url('');
        background-attachment:scroll;
        background-repeat:repeat-x;
        height:15px;
        padding:0px;
        margin:0;         
      }


      #oben
      {
        background-color:#fff698;
        background-image:url('grafiken/Shop-Banner_Irfan_1_x_scharf.jpg');
        background-attachment:scroll;
        background-repeat:no-repeat;
        height:74px;
        padding:3px;
        margin:0;       }


      #hauptnavigation
      {
        background-color:#7BFD7B;
        background-image:url('');
        background-attachment:scroll;
        background-repeat:repeat-x;
        text-align:center;
        height:-10px;
        padding:5px;
        margin:0;         overflow:hidden;
      }


      #links
      {
        background-color:#7BFD7B;
        background-image:url('');
        background-attachment:scroll;
        background-repeat:repeat-y;
        text-align:left;
        vertical-align:top;
        width:160px;
        overflow:hidden;
        padding:5px;
        margin:0;       }


      #mitte
      {
        background-color:#F6F3E2;
        background-image:url('');
        background-attachment:scroll;
        background-repeat:repeat-y;
        text-align:left;
        vertical-align:top;        
        padding:5px;
        min-height:100px;
      }


      #rechts
      {
        background-color:#7BFD7B;
        background-image:url('');
        background-attachment:scroll;
        background-repeat:repeat-y;
        text-align:left;
        vertical-align:top;
        width:160px;
        overflow:hidden;
        padding:5px;
        margin:0;       }


      #unten
      {
        background-color:#7BFD7B;
        background-image:url('');
        background-attachment:scroll;
        background-repeat:repeat-x;
        vertical-align:top;
        height:19px;
        padding:3px;
        margin:0;       }


      #unterhalb
      {
        background-color:#7BFD7B;
        background-image:url('');
        background-attachment:scroll;
        background-repeat:repeat-x;
        height:25px;
        padding:0px;
        margin:0;       }



      .clear
      {
        clear:both;
        font-size:0px;
        width:0px;
        height:0px;        
        line-height:0px;
        padding:0px;
        margin:0px;                
      }

      .sektion_oben
      {
        padding:4px;
        margin-top:10px;
      }

      .sektion_unten
      {
        padding:4px;
        margin-bottom:10px;
      }


            .fieldsetrahmen_gesamt
      {
        margin-top:10px;
        margin-right:auto;
        margin-bottom:10px;
        margin-left:auto;
      }

      .testmodus
      {
		color: #333333;
		border:2px #ff3300 solid;
		background-color:#ffdd22;
		margin:3px; padding:3px;
		font-family:Courier New;
		font-size:13px;;
      }


                  hr
{
  color: #bbbbbb;            /* IE 6 */
  background-color: #bbbbbb; /* Mozilla 1.4 */
  border: #bbbbbb;           /* Opera 7.11 */
  height: 1px;               /* in Opera für die Anzeige nötig, in Mozilla für die einheitliche Höhe */
}
img
{
  border:0;
}
h1
{
  font-size:20px;
  margin:0;
  padding:0;
  border-bottom:1px #bbbbbb solid;
}
.rot
{
  color: #ff3300;
}
.grun
{
  color: #00aa00;
}