/*
---------------------------------------------------------------------------
-    TbF Tierpension 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:     "Trebuchet MS", verdana, arial, helvetica, sans-serif;
                        font-size:       100.01%;
                        font-weight:     normal;
                        color:           #444;
                        background-color:#fff;
                    /*    text-align:      center; */
                      }
#page                 { margin:          10px auto 0 auto;
                        padding:         0px;
                        background-color:#dfdfdf;
                        border:          #000 1px solid;
                        width:           960px;
                        min-height:      500px;
                      }
* html #page          { height:          600px; /* Star-HTML-Hack */
                      }
#header               { margin:          0 auto 0 auto;
                        padding:         0;
                        height:          160px;
                        color:           #000;
                        background:      #fff url(http://www.tiere-brauchen-freunde.de/tierpension/tf3_gfx/tf3_header.jpg) repeat-x top left;
                      }
#logo_header_1        {
                        position:        absolute;
                        margin-top:      30px;
                        margin-left:     470px;
                      }
#logo_header_2        {
                        position:        relative;
                        margin-top:      10px;
                        margin-left:     840px;
                      }
#nav1                 { margin:          0 auto 0 auto;
                        padding:         0;
                        height:          40px;
                        background:      #fff url(http://www.tiere-brauchen-freunde.de/tierpension/tf3_gfx/tf3_header_nav.jpg) repeat-x top left;
                      }

#nav2                 { float:           left;
                        display:         inline;  /* wg. IE double margin bug */
                        margin:          0;
                        padding:         0;
                        background:      #dfdfdf;
                        width:           230px;
                        min-height:      450px;  /* kennt IE nicht */
                        text-align:      left;
                      }
#content1             { float:           left;
                        margin:          0;
                        padding:         12px 30px 0 30px;
                        background:      #fff;
                        width:           670px;
                        min-height:      450px;  /* kennt IE nicht */
                        text-align:      left;
                      }
#content12            { float:           right;
                        margin:          40px 0 20px 15px;
                        padding:         10px;
                        background:      #fff;
                        width:           170px;
                        min-height:      250px;  /* kennt IE nicht */
                        border:          8px #dfdfdf solid;
                        text-align:      left;
                      }
#footer               { margin:          0 auto 0 auto;
                        padding:         15px;
                        font-size:       0.8em;
                        color:           #333;
                        background:      #fff;
                        border-top:      2px #ff0 solid;
                        text-align:      center;
                      }
.boxnews              { margin:          10px auto 10px auto;
                        padding:         5px 15px;
                        font-weight:     normal;
                        border :         #dfdfdf 5px solid;
                        background:      #fff;
                        width:           90%;
                      }
#header, #nav1, nav2, #content12, #footer { clear:both; }  /* (de) Absicherung korrekte Positionierung */
.boxnews              { clear:both; }  /* (de) Absicherung korrekte Positionierung */
/*
-----------------------------------------------
    Nav
-----------------------------------------------
*/
#nav1 ul              {
                        display:         inline; /* (en|de) Bugfix: IE - Doubled Float Margin Bug */
                        float:           right;
                        margin:          0 150px 0 0;
                        padding:         0;
                        list-style-type: none;
                      }
#nav1 ul li           { display:         inline;  /* (en|de) Bugfix: IE - Doubled Float Margin Bug */
                        float:           left;
                        margin:          0;
                        padding:         0.1em 0 0 0;
                        font-size:       1.0em;
                        line-height:     1em;
                      }
#nav1 ul li a         { display:         block;
                        margin:          0;
                        padding:         10px 15px 10px 15px;
                        font-size:       1em;
                        font-weight:     normal;
                        color:           #000;
                        background:      transparent;
                        text-decoration: none;
                        width:           auto;
                      }
#nav1 ul li a#active2 { color:           #fff;
                        font-weight:     bold;
                        background-color:#ff0;
                      }
#nav1 ul li a:hover   { color:           #fff;
                        background:      #ff0;
                        text-decoration: none;
                      }
#nav2 ul              { margin:          60px 0 0 0;
                        padding:         0 0 0 15px;
                        list-style-type: none;
                      }
#nav2 ul li           { margin:          0;
                        padding:         0;
                        font-size:       1.0em;
                        width:           100%;

                      }
#nav2 ul li a         { display:         block;
                        margin:          0;
                        padding:         5px 0px 5px 5%;
                        color:           #444;
                        background-color:#dfdfdf;
                        border-bottom:   1px #666 solid;
                        text-decoration: none;
                      }
/* Level 1 */
#nav2 ul li a#active  { color:           #fff;
                        font-weight:     bold;
                        background-color:#ff0;
                      }
#nav2 ul li a:hover   { color:           #fff;
                        background-color:#ff0;
                      }
/* Level 2 */
#nav2 ul li ul        { margin:          0;
                        padding:         0;
                        list-style-type: none;
                      }
#nav2 li ul li        { margin:          0;
                        padding:         0;
                        font-size:       0.9em;
                        width:           100%;     }

#nav2 li ul li a,
#nav2 li ul li a#active { padding:         4px 0 4px 20px;
                      }
#nav2 li ul li a#active { color:           #fff;
                        font-weight:     bold;
                        background-color:#ff0;
                      }
#nav2 li ul li a      { background-color:#3c9;
                        color:           #444; }
#nav2 li ul li a:focus,
#nav2 li ul li a:hover,
#nav2 li ul li a:active { background-color:#ff0;
                          color:           #fff;
                          border-bottom    :1px solid #444; }

/*
-----------------------------------------------
    Forms
-----------------------------------------------
*/
form                  { margin:          0;
                        padding:         0; /* entfernt IE-Bug */
                        text-align:      center;
                      }
form div              { clear:           left;
                      }
fieldset              { margin:          0;
                        padding:         10px 0 10px 0;
                        background:      #fff;
                        border :         #ff0 2px solid;
                        text-align:      left;
                      }
legend                { color:           #ff0;
                        font-weight:     bold;
                        padding:         0 0 10px 0;
                      }
label                 { display:         block;
                        float:           left;
                        margin:          0px 0px 5px 0px;
                        padding:         2px 5px 2px 2px;
                        font-size:       0.8em;
                        width:           100px;
                 /*     background-color:#fff; */
                        text-align:      right;
                      }
/*
-----------------------------------------------
    Links
-----------------------------------------------
*/

/*
-----------------------------------------------
    Tables
-----------------------------------------------
*/
table                 { margin:          5px auto 20px auto;
                        padding:         0px;
                        background:      none;
                        font-family:     "Trebuchet MS", verdana, arial, helvetica, sans-serif;
                        font-size:       14px;
                        width:           100%;
                      }
td                    { padding:         5px 0 0 20px;
                        text-align:      left;
                      }
td.right              { padding:         5px 60px 0 0;
                        text-align:      right;
                      }

/*
-----------------------------------------------
    Input Elements
-----------------------------------------------
*/
input                 { font-size:       0.8em;
                        font-weight:     normal;
                        color:           #000;
                        background:      #dfdfdf;
                        border:          1px solid #555;
                      }
input.radio           { font-size:       0.8em;
                        font-weight:     normal;
                        color:           #fff;
                        background:      #e4e4ca;
                        border-color:    #e4e4ca;
                      }
input.button          { margin-top:      15px;
                        font-size:       0.8em;
                        font-weight:     normal;
                        color:           #fff;
                        background:      #ff0;
                        border:          1px solid #555;
                        width:           180px;
                      }
textarea              { font-family:     "Trebuchet MS", verdana, arial, helvetica, sans-serif;
                        font-size:       0.9em;
                        font-weight:     normal;
                        color:           #003;
                        background:      #dfdfdf;
                        border:          solid 1px #555;
                        overflow:        auto;
                      }
option                { font-size:       1.0em;
                        font-weight:     normal;
                        color:           #000;
                        background:      #fff;
                      }
select                { font-size:       0.8em;
                        font-weight:     normal;
                        color:           #000;
                        background:      #dfdfdf;
                      }
.zeile0               { color:           #000;
                        background:      #dfdfdf; }
.zeile1               { color:           #000;
                        background:      #a0a0a0; }
.zeile2               { color:           #000;
                        background:      #e0e0e0; }
/*
-----------------------------------------------
    Fonts
-----------------------------------------------
*/


/*
-----------------------------------------------
    Misc
-----------------------------------------------
*/
a                     { color: #ff0; text-decoration:underline;}
a:focus,
a:hover,
a:active              { color:#AE030E; text-decoration:underline;}


h1,h2,h3,h4,h5,h6     { font-family:"times new roman",times,serif;
                        font-weight:bold;
                        color:#666;
                        margin: 0 0 0.25em 0;
                      }

h1                    { font-size: 150%; color:#ff0; margin-top: 0.7em; }                        /* 24px */
h2                    { font-size: 120%; color:#ff0; margin-top: 1.0em; }          /* 24px */
h3                    { font-size: 100%; color:#ff0; margin-top: 1em; margin-bottom: 1em; text-align: center;}  /* 18px */
h4                    { font-size: 150%; color:#ff0; margin-top: 1em; margin-bottom: 1em; font-style: italic;}
h5                    { font-size: 100%; color:#ff0; margin-top: 1.5em; margin-bottom: 0.5em;}
h6                    { font-size: 80%; font-style:italic }  /* 14px */


dl                    { float:           right;
                        margin:          10px 0 10px 10px;
                        padding:         7px 7px 2px 7px;
                        background:      #dfdfdf;
                      }
dl.left               { float:           left;
                        margin:          10px 10px 10px 0;
                        padding:         7px 7px 2px 7px;
                        background:      #dfdfdf;
                      }
dt                    { margin:          0;
                        padding:         0;
                      }
dd                    { margin:          0;
                        padding:         0;
                        font-size:       80%;
                        color:           #444;
                        text-align:      center;
                      }
p                     { margin:          0em 1.2em 0.5em 0em;
                        padding:         0;
                        line-height:     1.5em;
                        font-size:       0.9em;
                        text-align:      justify;
                      }
p.program_msg         { margin:          0 auto 5px auto;
                        padding:         5px 5px 5px 5px;
                        font-family:     verdana, arial, helvetica, sans-serif;
                        font-size:       12px;
                        font-weight:     bold;
                        color:           #fff;
                        background-color:#0c9;
                        background-image: url(http://www.tiere-brauchen-freunde.de/verein/tf1_gfx/icon_error.gif);
                        background-repeat: no-repeat;
                        background-position: top left;
                        border:          #0c9 2px solid;
                        width:           100%;
                        text-align:      center;
                      }
p.error_msg           { margin:          0 auto 5px auto;
                        padding:         5px 5px 5px 5px;
                        font-family:     verdana, arial, helvetica, sans-serif;
                        font-size:       12px;
                        font-weight:     bold;
                        color:           #fff;
                        background-color:#f00;
                        background-image: url(http://www.tiere-brauchen-freunde.de/verein/tf1_gfx/icon_error.gif);
                        background-repeat: no-repeat;
                        background-position: top left;
                        border:          #f00 2px solid;
                        width:           100%;
                        text-align:      center;
                      }
p.clear               { 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 */
                      }
.float_left           { float: left; display:inline; margin-right: 1em; margin-bottom: 0.25em;  }
.float_right          { float: right; display:inline; margin-left: 1em; margin-bottom: 0.25em; margin-top: 1em; }
.center               { text-align:center; margin: 0.5em auto }

ul                    { margin:          0 0 10px 0;
                        padding:         0;
                        color:           #ff0;
                        list-style-type: square;
                      }
ul li                 { margin:          0 0 0 30px;
                        padding:         0;
                        font-size:       0.9em;
                        color:           #444;
                      }
ol                    {
                        margin:          0 0 10px 0;
                        padding:         0;
                      }
ol li                 { margin:          0 0 0 30px;
                        padding:         0;
                        font-size:       0.9em;
                        line-height: 1.5em;
                      }
ul.sitemap            {/* Navigation für Sitemap  */
                        margin:          40px 5px 10px 100px;
                        padding:         0 10px 0 10px;
                        list-style-type: none;
                        text-align:      left;
                      }
ul.sitemap li         { margin:          0 0 0 0;
                        padding:         0 0 20px 0;
                        font-size:       0.9em;
                        font-weight:     normal;
                      }
ul.sitemap li a       {
                        padding:         0 0 0 0px;
                        text-decoration: underline;
                      }
ul.sitemap ul         { margin:          0 0 0 0;
                        padding:         0 0 0 0;
                        list-style-type: none;
                      }
ul.sitemap li ul li   { margin:          0 0 0 0;
                        padding:         5px 0 0 0;
                        font-size:       0.9em;
                      }
ul.sitemap li ul li a { padding:         0 0 0 0px;
                        font-size:       0.9em;
                        color:           #ff0;
                        text-decoration: underline;
                      }
ul.sitemap img        {
                        padding:         0 10px 0 0px;
                      }
img.border            { border:          4px solid #dfdfdf;
                      }
img.thumb             { margin:          0 1px 3px 0;
                   /*     border:             4px solid #ccc; */
                      }
a img                 { border:          none;
                      }
a img.thumb           { border:          4px solid #dfdfdf;
                      }
a:hover img.thumb     { border:          4px solid #ff0;
                      }