/**
 * C.A.D. Support GmbH
 * Georg-Poeschl-Str. 3
 * 84056 Rottenburg
 * http://www.cad-support.de
 *
 * Autor:   Hoffmann Markus
 * eMail:   markus.hoffmann@cad-support.de
 * Datum:   Januar 2008
 * Version: Version 1.0
 */


/** Layout:
 *
 *  ######## class container #################################################
 *  #                                                                        #
 *  #  $$$$$ class header $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$  #
 *  #  $                                                                  $  #
 *  #  $  ~~ class hdr_top ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  $  #
 *  #  $  ~                                                            ~  $  #
 *  #  $  ~  Top Grafik                                                ~  $  #
 *  #  $  ~                                                            ~  $  #
 *  #  $  ~~ class hdr_top ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  $  #
 *  #  $                                                                  $  #
 *  #  $  ~~ class hdr_mnu_block ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  $  #
 *  #  $  ~                                                            ~  $  #
 *  #  $  ~  [= class hdr_mnu_logo =] [= class hdr_mnu_main ========]  ~  $  #
 *  #  $  ~  [= CAD-Support Logo   =] [= Hauptmenue                =]  ~  $  #
 *  #  $  ~  [======================] [=============================]  ~  $  #
 *  #  $  ~                                                            ~  $  #
 *  #  $  ~  [= class hdr_mnu_crumb ================================]  ~  $  #
 *  #  $  ~  [= Breadcrumbs (aktuelle Navigationsposition)         =]  ~  $  #
 *  #  $  ~  [======================================================]  ~  $  #
 *  #  $  ~                                                            ~  $  #
 *  #  $  ~~ class hdr_mnu_block ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  $  #
 *  #  $                                                                  $  #
 *  #  $$$$$ class header $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$  #
 *  #                                                                        #
 *  #  $$$$$ class main_block $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$  #
 *  #  $                                                                  $  #
 *  #  $  ~~ class main_left ~~~~~~~~~~~~~  ~~ class main_right ~~~~~~~~  $  #
 *  #  $  ~                              ~  ~~                        ~~  $  #
 *  #  $  ~  Inhalt ... Text             ~  ~~ [= class info_block =] ~~  $  #
 *  #  $  ~                              ~  ~~ [=                  =] ~~  $  #
 *  #  $  ~                              ~  ~~ [====================] ~~  $  #
 *  #  $  ~                              ~  ~~                        ~~  $  #
 *  #  $  ~                              ~  ~~ [= class info_block =] ~~  $  #
 *  #  $  ~                              ~  ~~ [=                  =] ~~  $  #
 *  #  $  ~                              ~  ~~ [====================] ~~  $  #
 *  #  $  ~                              ~  ~~                        ~~  $  #
 *  #  $  ~~ class main_left ~~~~~~~~~~~~~  ~~ class main_right ~~~~~~~~  $  #
 *  #  $                                                                  $  #
 *  #  $$$$$ class main_block $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$  #
 *  #                                                                        #
 *  #  $$$$$ class footer $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$  #
 *  #  $ Fusszeile                                                        $  #
 *  #  $$$$$ class footer $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$  #
 *  #                                                                        #
 *  ######## class container #################################################
 *
 */

/**
 * benutzte Farben => leider keine Konstanten möglich in CSS
 *
 * #FFFFFF > Weiss
 * #000000 > Schwarz
 * #C0C0C0 > Silbergrau (Hintergrund Fusszeile)
 * #C0C0C0 > Silbergrau (aktiv ausgewaehltes Menue)
 * #5E5E5E > Dunkelgrau (Hintergrund Hauptmenue)
 * #4863A0 > Blau       (Ueberschriften h1-h6)
 * #505050 > Dunkelgrau (Ueberschrift im Text > Klasse p.caption)
 * #808080 > Hellgrau   (Hintergrund Infoblock-Titelzeile)
 * #404040 > Dunkelgrau (Breadcrumbs Textfarbe)
 * #404040 > Dunkelgrau (Klasse "caption" im Inhaltsbereich)
 * #467AA7 > Blau       (normaler Link im Text)
 * #2A5A8A > Blau       (besuchter Link + Hover)
 * #C8C8C8 > Hellgrau   (Rahmenfarbe zum aufgeklappten Menue)
 * #C8C8C8 > Hellgrau   (Trennlinie unterhalb Ueberschrift 1)
 */

/* Allgemein */
*{padding:0; margin:0;}
 body       {font-size:10px; background-color:#FFFFFF; font-family:verdana,arial,helvetica,sans-serif;}
.container  {width:900px; margin:10px auto 10px auto; border:solid 1px #000000; font-size:1.0em;}
.main_block {clear:both; width:900px; padding-bottom:30px;}
.main_left  {display:inline; float:left; width:640px; margin:0 0 0 30px;
             overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.main_right {display:inline; float:right; width:185px; margin:0 15px 0 0;
             overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.footer     {clear:both; width:900px; padding:1.0em 0 0.5em 0; background-color:#C0C0C0;
             font-size:1.0em; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}

/* Kopfzeile (Grafik + Menuezeile + akt. Navigations-Position) */
.header,.hdr_top,.hdr_mnu_block,.hdr_mnu_crumb {width:900px; font-family:"trebuchet ms",arial,sans-serif;}
.hdr_top       {height:178px; background:url(./img/bg_header.jpg);}
.hdr_mnu_block {height:40px; background-color:#5E5E5E; border:none;}
.hdr_mnu_crumb {clear:both; padding:1.0em 0 1.5em 0; border:none;}
.hdr_mnu_logo  {height:40px; float:left; border:none; font-size:150%;}
.hdr_mnu_main  {height:40px; float:right; border:none; font-size:130%;}

/* Logo + Hauptmenue */
.hdr_cad_logo          {font-weight:bold; color:#FFFFFF; position:relative; top:25%; white-space:nowrap}
.hdr_mnu_main ul       {list-style-type:none;}
.hdr_mnu_main ul li    {float:left; z-index:auto !important /*Non-IE6*/; z-index:1000 /*IE6*/;
                        border-left:solid 1px #FFFFFF;}
.hdr_mnu_main ul li a  {float:none !important /*Non-IE6*/; float:left /*IE-6*/; display:block;
                        height:3.1em; line-height:3.1em; padding:0 16px 0 16px;
                        text-decoration:none; font-weight:bold; color:#FFFFFF;}
.hdr_mnu_main ul li ul {display:none; border:none}
.hdr_mnu_main ul li a:hover {color:#000000;}

/* Menue Hovering => ausser fuer IE6 */
.hdr_mnu_main ul li:hover    {position:relative;}
.hdr_mnu_main ul li:hover a  {background-color:#C0C0C0; text-decoration:none;}
.hdr_mnu_main ul li:hover ul {display:block; width:10.0em; position:absolute; z-index:999;
                              top:3.0em; margin-top:0.1em; left:0;}
.hdr_mnu_main ul li:hover ul li a {white-space:normal; display:block; height:auto;
                                   width:12.0em;  /* Menuebreite (abstimmen auf max. Laenge) */
                                   line-height:1.3em; margin-left:-1px; padding:4px 16px 4px 16px;
                                   border-left:solid 1px #C8C8C8; border-bottom: solid 1px #C8C8C8;
                                   background-color:#C0C0C0; font-weight:bold; color:#000000;}
.hdr_mnu_main ul li:hover ul li a:hover {text-decoration:underline;}

/* Menue Hovering => speziell fuer IE6 */
.hdr_mnu_main table            {position:absolute; top:0; left:-1px; border-collapse:collapse;}
.hdr_mnu_main ul li a:hover    {position:relative; z-index:1000;
                                background-color:#C0C0C0; text-decoration:none;}
.hdr_mnu_main ul li a:hover ul {display:block; width:10.0em; position:absolute; z-index:999;
                                top:3.1em; t\op:3.0em; left:0; marg\in-top:0.1em;}
.hdr_mnu_main ul li a:hover ul li a {white-space:normal; display:block;
                                     w\idth:12.0em; /* Menuebreite (abstimmen auf max. Laenge) */
                                     height:1px; line-height:1.3em; padding:4px 16px 4px 16px;
                                     border-left:solid 1px #C8C8C8; border-bottom: solid 1px #C8C8C8;
                                     background-color:#C0C0C0; font-weight:bold; color:#000000;}
.hdr_mnu_main ul li a:hover ul li a:hover {text-decoration:underline;}

/* Breadcrumbs - aktuelle Navigationsposition */
.hdr_mnu_crumb ul    {float:left; width:560px; list-style:none; padding:0 0 0 15px;
                      font-family:verdana,arial,sans-serif;}
.hdr_mnu_crumb ul li {display:inline; padding:0 0 0 10px;
                      background:transparent url(./img/nav_arrow.gif) no-repeat 0 50%;
                      font-weight:bold; font-size:100%;}
.hdr_mnu_crumb ul a  {color:#404040; ; text-decoration:none;}
.hdr_mnu_crumb ul a:hover {color:#404040; text-decoration:underline;}

/* Fusszeile */
.footer p         {line-height:1.3em; text-align:center; font-size:110%;}
.footer a         {text-decoration:underline;}
.footer a:hover   {text-decoration:none;}
.footer a:visited {text-decoration:none; color:#000000;}

/* Ueberschriften */
.main_left h1.pagetitle {margin:0 0 0.4em 0; padding:0 0 2px 0; border-bottom:solid 3px #C8C8C8;
                         font-family:"trebuchet ms",arial,sans-serif; color:#4863A0;
                         font-weight:bold; font-size:220%;}
.main_left h1 {clear:both; margin:1.0em 0 0.5em 0; font-family:"trebuchet ms",arial,sans-serif;
               color:#4863A0; font-weight:normal; font-size:200%;}
.main_left h2 {clear:both; margin:1.0em 0 0.5em 0; font-family:"trebuchet ms",arial,sans-serif;
               color:#4863A0; font-weight:normal; font-size:170%;}
.main_left h3 {clear:both; margin:1.0em 0 0.5em 0; font-family:"trebuchet ms",arial,sans-serif;
               color:#4863A0; font-weight:normal; font-size:140%;}
.main_left h4 {clear:both; margin:1.0em 0 1.0em 0; font-family:"trebuchet ms",arial,sans-serif;
               color:#4863A0; font-weight:normal; font-size:130%;}
.main_left h5 {clear:both; margin:1.0em 0 1.0em 0; font-family:"trebuchet ms",arial,sans-serif;
               color:#4863A0; font-weight:normal; font-size:120%;}
.main_left h6 {clear:both; margin:1.0em 0 1.0em 0; font-family:"trebuchet ms",arial,sans-serif;
               color:#4863A0; font-weight:normal; font-size:110%;}

/* Ueberschriften mit Links */
.main_left h2 a         {color:#4863A0; font-weight:normal; text-decoration:none;}
.main_left h2 a:hover   {color:#4863A0; font-weight:normal; text-decoration:none;}
.main_left h2 a:visited {color:#4863A0; font-weight:normal; text-decoration:none;}

/* Inhalt */
.main_left p            {margin:0 0 1.0em 0; line-height:1.4em; font-size:120%;}
.main_left p.center     {text-align:center;}
.main_left p.right      {text-align:right;}
.main_left p.ib         {font-style:italic; font-weight:bold;}
.main_left p.ib_small   {font-style:italic; font-weight:bold; font-size:90%;}
.main_left p.caption    {margin:0 0 1.0em 0; font-style:italic; font-weight:bold;
                         font-size:120%; color:#404040;}
.main_left table        {clear:both; width:100%; margin:1em 0 0.5em 0;}
.main_left table th.top {height:3.5em; padding:0 7px 0 0px;}
.main_left table th     {height:3.0em; padding:2px 20px 2px 0px;}
.main_left table td     {height:3.0em; padding:2px 7px 2px 0px; line-height:1.4em; font-size:120%;}
.main_left table td.np  {height:1.5em; padding:0; line-height:1.2em; font-size:120%;}
p.caption               {clear:both; margin:0.5em 0 2.0em 0px; text-align:left;
                         color:#505050; font-size:110%;}

.main_left ul    {list-style:none; margin:0.5em 0 1.0em 0;}
.main_left ul li {margin:0 0 0.2em 2px; padding:0 0 0 12px;
                  background:url(./img/li_main.gif) no-repeat 0 0.5em;
                  line-height:1.4em; font-size:110%;}
.main_left ol    {margin:0.5em 0 1.0em 20px !important /*Non-IE6*/;
                  margin:0.5em 0 1.0em 25px /*IE6*/;}
.main_left ol li {list-style-position:outside; margin:0 0 0.2em 0;
                  line-height:1.4em; font-size:110%;}

/* Infobloecke */
.info_block    {width:171px; margin:0 0 2.0em 0; padding:5px;
                border:solid 1px #808080; background:#FFFFFF;}
.main_right h1 {clear:both; margin:-5px -5px 10px -5px; padding:4px 5px 3px 5px;
                background-color:#808080; font-family:"trebuchet ms",arial,sans-serif;
                color:#FFFFFF; font-weight:bold; font-size:140%;}
.main_right p  {clear:both; line-height:1.3em; font-size:110%;}
.main_right p.center {text-align:center;}
.main_right p.right  {text-align:right;}

.main_right ul    {list-style:none; margin:0.5em 4px 1.0em 4px;}
.main_right ul li {margin:2px 0 0.2em 2px; padding:0 0 0 11px; line-height:1.2em;
                   font-size:110%; background:url(./img/li_main.gif) no-repeat 0 0.5em;}
.main_right ol    {margin:0.5em 10px 1.0em 30px !important /*Non-IE6*/;
                   margin:0.5em 10px 1.0em 35px /*IE6*/;}
.main_right ol li {list-style-position:outside; margin:0 0 0.4em 0; font-size:110%;}

/* Links */
.main_block a           {color:#467AA7; font-weight:bold; text-decoration:none;}
.main_block a:hover     {color:#2A5A8A; text-decoration:underline;}
.main_block a:visited   {color:#2A5A8A;}