/* www.dynamicworkflow.com */

/* Globale Elemente */

*                                  { margin: 0; padding: 0; }
body                               { width: 100%; background: rgb(255,255,255) url(http://www.anlage-trends.de/gfx/layout/body_bg.gif) 0 90px repeat-x; font-family: Arial; font-size: 13px; }

a,                                 
a:link                             { color: #c02a2c; text-decoration: none; }
a:visited                          { color: #a32425; text-decoration: none; }
a:hover,
a:active,
a:focus                            { color: #e23134; text-decoration: none; }

hr                                 { display: none; clear: both; }
img                                { border: 0; }




/* Banner */
#banner1big                        { position: absolute; top: -115px; width: 728px; height: 100px; background: white; }
#banner1                           { position: absolute; top: -85px; width: 468px; }
#banner2                           { position: absolute; top: -85px; left: 512px; width: 468px; }
#banner3                           { position: absolute; top: 216px; left: 780px; width: 160px; height: 650px; background: white; }

.banner span,
.bannerrechts span                 { display: block; font-size: 10px; }

.bannerrechts                      { margin-top: 25px; }


/* Globale Klassen */
.ausblenden,
.aus,
.seo                               { display: none; }
.nix                               { }
.clear                             { clear: both; }

/* Sitecontainer */
#site                              { position: relative; margin: 120px auto 0 auto; width: 900px; }

/* Kopf */
#kopf                              { background: url(http://www.anlage-trends.de/gfx/layout/kopf_01.jpg) no-repeat; height: 135px; margin: 1px 0; }


/* Navigation horizontal */
#navi1                             { height: 45px;  margin-top: 30px; padding-left: 195px; list-style: none; background: url(http://www.anlage-trends.de/gfx/layout/logo.gif) left no-repeat; font-size: 12px; font-weight: bold; }
#navi1 li                          { float: left; margin-bottom: 1px; }
#navi1 li a                        { display: block; float: left; height: 30px; padding: 15px 22px 0 22px; }
#navi1 li a:link,
#navi1 li a:visited                { color: #fff; text-decoration: none; }
#navi1 li a:hover,
#navi1 li a:active,
#navi1 li a:focus,
#navi1 li a.selected,
#navi1 li a.selected:visited       { background: #fff url(http://www.anlage-trends.de/gfx/layout/navi1_bg_a.jpg); color: #C12A2C; text-decoration: none; }


/* Navigation vertikal */
#navi2                             { position: absolute; left: 0; }
#navi2 ul                          { display: block; list-style: none; width: 194px; margin-left: 1px; background: #f2f2f2; font-size: 13px; font-weight: bold; }
#navi2 li                          { background: url(http://www.anlage-trends.de/gfx/layout/navi2_bg_li.gif) repeat-x bottom left; /*border-right: 1px solid #C12A2C;*/ }
#navi2 li a                        { display: block; width: 158px; padding: 7px 0 8px 35px; }
#navi2 li a:link, 
#navi2 li a:visited                { background: url(http://www.anlage-trends.de/gfx/layout/navi2_bg_a.gif) no-repeat 13px 11px; color: #134C87; text-decoration: none; }
#navi2 li a:hover, 
#navi2 li a:active, 
#navi2 li a:focus, 
#navi2 li a.selected               { background: url(http://www.anlage-trends.de/gfx/layout/navi2_bg_a_hover.gif) no-repeat 13px 11px; color: #C12A2C; text-decoration: none; }

#navi2 li ul                       { display: none; padding-bottom: 8px; margin-top: -6px; font-size: 11px; background: url(http://www.anlage-trends.de/gfx/layout/navi2_bg_li.gif) repeat-x bottom left; font-weight: normal; }
#navi2 li.selected ul              { display: block; }

#navi2 li li                       { background: none; }
#navi2 li ul a                     { padding: 1px 0 1px 40px; }
#navi2 li ul a:link, 
#navi2 li ul a:visited             { background: none; }
#navi2 li ul a:hover, 
#navi2 li ul a:active, 
#navi2 li ul a:focus, 
#navi2 li ul a.selected            { background: none; }

#navi2 li.selected ul ul              { background: none; padding-top: 5px; padding-bottom: 8px; }
#navi2 li li ul a                     { padding: 1px 0 1px 47px; }




#suche                             { position: absolute; left: 0; }
#suche ul                          { display: block; list-style: none; width: 194px; margin-left: 1px; background: #f2f2f2; font-size: 13px; font-weight: bold; }
#suche li                          { background: url(http://www.anlage-trends.de/gfx/layout/navi2_bg_li.gif) repeat-x bottom left; /*border-right: 1px solid #C12A2C;*/ }
#suche li form                     { display: block; padding: 5px 0 6px 35px; }
#suche li form                     { background: url(http://www.anlage-trends.de/gfx/layout/navi2_bg_a.gif) no-repeat 13px 11px; color: #134C87; text-decoration: none; }
#suche li form div                 { background: http://www.anlage-trends.de/gfx/layout/suche.png; width: 16px; height: 16px; border: 1px solid #aaa; }
#suche li form input               { margin-right: 2px; }

#suche li ul                       { display: none; padding-bottom: 8px; margin-top: -6px; font-size: 11px; background: url(http://www.anlage-trends.de/gfx/layout/navi2_bg_li.gif) repeat-x bottom left; font-weight: normal; }
#suche li:hover ul,
#suche li.over ul,
#suche li.selected ul              { display: block; }






#navi2 h1                          { padding: 7px 0 7px 15px; margin-top: 1px;  background: url(http://www.anlage-trends.de/gfx/layout/navi2_bg_h1.jpg) repeat-x; color: #fff; font-size: 15px; }
#navi2 h1 a:link,
#navi2 h1 a:visited                { color: #fff; text-decoration: none; }
#navi2 h1 a:hover,
#navi2 h1 a:active,
#navi2 h1 a:focus                  { color: #eee; }



/* Inhalt */
#inhalt                            { position: relative; width: 540px; margin: 0 0 0 194px; line-height: 155%;  padding: 35px 20px 20px 30px; }

#inhalt h1                         { color: #fff; font-size: 15px; margin: -28px 0 30px 0;  }
#inhalt h2                         { clear: both; margin: 30px 0 10px 0; line-height: 120%; color: #c02a2c; font-size:18px; font-weight: normal; }
#inhalt h3                         { clear: both; margin: 10px 0 10px 0; font-size: 10px; font-weight:normal; text-transform: uppercase; }
#inhalt p                          { margin: 10px 0 10px 0; font-size:1em; line-height: 140%; }

#inhalt h2 a:link                  { text-decoration: none; }
#inhalt h2 a:visited               { color: #a32425; }
#inhalt h2 a:hover,
#inhalt h2 a:active,
#inhalt h2 a:focus                 { color: #e23134; }

#inhalt ul                        { margin: 10px 0 10px 20px; list-style-type: square; }
#inhalt ol                        { margin: 10px 0 10px 25px; }
#inhalt li                        { margin: 5px 0 5px 0; }

#inhalt img                        { padding: 5px; margin: 5px; border: solid 1px #0e3863; }
#inhalt noscript img               { border: 0; padding: 0; margin: 0; }

/* Archiv */
#inhalt h2.archiv                  { margin: 0 0 10px 0; }
#inhalt h3.archiv                  { margin: 20px 0 2px 0; }

#inhalt h2.beschriftung span       { display: block; position: absolute; margin-top: -19px; color: #000; font-size: 10px; text-transform: uppercase; }

.leitartikel                       { border-bottom: solid 2px #0e3863; }
#inhalt .leitartikel h2 a:link,
#inhalt .leitartikel h2 a:visited  { color: #0e3863; }
#inhalt .leitartikel h2 a:hover,
#inhalt .leitartikel h2 a:active,
#inhalt .leitartikel h2 a:focus    { color: #e23134; }

#inhalt ul.blaettern         { list-style-type: none; width: 262px; float: left; margin: 10px 0 20px 0; padding: 0; }
#inhalt ul.blaettern li      { background: none; float: left; margin: 0; padding: 0; border: solid 0 white; border-width: 0 1px; }
.blaettern a,
.blaettern a:visited         { display: block; width: 27px; padding: 1px 0; text-align: center; background: rgb(219,235,243); text-decoration: none; }
.blaettern a:active,
.blaettern a:hover,
.blaettern a:focus           { color: rgb(255,255,255); background: rgb(120,182,216); }



/* TradeGate */
table                      { margin-top: 15px; width: 500px; }
th, td                      { text-align: left; }
tr                         { background-color: #F2F2F2;}
#inhalt .tab-nav               { list-style: none; margin:0;}
.tab-nav li             { float: left; margin:0;}
.tab-nav li a            { display: block; width: 110px; }
.block                   { clear: left; }
.block span          { display: block; font-weight: bold; }