/*  */
/* ================== Globals ===================== */
body {
    background-color: #FFFFFF;
    color: #424242;
    font-size: 11px;
    text-align: center; 
}
a:link, a:visited, a:active, a:hover {
    text-decoration: none;
}
a:focus, a:active {
    outline: none;
}
img {
    border-style: none;
}
/*helpers*/
.normal
{
    font-weight: normal;
    font-style: normal;
    text-decoration: none;    
}
.Strong {
    color:#005EAE;
    font-weight:bold;
}
.JobHeader {
    color:#FFFFFF;
    font-size:16px;
    font-weight:bold;
    letter-spacing:15px;
    padding:10px 20px;
    text-transform:uppercase;
}
.JobTitle {
    font-size:20px;
    font-weight:bold;
    line-height:25px;
    padding:5px 20px;
    position:relative;
    top:20px;
    width:300px;
    background-color: #FFFFFF;
}
.jobimg_bg {
    background-color:#005EAE;
    padding-top:20px;
}
.gridstyle .text_gray th {
    padding-left:10px;
    padding-right:5px;
    padding-top:10px;
    text-align:left;
    vertical-align:middle;
}
.gridstyle td, .gridstyle th {
    border-bottom:1px solid #BBBBBB;
    padding: 5px 5px 10px 10px;        
    vertical-align:top;
}
.gridstyle th a, .gridstyle th a:hover {
    color: #0080C9;
    font-weight:normal;
}
.gridstyle .row4 {
    padding-right:10px;
    text-align:right;
    width:50px;
}
.gridstyle .row2 {
    padding-right:10px;
    width:50px;
}
.gridstyle .paging { background-color:#ECECEC; }
.gridstyle .paging table td {
    font-size:11px;
    border-bottom-style:none;
    padding:0px;
}
#layout #main #content .detailbox_white table a, #layout #main #content .detailbox_white table a:hover {
    color: #0080C9;
    font-weight:normal;
        font-size: 11px;
}
.clearer {
    clear: both;
}
.text_gray {
    background-color: #ECECEC;
    padding: 20px;
    line-height:16px;
}
.text_gray div {
    background-color: #ECECEC;
    line-height:16px;
}
.text_news {
    background-color: #ECECEC;
    padding: 20px;
    line-height:16px;
    height:1%;
    position:relative;
}
.text {
   
    padding: 10px 35px 10px 20px;
    line-height:16px;
    font-size: 11px;
}
/*

.text_gray a:after { content: " »"; }
.text a:after { content: " »"; }

*/

.big_article{width:534px;}
.headline {
    font-weight: bold;
}
.hidden
{
    visibility: hidden;
    display: none;    
}
.visible
{
    visibility: visible;
    display: block;    
}
/*----------------------------------------------------------------------------------------*/
/* ================== Panels ===================== */
#layout {
    width: 941px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    font-family: Verdana,Tahoma,sans-serif;
}
#logo {
    text-align: right;
    margin-bottom: -19px;
    padding-right: 32px;
    padding-top: 30px; 
    position: relative;
}
#head {
    margin-left: 168px;
    width: 550px;
    background: url("/cps/berner/de-de/p/layout/bg.gif") repeat-y;
    position: relative;
}
#main {
    position: relative;
    clear: both;
    font-size: 11px;
    line-height:13px;
}

#content {
    z-index: 1;
    position: relative;
    margin-left: 168px;
    width: 534px;
    background: url("/cps/berner/de-de/p/layout/bg.gif") repeat-y;
    padding: 0px 8px 47px 8px;
    height: 500px;/*600 px*/
}
html> body #content {
    width: 534px;
    min-height: 500px; /*600px;*/
    height: auto;
}
#content h3{
    padding-left: 20px;    
    padding-top: 20px;
}


/*#footer 
{
    position: absolute;
    bottom: 0px;
    left: 7px;
    width:513px;
    height:30px;
    padding-top: 7px;
    padding-left: 22px;
    border-top: 1px solid #D9D9D9;
    font-size: 10px;
}
#main #footer a {
    color: #7A7A7A;
    font-weight: normal;
}
#main #footer a:hover {
    color: #333333;
}
#footer div {
    float:left;
    margin-right: 17px;
}*/

/*new footer*/
#newfooter{
    margin-left: 168px;/*margin-left: 128px;*/
    width: 550px;
    height: 25px;
    background: url("/cps/berner/de-de/p/layout/bg.gif") repeat-y;
}
#footerlinks a {
    color: #7A7A7A;
    font-weight: normal;
    margin-right: 17px;   
}
#footerlinks a:hover {
    color: #333333;
}
div#footerlinks{    

    border-top: 1px solid #D9D9D9;
    margin-left: 6px;
    margin-right: 6px;
    padding-left: 20px;
    padding-top: 6px;
    font-size: 10px;
}
/*end new footer*/

#main a {
    font-weight: bold;
    color: #424242;
}
#main a:hover {
    color: #E1251A;
}

/*----------------------------------------------------------------------------------------*/
/* ================ Breadcrumb =================== */
#breadcrumb {
    padding: 8px 23px 8px 23px;
    font-size: 10px;
    line-height: 14px;
}
#breadcrumb a {
    color: #7A7A7A;
}
#breadcrumb a:hover {
    color: #333333;
}
#breadcrumb div {
    float: left;
    margin-right: 9px;
}
/*----------------------------------------------------------------------------------------*/
/* ================ Navigation =================== */
#navi {
    position:absolute;
    top: 0px;
    left: -168px;
    width:175px;
    z-index: 100;
    text-align:right;
    color:#FFFFFF;
    font-family:Verdana,sans-serif;
    font-size:11px;
    background-image:url("/cps/berner/de-de/p/layout/navi_2.gif");
    background-repeat: repeat-y;
}
html>body #navi 
{
    left:0px;
}
#navi ul {
    list-style-type:none;
    padding:0px;
    width:100%;
    margin:0px;
}
#navi li{
    margin:0px; 
    padding-top:1px;
    padding-bottom:0px;
    border-bottom:1px solid #3583C1;
    margin-top:-1px;
}
html>body #navi li {
    border-bottom-style:none;
    margin-top:0px;
}
#navi a{
    display: block;
    overflow: hidden;
    cursor: pointer;
}
/*level 1*/
#navi ul .active a {
    background-color: #3583C1;
    color: #00072C;
}
#navi ul .active {
    /*border-bottom:1px solid #3583C1;*/
}

#navi ul .active ul {
    background-color: #3583C1;
}
#navi ul li a {
    font-weight: bold;
    padding-right: 15px;
    padding-top:0.6em; 
    padding-bottom:0.6em;
    text-transform: uppercase;
    color: #FFFFFF;
}
#navi ul li ul li a {text-transform:none;}
#navi ul li a:hover {color:#00072C;}
#navi ul li a:hover {background-color: #346EB2;}

#navi ul .active ul li a {
    font-weight: normal;
    padding-right:15px;
    padding-top:0.7em;
    padding-bottom:0.7em;
    color:#FFFFFF;
    
    text-transform: uppercase;
}
#navi ul .active ul li a:hover {color:#00072C;}
#navi ul .active ul li a:hover {color:#00072C;}
#navi ul .active ul .active a{
   /*color:#00072C;
   background: url("/cps/berner/de-de/p/layout/arrow.gif") no-repeat right center;*/
   
   color:#00072C;
   background-color: #7C99BB;
   font-weight: bold;
}
#navi ul li {
    background:url("/cps/berner/de-de/p/layout/navipoint_2.gif") no-repeat top center;
    background-color: transparent;
}
#navi ul li ul li{
    background:url("/cps/berner/de-de/p/layout/navipoint_inactive_2.gif") no-repeat top center;
    background-color: transparent;
}
/* inactive part for light version */
#navi ul .inactive {
    background:url("/cps/berner/de-de/p/layout/navipoint_inactive_2.gif") no-repeat top center;
}
#navi ul .inactive a {
    background: url("/cps/berner/de-de/p/layout/navi_back_2.gif") repeat-y top left;
    color: #FFFFFF;
}
#navi ul .inactive a:hover {
    color: #00072C;
    background-image: none;
    background-color: #346EB2;
}

/*third level*/
#navi ul .active ul .active ul
{
    padding-bottom: 15px;    
    
    background-color: #7C99BB;
    
}
#navi ul .active ul .active ul a
{
    color: #ffffff;
    background: none;    
    padding-top: 0.1em;
    padding-bottom: 0.5em;
    /*padding-right: 30px;*/
    
    font-weight: normal;
    text-transform: none;
}
#navi ul .active ul .active ul a:hover
{
    color: #00072C;
}
#navi ul li ul li ul li{
    background: none;
    border-bottom: 1px solid #7C99BB;
}

#navi ul .active ul .active ul .active a{
   color:#00072C;
   /*background: url("/cps/berner/de-de/p/layout/arrow.gif") no-repeat 110px center;*/
   /*background: url("/cps/berner/de-de/p/layout/arrow.gif") no-repeat 127px center;*/
}


/*----------------------------------------------------------------------------------------*/
/* ================= Shadow =================== */
#shadtopleft {
    width: 12px;
    height: 12px;
    position: absolute;
    top:0px;
    left:0px;
    background-image: url("/cps/berner/de-de/p/layout/shadow_top_left.gif");
    line-height:12px;
    font-size: 1px;
}
#shadtopright {
    width: 12px;
    height: 12px;
    position: absolute;
    top: 0px;
    right: 0px;
    background-image: url("/cps/berner/de-de/p/layout/shadow_top_right.gif");
    line-height: 12px;
    font-size: 1px;
}
#shadtop {
    background: url("/cps/berner/de-de/p/layout/shadow_top.gif") repeat-x;
    height: 7px;
    line-height:7px;
    font-size: 1px;
}
#shadbottom {
    /*position: absolute;*/
    left: 0px;
    bottom: -10px; /*0px;*/
    width: 526px; /*550px;*/
    height: 12px; /*7px;*/
    line-height: 12px; /*7px;*/
    font-size: 1px;
    background: url("/cps/berner/de-de/p/layout/shadow_bottom.gif") repeat-x left bottom; /*before without: left bottom*/
    float:left; /*new*/
}
#shadbottomleft {
    /*position: absolute;*/
    bottom: -10px; /*0px;*/
    left: 0px;
    width: 12px;
    height: 12px;
    line-height: 12px;
    font-size: 1px;
    background-image: url("/cps/berner/de-de/p/layout/shadow_bottom_left.gif");
    float:left; /*new*/
}
#shadbottomright {
    /*position: absolute;*/
    bottom: -10px; /*0px;*/
    right: 0px;
    width: 12px;
    height: 12px;
    line-height: 12px;
    font-size: 1px;
    background-image: url("/cps/berner/de-de/p/layout/shadow_bottom_right.gif");
    float:right; /*new*/
}
/*----------------------------------------------------------------------------------------*/
/* ================= Toolbox ==================== */
#toolbox {
    z-index:100;
    position: absolute;
    top: 0px;
    right: -1px;
    width: 230px;
    background-color: #0060B0;
    color: #FFFFFF;
    line-height: 14px;
}
html>body #toolbox {
    right: 0px;
}
#toolbox h1
{
   font-size: 1.1em;
    font-weight: bold;
}
.toolbox_teaser_light {
    background: url("/cps/berner/de-de/p/layout/teaser_breaker2.gif") no-repeat left bottom;
}
.toolbox_teaser_dark {
    background: url("/cps/berner/de-de/p/layout/teaser_breaker.gif") no-repeat left bottom;
}
.toolteaser_image {
    float: left;
    width: 70px;
    margin-right: 15px;
}
#main #toolbox a {
    color: #FFFFFF;
}
#main  #toolbox a:hover {
    color: #00072C;
}

.tool_teaser_padding {
    padding: 7px 15px 7px 15px;
}
.toolbox_special {
    background: url("/cps/berner/de-de/p/layout/teaser_breaker2.gif") no-repeat bottom left #3583C1;
    padding: 14px 14px 15px 14px;
}
.special_toolbox_opener {
    background-color: #3583C1;
    padding: 14px 14px 0px 14px;    
}
.toolbox_light
{
    background-color: #3583C1;
}
#searchbar {margin-top:7px;}
#searchbar input
{
    border: solid 0px white;
    width: 97px;
    border-top: solid 1px #cdcdcd;
    border-right: solid 1px #cdcdcd;
    font-family: Verdana,Tahoma,sans-serif;
}

#jobsearch input, #jobsearch select
{
    width:150px;
    border: solid 0px white;
    border-top: solid 1px #cdcdcd;
    border-right: solid 1px #cdcdcd;
    /*margin-right: 5px;*/
    font-family: Verdana,Tahoma,sans-serif;
}
#jobsearch select
{
    min-height: 18px;    
}
#toolbox .submit_light
{
    width: 20px;
    height: 20px;
    border: 0;    
    margin: 0px;
    padding:0px;
    background-image: url('/cps/berner/de-de/p/layout/button_light.jpg');
    background-repeat:no-repeat;
    background-color: inherit;
    right:10px;
    cursor: pointer;
    background-color: #3583C1;
}
#toolbox .submit_dark
{
    width: 20px;
    height: 20px;
    border: 0;    
    margin: 0px;
    padding:0px;
    background-image: url('/cps/berner/de-de/p/layout/button_dark.jpg');
    background-repeat:no-repeat;
    background-color: inherit;
    right:10px;
    cursor: pointer;
    background-color: #0060B0;
}
.toolbox_text
{
    line-height: 20px;
    padding-top: 10px;    
}
.toolbox_rightlink
{
    position:absolute;
    left: 160px;
}

a.mydata
{
    background-image: url('/cps/berner/de-de/p/layout/icon_mydata.gif');
    background-repeat: no-repeat;
    padding-left: 20px;    
}
a.todo
{
    background-image: url('/cps/berner/de-de/p/layout/icon_todo.gif');
    background-repeat: no-repeat;
    padding-left: 20px;    
}
a.admin
{
    background-image: url('/cps/berner/de-de/p/layout/icon_admin.gif');
    background-repeat: no-repeat;
    padding-left: 20px;    
}
a.download
{
    background-image: url('/cps/berner/de-de/p/layout/icon_disc_grey.gif');
    background-repeat: no-repeat;
    padding-left: 20px;        
    background-position: 0px center;
}
.shopcart
{
    background-image: url('/cps/berner/de-de/p/layout/icon_shopcart.gif');
    background-repeat: no-repeat;
    padding-left: 20px;    
    font-weight: bold;
}
.shopcart_details
{
    padding-left: 10px;    
    font-weight: bold;
    line-height: 20px;
}
/* shoping cart control */

#toolbox .shop_tocash
{
    display: block;
    width: 88px;
    height: 24px;
    background: #3583C1 url('/cps/berner/de-de/p/layout/submit.gif') no-repeat 0 2px;
    padding-top: 6px;
    text-align: center;
    position: relative;
    left: 10px;
    top: 4px;
}
#toolbox .shop_tocash span
{
    font-weight: normal;
    color: #343235;
}

.toolbox_closed
{
    background-image: url('/cps/berner/de-de/p/layout/icon_open.gif'); 
    background-position: left 3px;
    background-repeat:no-repeat;
    padding-left: 20px;
}
.toolbox_opened
{
    background-image: url('/cps/berner/de-de/p/layout/icon_close.gif'); 
    background-position: left 3px;
    background-repeat:no-repeat;
    padding-left: 20px;
}
#main  #toolbox .warning
{
    color:#000000; display:block; padding-top:10px;
}

/*----------------- End Toolbox  --------------------- */


img.float_left
{
    float:left; 
    padding-right: 10px; 
    padding-bottom:10px; 
    padding-top:10px;
}

a.button_white
{
    font-weight: bold;
    background: url("../layout/submit_white.gif") no-repeat;
    background-position: center center;
    display: block;
    width: 88px;
    height: 24px;
    padding-top:5px;
    text-align: center;
}

#main a.button_white:hover
{
    color: #424242;    
}

.submitgrey
{
    
    width: 88px;
    height: 24px;
    background: #eeeeee url('../layout/submit_grey.gif') no-repeat 0 2px;
    border: 0;
    padding:0;
    margin:0;
    font-family: Verdana,Tahoma,sans-serif;
    font-size: 10px;
    text-align: center;
    cursor: pointer;
    color: #343235;    
    position: relative;
    top: -2px;
}

/*----------------------------------------------------------------------------------------*/
/* ================ Sub Elements =================== */
.subleft
{
    width: 50%;
    position: relative;
    float: left;
    clear: left;
    padding-bottom: 15px;
}
.subright
{
    
    width: 50%;
    position: relative;
    float: right;
    padding-bottom: 15px;
}
/*----------------------------------------------------------------------------------------*/
/* ================ Item Detail =================== */
.itemdetail
{
    width: 100%;
}
.itemdetail_img
{
    position: relative;
    float: left;
    top: 50px;
    left: 25px;
    /*black border*/
    /*border: solid 1px black; 
    padding: 20px 5px 20px 5px;*/
}

.itemdetail p
{
    float: right;
    width: 300px;
    display: block;
}
.itemdetail_title
{
    font-size: 1.3em;
    font-weight: bold;
    line-height: 25px;
}
.itemdetail_subtitle
{
    font-size: 1.1em;
    font-weight: bold;
    line-height: 25px;
}
.itemdetail_img_text
{
    position: absolute; 
    top: 150px; 
    left: 30px;
    width: 150px;
    font-weight:bold;
}
/*----------------------------------------------------------------------------------------*/
/* ================ Tabs =================== */
.detailtabs {
    float:left;
    width:100%;  
    line-height:normal;
    border-bottom: solid 10px #014886;
}
.detailtabs ul {
    margin:0;
    padding:10px 10px 0 10px;
    list-style:none;
}
.detailtabs li {
    display:inline;
    margin:0;
    padding:0;
}
.detailtabs a {
    float:left;
    background:url("/cps/berner/de-de/p/layout/tableft.gif") no-repeat left top;
    margin:0;
    padding:0 0 0 4px;
    text-decoration:none;
}
.detailtabs a span {
    float:left;
    display:block;
    background:url("/cps/berner/de-de/p/layout/tabright.gif") no-repeat right top;
    padding:5px 15px 4px 6px;
    color:#000642;
}
.detailtabs .active a {
    float:left;
    background:url("/cps/berner/de-de/p/layout/tableft.gif") no-repeat left top;
    background-position:0% -42px;
    margin:0;
    padding:0 0 0 4px;
    text-decoration:none;
}
.detailtabs .active a span {
    float:left;
    display:block;
    background:url("/cps/berner/de-de/p/layout/tabright.gif") no-repeat right top;
    background-position:100% -42px;
    padding:5px 15px 4px 6px;
    color:#FFFFFF;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
.detailtabs a span {float:none;}
/* End IE5-Mac hack */
.detailtabs a:hover span {
    color:#FFFFFF;
}
.detailtabs a:hover {
    background-position:0% -84px;
}
.detailtabs a:hover span {
    background-position:100% -84px;
}
/*----------------------------------------------------------------------------------------*/
/* ================ Detail Box =================== */
.detailbox
{
    width: 100%;
    background-color: #eeeeee;
    clear: both;
    min-height: 100px;
    line-height:16px;
    font-size: 1.1em;
    padding-bottom: 20px;
    overflow: hidden;
}
.detailbox_white
{
    width: 100%;
    background-color: #ffffff;
    clear: both;
    min-height: 100px;
    line-height:16px;
    font-size: 1.1em;
    padding-bottom: 20px;
    overflow: hidden;
}
.detailbox_noheight
{
    min-height: 0px;
    padding-bottom: 0px;    
}
.detailbox p
{
    padding: 10px 20px 0px 20px;    
}
.detailbox table
{
    width: 100%;
    text-align: center;
    font-size: 0.9em;    
    border-collapse: collapse;
    
}
.detailbox table th
{
    background-color: #C0C0C0;    
    border: solid 1px white;
}
.detailbox table td
{
    border-top: solid 1px white;
}
.detailbox table tr.active
{
    background-color: White;    
}
.detailbox table input
{
    width: 20px;    
}
.detailbox table .noborder td
{
    border: 0;
}
.detailbox .submit
{
    border: 0;
    padding: 0;
    background-color: #C0C0C0;
    background-image: url("/cps/berner/de-de/p/layout/button_grey.jpg");
    background-repeat: no-repeat;
    width: 19px;
    height: 21px;    
    cursor: pointer;
    margin: 0px;
}

.detailbox .submitlarge
{
    display: block;
    width: 88px;
    height: 24px;
    background: #eeeeee url('/cps/berner/de-de/p/layout/submit_grey.gif') no-repeat 0 -2px;
    border: 0;
    padding:0;
    margin:0;
    font-family: Verdana,Tahoma,sans-serif;
    font-size: 10px;
    text-align: center; 
    cursor: pointer;
    color: #343235; 
    margin:0px;   
}
.detailbox .change
{
    background: #eeeeee url('/cps/berner/de-de/p/layout/change_grey.gif') no-repeat 0 -2px;
}
.detailbox .submitlarge:hover span
{
    color:  #343235;    
}

.detailbox .showdetail
{
    background-image: url("/cps/berner/de-de/p/layout/closed.gif");
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 10px;    
}
.detailbox .hidedetail
{
    background-image: url("/cps/berner/de-de/p/layout/opened.gif");
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 10px;    
}
.detailbox td.gridbold
{
    border-bottom: solid 1px grey; text-align:left;width:100px;font-weight:bold;
}
.detailbox td.grid
{
    border-bottom: solid 1px grey; text-align:left;
}
.detailbox .bluebar, .detailbox_white .bluebar
{
    background-color: #005EAE;
    text-align: left;
    color: #ffffff;
    padding: 0 20px 0 20px;
    font-size: 10px;
    
}
.blueline
{
    background: #ffffff url('/cps/berner/de-de/p/layout/shopbar.jpg') repeat-y;
    line-height: 1px;
    font-size: 1px;
    height: 4px;
    width: 100%;
}
.shopsteps
{
    padding-left: 20px;
    font-size: 12px;
    font-weight: bold;
    color: #C0C0C0;
}
.shopsteps span
{
    padding-right: 15px;    
}
.shopsteps span.active
{
    color: #424242;
}
.detailbox .shophead
{
    height: 20px;
    width: 100%;
    padding: 10px 10px 10px 20px;
    background-color: #C0C0C0;
    font-weight: bold;
}

a.detailbox_closed
{
    background-image: url('/cps/berner/de-de/p/layout/icon_open.gif'); 
    background-position: left 3px;
    background-repeat:no-repeat;
    padding-left: 20px;
}
#content .bluebar a
{
    color: White;    
}
a.detailbox_opened
{
    background-image: url('/cps/berner/de-de/p/layout/icon_close.gif'); 
    background-position: left 3px;
    background-repeat:no-repeat;
    padding-left: 20px;
}

/*----------------------------------------------------------------------------------------*/
/* ================ Order Form =================== */
#orderform table
{
    width: 350px;    
    position: relative;
    left: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
}
#orderform table .row1
{
    width: 145px;    
}
#orderform table .row2
{
    width: 205px;    
}
#orderform table td
{
    border: 0;
    text-align: left;
    padding: 5px 0px 5px 0px;
}
#orderform input, #orderform select, #orderform textarea
{
    width: 200px;    
    border: solid 1px #cccccc;
    font-family: Verdana,Tahoma,sans-serif;
}
#orderform hr
{
    border: solid 1px white;
    color: #ffffff;
}
#orderform .orderbutton
{
    border: 0;    
    padding: 0;
    width: 88px;
    height: 24px;
    background-position: center 2px;
    float: right;
}
/*maydata*/
#orderform.mydata td
{
    
    text-align: left;
    padding: 5px 20px 0px 0px;
    vertical-align: top;
}

/*----------------------------------------------------------------------------------------*/
/* ================ Return Bar =================== */
.return_bar
{
    width: 533px;
    height: 20px;
    background-color: #005EAE;
    margin-bottom: 1px;    
    text-align: right;
}
#content .return_bar a
{
    position: relative;
    top: 3px;
    right: 15px;
    color: White;    
}
#content .return_bar a:hover
{ 
    color: #00072C;
}
/*----------------------------------------------------------------------------------------*/
/* ================ Overview =================== */
.overview
{
    overflow: hidden;    
}
.overview a.overview_link
{
    display: block;
    padding-left: 10px;
    float: left;
}
.overview .closed
{
    background: url('/cps/berner/de-de/p/layout/closed.gif') no-repeat center center;
}
.overview .open
{
    background: url('/cps/berner/de-de/p/layout/opened.gif') no-repeat center center;
}

.overview_content
{
    padding: 10px 0px 10px 0px;    
}
.overview div img
{
    
    float: left;
    padding-top: 20px;
    padding-left: 10px;
    padding-bottom: 20px;
    
}
.overview_button
{
    display: block;
    width: 10px;
    height: 10px;
    float:left;
    padding-top: 4px;
}
.overview_title
{
    /*width: 100%;*/
    width: 533px;
    height: 20px;
    background-color: #D7D7D7;
    border-bottom: solid 1px #ffffff;
    padding: 4px 30px 1px 30px;
}
/*ie6 hack*/
* html .overview_title
{
    w\idth: 474px;    
}

.overview_text
{
    position:relative; 
    top:-15px;
    
}

/*----------------------------------------------------------------------------------------*/
/* ================ Login Controls =================== */
#control_login
{
    font-size: 14px;    
    border-top: solid transparent 0px;
    display: block;
    visibility: visible;
}
#control_signin, #control_reminder, #control_registration
{
    display: none;
    visibility: hidden;
}
/*----------------------------------------------------------------------------------------*/
/* ================ Blue Error Box =================== */
.bluebox
{
    background-color: #3583C1;
    color: #FFFFFF;    
    padding: 10px 15px 10px 15px;
    margin-top: 15px;
    line-height:16px;
}
.bluebox ul{
    margin-left:10px;
}
.bluebox .errormessage
{
    font-weight: bold;
    display: block;
    width: 150px;    
    position: relative;
    left: 150px;
}
.bluebox_signin
{
    width: 250px;
    position: relative;
    left: 125px;
}
.bluebox input
{
    border: solid 0px white;
    width: 97px;
    border-top: solid 1px #cdcdcd;
    border-right: solid 1px #cdcdcd;
    position: absolute;
    right: 70px;
}
.bluebox .submit
{
    width: 20px;
    height: 20px;
    border: 0;    
    margin: 0px;
    padding:0px;
    background-image: url('/cps/berner/de-de/p/layout/button_light.jpg');
    background-repeat:no-repeat;
    background-color: inherit;
    right:50px;
    cursor: pointer;
    background-color: #3583C1;
}
#main .bluebox a {
    color: #FFFFFF;
}
#main  .bluebox a:hover {
    color: #00072C;
}
.bluebox hr
{
    background-color: White;
    border: 0;    
    height: 1px;
}

/*----------------------------------------------------------------------------------------*/
/* ================ Static Tree =================== */
#static_tree{
    clear: both;
    line-height: 20px;
    width: 100%;
    overflow: hidden;    
}
#static_tree ul {
    list-style-type:none;
    padding:0px;
    margin:0px;
}
#static_tree li{
    margin:0px; 
}
#static_tree li li{
    padding-left: 20px;
}
#static_tree a
{
    font-weight: normal;
    display: block;
    width: 100%;
    height: 20px;
    /*background-image: url('/cps/berner/de-de/p/layout/opened.gif');
    background-repeat: no-repeat;*/
    cursor: pointer;
}
#static_tree .open
{
    background-image: url('/cps/berner/de-de/p/layout/opened.gif');
    background-repeat: no-repeat;
}
#static_tree .closed
{
    background-image: url('/cps/berner/de-de/p/layout/closed.gif');
    background-repeat: no-repeat;
}
#static_tree ul li a
{
    background-color: #D7D7D7;
    border-bottom: solid 1px #ffffff;
    padding-left: 45px;
    background-position: 25px 7px;
}
#static_tree ul ul li a
{
    background-color: #ffffff;
    font-weight: normal;
    padding-left: 55px;
    background-position: 35px 7px;
}
#static_tree a.active
{
    font-weight: bold;
}

/*----------------------------------------------------------------------------------------*/
/* ================ Search Field =================== */
.search
{
    line-height: 30px;
    padding-left: 17px;    
    padding-bottom: 30px;
}
.search input, .search select
{
    width: 200px;    
    border: solid 1px #cccccc;
    font-family: Verdana,Tahoma,sans-serif;
}
/*search results*/
.search_results .submit_white
{
    width: 23px;
    height: 22px;
    border: 0;    
    margin: 0px;
    padding:0;
    background-image: url('/cps/berner/de-de/p/layout/button_white.jpg');
    background-repeat:no-repeat;
    background-color: inherit;
    right:10px;
    cursor: pointer;
    background-color: #ffffff;
    border: solid 1px white;
}
table.search_results
{
    border-collapse: collapse;
    margin-bottom: 15px;    
}
.search_results tr
{
    border-bottom: solid 1px #bbbbbb;
}
.search_results tr.last
{
    border-bottom: 0;
}
.search_results td
{
    padding: 10px 5px 20px 5px;
}
.search_results .row1
{
    width: 60px;    
}
.search_results .row2
{
    width: 50px;
    vertical-align: top;    
}
.search_results .row3
{
    width:180px;    
    vertical-align: top;    
}
.search_results .row4
{
    width: 210px;    
}
.search_results input, .search_results select
{
    border: solid 1px #bbbbbb;
    width: 40px;
    margin-left: 3px;
    margin-right: 4px;
}
.search_results img
{
    position: relative;
    left: 20px;
    top: -2px;
}
.more_link
{
    /*position:absolute; 
    right: 20px;*/
    float: right;
    position: relative;
    right: 30px;    
    top: -18px;
    cursor: pointer;
}
/* =========== Moduls from Light Version =========== */
.subheadline {
    font-weight: bold;
/*    font-size: 10px;*/
font-size: 1.2em;
}
.headline_margin {
    font-weight: bold;
    font-size: 1.2em;
    margin-bottom: 0.6em;
}
/* -------- Blue Box -------- */
.blue_box {
    background-color: #005FAF;
    color: #FFFFFF;
    margin-bottom: 20px;
}


#content .blue_box .download a, #toolbox .download a {
    padding-left:15px;
    background: url("/cps/berner/de-de/p/layout/icon_disc_white.gif") no-repeat left 3px;
}

#content .blue_box .download a:hover, #toolbox .download a:hover {
    background-image: url("/cps/berner/de-de/p/layout/icon_disc_dark_blue.gif");
}
/*ie7 hack (against wobble)*/
*+html #toolbox .download a:hover {
    padding-left:15px;
    background: url("/cps/berner/de-de/p/layout/icon_disc_dark_blue.gif") no-repeat left 3px;
}





#blue_download {
    position: relative;
    height:200px;
    margin-bottom: 10px;
}
#blue_link {
    position: relative;
    height:200px;
    margin-bottom: 10px;
}
html>body #blue_link {
    min-height: 200px;
    height: auto;
}
#main #content .blue_box a, #main #content .blue_stripe a{
    color: #FFFFFF;
}
#main #content .blue_box a:hover, #main #content .blue_stripe a:hover {
    color: #00072C;
}
#main #content .blue_box .teaser_element {
    padding: 16px 14px 16px 0px;
    margin-top:0px;
    margin-bottom: 0px;
    clear:none;
    line-height:18px;
}
.blue_box .headline {
    font-size: 1.2em;
    margin-bottom: 0.7em;
    padding:0px;
}
.blue_box .subheadline {
    /*font-size: 1em;*/
    font-size: 1.2em;
    font-weight: normal;

}
.blue_box .teaser_image {
    padding-top: 0px;
    margin-bottom: 0px;
    padding-bottom: 0px;
    margin-top: 0px;
}
.blue_stripe {
    background-color: #005FAF;
    padding: 5px 9px 5px 9px;
    color: #FFFFFF;
    text-align: right;
    margin-bottom: 0px;
}
#blue_backlink {
    position: absolute;
    bottom: 10px;
    left: 215px;
}


.gray_stripe {
    background-color: #ECECEC;
    padding: 3px 20px 3px 20px;
    text-align: left;
    margin-bottom: 0px;
}

#main #content .gray_stripe a{
    
    font-weight: bold;
}

#main #content .gray_stripe a:hover {
/*    color: #005FAF;*/
    color: #E1251A;
}

.press_report
{
    margin-bottom: -8px;    
    line-height:16px;
}
.press_icon
{
    font-size: 10px;
    font-weight: bold;
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 15px;
}

.icon_tech
{
    background-image: url("/cps/berner/de-de/p/layout/icon_press_tech.gif");    
}

.icon_download
{
    background-image: url("/cps/berner/de-de/p/layout/icon_press_download.gif");
}

.icon_release
{
    background-image: url("/cps/berner/de-de/p/layout/icon_press_release.gif");
}

.icon_readmore
{
    background-image: url("/cps/berner/de-de/p/layout/icon_press_more.gif");
}

#content h3
{
    padding-top: 10px;
    padding-left: 20px; 
    font-size: 12px;   
}



/* -------- Teaser -------- */
.teaser_element {
    clear: both;
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 0px;
    margin-bottom: 20px;
    line-height:18px;
}
.teaser_image {
    float: left;
    padding-right: 20px;
    padding-bottom: 5px;
    padding-top: 15px;
}


.teaser_element .headline {
    padding-top: 10px;
}
.blue_box .teaser_element .headline {
    padding-top: 0px;
}
.teaser_element .headline .gray_stripe {
    background-color: #ECECEC;
    margin: 0pt 0pt 0pt 85px;
    padding: 0px;
    height:20px;
}
html > body .teaser_element .headline .gray_stripe {
    height: auto;
}
.teaser_homepage, .door_teaser {
    float: left;
    width: 265px;
    margin-right: 1px;
    margin-left: 1px;
    
}
.hometeaser_text {
    padding: 17px 20px 17px 20px;
}
.door_teaser .text_gray {
    padding-top: 13px;
    padding-bottom: 17px;
}
/* -------- Toolbox -------- */
.toolbox_teaser {
    padding-bottom:1px;
    background: url("/cps/berner/de-de/p/layout/teaser_breaker.gif") no-repeat left bottom;
}
.toolteaser_image {
    float: left;
    width: 70px;
    margin-right: 15px;
}
.tool_padding {
    padding: 15px;
}
#toolbox table {
    margin-top: 0.8em;
    margin-bottom: 0.8em;
}
#toolbox .headline {
    font-size: 1.1em;
}
.error {
    color: #DE2425;
    padding-left: 15px;
}
#toolbox .error {
    padding-left:0px;
}
.tool_icon {
    float:left;
    padding-top:0.4em;
    margin-right:5px;
}
/* -------- Downloads -------- */
.download {
    font-weight: bold;
    margin-top: 0.4em;
    margin-bottom: 0.3em;
}
.download a{
    padding-left:15px;
    background: url("/cps/berner/de-de/p/layout/icon_disc_grey.gif") no-repeat left center;
}
.download a:hover {
    background-image: url("/cps/berner/de-de/p/layout/icon_disc_dark_blue.gif");
}
.download_box {
    background-color: #ECECEC;
}
.download_box hr {
    background-color: #FFFFFF;
    color: #FFFFFF;
    border-color: #FFFFFF;
    border-style: none;
    height:1px;
    margin:0px;
}
.download_box .headline {
    margin-bottom: 0.6em;
}
.download_description {
    padding-top: 0.2em;
}
#main .download .download_description a:hover {
    color:#00072c;
}
/* -------- Formulare -------- */
.form_label {
    width: 100px;
    padding-right: 20px;
    vertical-align: top;
}
.input_field {
    width: 154px;
    background-color: #FFFFFF;
    border-bottom: 1px solid #E3E3E3;
    border-left: 1px solid #CDCDCD;
    border-right: 1px solid #CDCDCD;
    border-top: 1px solid #8E8E8E;
    padding-top: 2px;
    padding-bottom: 2px;
    font-family: Verdana,Tahoma,sans-serif;
}
html>body .input_field {
    width: 152px;
    padding-left: 1px;
    padding-right: 1px;
}
#toolbox .input_field_tool {
    width: 154px;
    position:static;
    background-color: #FFFFFF;
    border-bottom: 1px solid #E3E3E3;
    border-left: 1px solid #CDCDCD;
    border-right: 1px solid #CDCDCD;
    border-top: 1px solid #8E8E8E;
    font-family: Verdana,Tahoma,sans-serif;
}
.input_select {
    width: 158px;
    border-bottom: 1px solid #E3E3E3;
    border-left: 1px solid #CDCDCD;
    border-right: 1px solid #CDCDCD;
    border-top: 1px solid #8E8E8E;
    padding-top: 1px;
    padding-bottom: 1px;
    font-family: Verdana,Tahoma,sans-serif;
}
html>body .input_select {
    width: 156px;
}
.form_button {
    background: url("/cps/berner/de-de/p/layout/button_bg.gif") repeat-x 0px 0px;
    border-style: none;
    height: 24px;
    padding-top: 0px;
    vertical-align: top;
    margin:0px;
}
.form_button_tool2 {
    position: static;
    background: url("/cps/berner/de-de/p/layout/button_bg.gif") repeat-x 0px 0px;
    border-style: none;
    height:24px;
    width:auto;
    padding-top: 0px;
    vertical-align: top;
    float:left;
    display:block;
    color:#424242;
font-family:Verdana,Tahoma,sans-serif;
font-size:11px;
line-height:14px;
}
#toolbox .form_button_tool {
    position: static;
    background: url("/cps/berner/de-de/p/layout/button_bg_tool.gif") repeat-x 0px 0px;
    border-style: none;
    height:24px;
    width:auto;
    padding-top: 0px;
    vertical-align: top;
    margin:0px;
}
.tool_textarea {
    width: 196px;
    height: 60px;
    margin-bottom: 0.6em;
    font-family: Verdana,Tahoma,sans-serif;
}
html>body .tool_textarea {
    width: 198px;
}
.white_line {
    height:1px;
    font-size:0px;
    line-height:1px;
    background-color: #FFFFFF;    
}
#content .form_contact textarea {
    width: 274px;
    height: 100px;
    background-color: #FFFFFF;
    border-bottom: 1px solid #E3E3E3;
    border-left: 1px solid #CDCDCD;
    border-right: 1px solid #CDCDCD;
    border-top: 1px solid #8E8E8E;
    font-size: 11px;
    font-family: Verdana,Tahoma,sans-serif;
}
html>body .form_contact textarea {
    width: 272px;
    padding-left: 1px;
    padding-right: 1px;
}
.form_error_inline {
    color: #DE2425;
    padding-left: 15px;
}
.form_error_offline {
    display:none;
}

/* -------- Country Selector -------- */
#country_form {
    margin-top:10px;
}
#country_selector {
    border: 1px solid #FFFFFF;
    width:170px;
    font-family: Verdana,Tahoma,sans-serif;
}
/* -------- News Content -------- */
.newsmeta {
    margin-top: 1em;
}
.news .headline {
    font-size: 1.2em;
}
.news .subheadline {
    font-weight:normal;
    font-size:1em;
    margin-bottom: 0.6em;
}
.news {
    margin-bottom: 20px;
}
/*.input_field_tool {
    font-family: Verdana,Tahoma,sans-serif;
    font-size: 11px;
    width: 137px;
}*/

#main #content .newslink a:hover {
    color:#E1251A;
}

/* -------- Gallery -------- */
#content .gallery {
    text-align: center;
}
#content .gallery .img_gallery {
    display: block;
    width: 100px;
    height: 100px;
    border: 1px solid #005FAF;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
}
#content .gallery .img_gallery:hover {
    border: 1px solid #E1251A;
}
#content .gallery_links {
    margin-bottom: 1em;
    text-align: center;
    color: #7A7A7A;
}
#content .gallery_links a{
    color: #7A7A7A;
    font-weight: normal;
}
#content .gallery_links a:hover {
    color: #333333;
}
#content .gallery_links .page {
    color: #005FAF;
}
#content .gallery_links .page:hover {
    color: #E1251A;
}

/* -------- E-Mail -------- */
.form_email input, .form_email textarea
{
    border-bottom: 1px solid #E3E3E3;
    border-left: 1px solid #CDCDCD;
    border-right: 1px solid #CDCDCD;
    border-top: 1px solid #8E8E8E;
    margin-bottom: 5px;
    width: 150px;
    font-family: Verdana,Tahoma,sans-serif;
}
.form_email .submit input
{
    width: auto;
    border: 0;    
    cursor: pointer;
}

/*new 27.7.2007*/
/*----------------------------------------------------------------------------------------*/
/* ================ keyaccount =================== */
.keyaccount{
    overflow: hidden;    
}
#main .keyaccount a.title{
    display: block;
    width: 533px;
    height: 20px;
    background-color: #D7D7D7;
    border-bottom: solid 1px #ffffff;
    padding: 4px 30px 1px 50px;
}
/*ie6 hack*/
* html #main .keyaccount a.title{
    w\idth: 453px;    
}
#main .keyaccount .panel .panel a.title {
    padding: 4px 30px 1px 70px;
    width: 434px;
}
#main .keyaccount .panel .panel .panel a.title {
    padding: 4px 30px 1px 90px;
    width: 434px;
}
#main .keyaccount a.open {
    background-color: #b3b3b3;
}
.keyaccount .closed{
    background: url('../p/layout/icon_plus.gif') no-repeat 35px 8px;
}
.keyaccount .open{
    background: url('../p/layout/icon_minus.gif') no-repeat 35px 8px;
}
.keyaccount .panel .panel .closed, .keyaccount .panel .panel .open{
    background-position: 55px 8px;    
}
.keyaccount .panel .panel .panel .closed, .keyaccount .panel .panel .panel .open{
    background-position: 75px 8px;    
}

/* -------- Media -------- */
.media_element {
    clear: both;
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 0px;
    margin-bottom: 10px;
    padding-top:10px;
    line-height: 16px;
}
.media_image {
    float: left;
    padding-top:10px;
    padding-right: 20px;
    padding-bottom: 5px;
}
.media_element .headline {
    padding-top: 10px;
}
.media_height
{
    height:8px;    
}
.media_downloads
{
    padding-left: 100px;
    clear:left;    
    
}
.media_download
{
    background-image: url("/cps/berner/de-de/p/layout/icon_media_download.gif");    
    background-repeat: no-repeat;
    padding-left: 20px;
    padding-right: 40px;
}
.media_text
{
    padding-bottom: 10px;    
}
.media_numlinks
{
    text-align: center;    
    padding-top: 10px;
    padding-bottom: 10px;
}
.media_numlinks a
{
    padding: 0 10px 0 10px;    
}
.media_numlinks a.active
{
    text-decoration: underline;
}

/*--------------------------------------------------------*/
/* tradefair caledar */

table.tradefair
{
    width: 100%;
    clear: both;    
    border-collapse: collapse;
}
table.tradefair th
{
    background-color: #005faf;
    padding: 3px 8px 3px 8px;
    border-right: solid 1px #ffffff;
    color: white;
}
table.tradefair .date_column_head
{
    background-color: #005faf;
    padding: 3px 8px 3px 20px;
    border-right: solid 1px #ffffff;
    color: white;
}

table.tradefair tr
{
    border-bottom: solid 1px #eeeeee;    
}
table.tradefair .alternate_background 
{
    background-color: #eeeeee;
    border-bottom: solid 1px #eeeeee; 
}

table.tradefair td
{
    padding: 15px 15px 5px 10px;
    vertical-align: top;
}

table.tradefair tr td .event
{
    background-image: url("/cps/berner/de-de/p/layout/icon_press_release.gif");
    background-repeat: no-repeat;
    background-position: 0px 2px;
    padding-left: 13px;
    padding-bottom: 5px;
    font-weight: bold;
}
table.tradefair tr td .event_optional
{
    font-weight: normal;
}

table.tradefair .date_column {
    padding: 15px 15px 5px 20px;
    vertical-align: top;
}
table.tradefair .event_column {
    padding: 15px 15px 5px 9px;
    vertical-align: top;
}
.Buttons
{
  display: block;
  height: 30px;
  margin-top:5px;
}
.AppOnlineButton
{
 width: 350px;
 display: block;
 float:right;
}
.BackButton
{
 width: 100px;
 display: block;
 float:left;
}
html > body .AppOnlineButton
{
right: 0px;
}
html > body .BackButton
{
left: 0px;
}
.StrongRegion{
    margin-top: -15px;
    font-weight: bold;
    color: #005eae;
}
.toolbox_special .subheadline { font-size: 1.1em; }



div.SmallBottomMargin       { padding-bottom: 0px !important; margin-bottom: 0px !important; }
div.SmallBottomMargin div p { padding-bottom: 0px !important; margin-bottom: 0px !important; }