/*
---------------------------------------------------------------------------
-    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:           #222;
                 background-color:#000;
                 background-image:url(http://www.cassandra-catier.de/cc_gfx/cc_back_1.gif);
           /*      background-repeat:repeat-x;  */
                 text-align:      center;
               }
#box_body      { margin-top:      0px;
                 margin-left:     auto;
                 margin-right:    auto;
                 margin-bottom:   0px;
                 padding-top:     0px;
                 padding-right:   0px;
                 padding-bottom:  0px;
                 padding-left:    0px;
                 background-color:#111;
                 width:           900px;
                 border:          #9a3466 5px solid;
               }
#header        { margin:          0;
                 padding-left:    0px;
                 padding-top:     0px;
                 padding-bottom:  0px;
                 background:      #000;
                 border-bottom:   #9a3466 5px solid;
                 height:          104px;
                 text-align:      right;
               }
#content1      {
                 float:           left;
                 margin-top:      0px;
                 margin-left:     0px;
                 margin-right:    0px;
                 margin-bottom:   0px;
                 padding-top:     0px;
                 padding-left:    30px;
                 padding-right:   30px;
                 padding-bottom:  30px;
                 background:      #fff;
                 border-right:    #9a3466 5px solid;
                 width:           635px;
                 min-height:      590px;
                 text-align:      left;
               }
#content2      { float:           left;
                 display:         inline;  /* wg. IE double margin bug */
                 margin-top:      0px;
                 margin-left:     0px;
                 margin-right:    0px;
                 margin-bottom:   0px;
                 padding-top:     0px;
                 padding-left:    0px;
                 padding-right:   0px;
                 padding-bottom:  0px;
                 background-color:#555;
                 width:           200px;
                 min-height:      580px;  /* kennt IE nicht */
                 text-align:      left;
               }
#content1 h2           {
                 margin:          20px 0 10px 0;
                 background-repeat:no-repeat;
                 background-position:0% 100%;
                 height:          50px;
                      }
#content1 h2 span      {
                 display:         none;
                      }
#content3      { margin-top:      0px;
                 margin-left:     0px;
                 margin-right:    0px;
                 margin-bottom:   0px;
                 padding-top:     30px;
                 padding-left:    100px;
                 padding-right:   100px;
                 padding-bottom:  30px;
                 background:      #000;
                 width:           700px;
                 min-height:      350px;
                 text-align:      center;
               }
* html #content1 { height:        590px; /* Star-HTML-Hack */
                }
* html #content2 { height:        590px; /* Star-HTML-Hack */
                }
* html #content3 { height:        350px; /* Star-HTML-Hack */
                }
#footer        { margin:          0px;
                 padding:         15px;
                 font-family:     verdana, sans-serif;
                 font-size:       12px;
                 font-weight:     normal;
                 color:           #fff;
                 background:      #000;
                 border-top:      #9a3466 5px solid;
                 text-align:      center;
               }
/*
-----------------------------------------------
    Nav
-----------------------------------------------
*/
ul.nav1               {
                        margin:          0;
                        padding:         0;
                      }
ul.nav1 li            { display:         inline;
                        margin:          0;
                        padding:         0;
                        font-size:       0.8em;
                        font-weight:     normal;
                        color:           #ccc;
                        list-style-type: none;
                        text-align:      center;
                        width:           200px;
                      }
ul.nav1 a             { display:         block;
                        margin:          0;
                        padding:         12px 0 0 0;
                        color:           #ddd;
                        font-weight:     normal;
                        background-color:transparent;
                        background-image:url(http://www.cassandra-catier.de/cc_gfx/cc_back_blk_off.gif);
                 /*     width:          135px;  */
                        border-bottom:   #444 1px solid;
                        text-decoration: none;
                        height:          25px;
                        text-align:      center;
                      }
ul.nav1 a.on          { display:         block;
                        margin:          0;
                        padding:         15px 0 0 0;
                        color:           fuchsia;
                        background-color:transparent;
                        background-image:url(http://www.cassandra-catier.de/cc_gfx/cc_back_blk_off.gif);
                 /*     width:          135px;  */
                        border-bottom:   #444 1px solid;
                        text-decoration: none;
                      }
ul.nav1 a:hover       {
                        color:           fuchsia;
                        background-color:transparent;
                        background-image:url(http://www.cassandra-catier.de/cc_gfx/cc_back_blk_on.gif);
                        border-bottom:   #444 1px solid;
                        text-decoration: none;
                      }
/*
-----------------------------------------------
    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                           { font-family:     verdana, arial, helvetica, sans-serif;
                              font-size:       1em;
                              font-weight:     normal;
                              color:           #444;
                              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:           #fff;
                              text-decoration: none;
                            }
a.link1:visited             { color:           #fff;
                              text-decoration: none;
                            }
a.link1:hover               { color:           #fff;
                              text-decoration: underline;
                            }
a.link1:active              { color:           #fff;
                              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:           #000000;
                        /*      border:          1px solid #000033;  */
                            }
th                          { font-weight:     bold;
                              color:           #ffffff;
                              background:      #555555;
                            }
td                          { color:           #000000;
                              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
-----------------------------------------------
*/
.b10                        { font-family: verdana, sans-serif;
                              font-size: 12px;
                              font-weight: bold;
                              color: #fff; }
/*
-----------------------------------------------
    Misc
-----------------------------------------------
*/
p                           { margin:          10px 10px 10px 0;
                              padding:         0;
                              font-size:       0.8em;
                              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:          30px 0px 20px 0px;
                              padding:         0;
                              color:           #444;
                              font-size:       1em;
                              font-family:     verdana, arial, helvetica, sans-serif;
                              font-weight:     bold;
                             }
h2 span                     { display:         none;}
h3                          { margin:          10px 0 5px 0;
                              padding:         0;
                              color:           #00fa9a;
                              font-size:       1.2em;
                              font-family:     verdana, arial, helvetica, sans-serif;
                              font-weight:     bold;
                            }
h4                          { margin:          20px 0 10px 0;
                              padding:         0;
                              color:           #444;
                              font-size:       1.1em;
                              font-family:     verdana, arial, helvetica, sans-serif;
                              font-weight:     bold;
                            }
ul                          { margin:          0px 0px 20px 30px;
                              padding:         0;
                              list-style-type: circle;
                            }
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:           left;
                 margin:          10px 10px 10px 0;
                 padding:         4px 4px 1px 4px;
                 background-color:#000;
               }
dt.pic         { /* Abstand für 1.Bild innerhalb dl */
                 margin:          0;
                 padding:         0;
                 text-align:      center;
               }
dd.pic         {/* Bild-Beschreibung innerhalb dl */
                 margin:          0 0 0 0;
                 padding:         0;
                 font-size:       11px;
                 text-align:      center;
               }
img            {
                 margin:          0;
                 padding:         0;
                 border:          none;
               }
img.pic        { margin:          0 3px 3px 0;
                 padding:         0;
                 border:          4px solid #000;
               }
img.block      { /* Bild innerhalb dl, verhindert Abstand unten */
                 display:        block;
               }
.center                     { text-align:      center;
                            }
.right                      { text-align:      right;
                            }
.left                       { text-align:      left;
                            }