/***************************************** festo layout *****/
/************ Copyright (c) 2006-2007 Festo AG & Co. KG *****/
/************************************************************/
/************** grid stylesheet includes page framework *****/
/************************************************************/
/****************************** last updated 2013-06-26 *****/
/************************************************************/
/*START: Inhaltsverzeichnis
    
    ----------------------------------------------------------
    1. main (Hauptelemente des Grid)
    ----------------------------------------------------------
    2. prim-nav (Primaerrnavigation mit Reitern)
    ----------------------------------------------------------
    3. quicksearch (Schnellsuche links oben neben der 
                    generischen Navigation)
    ----------------------------------------------------------
    4. gen-nav (generische Navigation ganz oben)
    ----------------------------------------------------------
    5. sec-nav (Sekundaernavigation - Spalte links)
    ----------------------------------------------------------
    6. footer (Fusszeile)
    ----------------------------------------------------------
*/
/*END: Inhaltsverzeichnis*/
/************************************************************/
/************************************************************/
/*START: 1. main*/
body
{
    text-align: right;
}
div#main_wrap
{
    width: 960px;
    text-align: left;
    margin-left: auto;
    z-index: 1;
}
body.centerLayout div#main_wrap
{
    margin-left: auto;
    margin-right: auto;
}
body#popup div#main_wrap
{
    width: auto;
    margin-left: 10px;
}
body.preview  div#main_wrap
{
    margin-left: 0 !important;
}
body#com_home div#main_wrap
{
    width: 809px;
}
body.preview div#content_wrap
{
    margin-top: -33px;
}
div#content_wrap
{
    background-color: #fff;
    padding: 0 20px 26px 10px;
    z-index: -1;
}
body#faq div#content_wrap,
body#sitemap div#content_wrap,
body#contact div#content_wrap
{
    padding: 0 20px 30px 10px;
}
body#country_home div#content_wrap,
body#overview div#content_wrap
{
    padding: 0 20px 15px 10px;
}
body#com_home div#content_wrap
{
    padding: 0 20px 16px 15px;
    background: #fff url(/rep/de_de/fw/img_bg/bg-kugeln-opacity.jpg) no-repeat 0 0;
}
body#popup_links div#content_wrap
{
    padding: 0 20px 24px 10px;
}
body#error404 div#content_wrap
{
    padding: 0 20px 21px 10px;
}
body#article div#content_wrap
{
    padding: 0 20px 13px 10px;
}
body#com_home div#logo h2
{
    right: 21px;
}
div#logo
{
    position: absolute;
    top: 104px;
    right: 20px;
}
body.centerLayout {
    top: 100px;
}
div#logo a
{
    height: 14px;
    width: 76px;
    display: block;
    background: url(/rep/de_de/fw/css/import/img/Logo.png) no-repeat 0 0;
}
div#logo a img
{
    visibility: hidden;
    display: block;
    position: absolute;
    right: 2px;
}
body.centerLayout div#logo a img
{
    visibility: visible;
}
div#header
{
    height: 123px;
    position: relative;
    z-index: 3;
}
body.centerLayout div#header {
    height: 35px;
    padding-top: 100px;
}
div#content_col
{
    float: left;
    width: 710px;
    padding: 24px 0 0;
}
div#content_col.extended
{
    width: auto;
    float: none;
}
body#popup div#content_col
{
    padding: 7px 0 0;
    width: 733px;
    float: right;
}
body.popupsmall div#content_col
{
    width: 500px!important;
}
body.preview div#content_col
{
    padding: 7px 0 0;
    width: 500px !important;
    float: right;
}
body#popup_links div#content_col,
body#sitemap div#content_col,
body#error404 div#content_col,
body#search div#content_col
{
    margin-left: 220px;
    display: inline;
}
body#country_home div#content_col
{
    width: 930px;
}
div#home_content, div.home_content
{
    width: 610px;
    margin: 0;
    float: left;
}
div#home_context, div.home_context
{
    width: 290px;
    float: right;
    margin: 0;
}
div.home_context
{
    margin: 6px 0 0 0;
}
div#sec_nav_col 
{
    width: 190px;
    float: left;
    margin: 0 30px 0 0;
    clear: left;
    /* padding: 27px 0 0; */
    padding: 1px 0 0 0;
}
div#sec_nav_col ul#sec_nav, 
div#sec_nav_col ul#tab_nav
{
    padding-top: 27px;
}
div#sec_nav_col div#tab_content_products ul#sec_nav
{
    padding-top: 0;
}
body.toolintegration4 div#sec_nav_col
{
    width: 88px;
    margin: 0 20px 0 0;
}
body.toolintegration5 div#content
{
    padding: 0 0 0 219px;
}
div#content
{
    float: left;
    width: 500px;
}
div#extra-content
{
    clear: both;
}
body#popup div#content
{
    width: auto;
}
div#context
{
    width: 190px;
    float: right;
}
body#search div#context
{
    margin-top: -1px;
}
div.lower-position
{
    padding: 41px 0 6px !important;
}
body#search div.lower-position
{
    padding: 41px 0 4px !important;
}
body#article div#context
{
    padding: 0;
}
div#site_identifier
{
    clear: both;
    border-bottom: 1px solid #ccc;
    height: 40px;
    position: relative;
    width: 100%;
}
div#site_identifier h2
{
    font-weight: bold;
    color: #0091dc;
    width: 220px;
    font-size: 13px;
    position: absolute;
    bottom: 7px;
    left: 0;
}
div#site_identifier h2 a:link,
div#site_identifier h2 a:visited,
div#site_identifier h2 a,
div#site_identifier h2 a:active,
div#site_identifier h2 a:hover
{
    color: #0091dc;
    font-size:13px;
    line-height:16px;
}
body#com_home div#site_identifier
{
    border-bottom: none;
}
/*END: 1. main*/
/************************************************************/
/************************************************************/
/*START: 2. prim-nav*/
div#prim_nav ul
{
    position: absolute;
    bottom: -1px;
    left: 210px;
    width: 710px;    
}
body#popup_links div#prim_nav ul,
body#error404 div#prim_nav ul,
body#sitemap div#prim_nav ul,
body#search div#prim_nav ul
{
    padding: 0 0 1px;
}
div#prim_nav ul li
{
    float: left;
    height: 29px;
    padding: 1px 0 0 0;
    background: none;
}
div#prim_nav ul li.current
{
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    background-color: #fff;
    padding-top: 1px;
}
div#prim_nav a
{
    color: #666;
    display: block;
    padding: 7px 9px;
    font-size: 12px;
    line-height: 15px;
    font-weight: bold;
}
div#prim_nav li.current a
{
    color: #0091dc;
    padding: 6px 8px 7px;
}
/*END: 2. prim-nav*/
/************************************************************/
/************************************************************/
/*START: 3. quicksearch*/
div#quicksearch
{
    padding: 5px 0 0;
}
body.centerLayout div#quicksearch
{
    padding: 0;
}
div#quicksearch input#f_keywords
{
    width: 152px;
    border: 1px solid #999;
    float: left;
    padding: 1px 5px;
    margin: 1px 5px 0 0;
}
div#quicksearch input.input-image
{
    float: left;
    margin-top: 1px;
}
/*END: 3. quicksearch*/
/************************************************************/
/************************************************************/
/*START: 4. gen-nav*/
div#gen_nav
{
    position: absolute;
    top: 7px;
    left: 230px;
    font-size: 0;
    line-height: 0;
}
body.centerLayout div#gen_nav {
    position: relative;
    left: 30px;
    top: 0;
}
div#gen_nav ul
{
    z-index: 1;
}
div#gen_nav ul li
{
    float: left;
    padding: 0 19px 0 0;
    background: none;
    position: static;
}
div#gen_nav ul li.flyout
{
    position: relative;
}
/***********Start***********/
/*******Login Demo**********/
body.centerLayout div#gen_nav ul li.flyout:hover #login_box {
    display:block;
}
/************Ende***********/
/*******Login Demo**********/
div#gen_nav ul li a
{
    color: #000;
    font-size: 11px;
    line-height: 14px;
}
body.centerLayout div#gen_nav ul li > a
{
    line-height: 21px;
}
div#gen_nav ul.white li a
{
    color: #fff;
}
body.centerLayout div.white div#gen_nav ul li a {
    color: #fff;
}
/* 20130621 BEO*/
body.centerLayout div#gen_nav.white ul li a
{
    color: #fff;
}
/* 20130627 beo */
body.centerLayout div#gen_nav.white ul li.white a
{
    color: #000;
}
div#gen_nav ul li a#buddy
{
    padding: 0 0 0 12px;
    background: url(/rep/de_de/fw/css/import/img/icons/icon_buddy.gif) no-repeat 0 5px;
    display: block;
}
div#gen_nav ul li a#basket
{
    padding: 5px 0 4px 19px;
    background: url(/rep/de_de/fw/css/import/img/button-bg-shopping.gif) no-repeat 0 2px;
    color: #FFFFFF;
}
body.centerLayout div#gen_nav ul li span.postBasket {
    background: url(/rep/de_de/fw/css/import/img/button-bg-shopping.gif) no-repeat scroll right 1px transparent;
    clear: both;
    display: inline-block;
    float: right;
    height: 25px;
    width: 5px;
}
body.centerLayout div#gen_nav ul li input#user:-moz-placeholder,
body.centerLayout div#gen_nav ul li input#pass:-moz-placeholder
{
    color:#bbbbbb;
    font-style: italic;
}
body.centerLayout div#gen_nav ul li #user::-webkit-input-placeholder,
body.centerLayout div#gen_nav ul li #pass::-webkit-input-placeholder
{
    color:#bbbbbb;
    font-style: italic;
}
body.centerLayout div#gen_nav ul li a#Login{
    height: 22px;
    padding: 0 7px 0 0;
    display: inline-block;
    position: relative;
    z-index: 100;
    background: no-repeat scroll transparent;
    background-position:  right;
    background-image: url(/rep/de_de/fw/css/import/img/icons/icon_next.gif);
}
/*
body.centerLayout div#gen_nav ul li.login a.highlight{
    background-color: rgb(220, 235, 246);
    border-top: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    width: 39px!important;
}
*/
div#gen_nav ul li a.empty
{
    background-image: url(/rep/de_de/fw/css/import/img/icons/icon_cart.gif) !important;
    background-position: 0 7px !important;
    color: #000 !important;
}
div#gen_nav ul li a.not-empty
{
    background: url(/rep/de_de/fw/css/import/img/button-bg-shopping.gif) no-repeat 0 2px;
    color: #FFFFFF;
}
div#gen_nav ul li a.not-empty span
{
    color: #FFFFFF;
}
div#gen_nav ul li ul.sublist
{
    display: none;
    position: absolute;
    top: -3px;
    left: -6px;
    background-color: #e5e5e5;
    border: 1px solid #999;
    padding: 0 9px 4px 5px;
    z-index: 10;
}
div#gen_nav ul li:hover ul.sublist,
div#gen_nav ul li.sfhover ul.sublist
{
    display: block;
}
div#gen_nav ul li ul.sublist li
{
    z-index: 10;
    display: block;
    float: none;
    padding: 0;
    background: none;
    white-space: nowrap;
}
div#gen_nav ul li ul.sublist li h4
{
    font-size: 11px;
    line-height: 20px;
    margin: -1px 0 0;
}
div#gen_nav ul li ul.sublist a
{
    color: #000;
    line-height: 20px;
}
/* 20130626 BEO */
div#gen_nav.white ul li ul.sublist a
{
    color: #000;
    line-height: 20px;
}
div#gen_nav ul li ul.sublist li.current a
{
    color: #0091dc;
}
/*END: 4. gen-nav*/
/************************************************************/
/************************************************************/
/*START: 5. sec-nav*/
ul#sec_nav ul
{
    padding: 0 0 5px 20px;
}
ul#sec_nav li
{
    padding: 0;
    background: none;
}
ul#sec_nav a
{
    font-size: 11px;
    line-height: 15px;
    padding: 0 0 5px;
    display: block;
}
ul#sec_nav li a,
ul#sec_nav li.current li a,
ul#sec_nav li.current li.current li a,
ul#sec_nav li.current li.current li.current li a,
ul#sec_nav li.current li.current li.current li.current li a
{
    color: #000;
}
ul#sec_nav li.current a,
ul#sec_nav li.current li.current a,
ul#sec_nav li.current li.current li.current a,
ul#sec_nav li.current li.current li.current li.current a
{
    color: #0091dc;
}
/*END: 5. sec-nav*/
/************************************************************/
/************************************************************/
/*START: 6. footer*/
div#footer
{
    padding: 26px 0 16px 230px;
}
body#com_home div#footer
{
    padding: 26px 0 16px 10px;
}
body#popup div#footer
{
    padding: 20px 0 6px 20px;
    color: #999;
    float: right;
    width: 754px;
}
body.popupsmall div#footer
{
    width: 520px!important;
}
body#popup.preview div#footer
{
    width: 500px !important;
    padding: 20px 20px 6px 10px !important;
}
body.application div#footer
{
    padding: 9px 0 6px 10px !important;
}
div#footer p
{
    font-size: 11px !important;
    line-height: 15px !important;
}
body#popup div#footer p
{
    color: #999;
}
div#footer p a
{
    padding: 0 16px 0 0;
    font-size: 11px !important;
    line-height: 15px !important;
}
div.white p a
{
    color: #fff;
}
div.black p a
{
    color: #000;
}
/*END: 6. footer*/
/************************************************************/