/*
---------------------------------------------------------------------------
-    Weblounge Main Default Style                                         -
---------------------------------------------------------------------------
*/
/*
-----------------------------------------------
-    Index                                    -
-                                             -
-    1. Main Structure                        -
-    2. Nav                                   -
-    3. Forms                                 -
-    4. Tables                                -
-    5. Input Elements                        -
-    6  Fonts.                                -
-    7. Misc                                  -
-----------------------------------------------
*/

/*
-----------------------------------------------
-    Main Structure                           -
-----------------------------------------------
*/
html, body     {
                 margin:          0;
                 padding:         0;
                 height:          100%;
               }
body           { font-family:     verdana, arial, helvetica, sans-serif;
                 font-size:       100.01%;
                 font-weight:     normal;
                 color:           #777;
                 background-color:#000;
                 text-align:      center;
               }
#box_body      { margin-top:      0px;
                 margin-left:     auto;
                 margin-right:    auto;
                 margin-bottom:   0px;
                 padding:         0px;
                 background-color:#000;
                 border:          #000 1px solid;
                 width:           900px;
               }
#content11     { float:           left;
                 display:         inline;  /* wg. IE double margin bug */
                 margin:          40px 0 0 0;
                 padding:         0 0 0 20px;
                 background:      #000;
                 border-top:      #000 1px solid;
                 border-right:    #000 1px solid;
                 border-bottom:   #000 1px solid;
                 border-left:     #f60 5px solid;
                 width:           180px;
                 min-height:      180px;  /* kennt IE nicht */
                 text-align:      left;
               }
#content12     { float:           left;
                 display:         inline;  /* wg. IE double margin bug */
                 margin:          40px 0 0 0;
                 padding:         0;
                 background:      #000;
                 border-top:      #000 1px solid;
                 border-right:    #000 1px solid;
                 border-bottom:   #000 1px solid;
                 border-left:     #000 1px solid;
                 width:           487px;
                 min-height:      180px;  /* kennt IE nicht */
                 text-align:      center;
               }
#content13     { float:           left;
                 display:         inline;  /* wg. IE double margin bug */
                 margin:          40px 0 0 0;
                 padding:         0;
                 background:      #000;
                 border-top:      #000 1px solid;
                 border-right:    #000 1px solid;
                 border-bottom:   #000 1px solid;
                 border-left:     #000 1px solid;
                 width:           200px;
                 min-height:      180px;  /* kennt IE nicht */
                 text-align:      left;
               }
* html #content11 { height:        200px; /* Star-HTML-Hack */
                }
* html #content12 { height:        200px; /* Star-HTML-Hack */
                }
* html #content13 { height:        200px; /* Star-HTML-Hack */
                }
#content21     { float:           left;
                 display:         inline;  /* wg. IE double margin bug */
                 margin:          50px 82px 0 0;
                 padding:         40px 40px 40px 40px;
                 background:      #000;
                 border-top:      #000 1px solid;
                 border-right:    #000 1px solid;
                 border-bottom:   #f60 5px solid;
                 border-left:     #f60 5px solid;
                 width:           320px;
                 height:          320px;
                 text-align:      center;
                 overflow:        auto;
               }
#content22     { float:           left;
                 display:         inline;  /* wg. IE double margin bug */
                 margin:          50px 0 0 0;
                 padding:         40px 20px 20px 20px;
                 background:      #000;
                 border-top:      #000 1px solid;
                 border-right:    #f60 5px solid;
                 border-bottom:   #f60 5px solid;
                 border-left:     #000 1px solid;
                 width:           360px;
                 min-height:      340px;  /* kennt IE nicht */
                 text-align:      center;
               }
* html #content21 { height:        320px; /* Star-HTML-Hack */
                }
* html #content22 { height:        340px; /* Star-HTML-Hack */
                }
#footer        {
                 margin:          0px;
                 color:           #999;
                 padding:         35px 0 0 0;
                 background:      #000;
               }
/*
-----------------------------------------------
    Nav
-----------------------------------------------
*/
ul.navi        {
                 margin:          20px 0px 0px 0px;
                 padding:         0;
                 font-size:       0.9em;
                 font-weight:     normal;
                 color:           #444;
                 list-style-type: none;
                 width:          100px;
               }
ul.navi li       {
                 margin:          0;
                 padding:         0;
                 font-size:       0.9em;
                 font-weight:     normal;
                 color:           #444;
                 list-style-type: none;
         /*        border:         #f00 1px solid;  */
               }
ul.navi a      { display:         block;
                 margin:          0;
                 padding:         2px 0 2px 5px;
                 color:           #777;
                 text-decoration: none;
                 width:           80px;
               }
ul.navi a:hover {
                 color:           #f60;
                 background-color:#555;
               }
/*
-----------------------------------------------
    Forms
-----------------------------------------------
*/
form                        { margin:             0;
                              padding:            0; /* entfernt IE-Bug */
                              text-align:         center;
                            }
form div                    { clear:              left;
                              padding:            2px 0 0 0;
                            }
fieldset                    { margin:             0;
                              padding:            10px 0 10px 0;
                              font-size:          12px;
                              width:              440px;
                              border:             none;
                              text-align:         left;
                            }
legend                      { font-weight:        bold;
                              color:              #fff;
                              padding-top:        0px;
                              padding-left:       0px;
                              padding-right:      0px;
                              padding-bottom:     10px;
                            }
label                       { display:            block;
                              float:              left;
                              width:              70px;
                              padding:            3px 3px 3px 0px;
                              margin:             0px 5px 5px 0px;
                              text-align:         left;
                              background:         transparent;
               }
/*
-----------------------------------------------
    Links
-----------------------------------------------
*/
a                           { margin:          0;
                              font-family:     verdana, arial, helvetica, sans-serif;
                              font-size:       12px;
                              font-weight:     normal;
                              color:           #ccc;
                              text-decoration: none;
                            }
a:hover                     { text-decoration: underline;
                            }
a.link1                     { font-family:     verdana, arial, helvetica, sans-serif;
                              font-size:       1.0em;
                              font-weight:     normal;
                              color:           #ffffff;
                              text-decoration: none;
                            }
a.link1:visited             { color:           #ffffff;
                              text-decoration: none;
                            }
a.link1:hover               { color:           #ffffff;
                              text-decoration: underline;
                            }
a.link1:active              { color:           #ffffff;
                              text-decoration: none;
                            }
a.link1a                    { font-family:     verdana, arial, helvetica, sans-serif;
                              font-size:       1.0em;
                              font-weight:     normal;
                              color:           #ffffff;
                              text-decoration: none;
                              width:           200px;
                              background:      #aaaaaa;
                            }
a.link2                     { font-family:     verdana, arial, helvetica, sans-serif;
                              font-size:       1.0em;
                              font-weight:     normal;
                              color:           #000;
                              text-decoration: none;
                            }
a.link2:visited             { color:           #000;
                              text-decoration: none;
                            }
a.link2:hover               { color:           #000;
                              text-decoration: underline;
                            }
a.link2:active              { color:           #000;
                              text-decoration: none;
                            }
a.link3                     { font-family:     verdana, arial, helvetica, sans-serif;
                              font-size:       1.0em;
                              font-weight:     normal;
                              color:           #777;
                              text-decoration: none;
                            }
a.link3:visited             { color:           #777;
                              text-decoration: none;
                            }
a.link3:hover               { color:           #777;
                              text-decoration: underline;
                            }
a.link3:active              { color:           #777;
                              text-decoration: none;
                            }

/*
-----------------------------------------------
    Tables
-----------------------------------------------
*/

table                       { margin-left:     0;
                              padding:         0px;
                              background:      none;
                              font-family:     verdana, arial, helvetica, sans-serif;
                              font-size:       0.8em;
                              font-weight:     normal;
                              color:           #777;
                            }
th                          { font-weight:     bold;
                              color:           #ffffff;
                              background:      #555555;
                            }
td                          { padding:         0 10px 15px 0;
                              color:           #777;
                              text-align:      left;
                            }
/*
-----------------------------------------------
    Input Elements
-----------------------------------------------
*/
input                       { margin:             0;
                              padding:            3px;
                              font-family:        verdana, arial, helvetica, sans-serif;
                              font-size:          12px;
                              font-weight:        normal;
                              color:              #000;
                              background:         #ddd;
                              width:              270px;
                              border:             #99192a 1px solid;
                            }
input.button                { margin-top:         15px;
                              font-family:        verdana, arial, helvetica, sans-serif;
                              font-size:          12px;
                              font-weight:        normal;
                              color:              #fff;
                              background:         #444;
                              border:             #99192a 1px solid;
                              width:              180px;
                            }
textarea                    { margin:             0;
                              padding:            3px;
                              font-family:        verdana, arial, helvetica, sans-serif;
                              font-size:          12px;
                              font-weight:        normal;
                              color:              #000;
                              background:         #ddd;
                              border:             #99192a 1px solid;
                              width:              270px;
                              overflow:           auto;
                            }
/*
-----------------------------------------------
    Fonts
-----------------------------------------------
*/
.a16b                       { font-family: verdana, sans-serif;
                              font-size: 16px;
                              font-weight: bold;
                              color: #555;
                            }
.a14b                       { font-family: verdana, sans-serif;
                              font-size: 14px;
                              font-weight: bold;
                              color: #555;
                             }
.a12b                       { font-family: verdana, sans-serif;
                              font-size: 12px;
                              font-weight: bold;
                              color: #66c;
                            }
.a12                        { font-family: verdana, sans-serif;
                              font-size: 12px;
                              font-weight: normal;
                              color: #555;
                            }
.a10                        { font-family: verdana, sans-serif;
                              font-size: 10px;
                              font-weight: normal;
                              color: #555;
                            }
.b10                        { font-family: verdana, sans-serif;
                              font-size: 10px;
                              font-weight: normal;
                              color: #777; }
.b12b                       { font-family: verdana, sans-serif;
                              font-size: 12px;
                              font-weight: bold;
                              color: #ffffff;
                            }
.c10                        { font-family: verdana, sans-serif;
                              font-size: 10px;
                              font-weight: normal;
                              color: #f06;
                            }
.c9                         { font-family: verdana, sans-serif;
                              font-size: 9px;
                              font-weight: normal;
                              color: #aaaaaa;
                            }

/*
-----------------------------------------------
    Misc
-----------------------------------------------
*/
p                           { margin:          0 0 15px 0;
                              padding:         0;
                              font-size:       12px;
                              text-align:      justify;
                            }
p.p1                        { margin:          20px 20px 0 0;
                              text-align:      right;
                            }
p.normal                    { clear:           both;  /* Normalzustand wiederherstellen */
                              font-size:       1px;   /* Schrift so klein wie möglich machen */
                              line-height:     1px;   /* Zeilenhöhe so klein wie möglich machen */
                              height:          1px;   /* Objekthöhe so klein wie möglich machen */
                              padding:         0;     /* Innenabstände auf Null sezten */
                              margin:          0;     /* Objekt unsichtbar machen */
                            }
p.program_msg               { margin:          0px;
                              padding:         5px;
                              font-family:     verdana, arial, helvetica, sans-serif;
                              font-size:       12px;
                              font-weight:     bold;
                              color:           #fff;
                              background-image: url(http://www.ars-communicandi.de/ac_gfx/icon_error.gif);
                              background-repeat: no-repeat;
                              background-position: top left;
                              background-color:#888;
                              border:          #99192a 2px solid;
                              width:           420px;
                              text-align:      center;
                            }
h1                          { margin:          10px 0px 5px 0px;
                              padding:         0;
                              color:           #003;
                              font-size:       1.2em;
                              font-family:     verdana, arial, helvetica, sans-serif;
                              font-weight:     bold;
                            }
h2                          { margin:          0 0 15px 0;
                              padding:         0;
                              color:           #ddd;
                              font-size:       0.8em;
                              font-family:     verdana, arial, helvetica, sans-serif;
                              font-weight:     bold;
                              text-align:      left;
                             }
h2 span                     { display:         none;}
h3                          { margin:          20px 0px 10px 0px;
                              padding:         0;
                              color:           #333;
                              font-size:       0.9em;
                              font-family:     verdana, arial, helvetica, sans-serif;
                              font-weight:     bold;
                            }
ul                          { margin:          0px 0px 0px 30px;
                              padding:         0;
                              list-style-type: square;
                            }
li                          { padding:         1px;
                              font-size:       0.8em;
                            }
hr                          { border-bottom:   1px dotted #777;
                              border-top:      none;
                              border-left:     none;
                              border-right:    none;
                              height:          0px;
                              color:           white;
                              background-color:white;
                              width:           100%;
                            }
dl.pic         {
                 float:           right;
                 margin:          10px 0 10px 10px;
                 padding:         7px 7px 7px 7px;
                 background-color:#ddd;
               }
dt.pic         { /* Abstand für 1.Bild innerhalb dl */
                 margin:          0;
                 padding:         0;
                 text-align:      center;
               }
dt.pic2        { /* Abstand für 2. und weitere Bilder innerhalb dl */
                 margin:          0;
                 padding:         7px 0 0 0;
                 text-align:      center;
               }
dd.pic         {/* Bild-Beschreibung innerhalb dl */
                 margin:          0 0 0 0;
                 padding:         0;
                 font-size:       11px;
                 font-weight:     bold;
                 text-align:      center;
               }
img            {
                 margin:          0;
                 padding:         0;
                 border:          none;
               }
img.thumb      { margin:          0 10px 10px 0;
                 padding:         0;
                 border:          none;
               }
img.block      { /* Bild innerhalb dl, verhindert Abstand unten */
                 display:        block;
               }
.center                     { text-align:      center;
                            }
.right                      { text-align:      right;
                            }
.left                       { text-align:      left;
                            }