/* version: 0.9.2.17 */
/*
           100%
.___________________________.
|     .-------------.       |
|     |    1005px    |       |
|     |.----------. |       |
|     ||   965px  |.|.......|......... 700px = div_content_big (hoehe je nach content)
|     ||  .------.| |100%   |100%
|     ||  |510px.||.|.......|......... 510px = div_content_small (hoehe je nach content)
|     ||  '------'| |       |
|     |'----------' |       |
|     '-------------'       |
.___________________________.
*/

/*****************************************************************************/
/*                           layout positionierung                           */
/*****************************************************************************/
body
{
    margin:0px;
    background:#FAAA00 url(../../images/toggo_kid/background_body.gif) repeat-x;
    height:100.05%; /* so gibt es auch in ns/moz IMMER einen scroller (sonst springt das layout in moz...) */
}

img
{
    border:0px;
}

#frm_map
{
    /* kidfinder-frame - gibts bei toggo_kid nicht */
}

#div_content_cover
{
    position:absolute;
    z-index:1000;
    width:100%;
    height:100%;
}

#div_content_cover table
{
    background:#FAAA00 url(../../images/toggo_kid/background_body.gif) repeat-x;
}

#div_content_cover table td
{
    text-align:center;
    vertical-align:top;
    background:url(../../images/toggo_kid/background_content_cover.jpg) no-repeat center top;
}

#div_content_cover table td img
{
    margin-top:360px;
    margin-right:21px;
}

#div_layout_area
{
    /* der gesamte layout-bereich */
    position:relative;
    width:1005px;
    height:1006px; /* 100%; kann opera nicht darstellen */
    border:0px solid red;
    background:#FAAA00 url(../../images/toggo_kid/background.gif) no-repeat top center;
}

#div_layout_area #div_logo
{
    position:absolute;
    left:21px;
    top:25px;
    border:0px solid red;
    z-index:10;
}

#div_layout_area #div_login
{
    position:absolute;
    right:20px;
    top:60px;
    width:220px;
    height:210px;
    z-index:10;
    border:0px solid red;
    visibility:hidden;
}

#div_layout_area #div_login td
{
    font-size:11px;
}

#div_login input.text, #div_login input.password
{
    /* sichtbar beim ersten login */
    font-size: 11px;
    width:100%;
    background-color:#FFFD19;
    padding:2px 10px 3px 10px;
    height:21px;
    border:1px solid #FFBF00;
    margin-bottom:10px;
}

#div_layout_area #div_is_logged
{
    position:absolute;
    right:20px;
    top:20px;
    width:362px;
    height:31px;
    z-index:10;
    background-image:url(../../images/toggo_kid/background_is_logged.gif);
    border:0px solid red;
}

#div_layout_area #div_menu_main
{
    position:absolute;
    right:20px;
    top:66px;
    width:720px;
    height:44px;
    background:url(../../images/toggo_kid/menu_main_background.gif) no-repeat bottom left;
    text-align:left;
    border:0px solid navy;
}

#div_layout_area #div_menu_main table
{
    margin-left:23px;
}

#div_menu_main .td_menu_main_item_active
{
    background-image:url(../../images/toggo_kid/menu_main_active_background.gif);
}

#div_layout_area #div_menu_sub
{
    position:absolute;
    right:740px;
    top:163px;
    width:242px;
    border:0px solid red;
}

#div_layout_area #div_content_area
{
    /* der gesamte text-bilder-content-bereich */
    position:absolute;
    right:20px;
    top:110px;
    width:965px;
    height:auto;
    border:0px solid yellow;
}

#div_content_area #div_menu_meta
{
    margin-top:20px;
    padding:7px 0px;
    width:700px;
    border-top:1px solid #FFFFFF;
    visibility:hidden; /* wird erst nach js-positionierung sichtbar */
    /*background:url(../../images/toggo_kid/pixel_light.gif) repeat-x;*/
    /*border:1px solid red;*/
}

#____div_content_area #div_content_small
{
    width:510px;
    /*border:1px solid blue;*/
}

#div_content_area #div_content_big,
#div_content_area #div_content_small
{
    width:720px;
    border:0px solid yellow;
}

#div_content_big .div_feature,
#div_content_small .div_feature
{
    /* home.php */
    border:0px solid red;
    width:220px;
}

#div_content_big .div_feature td,
#div_content_small .div_feature td
{
    font-size:11px !important;
}

#div_content_area #div_hint_big
{
    padding:0px;
    position:absolute;
    right:30px;
    top:70px;
    border:0px solid red;
    display:none;
}
/*****************************************************************************/
/*                          /layout positionierung                           */
/*****************************************************************************/




/*****************************************************************************/
/*                           textformatierung                                */
/*****************************************************************************/

/*---------------------------------- global ---------------------------------*/
div,
td,
th,
#div_content_big .div_feature td,
#div_content_small .div_feature td,
#div_login input,
input,
textarea,
select
{
    /* standard font */
    font-family:Arial;
    /*color:#e5440e;*/
    color:#000000;
    font-size:12px;
}

a, a:link, a:visited, a:focus, a:hover, a:active
{
    /* standard link */
    text-decoration:none;
    font-weight:bold;
}

ul
{
    padding:0px;
    margin:2px 0px;
    list-style-position:outside;
    list-style-type:none;
}

ul li
{
    padding-left:16px;
    background:url(../../images/toggo_kid/bulletpoint.gif) no-repeat 3px 3px;
}

ol
{
    padding:0px 0px 0px 20px; /* moz + opera */
    margin:0px 0px 0px 0px;
    /*font-weight:bold;*/
}

dt
{
    border:0px solid red;
}

dd
{
    margin-top:-15px;
    border:0px solid red;
}

sup
{
    line-height:0px;
    border:0px solid red;
}

img.hint
{
    width:39px;
    height:39px;
    float:left;
    margin-right:5px;
}

h1
{
    font-size:12px;
    color:#ffffff;
}

h1.headline_content
{
    font-size:24px;
    display:inline;
}

h1.headline_feature
{
    /* auf home */
    margin-top:10px;
    margin-bottom:0px;
    font-size:16px;
    color:white;
}

.txt_price_big,#div_telefonnummer
{
    color:#2CABD8;
    font-size:24px;
    font-weight:bold;
}

.txt_price
{
    color:#2CABD8;
    font-weight:bold;
}

.txt_small
{
    font-size:11px;
}

a,
.txt_colored
{
    color:#e5440e;
}

.txt_required_info
{
    /* Pflichtfeld Auszeichnung */
    color:#248AC8;
}
/*----------------------------------/global ---------------------------------*/

/*---------------------------------- menus ----------------------------------*/
#div_menu_main .menu_main_item,
#div_menu_main .menu_main_item_otherarea
{
    float:left;
    height:44px;
    padding:0px 16px;
    border:0px solid red;
}

#div_menu_main .menu_main_item a
{
    position:relative;
    top:17px;
    color:#FFE88C;
    font-size:14px;
}

#div_menu_main .menu_main_item_otherarea a
{
    position:relative;
    top:17px;
    color:#DAE8FA;
    font-size:14px;
}

#div_menu_main .menu_main_item a:hover
{
    color:#ffffff;
}

    /* menupunkt aktive */
#div_menu_main .menu_main_item_active
{
    padding:0px 2px;
    background-image:url(../../images/toggo_kid/menu_main_item_active_background.gif);
}

#div_menu_main .menu_main_item_active a
{
    color:#FFFFFF;
}

#div_menu_main .menu_main_item_active_left
{
    width:12px;
    background-image:url(../../images/toggo_kid/menu_main_item_active_left.gif);
    padding:0px;
    margin-left:1px;
}

#div_menu_main .menu_main_item_active_right
{
    width:12px;
    background-image:url(../../images/toggo_kid/menu_main_item_active_right.gif);
    padding:0px;
    margin-right:1px;
}
    /*/menupunkt aktive */

    /* menupunkt inaktive */
#div_menu_main .menu_main_item_inactive
{
    padding:0px 2px;
    background-image:url(../../images/toggo_kid/menu_main_item_inactive_background.gif);
}

#div_menu_main .menu_main_item_otherarea_inactive
{
    padding:0px 2px;
    background-image:url(../../images/toggo_kid/menu_main_item_otherarea_inactive_background.gif);
}


#div_menu_main .menu_main_item_inactive_left
{
    width:12px;
    background-image:url(../../images/toggo_kid/menu_main_item_inactive_left.gif);
    padding:0px;
    margin-left:1px;
}

#div_menu_main .menu_main_item_otherarea_inactive_left
{
    width:12px;
    background-image:url(../../images/toggo_kid/menu_main_item_otherarea_inactive_left.gif);
    padding:0px;
    margin-left:1px;
}

#div_menu_main .menu_main_item_inactive_right
{
    width:12px;
    background-image:url(../../images/toggo_kid/menu_main_item_inactive_right.gif);
    padding:0px;
    margin-right:1px;
}

#div_menu_main .menu_main_item_otherarea_inactive_right
{
    width:12px;
    background-image:url(../../images/toggo_kid/menu_main_item_otherarea_inactive_right.gif);
    padding:0px;
    margin-right:1px;
}
    /*/menupunkt inaktive */

    /* menupunkt over */
#div_menu_main .menu_main_item_inactive_over
{
    padding:0px 2px;
    background-image:url(../../images/toggo_kid/menu_main_item_inactive_background_over.gif);
}

#div_menu_main .menu_main_item_otherarea_inactive_over
{
    padding:0px 2px;
    background-image:url(../../images/toggo_kid/menu_main_item_otherarea_inactive_background_over.gif);
}

#div_menu_main .menu_main_item_inactive_left_over
{
    width:12px;
    background-image:url(../../images/toggo_kid/menu_main_item_inactive_left_over.gif);
    padding:0px;
    margin-left:1px;
}

#div_menu_main .menu_main_item_otherarea_inactive_left_over
{
    width:12px;
    background-image:url(../../images/toggo_kid/menu_main_item_otherarea_inactive_left_over.gif);
    padding:0px;
    margin-left:1px;
}

#div_menu_main .menu_main_item_inactive_right_over
{
    width:12px;
    background-image:url(../../images/toggo_kid/menu_main_item_inactive_right_over.gif);
    padding:0px;
    margin-right:1px;
}

#div_menu_main .menu_main_item_otherarea_inactive_right_over
{
    width:12px;
    background-image:url(../../images/toggo_kid/menu_main_item_otherarea_inactive_right_over.gif);
    padding:0px;
    margin-right:1px;
}
    /*/menupunkt over */

#div_menu_sub a:link,
#div_menu_sub a:visited,
#div_menu_sub a:focus,
#div_menu_sub a:active
{
    display:block;
    padding:3px 19px 4px 19px;
    border-bottom:1px solid #E5440E;
    background:url(../../images/toggo_kid/arrow_right.gif) no-repeat 7px 6px;
}

#div_menu_sub a:hover
{
    color:white;
}

#div_menu_sub a.menu_sub_active
{
    background-color:#FFFD19 !important; /* important - ie */
}

#div_menu_sub .div_menu_sub_sub
{
    display:block;
    float:none;
    margin:0px;
    padding:0px 0px 0px 20px;
    background:#FFDD09 url(../../images/toggo_kid/background_div_menu_sub_sub.gif) repeat-x bottom;
}

.div_menu_sub_sub a:hover
{
    color:white !important;
}

.div_menu_sub_sub a.menu_sub_sub
{

}

.div_menu_sub_sub a.menu_sub_sub_active
{
    color:white;
    background:url(../../images/toggo_kid/arrow_rgb2_right.gif) no-repeat 7px 6px !important;
}

#div_menu_sub h1.menu_sub_headline
{
    font-size:14px;
    padding:9px 0px 10px 0px;
    margin:0px;
    border-bottom:1px solid #E5440E;
}

#span_menu_meta a
{
    font-size:11px;
    font-weight:normal;
}

#span_menu_meta a:link,
#span_menu_meta a:visited,
#span_menu_meta a:focus,
#span_menu_meta a:active
{
    font-size:11px;
    color:#d10019;
    font-weight:normal;
}

#span_menu_meta a:hover
{
    color:white;
}

.menu_meta_item_spacer
{
    margin:-1px 2px;
    width:1px;
    height:10px;
    background-color:#D10019;
    /*vertical-align:middle;*/
}

/*----------------------------------/menus ----------------------------------*/

/*****************************************************************************/
/*                          /textformatierung                                */
/*****************************************************************************/




/*****************************************************************************/
/*                          field-formatierung                               */
/*****************************************************************************/

div.field_area div
{
    /* <div class="field_area"> -> mandant_layout.inc.php */
    float:left;
    padding:0px 5px 0px 0px;
    /*border:1px solid red;*/
}

div.layout,
div.layout div
{
    /* workaround fuer layout-spezifische divs innerhalb von div.field_area*/
    /* <div class="field_area"> -> mandant_layout.inc.php */
    float:none;
    padding:0px 0px 0px 0px;
    border:0px solid red;
}

div.field_area input.text,
div.field_area input.textsmall,
div.field_area input.textbig,
div.field_area select.select,
div.field_area textarea.textarea,
div.field_area input.password,
div.field_area input.file
{
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica;
    margin-bottom:2px;
}
div.field_area input.text,
div.field_area input.password    { width:120px; }
div.field_area br                { clear:left; }
div.field_area input.textsmall   { width:60px; }  /* plz,... */
div.field_area input.textbig     { width:240px; } /* email,... */
div.field_area textarea.textarea { width:240px;height:80px; } /* mitteilung,... */

/*****************************************************************************/
/*                         /field-formatierung                               */
/*****************************************************************************/




/*****************************************************************************/
/*                          Extras (Tabellen, Links)                         */
/*****************************************************************************/

/*---------------------------------- speziell -------------------------------*/

    /*-------- dynamische aufklapp-links mit pfeil --------*/
.link_dynamic_openclose
{
    /* links mit aufklapp-pfeil (mein_account.php) */
    display:block;
    padding-left:13px;
    margin:11px 0px;
    margin-left:-13px;
    background:url(../../images/toggo_kid/arrow_right.gif) no-repeat left center;
}

.link_dynamic_openclose_related_content
{
    float:none !important;
    display:none;
    margin-bottom:11px;
}

.headline_faq
{
    font-weight:bold;
    margin-bottom:6px;
}

.link_dynamic_openclose_faq
{
    display:block;
    padding:1px 13px;
    margin:3px 0px;
    font-weight:normal !important;
    background:#ffe419 url(../../images/toggo_kid/arrow_right.gif) no-repeat 1px 3px;
}

.link_dynamic_openclose_faq_open
{
    display:block;
    color:white !important;
    padding:1px 13px;
    margin:3px 0px;
    font-weight:normal !important;
    background:#ffe419 url(../../images/toggo_kid/arrow_rgb2_down.gif) no-repeat 1px 3px;
}

a.link_dynamic_openclose_faq:hover
{
    color:white !important;
}

.link_dynamic_openclose_related_content_faq
{
    float:none !important;
    display:none;
    margin-bottom:19px;
    padding-left:13px !important;
    border:0px solid red;
}
    /*--------/dynamische aufklapp-links mit pfeil --------*/

    /*-------- dynamische aufklapp-checkbox --------*/
.div_field_dynamic_openclose
{
    float:none !important; /* unter field area! */
    position:relative;
    z-index:2;
    /*background-color:white;*/
    display:inline;
    left:11px;
    top:8px;
    padding:0px 7px 0px 7px !important;
    border:0px solid red;
    background-position:left center;
    background-repeat:repeat-x;
}

.div_field_dynamic_openclose_open
{
    background-image:url(../../images/toggo_kid/box_input_background_headline.gif);
}

.div_field_dynamic_openclose_open_rgb2
{
    background-image:url(../../images/toggo_kid/box_input_background_headline_rgb2.gif);
}

.div_field_dynamic_openclose_close, .div_field_dynamic_openclose_close_rgb2
{
    background-image:url(../../images/trans.gif);
}

.div_field_dynamic_openclose b
{
    height:18px;
}

.field_dynamic_openclose_related_content
{
    /* checkbox mit aufklapp-effekt (bestellen.php) */
    display:none;
    margin:11px 0px -22px 0px;
    position:relative;
    top:-22px;
    z-index:0;
    border:0px solid red;
    padding:0px !important;
}
    /*--------/dynamische aufklapp-checkbox --------*/

.td_order_step
{
    /* bestellen.php */
    width:20px;
    height:20px;
    background:url(../../images/toggo_kid/background_td_order_step.gif) no-repeat;
    text-align:center;
    font-weight:bold;
    padding-right:6px;
    font-size:11px;
}

.td_order_step_current
{
    background:url(../../images/toggo_kid/background_td_order_step_current.gif) no-repeat;
    color:white;
}

#div_input_error
{
    display:none;
    /*background-color:#D1E2FF;*/
    margin:1px 0px 15px 0px;
}

#span_input_error
{
    display:block;
    padding:18px;
}

#div_input_error b.error_headline
{
    color:#248ac8;
}

#div_input_error.txt_error
{
    color:#ED5F0A;
}
/*----------------------------------/speziell -------------------------------*/

/*---------------------------------- tabellen ('rechnungen_kontostandundevn.php') -------------------------------*/
table.content_table
{
    width:100%;
}

table.content_table th
{
    text-align:left;
}

table.content_table td
{
    padding:2px;
}

table.content_table tr.light { }

table.content_table tr.dark
{
    background-color:#FFE20B;
}
/*----------------------------------/tabellen ('rechnungen_kontostandundevn.php') -------------------------------*/

/*****************************************************************************/
/*                         /Extras (Tabellen, Links)                         */
/*****************************************************************************/



/*****************************************************************************/
/*                               Scroller                                    */
/*****************************************************************************/
.scrollable {position:absolute; left:30px; top:42px; width:176px; height:220px; background-color:white; padding-right:0px;}
.div_scroller {padding-right:0px !important;} /* kommt aus der verdammten <div class="field_area">*/
/* positioning */
#scroller { position:absolute; left:0px; top:0px; font-size:1px; width:0px; height:0px; clip:rect(0px 176px 220px 0px); overflow:hidden; visibility:hidden; border:0px solid green;}
#scroller #container { position:absolute; top:0px; font-size:1px; width:0px; clip:rect(0px 176px 220px 0px); height:0px; overflow:hidden; border:0px solid green;}
#scroller #content   { position:absolute; width:0px; padding-right:0px; border:0px solid red;}
#scroller #scrollUp  { position:absolute; right:0px; font-size:1px; top:2px; width:5px; border:0px solid red;}
#scroller #scrollDn  { position:absolute; right:0px; font-size:1px; top:0px; width:5px; border:0px solid red;} /* Hoehe von Pfeil-Open + scrollhoehe */
#scroller #scrollbar { position:absolute; right:0px; font-size:1px; top:5px; width:5px; height:0px; clip:rect(0px 5px 200px 0px); border:0px solid green;}
#scroller #thumb     { position:absolute; left:0px;  font-size:1px; top:0px; background-color:transparent;}
#scroller #scrollerMo5Shim { position:absolute; left:0px; top:6px; width:1px; height:1px; visibility:hidden !important;}

.table_wap_conten {margin:0px; }
.table_wap_conten_head {background-color:F76C17; padding-left:5px; color:white; font-size:10px; height:24px;}
.table_wap_conten_head_a {color:white; font-size:10px; vertical-align:middle;}
.table_wap_conten_text {background-color:white; color:801316; font-size:10px;}
/*****************************************************************************/
/*                              /Scroller                                    */
/*****************************************************************************/