.gross
{
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:13px;
  font-weight:bold;
  text-decoration:none;
  color:#000000;
  border-top-style:none;
  border-bottom-style:none;
  border-left-style:none;
  border-right-style:none;
}

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

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

.gross a:hover
{
  color:#990000;
  text-decoration:underline;
}

.gross a:active
{
  color:#000000;
  text-decoration:underline;
}      
            .normal
{
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#000000;
  line-height:18px;
  vertical-align:top;
  border-top-style:none;
  border-bottom-style:none;
  border-left-style:none;
  border-right-style:none;
  */;
}

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

.normal a:visited
{
  color:#223344;
  text-decoration:none;
}

.normal a:hover
{
  color:#990000;
  text-decoration:underline;
}

.normal a:active
{
  color:#000000;
  text-decoration:underline;
}      
            .klein
{
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:10px;
  color:#000000;
  border-top-style:none;
  border-bottom-style:none;
  border-left-style:none;
  border-right-style:none;
}

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

.klein a:visited
{
  color:#223344;
  text-decoration:none;
}

.klein a:hover
{
  color:#990000;
  text-decoration:underline;
}

.klein a:active
{
  color:#000000;
  text-decoration:underline;
}      
            .hauptnavigation
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: bold;
  color:#000000;
  line-height: 140%;
}

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

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

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

.hauptnavigation a:active
{
  color:#000000;
  text-decoration: underline;
}      
            .navigation
{
  font-family: Verdana;
  font-size:11px;
  font-style:normal;
  color:#000000;
}

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

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

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

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




      html
      {
                overflow-y: scroll;  /* verhindert "Ruckeln", vertikale Bildlaufleiste wird immer eingeblendet */
        overflow-x: auto;      
      }


      .hintergrund
      {
        background-color:#EDE9D1;
        background-image:url('grafiken/');
        background-attachment:scroll;
        background-repeat:no-repeat;
        background-position: center top;
        margin:0;
        padding:0;
      
  
      }









      #gesamt
      {
                position:relative; top:0px; left:0px;
        width:1024px;    
        
        margin:0px auto 0px auto;
        padding:0;
      }
      
      
      
      #spalte1
      {
        width:198px;      
      }
      #spalte3
      {
        width:198px;      
      }


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

      #oben
      {
        background-color:transparent;
        background-image:url('grafiken/dekobanner02.png');
        background-attachment:scroll;
        background-repeat:no-repeat;
        height:134px;
        padding:0px;
        margin:0;        
      }


      #hauptnavigation
      {
        background-color:transparent;
        background-image:url('grafiken/dekobanner03.png');
        background-attachment:scroll;
        background-repeat:no-repeat;
        text-align:center;
        height:37px;
        padding:5px;
        margin:0;         /* overflow:hidden; */
      }


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


      #mitte
      {
        background-color:#ede9d1;
        background-image:url('grafiken/');
        background-attachment:scroll;
        background-repeat:repeat-y;       
        text-align:left;
        vertical-align:top;        
        padding:0px;
        min-height:300px;
      }


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



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

      #unterhalb
      {
        background-color:transparent;
        background-image:url('grafiken/');
        background-attachment:scroll;
        background-repeat:repeat-x;
        height:15px;
        padding:0px;
        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/box1.png');

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

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


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



      .sektion_mitte
      {
        background-color:transparent;
        background-image:url('grafiken/box2.png');
        background-repeat:repeat;

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

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

        padding:2px;
        overflow:hidden;
      }


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

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

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

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

      
      .sektion_ohne
      {
        background-color:transparent;
        background-image:url('grafiken/box2.png');
        background-repeat:repeat;

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

        padding:2px;
        overflow:hidden;
      }















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



            .rahmen_unten
      {
        background-color:     #FFFFFF;
        background-image:url('grafiken/');
        background-repeat:    repeat;
        padding:              2px;

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



            .rahmen_oben
      {
        background-color:     #FACC35;
        background-image:url('grafiken/');
        background-repeat:    repeat;
        height:               20px;

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


            .rahmen_unten
      {
        background-color:     #FFFFFF; 
        background-image:url('grafiken/');
        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:                0px;
        height:               20px;
      }

      .schmuckrahmen_oben_mitte
      {
        background-color:     #FACC35;
        background-image:url('grafiken/');
        background-repeat:    repeat;
        height:               20px;
      }

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

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

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

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

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

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

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



      
      
                  ul#megadropdown
      {
        margin:0;
        padding:0;
        float:left;
                list-style:none;
        margin-top:3px; 
margin-left:30px;       }
      
      ul#megadropdown li
      {
        float:left;
        margin:0;
        padding:0;
        position:relative;
      }
      
      ul#megadropdown li a
      {
        float:left; 
        
        height:35px;       }
      
      ul#megadropdown a.top0
      {
        background-image:url('grafiken/megadropdown_41_01.png');
        background-repeat: no-repeat;
        padding-top:6px;
font-family:'Segoe UI', Tahoma, Verdana, Arial;
font-size:14px;
font-weight:bold;
text-decoration:none;
color:#000000;          width:150px;       }
      
      ul#megadropdown a.top1
      {
        background-image:url('grafiken/megadropdown_41_02.png');
        background-repeat: no-repeat;
        padding-top:6px;
font-family:'Segoe UI', Tahoma, Verdana, Arial;
font-size:14px;
font-weight:bold;
text-decoration:none;
color:#000000;          width:150px;       }
      
      ul#megadropdown li:hover a.top0, ul#megadropdown li top0 a:hover
      {
        background-image:url('grafiken/megadropdown_41_03.png');
        background-repeat: no-repeat;
        color:#000000;          width:150px;       }
      
      ul#megadropdown li:hover a.top1, ul#megadropdown li .top1 a:hover
      {
        background-image:url('grafiken/megadropdown_41_04.png');
        background-repeat: no-repeat;        
        color:#000000;          width:150px;       }    
      
      ul#megadropdown li .sub      
      {
       position:absolute;  
        top:38px;
        left:0;
        background-color:#dddddd;         background-image:url('grafiken/');
        background-repeat:repeat-x;
        
        padding:6px;

        display:none;
        z-index:99999;        
        float:left;
        
                        
        width:20px;         text-align:left;
       
        border: 1px solid #cccccc;        }

      ul#megadropdown li .sub ul
      {
        list-style:none;
        margin:0;
        padding:0;
        float:left;
        width:200px;         }
      
      ul#megadropdown .sub ul li
      {
        width:100%;
      }      

      ul#megadropdown .sub ul li h2
      {
        padding:0;
        margin:0;
        padding-left:4px;
padding-top:2px;
font-family:'Segoe UI', Tahoma, Verdana, Arial;
font-size:14px;
font-weight:bold;
text-decoration:none;
color:#000000;        }                                
      ul#megadropdown .sub ul li h2 a
      {
        background-image:none;
        padding-left:4px;
padding-top:2px;
font-family:'Segoe UI', Tahoma, Verdana, Arial;
font-size:14px;
font-weight:bold;
text-decoration:none;
color:#000000;        }        
      ul#megadropdown .sub ul li a
      {
        float:none; 
        height:auto;
        background-image:none;                   
        display:block;        
        padding-left:8px;
padding-top:2px;
font-family:'Segoe UI', Tahoma, Verdana, Arial;
font-size:13px;
font-weight:normal;
text-decoration:none;
color:#000000;        }
      ul#megadropdown .sub ul li a:hover
      {
        color:#000000;
text-decoration:underline;        }




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

      .kategorien_hauptkategorie { font-weight:normal;
font-size:15px; }       .kategorien_unterkategorie { font-size:13px; }       .kategorien_hauptkategorie:hover { color:#990000; }       .kategorien_unterkategorie:hover { color:#990000; } 

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

      .webseiten_hauptkategorie { font-weight:normal; }       .webseiten_unterkategorie { font-size:11px; }       .webseiten_hauptkategorie:hover {  }       .webseiten_unterkategorie:hover { <?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
<title>Vorschau Navigation Webseiten</title>
<style type="text/css">
##~css~##
</style>
</head>
<body>
<div class="navigation" style="##~1550~##padding-left:0px;"><a href="about:blank" target="_blank">Webseite 1.0</a></div>
<div class="navigation" style="##~1551~##padding-left:5px;"><a href="about:blank" target="_blank"><span style="##~1552~##">Webseite 1.1</span></a></div>
<div class="navigation" style="##~1551~##padding-left:10px;"><a href="about:blank" target="_blank">Webseite 1.1.1</a></div>
<div class="navigation" style="##~1551~##padding-left:10px;"><a href="about:blank" target="_blank">Webseite 1.1.2</a></span></div>
<div class="navigation" style="##~1551~##padding-left:10px;"><a href="about:blank" target="_blank">Webseite 1.1.3</a></span></div>
<div class="navigation" style="##~1551~##padding-left:5px;"><a href="about:blank" target="_blank">Webseite 1.2</a></span></div>
<div class="navigation" style="##~1551~##padding-left:5px;"><a href="about:blank" target="_blank">Webseite 1.3</a></span></div>
<div class="navigation" style="##~1550~##padding-left:0px;"><a href="about:blank" target="_blank">Webseite 2.0</a></span></div>
<div class="navigation" style="##~1550~##padding-left:0px;"><a href="about:blank" target="_blank">Webseite 3.0</a></span></div>
<div class="navigation" style="##~1550~##padding-left:0px;"><a href="about:blank" target="_blank">Webseite 4.0</a></span></div>
<hr />
<div class="navigation">Dies ist <a href="about:blank" target="_blank">».gross«</a>.</div>
<div class="normal">Dies ist <a href="about:blank" target="_blank">».normal«</a>.</div>
<div class="klein">Dies ist <a href="about:blank" target="_blank">».klein«</a>.</div>
<div class="hauptnavigation">Dies ist <a href="about:blank" target="_blank">».hauptnavigation«</a>.</div>
<div class="navigation">Dies ist <a href="about:blank" target="_blank">».navigation«</a>.</div>
</body>
</html>
 } 
                                
                                                                
            .tabs_oben      { background-image:url('grafiken/xaranshop_tabsoben01.png'); background-color:#ffffff; overflow:hidden;
list-style:none;
padding:0;
margin:0;
padding-left:0px;
; }
      .tabs_mitte     { background-image:url('grafiken/xaranshop_tabsmitte01.png'); background-color:#ffffff; clear:both;
padding:5px;


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


; }

      .tabs_normal    { background-image:url('grafiken/xaranshop_tabsnormal01.png'); background-color:#cccccc; ; }
      .tabs_hover     { background-image:url('grafiken/xaranshop_tabshover01.png'); background-color:#dddddd; ; }
      .tabs_aktiv     { background-image:url('grafiken/xaranshop_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; }

            .blaetternavigation a, 
      .blaetternavigation a:link,
      .blaetternavigation a:visited { ; }      
      .blaetternavigation a:hover,
      .blaetternavigation a:active  { ; }      


                  .autocomplete             { border:1px solid #cccccc;
background-color:#ffffff;
font-family: "Segoe UI", Arial, Verdana;
font-size:12px;
cursor:default;
text-align:left;
max-height:350px;
overflow:auto;
margin:5px;; }
      .autocomplete .selected   { background-color:#eeeeee;; }
      .autocomplete div         { padding:2px 5px; white-space:nowrap; overflow:hidden; }
            .autocomplete strong      { font-weight:bold;; }


     
                        #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
      #cboxOverlay{position:fixed; width:100%; height:100%;}
      #cboxMiddleLeft, #cboxBottomLeft{clear:left;}
      #cboxContent{position:relative; overflow:visible;}
      #cboxLoadedContent{overflow:auto;}
      #cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
      #cboxTitle{margin:0;}
      #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
      #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
      
            #cboxOverlay{background:#000000;}
      #colorBox{}
          #cboxContent{background:#ffffff; }
              #cboxLoadedContent{background:#ffffff; padding:8px; margin-bottom:30px;}
              #cboxLoadingGraphic{background:url('grafiken/ajax.gif') center center no-repeat;}
              #cboxLoadingOverlay{background:#ffffff; }

              #cboxTitle{position:absolute; bottom:3px; left:0; text-align:center; width:100%; color:#000000;}
              #cboxCurrent{position:absolute; bottom:3px; left:200px; color:#000000;}
              #cboxSlideshow{position:absolute; bottom:3px; right:42px; color:#000000;}
              #cboxPrevious{position:absolute; bottom:3px; left:10px; color:#000000;}
              #cboxNext{position:absolute; bottom:3px; left:63px; color:#000000;}

              #cboxClose{position:absolute; bottom:3px; right:20px; display:block; color:#000000;}
      
            .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: #804000;            /* IE 6 */
  background-color: #804000; /* Mozilla 1.4 */
  border: #804000;           /* 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:13px;
   font-weight:normal;
   margin:0;
   padding:0;
   border-bottom:0px #bbbbbb solid;
}
h2
{
   font-size:12px;
   font-weight:normal;
   margin:0;
   padding:0;
   border-bottom:0px #bbbbbb solid;
}
.rot
{
   color: #ff3300;
}
.grun
{
   color: #00aa00;
};