      /*
      -----------------------------------------------------------
        css.css
      -----------------------------------------------------------
        xaranshop V5.0 © 2010 Dipl.- Ing. Th. Müller, xaran.de ®
      -----------------------------------------------------------
        erstellt:    09.10.2007
        modifiziert: 21.04.2010
        generiert:   15.06.2010 - 11:40:33
        Version:     xaranshop V5.0.9.2
      -----------------------------------------------------------
      */

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


            .gross {   font-family:Segoe UI, Tahoma,Verdana,sans-serif;   font-size:14px;   font-weight:bold;   color:#000000;   text-decoration:none; } .gross a:link {   color:#000000 !important;   text-decoration:none !important; }   .gross a:visited {   color:#000000 !important;   text-decoration:none !important; }   .gross a:hover {   color:#000000 !important;   text-decoration:underline !important; }   .gross a:active {   color:#000000 !important;   text-decoration:underline !important; }

            .normal {   font-family:Segoe UI, Tahoma,Verdana,sans-serif;   font-size:12px;   color:#000000;   vertical-align:top;   line-height:18px; } .normal a:link {   color:#000000;   text-decoration:none; }   .normal a:visited {   color:#000000;   text-decoration:none; }   .normal a:hover {   color:#000000;   text-decoration:underline; }   .normal a:active {   color:#000000;   text-decoration:underline; }

            .klein {   font-family:Segoe UI, Tahoma,Verdana,sans-serif;   font-size:10px;   color:#000000; } .klein a:link {   color:#000000;   text-decoration:none; }   .klein a:visited {   color:#000000;   text-decoration:none; }   .klein a:hover {   color:#000000;   text-decoration:underline; }   .klein a:active {   color:#000000;   text-decoration:underline; }

            .hauptnavigation {   font-family:Segoe UI, Tahoma,Verdana,sans-serif;   font-size:13px;   color:#000000;   font-style:normal;   font-weight:bold;   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:11px;   color:#000000;   font-style:normal; }  .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:transparent;
        background-image:url('grafiken/gesamt06.png');
        background-attachment:scroll;
        background-repeat:repeat-x;
        background-position: center top;
        margin:0px;
        padding:0px;

        
      }


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


      #oberhalb
      {
        background-color:transparent;
        background-image:url('grafiken/oberhalb06.png');
        background-attachment:scroll;
        background-repeat:repeat-x;
        height:0px;
        padding:0px;
        margin:0;       }


      #oben
      {
        background-color:transparent;
        background-image:url('grafiken/oben06.png');
        background-attachment:scroll;
        background-repeat:repeat-x;
        height:54px;
        padding:3px;
        margin:0;        
      }


      #hauptnavigation
      {
        background-color:transparent;
        background-image:url('grafiken/hauptnavigation06.png');
        background-attachment:scroll;
        background-repeat:repeat-x;
        text-align:center;
        height:48px;
        padding:3px;
        margin:0;         overflow:hidden;
      }


      #links
      {
        background-color:transparent;
        background-image:url('grafiken/links06.png');
        background-attachment:scroll;
        background-repeat:repeat-y;
        text-align:left;
        vertical-align:top;
        width:194px;
        overflow:hidden;
        padding:8px;
        margin:0;       }


      #mitte
      {
        background-color:transparent;
        background-image:url('grafiken/mitte06.png');
        background-attachment:scroll;
        background-repeat:repeat-y;       
        text-align:left;
        vertical-align:top;        
        padding:3px;
        min-height:100px;
      }


      #rechts
      {
        background-color:transparent;
        background-image:url('grafiken/rechts06.png');
        background-attachment:scroll;
        background-repeat:repeat-y;
        text-align:left;
        vertical-align:top;
        width:194px;
        overflow:hidden;
        padding:8px;
        margin:0;       }


      #unten
      {
        background-color:transparent;
        background-image:url('grafiken/unten06.png');
        background-attachment:scroll;
        background-repeat:repeat-x;
        vertical-align:top;
        height:34px;
        padding:3px;
        margin:0;       }


      #unterhalb
      {
        background-color:transparent;
        background-image:url('grafiken/unterhalb06.png');
        background-attachment:scroll;
        background-repeat:repeat-x;
        height:-6px;
        padding:3px;
        margin:0;       }



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


      .sektion_oben
      {
        background-color:transparent;
        background-image:url('grafiken/sektion_oben02.png');

        vertical-align:middle;
        text-align:left;

        margin-top:2px;
        margin-right:3px;        
        margin-bottom:0px;
        margin-left:3px;

        

        padding:2px 2px 2px 2px;
        height:21px;
        overflow:hidden;
      }



      .sektion_mitte
      {
        background-color:#ffffff;
        background-image:url('grafiken/sektion_mitte02.png');
        background-repeat:repeat;

        vertical-align:middle;
        text-align:left;

        margin-top:0px;
        margin-right:3px;
        margin-bottom:0px;
        margin-left:3px;

        

        padding:2px 2px 2px 2px;
        overflow:hidden;
      }


      .sektion_unten
      {
        background-color:transparent;
        background-image:url('grafiken/sektion_unten02.png');

        vertical-align:middle;
        text-align:left;

        margin-top:0;
        margin-right:3px;
        margin-bottom:8px;
        margin-left:3px;

        

        padding:2px 2px 2px 2px;
        height:1px;
        overflow:hidden;
      }

      
      .sektion_ohne
      {
        background-color:#ffffff;
        background-image:url('grafiken/sektion_mitte02.png');
        background-repeat:repeat;

        margin-top:2px;
        margin-right:3px;
        margin-bottom:8px;
        margin-left:3px;

        padding:2px 2px 2px 2px;
        overflow:hidden;
      }















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



            .rahmen_unten
      {
        

        background-color:#eeeeee;
        background-image:url('grafiken/rahmen_unten00.png');
        background-repeat:repeat;
        padding:2px;

        margin-top:0px;
        margin-right:auto;
        margin-bottom:10px;
        margin-left:auto;
      }



            .rahmen_oben
      {
        

        background-color:#dddddd;
        background-image:url('grafiken/rahmen_oben00.png');
        background-repeat:repeat;
        height:30px;

        margin-top:10px;
        margin-right:auto;
        margin-bottom:0px;
        margin-left:auto;
      }


            .rahmen_unten
      {
        

        background-color:#eeeeee;
        background-image:url('grafiken/rahmen_unten00.png');
        background-repeat:repeat;
        padding:2px;

        margin-top:0px;
        margin-right:auto;
        margin-bottom:10px;
        margin-left:auto;
      }




            .schmuckrahmen_gesamt
      {
        

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

      .schmuckrahmen_oben_links
      {
        background-color:#ffffff;
        background-image:url('grafiken/xaranshop_rahmen_obenlinks.png');
        background-repeat:repeat;
        width:4px;
        height:30px;
      }

      .schmuckrahmen_oben_mitte
      {
        background-color:#dddddd;
        background-image:url('grafiken/rahmen_oben00.png');
        background-repeat:repeat;
        height:30px;
      }

      .schmuckrahmen_oben_rechts
      {
        background-color:#ffffff;
        background-image:url('grafiken/xaranshop_rahmen_obenrechts.png');
        background-repeat:repeat;
        width:4px;
        height:30px;
      }

      .schmuckrahmen_mitte_links
      {
        background-color:#ffffff;
        background-image:url('grafiken/xaranshop_rahmen_mittelinks.png');
        background-repeat:repeat;
        width:4px;
      }

      .schmuckrahmen_mitte_mitte
      {
        background-color:#eeeeee;
        background-image:url('grafiken/rahmen_unten00.png');
        background-repeat:repeat;
      }

      .schmuckrahmen_mitte_rechts
      {
        background-color:#ffffff;
        background-image:url('grafiken/xaranshop_rahmen_mitterechts.png');
        background-repeat:repeat;
        width:4px;
      }

      .schmuckrahmen_unten_links
      {
        background-color:#ffffff;
        background-image:url('grafiken/xaranshop_rahmen_untenlinks.png');
        background-repeat:repeat;
        width:4px;
        height:4px;
      }

      .schmuckrahmen_unten_mitte
      {
        background-color:#ffffff;
        background-image:url('grafiken/xaranshop_rahmen_untenmitte.png');
        background-repeat:repeat;
        height:4px;
      }

      .schmuckrahmen_unten_rechts
      {
        background-color:#ffffff;
        background-image:url('grafiken/xaranshop_rahmen_untenrechts.png');
        background-repeat:repeat;
        width:4px;
        height:4px;
      }



            .kategorien_mit_javascript                    { white-space:nowrap; }
      .kategorien_mit_javascript img                { border:0px; vertical-align:middle; }
            .kategorien_mit_javascript a.knoten           { padding:1px 2px 1px 0px; white-space:nowrap; }
      

            .webseiten_mit_javascript                     { white-space:nowrap; }
      .webseiten_mit_javascript img                 { border:0px; vertical-align:middle; }
            .webseiten_mit_javascript a.knoten            { padding:1px 2px 1px 0px; white-space:nowrap; }
      

            .tabs_oben      { background-image:url(grafiken/tabsoben01.png); background-color:#ffffff; overflow:hidden;
list-style:none;
padding:0;
margin:0;
padding-left:0px;
; }
      .tabs_mitte     { background-image:url(grafiken/tabsmitte01.png); background-color:#ffffff; clear:both;
padding:5px;


; }
      .tabs_unten     { background-image:url(grafiken/tabsunten01.png); background-color:#ffffff; padding:0; margin:0;
height:5px;


; }

      .tabs_normal    { background-image:url(grafiken/tabsnormal01.png); background-color:#cccccc; ; }
      .tabs_hover     { background-image:url(grafiken/tabshover01.png); background-color:#dddddd; ; }
      .tabs_aktiv     { background-image:url(grafiken/tabsaktiv01.png); background-color:#ffffff; ; }

      .tabs_oben li   { float:left;
cursor:pointer;
text-decoration:none;
outline:none;
padding: 4px 8px;
margin: 0 6px 0 0;
; }

      .tabs_normal a:active, .tabs_normal a:link, .tabs_normal a:visited, .tabs_normal a:hover { color:#000000; outline: none;  text-decoration:none; }
      .tabs_hover a:active,  .tabs_hover a:link,  .tabs_hover a:visited,  .tabs_hover a:hover  { color:#ffffff; outline: none;  text-decoration:none; }
      .tabs_aktiv a:active,  .tabs_aktiv a:link,  .tabs_aktiv a:visited,  .tabs_aktiv a:hover  { color:#000000; outline: none;  text-decoration:none; }




            .forumantwort
      {
        padding:6px;
border:1px dotted #cccccc;
background-color:#ffffff;;
      }


      .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; }




