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

NEU: 

           100%
.___________________________.
|           
|                     ......|......... 100%  = div_layout_area
|      .----------.         |
|      |   ???px  |.........|......... ???px = div_content_big (hoehe je nach content)
|      |          |         |
|      '----------'         |
|                           |
.___________________________.


*/

/*****************************************************************************/
/*                           layout positionierung                           */
/*****************************************************************************/

/*
body
{
    margin:0px;
    background:#6db1e4 url(../../images/barcelona/background_body.gif) repeat-x;
    height:100.05%;
}
*/

img
{
    border:0px;
}

/*
-- ist der Kommentarersatz, daß es keine verschachtelten Kommentare gibt.

#frm_map
{
    -- kidfinder-frame

    width:100%;
    height:600px;
}
*/
#div_content_cover
{
    position:absolute;
    z-index:1000;
    width:750px; /*100%*/;
    height:100%;
    /*border:1px solid red;*/
}

#div_content_cover table
{
    /*background:#6db1e4 url(../../images/barcelona/background_body.gif) repeat-x;*/
}

#div_content_cover table td
{
    text-align:center;
    vertical-align:top;
    /*background:url(../../images/barcelona/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:#6db1e4 url(../../images/barcelona/background.gif) no-repeat top center;
    -- border:1px solid red;
}

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

#div_layout_area
{
    /* der gesamte layout-bereich */
    position:relative;
    width:100%;
    height:auto; /* 100%; kann opera nicht darstellen */
    padding:0px;
    border:0px solid #D6D6D6;
    background-color:#fff;
}

#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:#B1D7F2;
    padding:2px 10px 3px 10px;
    height:21px;
    border:1px solid #57B7F1;
    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/barcelona/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/barcelona/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/barcelona/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_layout_area #div_content_big,
#div_layout_area #div_content_small
{
    /*
	position:absolute;
    right:20px;
    top:110px;
    width:965px;
    height:auto;
    border:1px solid yellow;
	*/
	border:0px solid green;
	padding:20px;
}

/*
#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/barcelona/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;
}
/*****************************************************************************/
/*                          /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:#248ac8; */
    color:#333333;
    font-size:12px;
}

.countrykey
{
    width:120px;
}

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



a.std_hover, a.std_hover:link, a.std_hover:visited, a.std_hover:focus, a.std_hover:active
{
    /* standard link */
    font-weight:normal;
}

a.std_hover:hover
{
    /* standard link */
    font-weight:normal;
    color:#ED5F0A;
}

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

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

ol
{
    padding:0px 0px 0px 20px;
    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;
    font-size:9px;
}

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;
    /*
    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:#E2001A;
    font-size:24px;
    font-weight:bold;
}

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

.txt_small
{
    font-size:11px;
}

.txt_colored
{
    color:#000000;
}

.txt_colored_rgb2
{
    color:#E2001A;
}

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

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

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

-- menupunkt aktive --
#div_menu_main .menu_main_item_active
{
    -- padding:0px 11px; ci-gerecht, brauchen aber platz --
    padding:0px 2px;
    background-image:url(../../images/barcelona/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/barcelona/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/barcelona/menu_main_item_active_right.gif);
    padding:0px;
    margin-right:1px;
}
    -- /menupunkt aktive --

    -- menupunkt inaktive --
#div_menu_main .menu_main_item_inactive
{
    -- padding:0px 11px; ci-gerecht, brauchen aber platz --
    padding:0px 2px;
    background-image:url(../../images/barcelona/menu_main_item_inactive_background.gif);
}

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

#div_menu_main .menu_main_item_inactive_right
{
    width:12px;
    background-image:url(../../images/barcelona/menu_main_item_inactive_right.gif);
    padding:0px;
    margin-right:1px;
}
    -- menupunkt inaktive --
    
    -- menupunkt over --
#div_menu_main .menu_main_item_inactive_over
{
    -- padding:0px 11px; ci-gerecht, brauchen aber platz --
    padding:0px 2px;
    background-image:url(../../images/barcelona/menu_main_item_inactive_background_over.gif);
}

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

#div_menu_main .menu_main_item_inactive_right_over
{
    width:12px;
    background-image:url(../../images/barcelona/menu_main_item_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 #248AC8;
    background:url(../../images/barcelona/arrow_right.gif) no-repeat 7px 6px;
}

#div_menu_sub a:hover
{
    color:white;
}

#div_menu_sub a.menu_sub_active
{
    background-color:#D8E9FF !important; -- important - ie --
}

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

.div_menu_sub_sub a:hover
{
    color:#ED5F0A !important;
}

.div_menu_sub_sub a.menu_sub_sub
{

}

.div_menu_sub_sub a.menu_sub_sub_active
{
    color:#ED5F0A;
    background:url(../../images/barcelona/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 #248ac8;
}

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

#span_menu_meta a:hover
{
    color:white;
}

.menu_meta_item_spacer
{
    margin:-1px 2px;
    width:1px;
    height:10px;
    background-color:#248ac8;
    -- 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: 12px;
    /* font-family: Verdana, Arial, Helvetica; */
    font-family: Arial,sans-serif;
    margin-bottom:5px;
    /*border:inset 1px #7c7c7c;*/
}
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,... */

.inputIsError
{
    border: 1px solid #E2001A !important;
}

.inputNoError
{
    /* ohne definition bekommen eingabefelder wieder die default-system-farben! */
    /*border: 2px inset #999999;*/
    border:inset 1px #7c7c7c !important;
}

/*****************************************************************************/
/*                         /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/barcelona/arrow_right.gif) no-repeat left center;
}

.link_dynamic_openclose_print
{
    /* wie link_dynamic_openclose,aber für drucken popup_evn_print.php */
    display:block;
    padding-left:13px;
    margin:11px 0px;
    margin-left:-13px;
}

.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:#c7e0fe url(../../images/barcelona/arrow_right.gif) no-repeat 1px 3px;
}

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

a.link_dynamic_openclose_faq:hover
{
    color:#ED5F0A !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:0px;
    top:8px;
    padding:0px 7px 0px 0px !important;
    border:0px solid red;
    background-position:left center;
    background-repeat:repeat-x;
}

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

.div_field_dynamic_openclose_open_rgb2
{
    background-image:url(../../images/barcelona/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:-30px;
    z-index:0;
    border:0px solid red;
    padding:0px !important;
    left:-20px;
    width:100%;
}
    /*--------/dynamische aufklapp-checkbox --------*/

.td_order_step
{
    /* bestellen.php */
    /*width:20px;*/
    height:20px;
    /*background:url(../../images/barcelona/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/barcelona/background_td_order_step_current.gif) no-repeat;*/
    color:#E2001A;
}

#div_input_error
{
    display:none;
    /*background-color:#D1E2FF;*/
    margin:1px 0px 15px 0px;
    border-bottom:1px solid #E2001A;
    width:650px;
}

#span_input_error
{
    display:block;
    padding:3px 0px;
}

#div_input_error b.error_headline, .txt_error, #span_input_error
{
    color:#E2001A;
}
/*----------------------------------/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:#CCCCCC;
}
/*----------------------------------/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                                    */
/*****************************************************************************/


/*****************************************************************************/
/*                               Buttons                                     */
/*****************************************************************************/

.button
{
    color:#000000;
    font:bold 14px Arial,sans-serif;
    background-color:#ffffff;
    border-style:solid;
    border-color:black;
    border-width:1px;
}

.button:disabled
{
    color:#808800;
    font:bold 12px Arial,sans-serif;
    background-color:#83896A;
    border-style:solid;
    border-color:#bbbbbb;
    border-width:1px;
}

.barcelona_sendbutton
{
    /* font-family: "ITC-Franklin Gothic Compressed", Verdana, Arial,  helvetica, sans-serif; */
    font-family: "ITC-Franklin Gothic Compressed", Verdana, Arial,  helvetica, sans-serif;
    font-size: 14px;
    color:#72765C;
    background-color:#C0BB9C;
    /* font:bold 12px Arial,sans-serif; */
    border-style:outset;
    /* border-color:black; */
    border-width:2px;
}

/*****************************************************************************/
/*                              /Buttons                                     */
/*****************************************************************************/

/*****************************************************************************/
/*                          Headlines für Formular                           */
/*****************************************************************************/

.content_area_headline
{
    color:#000000;
    font:bold 24px Arial,sans-serif;
    /* background-color:#83896A; */
    border-style:solid;
    border-color:#bbbbbb;
    border-width:0px;
}

.content_box_headline
{
    /*color:#FF0000;*/
    font:bold 12px Arial,sans-serif;
}


/*****************************************************************************/
/*                          Benoetigte Styles von typo3                      */
/*****************************************************************************/
a.arrowLink {
	color:#e2001a;
	text-decoration:none;
	background:url(../../images/barcelona/pfeil_rot.gif) no-repeat left 3px;
	padding-left:11px;
}