@charset "utf-8";

body { background-color: #e2e2e2; text-align: center; font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif; color: #666;}
div.clear_bottom { clear: both; }
a { text-decoration: none; color: #6633cc; }
p { margin: 0 0 10px 0;  }

/* --- general styling --------- */
div.wrap_main { width: 980px; margin: 0 auto; background: #e2e2e2; text-align: left; background-image: url(../_gfx/bgr_body.png); background-repeat: no-repeat;}
div.header {
  height: 300px; position: relative;
  background: url(../_gfx/bgr_header_neu.png) left bottom no-repeat #e2e2e2;
}
html:lang(en) div.header{ background: url(../_gfx/bgr_header_en_neu.png) left bottom no-repeat #e2e2e2; }
div.content { background: #e2e2e2; }

/* --- logo and slogan ------------ */
img.logo_header { display: block; position: absolute; left: 0; top: 42px; }
div.slogan_header { display: block; width: 295px; position: absolute; left: 573px; top: 110px; }

/* === top meta navi - START ================================= */
ul.metanavigation_top { list-style-type: none; position: absolute; top: 18px; right: 48px; font-size: 11px; color: #999; }
ul.metanavigation_top li { display: inline; }
ul.metanavigation_top li a { text-decoration: none; padding: 0 7px; color: #999; font-size: 11px; }
ul.metanavigation_top li a:hover { text-decoration: underline; }
/* === top meta navi - START ================================= */

/* === top meta navi - START ================================= */
ul.lng { list-style-type: none; position: absolute; top: 18px; right: -4px; font-size: 11px; color: #999; }
ul.lng li { display: inline; }
ul.lng li a { text-decoration: none; padding: 0 7px; color: #999; font-size: 11px; }
ul.lng li a:hover { text-decoration: underline; }
li.act_lng { display: none !important; }
/* === top meta navi - START ================================= */

/* ==== horisontal navigation - START ======================== */
/* --- level 1 --- */
ul.nav_lvl1ff {
  height: 30px; list-style-type: none; position: absolute; top: 185px; left: 118px; font-size: 12px; color: #999;
}
ul.nav_lvl1ff li { display: block; float: left; }
ul.nav_lvl1ff li.first { }
ul.nav_lvl1ff li a {
  display: block; height: 30px; float: left; padding: 0 10px 0 0; line-height: 30px;
  text-decoration: none; color: #231745; font-size: 12px;
}

ul.nav_lvl1ff li a span { display: block; padding: 0 0 0 10px; }
ul.nav_lvl1ff li a.act {  background: url(../_gfx/bgr_hornavi_sp.png) right -40px no-repeat transparent; color: #ddd; }
ul.nav_lvl1ff li a.act span {  background: url(../_gfx/bgr_hornavi_sp.png) left top no-repeat transparent; }
ul.nav_lvl1ff li a:hover { text-decoration: none; background: url(../_gfx/bgr_hornavi_sp.png) right -40px no-repeat transparent; color: #ddd; }
ul.nav_lvl1ff li a:hover span { background: url(../_gfx/bgr_hornavi_sp.png) left top no-repeat transparent; }
ul.nav_lvl1ff li.spacer { width: 1px; height: 14px; background: #fff; margin: 9px 0 0 0; }
ul.nav_lvl2ff li.spacer { width: 1px; height: 14px; background: #fff; margin: 9px 0 0 0; }
ul.nav_lvl2ff ul div.spacer { width: 1px; height: 14px; background: #fff; margin: 9px 0 0 7px; float: left; }

ul.header_area_pointer { list-style: none; width: 61px; position: absolute; top: 100px; right: 4px; }
ul.header_area_pointer li { height: 28px; }
ul.header_area_pointer a { display: block; text-align: center; font-size: 11px; }
ul.header_area_pointer a span { display: block;  padding: 2px; }
ul.header_area_pointer a.header_pointer_kunde span { border-bottom: 1px solid #231745; }
ul.header_area_pointer a.header_pointer_partner span { border-bottom: 1px solid #b1b1b1; }
ul.header_area_pointer a.act span { border-color: #fff; }
ul.header_area_pointer a.act { padding: 0 0 4px 0; }
ul.header_area_pointer a.header_pointer_kunde { background: #231745; color: #fff; }
ul.header_area_pointer a.header_pointer_partner { background: #b1b1b1; color: #fff; }



/* --- level 2&3 --- */
ul.nav_lvl2ff a:hover { text-decoration: none; }
ul.nav_lvl2ff { width: 744px; height: 30px; position: absolute; left: 0; top: 32px; list-style-type: none; z-index: 200; }
ul.nav_lvl2ff li#hor_navi_first_li { border-left: 1px solid #ccc; }
ul.nav_lvl2ff li.list_level2 { display: block; float: left; position: relative; }
ul.nav_lvl2ff a.level2 {
    display: block; height: 30px; float: left; padding: 0 10px 0 0; line-height: 30px;
  text-decoration: none; color: #ccc; font-size: 12px; position: relative;
}
ul.nav_lvl2ff li a.level2 span { display: block; height: 30px; padding: 0 15px 0 24px; line-height: 30px; }
/* hover effects for level2*/
ul.nav_lvl2ff li a span { display: block; padding: 0 0 0 10px; white-space: nowrap; overflow: hidden; }
ul.nav_lvl2ff li.hover a.level2, ul.nav_lvl2ff li a.act { background: url(../_gfx/bgr_hornavi_sp.png) right -120px no-repeat transparent; color: #ddd; }
ul.nav_lvl2ff li.hover a.level2 span, ul.nav_lvl2ff li a.act span {  background: url(../_gfx/bgr_hornavi_sp.png) left -80px no-repeat transparent; }
ul.nav_lvl2ff li a:hover { text-decoration: none; background: url(../_gfx/bgr_hornavi_sp.png) right -120px no-repeat transparent; color: #ddd; }
ul.nav_lvl2ff li a:hover span { background: url(../_gfx/bgr_hornavi_sp.png) left -80px no-repeat transparent; }

/* --- level 3 ----------- */
ul.nav_lvl2ff ul.horNaviHover, ul.nav_lvl2ff li.hover ul, ul.nav_lvl2ff li:hover ul { display: block; }
ul.nav_lvl2ff ul  {
    width: 200px; list-style-type: none; padding: 0; position: absolute; left: -8px; top: 30px; display: none;
}
*html ul.nav_lvl2ff ul { width: 150px; } /* IE-Hack for the width*/
ul.nav_lvl2ff ul li { float: none; padding: 0; margin: 0; }
ul.nav_lvl2ff li ul a {
  height: 30px; line-height: 30px; font-size: 12px; float: none;
  background: url(../_gfx/bgr_hornavi_sp.png) right -160px no-repeat transparent;
  display: block; padding: 0 15px; margin: 1px 0 0 0; color: #ccc; text-align: left;
  }
ul.nav_lvl2ff li ul a:hover {
  color: #fff; background: url(../_gfx/bgr_hornavi_sp.png) right -160px no-repeat transparent;
  }
ul.nav_lvl2ff li ul a:hover span { background: none; }
ul.nav_lvl2ff li.hover ul a.level2Act { background: #333; }

/* ==== horisontal navigation - END ========================= */

/* === footer - START ================== */
div.footer { height: 50px; position: relative; background: url(../_gfx/bgr_footer.png) left top no-repeat transparent; color: #eee; clear: both; margin-top: 1px; }
ul.metanavigation_bottom { list-style-type: none; float: right; margin: 19px 75px 0 0; font-size: 12px; color: #999; }
ul.metanavigation_bottom li { display: inline; }
ul.metanavigation_bottom li a { text-decoration: none; padding: 0 7px; color: #999; font-size: 11px; }
ul.metanavigation_bottom li a:hover { text-decoration: underline; }
ul.metanavigation_bottom li a.xing {
  width: 20px; height: 20px; padding: 0; position: absolute; right: 44px; top: 16px; text-indent: 999em;
  overflow: hidden; background: url(../_gfx/icon_social_xing.png) left top no-repeat transparent;
}
ul.metanavigation_bottom li a.facebook {
  width: 20px; height: 20px; padding: 0; position: absolute; right: 20px; top: 16px; text-indent: 999em;
  overflow: hidden; background: url(../_gfx/icon_social_facebook.png) left top no-repeat transparent;
}
/* === footer - END ================== */





/* === home styling - START ================================= */
div.home_cont1 { margin: 0 0 1px 0; }
div.sliding_item_top { height: 69px; }
div.sliding_item-1 div.sliding_item_top { background: url(../_gfx/bgr_home_ce1_top2.png) left top no-repeat; }
div.sliding_item-2 div.sliding_item_top { background: url(../_gfx/bgr_home_ce1_top3.png) left top no-repeat; }

a#sliding_trigger { display: block; float: left; margin: 12px 0 0 118px; color: #fff; }
div.fce_home_ce { margin: 0 0 1px 0; }

/* 1 column */
div.fce_home_ce div.round_top_1col { height: 26px; background: url(../_gfx/bgr_home_ce1_top.png) left top no-repeat; }
div.fce_home_ce div.middle_1col { padding: 0 20px; background: #fff; }
div.fce_home_ce div.round_bottom_1col { height: 26px; background: url(../_gfx/bgr_home_ce1_bottom.png) left top no-repeat; }

/* 2 column */
div.fce_home_ce div.round_top_2col { height: 26px; background: url(../_gfx/bgr_home_ce2_top.png) left top no-repeat; }
div.fce_home_ce div.middle_2col { padding: 0 20px; background: url(../_gfx/bgr_home_ce2_middle.png) left top repeat-y; }
div.fce_home_ce div.middle_2col  div.left { width: 655px; float: left; }
div.fce_home_ce div.middle_2col div.right { width: 240px; float: right; }
div.fce_home_ce div.round_bottom_2col { height: 26px; background: url(../_gfx/bgr_home_ce2_bottom.png) left top no-repeat; }

/*padding when no round corners*/
div.fce_home_ce div.padding_top { padding-top: 20px; }
div.fce_home_ce div.padding_bottom { padding-bottom: 20px; }
div.fce_home_ce div.padding_both { padding-top: 20px; padding-bottom: 20px; }
div.fce_home_ce div.padding_none { padding: 0 20px; }

div.sliding_item-1  div.fce_home_ce  div.padding_top, div.sliding_item-2  div.fce_home_ce  div.padding_top { padding-top: 0; }

/*
div.homeCont3 { margin: 0 0 1px 0; }
div.homeCont3 div.top { height: 37px; background: url(../_gfx/home_ce3_top.png) left top no-repeat; }
div.homeCont3 div.middle { padding: 20px; background: #fff; }
*/
/* === home styling - END =================================== */

/* === home page slider styles ============ */
div#slider_container, div.sliding_item { width: 980px; }
div#slider_container { position: relative; }
div.sliding_item { width: 980px; margin: 0 auto; float: left;}
div.sliding_controls { position: absolute; z-index: 100; top: 13px; left: 117px; color: #fff; }
div.sliding_controls span.sliding_trigger_next {
  padding: 11px 5px 10px 5px; position: absolute; left: 5px; top: -11px; white-space: nowrap;
  color: #fff; font-weight: bold; text-decoration: underline; font-size: 12px; cursor: pointer;
}
div.sliding_controls span.sliding_trigger_next_arrow {
  width: 42px; height: 35px; position: absolute; left: -45px; top: -11px; cursor: pointer;
}
div.sliding_item-1 span.sliding_trigger_next:after{content: 'Für Partner & Interessenten';}
div.sliding_item-2 span.sliding_trigger_next:after{content: 'Für Kunden & Interessenten';}
html:lang(en) div.sliding_item-1 span.sliding_trigger_next:after{content: 'For partners and interested parties';}
html:lang(en) div.sliding_item-2 span.sliding_trigger_next:after{content: 'For clients and interested parties';}

/* --- references slider ----------  */
div.references_slider { width: 240px; height: 320px; position: relative; top: 0; overflow: hidden; }
div.references_slider_container { position: absolute; height: 320px; overflow: hidden; width: 240px; }
div.references_slider div.references_single_item { float: left; height: 159px; position: relative; width: 240px; }
div.references_slider div.references_single_item img { padding: 0 0 10px 0; }
div.references_toggler_container { height: 20px; position: absolute;  right: 0; bottom: 0; z-index: 40; }
div.references_toggler_container li { display: block; float: left; width: 14px; height: 14px; }

div.references_toggler_container a {
  display: block; float: left; width: 14px; height: 14px; margin: 4px 4px 0 0;
  overflow: hidden; position: relative; text-indent: 999em; white-space: nowrap; z-index: 40;
  background: url(../_gfx/icon_refslider_toggler.png) left -47px no-repeat transparent;
}

div.references_toggler_container a.active {
  height: 14px; width: 14px; z-index: 40;
  background: url(../_gfx/icon_refslider_toggler.png) left top no-repeat transparent;
}

.tip-wrap {
    color: #fff;
    /*width: 139px;*/
    z-index: 13000 !important;
}

.tip {
    background-color: #231745;
}

.tip-title {
    font-weight: bold;
    font-size: 11px;
    margin: 0;
    color: white;
    padding: 8px 15px;
}

/* === PT - 2Cols  ========================== */
div.content div.round_top_1col {
  height: 26px; margin: 1px 0 0 0; background: url(../_gfx/bgr_home_ce1_top.png) left top no-repeat;
}
div.content div.content_1col { margin: 0 0 1px 0; padding: 0 20px 20px 20px; background: #fff; }



/* === PT - 2Cols  ========================== */
div.content div.round_top_2col {
  height: 26px; margin: 1px 0 0 0; background: url(../_gfx/bgr_home_ce2_top.png) left top no-repeat;
}
div.content div.content_2col {
  margin: 0 0 1px 0; padding: 0 20px;
  background: url("../_gfx/bgr_home_ce2_middle.png") repeat-y scroll left top transparent;
}
div.content div.content_2col div.left { width: 655px; float: left; padding: 0 0 5px 0; }
div.content div.content_2col div.right { width: 240px; float: right; padding: 0 0 5px 0; }


/* === Content Elements - START  =========================== */
div.csc-default  { margin-bottom: 20px; }
/* div.csc-default-no-margin { } */

/* general teasers styling */
div.teaser { margin: 0 0 20px 0; }
div.tx-rgtabs-pi1 div.teaser { margin: 0; }
.rgtabs-container .csc-header { display: none; }


/* FCE - Image Teaser */
div.fce_imgteaser h3 { padding: 0 0 10px 0; font-size: 16px; }
div.fce_imgteaser img { padding: 0 0 10px 0; }
div.fce_imgteaser p { margin: 0 0 10px 0; }
div.fce_imgteaser a.more_link { padding: 0 20px 0 0; color: #3A2468;  text-decoration: underline; }

/* FCE - StageElement */
div.fce_stageelement { position: relative; margin: 0; }
div.fce_stageelement a.more_link {
  width: 370px; padding: 20px; font-size: 18px; color: #ccc; line-height: 24px;
  position: absolute; bottom: 30px; left: 50px; background: url(../_gfx/bgr_black_transparent60.png) left top repeat transparent;
}
div.fce_stageelement a.more_link:hover { color: #fff; }

/* FCE - Columns 2/3 */
div.fce_multicolumns { }
div.fce_multicolumns div.left_col, div.fce_multicolumns div.middle_col, div.fce_multicolumns div.right_col { float: left; }

/* Multicolumns FCE's on 1column page template*/
body.tvtoid1 div.fce_multicolumns div.left_col,
body.tvtoid6 div.fce_multicolumns div.left_col { width: 300px; }
body.tvtoid1 div.fce_multicolumns div.middle_col,
body.tvtoid6 div.fce_multicolumns div.middle_col { width: 300px; margin: 0 0 0 20px; }
body.tvtoid1 div.fce_multicolumns div.right_col,
body.tvtoid6 div.fce_multicolumns div.right_col { width: 300px; float: right; }
body.tvtoid6 div.fce_2cols div.left_col { width: 460px; }
body.tvtoid6 div.fce_2cols div.right_col { width: 460px; }

/* Multicolumns FCE's on 2column page template */
body.tvtoid4 div.fce_multicolumns div.left_col { width: 205px; }
body.tvtoid4 div.fce_multicolumns div.middle_col { width: 205px; margin: 0 0 0 20px; }
body.tvtoid4 div.fce_multicolumns div.right_col { width: 205px; float: right; }
body.tvtoid4 div.fce_2cols div.left_col { width: 318px; }
body.tvtoid4 div.fce_2cols div.right_col { width: 318px; }

/* FCE - linklist */
div.fce_linklist li { padding: 0 0 8px 20px; background: url(../_gfx/icon_circle_violet.png) left top no-repeat; }
div.fce_linklist li a { line-height: 15px; }
div.fce_linklist li a:hover { text-decoration: underline; }

/* solution overview */
div.solutions form { display: block; width: 243px; height: 22px; margin: 0 0 10px 0; background: url(../_gfx/bgr_searchbox_1.png) left top no-repeat transparent; }
div.solutions input.text_field { width: 210px; height: 20px; margin: 0 0 0 7px; border: none;  float: left; background: transparent; }
div.solutions input.submit_field {
  display: block; width: 24px; height: 21px; border: none; float: right; cursor: pointer;
  overflow: hidden; white-space: nowrap; text-indent: 999em; background: transparent;
}

div.solutions { margin: 0 0 20px 0; }
div.solutions li { position: relative; padding: 0 0 1px 0; }
div.solutions h4 { font-size: 13px; margin: 0 0 5px 0; padding: 10px 0 0 0; }
div.solutions img { float: left; padding: 0 20px 0 0; }
div.solutions a { color: #3A2468; text-decoration: underline; }
div.solutions span { display:block; }
div.solutions hr { width: 447px; height: 1px; margin: 0; position: absolute; right: 0; bottom: 0; border: none; background: #ddd; }
div.solutions hr.top_hr { right: 0; top: 0; }
div.solutions hr.bottom_hr { bottom: 1px; }
/* === Content Elements - END  =========================== */

/* === Module Page - START ========================== */
/* image viewer */
ul.img_viewer { list-style-type: none; }
ul.img_viewer li a img { padding: 1px; background: #999; }
ul.img_viewer li { float: left; margin: 0 2px 0 0; }
ul.img_viewer li { margin: 0 2px 2px 0; }
ul.img_viewer li.last { margin-right: 0; }
ul.img_viewer li a { display: block; }
ul.img_viewer li.first { float: none; margin: 0 0 10px 0; }
ul.img_viewer li.clear_bottom { clear: both; float: none; }

/* modules accordion */
div#module_accordion { margin: 0 0 20px 0; background: url(../_gfx/bgr_border_001.png) left bottom no-repeat; }
div#module_accordion div.title {
  height: 44px; padding: 10px 0; font-size: 12px/*11px*/;
  background: url(../_gfx/bgr_border_001.png) left top no-repeat;
}

div#module_accordion div.title_img a { float: left;}
div#module_accordion div.title_img { width: 78px; margin: 0 20px 0 0; float: left; }
div#module_accordion div.title_partname { width: 160px; margin: 16px 5px 0 0; float: left; font-style: normal; }
div#module_accordion div.title_partname_wide { width: 360px; }
div#module_accordion div.title_extname { width: 160px; margin: 16px 5px 0 0; float: left; }
div#module_accordion div.title_cat { width: 156px; margin: 16px 5px 0 0; float: left; }
div#module_accordion div.content_inner { padding: 0; }
div#module_accordion div.content_inner div.solutions a { display:block; }
/*div#module_accordion div.extension { margin: 0 0 0 50px; }*/
div#module_accordion div.images { width: 137px; float: right; position: relative; margin-bottom: 15px; border: 1px solid #666; }
div#module_accordion div.images span.count { display: block; margin: 8px 0 0 0;}
div#module_accordion span.lightbox_toggler {
  display: block; width: 32px; height: 32px; position: absolute; top: 38px; left: 10px;
  /*background: url(../_gfx/icon_circle_fotos.png) left top no-repeat transparent;*/
    background: url(/typo3conf/ext/aus_inspirepartners/Resources/Public/Images/icon_imageviewer_trigger-small.png) left top no-repeat transparent;
  overflow: hidden; white-space: nowrap; text-indent: 999em;
}

div#module_accordion span.img_frame {
  display: block; width: 137px; height: 85px; position: absolute; top: 0; left: 0;
  background: url(../_gfx/bgr_img_frame.png) left top no-repeat transparent; margin: 0;
}


div#module_accordion div.title_contact {float: right; margin: 16px 10px 0 0; text-align: right; display: none; }
div#module_accordion div.title_contact_visible { display: block;  }
div#module_accordion div.acc_toggler { width: 65px; margin: 16px 0 0 0; float: right; text-align: right; }
div#module_accordion div.acc_toggler a {
  margin: 0 0 2px 0; padding: 0 12px 0 0; display: block; color: #333; font-style: italic; text-decoration: underline;
  background: url(../_gfx/bgr_acc_toggler.png) right -138px no-repeat;
}
div#module_accordion div.acc_toggler a.toggler_open { background-position: right 6px; }

div#module_accordion a.extension_slider_nav_prev {
  padding: 0 0 0 10px; background: url(../_gfx/icon_laquo_lila_001.png) left 5px no-repeat transparent;
}
div#module_accordion a.extension_slider_nav_next {
  padding: 0 10px 0 0; background: url(../_gfx/icon_raquo_lila_001.png) right 5px no-repeat transparent;
}

div#module_accordion .extensions_header {
    font-weight: bold;
    font-style: normal;
    font-size: 11px;
    display: block;
    width: 100%;
    font-style: italic;
    background: url(/typo3conf/ext/aus_inspirepartners/Resources/Public/Images/bg-extension-header.png) no-repeat 84px bottom;
}

div#module_accordion .extensions {
    margin-top: 15px;
    margin-left: 50px;
}

div#module_accordion .extensions .extension_images {
    width: 137px;
    float: right;
    position: relative;
    right: 5px;
}

div#module_accordion .extensions .init_container {
    border: 1px solid #666;
    width:137px;
    height:85px;
}

div#module_accordion .extensions .cera_link {
    width: 54px;
    height: 42px;
    position: absolute;
    bottom: 10px;
    left: 10px;
    background: url(/typo3conf/ext/aus_inspirepartners/Resources/Public/Images/icon_mediaviewer_trigger-small.png) left top no-repeat;
}

div#module_accordion .extensions .extension_slider_container {
    position:relative;
    width:600px;
    height:100px;
}

div#module_accordion .extensions .extension_slider_nav {
    width:600px;height:16px;margin-bottom:10px;
}

div#module_accordion .extensions .extension_slider_title {
    font-weight:bold;
    font-style:italic;
}

div#module_accordion .extensions .extension_slider_title_standalone {
    float:left;width:200px;text-align:center;font-size:11px;font-weight:bold;
}


div#module_accordion .extensions .extension_text,
div#module_accordion .extension .extension_text {
    width:460px;float:left;font-style:italic;
}

/* === Module Page - END ========================== */


/* === Solutions Page - START ==================== */
div.searchform_solutions div { width: 235px; height: 22px; background: url("../_gfx/bgr_inputtext_234x22.png") no-repeat scroll left bottom transparent; }
div.searchform_solutions div input#solutions_sword {
	display: block;
	width: 224px;
	height: 18px;
	margin: 0 0 0 6px;
	float: left;
	border: none;
	background: transparent;
	padding: 2px 3px 0 3px;
  }
/*
div.searchform_solutions div { width: 243px; height: 22px; background: url(../_gfx/bgr_searchbox_1.png) left top no-repeat; }
div.searchform_solutions div input#solutions_sword {
  display: block; width: 210px; height: 18px; margin: 0 0 0 5px; float: left; border: none; background: transparent;
  }
*/
/*div.searchform_solutions div input#solutions_submit {
  display: block; width: 23px; height: 20px; margin: 0; float: right; cursor: pointer;
  background: transparent; border: none; overflow: hidden; text-indent: 999em;
}*/

/* Branch select - Start */
.float_left { float: left; margin-right: 30px; }
div.searchform_solutions_branches select  {max-width: 235px; }

div.searchform_solutions_branches select {
	background: url("../_gfx/bgr_select_234x22.png") no-repeat scroll left bottom transparent;
	height: 22px;
	width: 235px;
	border: 0px;
	padding: 1px 5px 0 5px;
	-webkit-appearance: none; /*Removes default chrome and safari style*/
	-moz-appearance: none; /* Removes default Firefox style*/
}
div.searchform_solutions_branches select::-ms-expand {
	display: none; /*Removes default ie style*/
}
div.searchform_solutions_branches select option {
	background-color: #ffffff;
}
/* Branch select - End */

div.solutions_list { margin: 20px 0 0 0; background: url(../_gfx/bgr_border_001.png) 208px bottom no-repeat; font-size: 12px/*11px*/; }
div.solutions_single { margin: 1px 0 0 0; padding: 1px 0 0 0; background: url(../_gfx/bgr_border_001.png) 208px top no-repeat; position:relative; overflow:hidden; }
div.solutions_img { width: 188px; float: left; }
div.solutions_img a { display: block; }
div.solutions_text { width: 417px; margin: 8px 0 0 0; float: right; padding-right: 30px; }
div.solutions_text h2 { margin: 0 0 7px 0; font-size: 13px; font-weight:bold; }
div.solutions_text h3 { margin: 0 0 7px 0; font-size: 13px;}
div.solutions_text a { text-decoration: underline; color: #6633CC; padding-right: 30px; }
div.solutions_social { width: 20px; position:absolute; top:5px; right:0; }
div.solutions_social ul.social_links li {padding-bottom: 3px; }
div.solutions_social ul.social_links li a span.FBConnectButton_Simple { display:block; height:20px; background-image: url(../_gfx/icon_social_facebook.png); margin-bottom: 3px; }
/*div.solutions_social  a span.xing_button {  background:url(/fileadmin/bpm-inspire.com/templates/_gfx/icon_social_xing.png)  no-repeat;display:block;width:20px;height:20px; }*/
div.solutions_social ul.social_links li a span.MailRecommendation { background:url(/fileadmin/bpm-inspire.com/templates/_gfx/icons_social_sprite.png) -46px top no-repeat transparent; display:block; width:20px; height:20px; }
h3.solutions_suggest { padding: 50px 0 0 210px; }

/* === Solutions Page - END ====================== */

#sbCenter, #sbBottomContainer { z-index: 1000 !important; }


/* === Formhandler: Contact Form - START ============================= */
div.fh_contact div.fh_row {
  width: 240px; height: 40px; margin: 0 0 10px 0;
  background: url(../_gfx/bgr_inputtext_234x22.png) left bottom no-repeat transparent;
}
div.fh_contact label { height: 20px; font-size: 12px; font-weight: bold; }
div.fh_contact input.input_text {
  display: block; width: 224px; height: 16px; margin: 4px 0 0 5px;
  clear: both; border: none; background: transparent;
  font-size: 13px;
}
div.fh_contact div.checkbox_row {
    /*display: block; width: 240px; height: 65px; text-indent: 6px; line-height: 21px;*/
    border: none;
    background: none;
}
div.fh_contact div.question_row {
  display: block; width: 240px; height: 65px; text-indent: 6px; line-height: 21px;
  border: none;
  background: url(../_gfx/bgr_textarea_240x47.png) left bottom no-repeat transparent;
}
div.fh_contact div.question_row textarea {
  width: 220px; height: 35px; margin: 0; border: none; resize: none; background: transparent;
  font-size: 13px; font-family: Arial, Verdana, Helvetica, sans-serif; overflow: auto;
}
div.fh_contact div.checkbox_row label { width: 80px; line-height: 18px; }
div.fh_contact div.question_row label { text-indent: 0; }
div.fh_contact div.submit_row { height: 85px; background: none; }
div.fh_contact input.input_submit {
  width: 63px; border: none; display: block; padding: 0 0 66px 0; text-decoration: underline; font-size: 11px;
  text-align: center; cursor: pointer; margin: 0 auto; vertical-align: top; font-weight: bold;
  background: url(../_gfx/bgr_submit_63x63.png) left bottom no-repeat transparent;
}

div.fh_contact form#partnerContactform input.input_submit {
    padding: 100px 0 66px 0;
}

div.fh_contact div.captcha_row { text-align: center; }

div.fh_contact div.captcha_row { margin-top: 20px; }
div#sbox-content div.captcha_row { margin-top: 0px; }
div#sbox-content input#freecapfield { margin-bottom: 3px; }

div.fh_contact .fh_row .error .message, div.fh_contact_large .fh_row .error .message { font-size: 10px; margin-bottom: 2px; color: red; }

div.checkboxes .error { clear: both; }
div.checkboxes .error .message,
div.fh_contact .question_row .error .message,
div.fh_contact_large .question_row .error .message,
div.fh_contact .captcha_row .error .message,
div.fh_contact_large .captcha_row .error .message { font-size: 10px; margin-bottom: 2px; position: relative; top: 4px; color: red; }

div.fh_contact div.clear_bottom, div.fh_contact_large div.clear_bottom { height: 6px; }

div.fh_contact_advanced div.checkbox_container {  margin: 0 0 1px 0; }
div.fh_contact_advanced div#checkboxes label { float: none; display: inline; vertical-align: text-top; }

/* Webinar - Start */
div.fh_contact_webinar div.fh_row {
	background: url("../_gfx/bgr_inputtext_234x22.png") no-repeat scroll left bottom transparent;
	height: 40px;
	margin: 0 20px 12px 0;
	width: 245px;
}
div.fh_contact_webinar div.fh_row_zip {
	width: 150px;
}
div.fh_contact_webinar label { height: 20px; font-size: 12px; font-weight: bold; }
div.fh_contact_webinar input.input_text {
	width: 230px;
	background: none repeat scroll 0 0 transparent;
	border: medium none;
	clear: both;
	display: block;
	font-size: 13px;
	height: 16px;
	margin: 0 5px 0 5px;
}
div.fh_contact_webinar input.input_submit {
	padding: 100px 0 66px;
	background: url("../_gfx/bgr_submit_63x63.png") no-repeat scroll left bottom transparent;
	border: medium none;
	cursor: pointer;
	display: block;
	font-size: 11px;
	font-weight: bold;
	margin: 0 auto;
	padding: 0 0 66px;
	text-align: center;
	text-decoration: underline;
	vertical-align: top;
	width: 63px;
}
div.fh_contact_webinar  div.captcha_row {
	text-align: center;
}

div.fh_contact_webinar div.fh_row_commit {
	background: url("../_gfx/bgr_textarea_240x47.png") no-repeat scroll left bottom transparent;
	border: medium none;
	display: block;
	height: 65px;
	line-height: 21px;
	width: 240px;
}
div.fh_contact_webinar textarea {
	background: none repeat scroll 0 0 transparent;
	border: medium none;
	font-size: 13px;
	height: 35px;
	margin: 0;
	overflow: auto;
	resize: none;
	width: 220px;
	padding: 0 6px 0 6px;
	font-family: Arial,Verdana,Helvetica,sans-serif;
}
/* Webinar - End */
/* === Formhandler: Contact Form - END ============================= */

/* === Formhandler: Large Contact Form - START ============================= */
div.fh_contact_large div.fh_row {
  width: 280px; /*height: 40px;*/ height: 24px; margin: 0 18px 10px 0;
  float: left;
  background: url(../_gfx/bgr_inputtext_left.png) left bottom no-repeat transparent;
}
div.fh_contact_large div.fh_row_inner {
  width: 100%; /*height: 40px;*/ height: 24px; text-indent: 6px; margin: 0 0 10px 0; padding: 0 14px 0 0;
  float: left;
  background: url(../_gfx/bgr_inputtext_right.png) right bottom no-repeat transparent;
}
div.fh_contact_large label { display: none; height: 20px; float: left; font-size: 11px; font-weight: normal; }
div.fh_contact_large input.input_text {
  display: block; width: 100%; height: 16px; margin: 4px 0 0 6px;
  clear: both; border: none; background: transparent;
  font-size: 13px;
}
div.fh_contact_large div.question_row {
  display: block; width: 574px; height: 110px; /*text-indent: 6px;*/ line-height: 21px;
  border: none;
  background: url(../_gfx/bgr_textarea_left_3.png) left bottom no-repeat transparent;
}
div.fh_contact_large div.question_row_inner {
  display: block; width: 100%; height: 110px; /*text-indent: 6px;*/ line-height: 21px; padding: 0 20px 0 0;
  border: none;
  background: url(../_gfx/bgr_textarea_right_3.png) right bottom no-repeat transparent;
}
div.fh_contact_large div.question_row textarea {
  width: 100%; height: 95px; margin: 6px 0 0 0; border: none; resize: none; background: transparent;
  font-size: 13px; font-family: Arial, Verdana, Helvetica, sans-serif;
}
div.fh_contact_large div.question_row label { text-indent: 0; }

div.fh_contact_large label.checkbox_label {display: block;}
div.fh_contact_large .label_style,
div.fh_contact_large .tx-srfreecap-pi2-cant-read { display: block; font-size: 12px; }
div.fh_contact_large .tx-srfreecap-pi2-image { vertical-align: middle; }
div.fh_contact_large div.checkboxes div.checkbox_container {float:left; margin-right: 20px;}
div.fh_contact_large div.checkboxes {margin-top: 10px; margin-bottom: 0px; height: 40px;}

div.fh_contact_large div.captcha_row { text-align: center; clear: both; }

div.fh_contact_large div.submit_row { width: 100%; height: 63px; background: none; float: none; text-align: center; }
div.fh_contact_large input.input_submit {
  width: 63px; border: none; display: block; padding: 0 0 66px 0; text-decoration: underline; font-size: 11px;
  text-align: center; cursor: pointer; margin: 0 auto; vertical-align: top; font-weight: bold;
  background: url(../_gfx/bgr_submit_63x63.png) left bottom no-repeat transparent;
}

/* === Formhandler: Large Contact Form - END ============================= */


/* --- modules overview navi - START --- */

ul.modulesoverview_navi-2 { height: 440px;}
ul.modulesoverview_navi-2 li a {
  width: 217px; height: 217px; margin: 0 1px 1px 0; float: left; white-space: nowrap;
  text-decoration: none; color: #fff; position: relative; overflow: hidden; text-indent: 9999em;
}
ul.modulesoverview_navi-2 li a img { display: block; position: absolute; left: 0; top: 0; }




/* ==== tt_news: home page teaser - START ========================= */
ul.ttnews_hometeaser { padding: 0 0 20px 0; }
ul.ttnews_hometeaser li { width: 300px; margin: 0 20px 0 0; float: left; }
ul.ttnews_hometeaser li.last { margin: 0; }
ul.ttnews_hometeaser li img { float: left; padding: 0 15px 0 0; }
ul.ttnews_hometeaser li a { text-decoration: underline; }
ul.ttnews_hometeaser li.clear_bottom { clear: both; float: none; }
/* ==== tt_news: home page teaser - END =========================== */

/* --- staging area - START -------- */
div.stage dl { margin: 0 !important; }


/* === FCE: Slider - START ========================================== */
/*
div.stagearea_slider { width: 940px; height: 270px; background: #fff; position: relative; }
div.stagearea_slider_inner {
  width: 750px; height: 240px; float: left; position: relative;
  overflow: hidden; background: #555;
}
div.stagearea_slider div.stagearea_slider_container {
  width: 3000px; height: 240px; float: left; position: relative; left: 0; background: #555;
}

div.stagearea_slider div.stagearea_toggler_container { width: 189px; height: 240px; float: right; }
div.stagearea_slider div.stagearea_toggler_container img { display: block; }
div.stagearea_slider  div.stagearea_toggler_container a { display: block; width: 189px;  height: 57px; cursor: pointer; background: #777; margin: 0 0 4px 0; }
div.stagearea_slider div.stagearea_slider_container div.stagearea_single_item {
  display: block; width: 750px; height: 240px; float: left; position: relative;
}
div.stagearea_slider div.stagearea_slider_container  div.stagearea_single_item div.slider_text {
  width: 250px; height: 240px; position: absolute; right: 0; top: 0; color: #fff;
  background: url(../_gfx/bgr_sliderinfo_001.png) left top repeat transparent;
}*/

div.stagearea_slider { width: 940px; height: 270px; background: #fff; position: relative; }
div.stagearea_slider_inner {
    width: 750px; height: 240px; float: left; position: relative;
    overflow: hidden; /*background: #555;*/
}
div.stagearea_slider div.stagearea_slider_container {
    width: 750px; height: 240px; /*float: left;*/ /*position: relative; left: 0; background: #555;*/
}

/* right togglers */
div.stagearea_slider div.stagearea_toggler_container { width: 189px; height: 240px; float: right; }
div.stagearea_slider div.stagearea_toggler_container img { display: block; }
div.stagearea_slider div.stagearea_toggler_container a { display: block; width: 189px; height: 57px; cursor: pointer; background: #777; margin: 0 0 4px 0; }
div.stagearea_slider div.stagearea_slider_container div.stagearea_single_item {
    display: block; width: 750px; height: 240px; float: left; position: relative;
}
div.stagearea_slider div.stagearea_slider_container  div.stagearea_single_item div.slider_text {
    width: 250px; height: 240px; position: absolute; right: 0; top: 0; color: #fff;
    background: url(../_gfx/bgr_sliderinfo_001.png) left top repeat transparent;
}

/* infobox */
div.stagearea_slider div.stagearea_slider_container div.stagearea_single_item div div { padding: 20px; }
div.stagearea_slider div.stagearea_slider_container div.stagearea_single_item div h3 { margin: 0 0 15px 0; color: #fff !important; font-size: 14px; }
div.stagearea_slider div.stagearea_slider_container div.stagearea_single_item div p { margin: 0 0 15px 0; }
div.stagearea_slider div.stagearea_slider_container div.stagearea_single_item div p i { line-height: 120%; }
/*div.fce_slider div.stagearea_slider_container div.stagearea_single_item div a { color: #fff; text-decoration: underline; }*/


/* bottom togglers */
div.bottom_togglers {
  width: 750px; height: 29px; position: absolute; left: 0; bottom: 0;
  background: url(../_gfx/bgr_sliderbottom.png) left top no-repeat #fff;
}
div.bottom_togglers a {
  display: block; width: 13px; height: 10px; float: left; margin: 11px 0 0 22px;
  background: url(../_gfx/bgr_slidercontrols.png) left top no-repeat;
}
div.stagearea_slider div.bottom_togglers a.bottom_toggler_right { background-position: right top; }
div.stagearea_slider div.bottom_morelink {
  width: 189px; height: 29px; position: absolute; right: 0; bottom: 0;
  background: url(../_gfx/bgr_sliderbottom.png) right top no-repeat transparent;
}
div.stagearea_slider div.stagearea_slider_container div.stagearea_single_item div.slider_text a,
div.stagearea_slider div.bottom_morelink a { padding: 0 0 0 20px; color: #fff; text-decoration: none; }
div.stagearea_slider div.bottom_morelink a { line-height: 30px; }

div.stagearea_slider div.stagearea_slider_container div.stagearea_single_item div.slider_text a:hover,
div.stagearea_slider div.bottom_morelink a:hover { text-decoration: underline; }

div.stagearea_slider div.stagearea_slider_container div.stagearea_single_item div.slider_text a { padding: 0; text-decoration: underline;}




/* === FCE: Slider - END ========================================== */

.mf { height: 465px !important; }
.mf div.mfNav {
  height: 55px; position: relative; bottom: 10px !important;
  background: url(../_gfx/bgr_references_slider_navi.png) center top no-repeat transparent;
}
.mf div.caption { z-index: 1000 !important; bottom: 80px !important; margin: 0 !important;}
.mf a.pagelink, .mf a.sliderPrev, .mf a.sliderNext { position: absolute; left: 409px; top: 25px; background: transparent !important; }
.mf a.pagelink {
  margin-top: 0 !important; top: 49px; z-index: 101 !important;
  width: 49px; height: 49px; left: 446px; overflow: hidden; display: block; white-space: nowrap; text-indent: 999em;
}
.mf div.mfNav { z-index: 999 !important;}
.mf a.sliderNext, a.sliderPrev { width: 31px !important; height: 30px !important; background: transparent !important; }
.mf a.sliderNext { left: 326px; }
.mf div.caption span.caption-name { display: block; font-size: 18px; padding: 0 0 5px 0; }
.mf div.caption span.caption-desc { display: block; font-size: 12px; padding: 0 300px ; }

/* categories navi under the mooflow slider*/
div.tx-aus-solutiondatabase div.category_outer { margin: 10px 0 0 0; }
div.tx-aus-solutiondatabase div.category_outer ul { text-align: center; }
div.tx-aus-solutiondatabase div.category_outer ul li { display: inline; }
div.tx-aus-solutiondatabase div.category_outer ul li a { text-decoration: none; }


/* === caroussel slider - START ======================= */
#slider_outer { height: 178px; margin: 0 auto; padding: 0 10px; position: relative; }
#slider_outer .slider_forward, #slider_outer .slider_back{
    display: block; width: 30px; height: 138px; position: absolute; right: 0; top: 0;
  cursor: pointer;
}
#slider_outer .slider_back { left: 0; top:20px; background:url('../_gfx/bgr_arrows_bidirectional_gray_001.png') left center no-repeat; }
#slider_outer .slider_forward { top:20px; background:url('../_gfx/bgr_arrows_bidirectional_gray_001.png') right center no-repeat;  }
#slider_inner{
    position: relative ;
    overflow: hidden;
    margin: 0 auto;
    padding: 0 10px;
}
#slider_items { display: block; position: relative; height: 178px; }
#slider_items div.slider_element {
    float: left; margin: 0; font-size:12px/*11px*/; position: relative;
    width: 172px; height: 138px; text-align: center; color: #fff;
}
#slider_items a { display:block; }
#slider_items span { display:block; width:172px; text-align:center; color: #666; }
#slider_items a img{ border:none; }

.category_outer { overflow:hidden; }
.category_inner { width:80px; padding:10px; float:left; }
.category_inner a { text-decoration:none !important; }
.category_inner span { display:block; height:30px; text-align: center; }
/* === caroussel slider - END ========================= */



/* === NEWS - START =================================== */

/* list - used as LATEST on the home page  */
div.news-list3-container { padding: 0 0 5px 0; }
div.news_latest_item { width: 300px; height: 125px; float: left; margin: 0 20px 0 0; }
div.news_latest_item_last { margin: 0; }
div.news_latest_item img { float: left; padding: 0 20px 0 0; }
div.news_latest_item h2 { font-size: 12px/*11px*/; }
div.news_latest_item h2 a { color: #6633CC !important; text-decoration: underline; }

/* single */
div.news_single h1 { font-size: 15px; font-weight: bold; margin: 0 0 25px 0; }
div.news_single p.news_single_date { font-size: 12px/*11px*/; font-weight: bold; margin: 0 0 7px 0; }

/* list view */
div.news_list_container { /*background: url(../_gfx/bgr_border_001.png) 135px bottom no-repeat;*/ font-size: 12px/*11px*/; }
div.news_list_item  { margin: 1px 0 0 0; padding: 1px 0 0 0; background:  url(../_gfx/bgr_border_001.png) 135px top no-repeat; position:relative;  overflow:hidden;  }
div.news_list_img { width: 105px; float: left; }
div.news_list_img a { display: block; text-decoration: none; }
div.news_list_text { width: 520px; margin: 8px 0 0 0; float: right; }
div.news_list_text h3 { margin: 0 0 7px 0; font-size: 13px; }
div.news_list_text h3 a { text-decoration: none; }
div.news_list_text h3 a:hover { text-decoration: underline; }
div.news_list_text p { font-style: italic; margin: 0 0 5px 0; }
div.news_list_text span.news_list_date { display: block; margin: 0 0 5px 0; }



/* === NEWS - END ==================================== */
/* === NEWSLIST - START =================================== */

div.news-list-item div.clearer {
  clear: both;
}

div.news-list-item div.clearer hr {
  border: 1px solid #bbbbbb;
}

div.news-list-item-all {
  margin-top: 10px;
}

div.news-list-image {
  width: 105px;
  margin: 5px;
  margin-left: 0px;
  float: left;
}

div.news-list-contentpreview {
  width: 540px;
  margin: 5px;
  margin-right: 0px;
  float: left;
}

div.news-list-item-ender {
  height: 100%;
  margin: 5px;
}

div.news-result-numbers{
  text-align:right;
  font-weight: bold;
  margin-top: 30px; margin-bottom: 6px;
}
span.news-browselink-active {
  font-weight: bold;
}
div.news-browselinks {
  text-align: right;
}
div.news-browselinks span, div.news-browselinks a {
  margin-left: 2px; margin-right: 2px;
}

/* === NEWSLIST - END ==================================== */

div.social-media-share { height: 25px; margin: 0 0 20px 0; }
div.social-media-share div.share-fb { float: right;  width: 100px; }
div.social-media-share div.share-twitter { float: right; width: 100px; }

ul.social_links { height: 20px; margin: 0 0 15px 0; }
ul.social_links li { float: right; }
ul.social_links li a {
  display: block; width: 21px; height: 20px; margin: 0 0 0 3px;
  white-space: nowrap; text-indent: 999em; overflow: hidden;
  background-image: url(../_gfx/icons_social_sprite.png); background-repeat: no-repeat;
}
ul.social_links li a.social_forward { background-position: left top; }
ul.social_links li a.social_email { background-position: -46px top; }
ul.social_links li a.social_print { background-position: -23px top; }
ul.social_links li a.social_facebook { background-position: -115px top; }
ul.social_links li a.social_twitter { background-position: -69px top; }
ul.social_links li a.social_xing { background-position: -92px top; }
ul.social_links li a.social_gplus { background-position: right top; }





/* --- rootline navigation -------------- */

/* backlink styling - appearing before the rootline */
ul.nav_rootline li.backlink_wrap { color: #666; padding: 0 40px 0 0;}
ul.nav_rootline li.backlink_wrap a {
  display: block; float: left;  background: #eee; margin: -12px 5px 0 -10px; padding: 0 0 0 46px; text-decoration: none;
  line-height: 38px; background: url(../_gfx/icon_circle_playback.png) left center no-repeat transparent; color: #666;
}
ul.nav_rootline li.backlink_wrap a:hover { text-decoration: underline; }


/* rootline navi*/
ul.nav_rootline { padding: 0 0 5px 0; color: #6633CC; }
ul.nav_rootline li { display: inline;  padding: 0 5px 0 0; font-size: 12px;}
ul.nav_rootline li a { color: #6633CC; padding: 0 5px 0 0; font-size: 12px; }
ul.nav_rootline li.last { color: #666; font-size: 12px; }

/* --- sitemap -------------------------- */
div.csc-sitemap ul li { margin-bottom: 6px; }
div.csc-sitemap ul li a { text-decoration: none; margin-bottom: 1px; font-weight: bold; }
div.csc-sitemap ul li ul a { text-decoration: none; margin-bottom: 1px; font-weight: normal; }
div.csc-sitemap ul li ul { margin-left: 18px; margin-bottom: 2px; }
div.csc-sitemap ul li ul li { margin-bottom: 0px; }




/* --- FCE: Media Viewer -------------  */
div.media_viewer_container { }
div.media_viewer_container div.media_container_outer,
div.media_viewer_container_extension div.media_container_outer { display: none; }
div.media_viewer_container div.init_container a,
div.media_viewer_container_extension div.init_container a {
  display: block; width: 88px; height: 68px; position: absolute; bottom: 10px; left: 10px; white-space: nowrap;
  background: url(../_gfx/icon_mediaviewer_trigger.png) left top no-repeat; text-indent: 999em; overflow: hidden;
}

div.media_viewer_container div.init_container,
div.media_viewer_container_extension div.init_container {
  position: relative; height: 198px; text-align: center;
  width: 318px; float: left; margin: 0 20px 15px 0;
}
div.media_viewer_container div.init_container  span.frame,
div.media_viewer_container_extension div.init_container  span.frame {
  display: block; width: 318px; height: 198px; position: absolute; left: 0; top: 0;
  background: url(../_gfx/bgr_mediaviewer_frame.png) left top no-repeat transparent;
}
/* === CeraBox - START ================================ */
#cerabox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  margin-left: -20px;
  cursor: pointer;
  overflow: hidden;
  z-index: 1106;
  display: none;
  -webkit-transform: scale(1);
  -webkit-transform-origin: 50% 50%;
  transform: scale(1);
  transform-origin: 50% 50%;
}

#cerabox-loading div {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 480px;
  background-image: url("../_gfx/cerabox.png");
}

#cerabox-background {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1100;
  display: none;
  background: #000;
  opacity: .5;
}

#cerabox {
  padding: 45px;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1101;
  display: none;
  opacity: 0;
  background: #fff;
  -webkit-transform: scale(1);
  -webkit-transform-origin: 0 0;
  transform: scale(1);
  transform-origin: 0 0;
}

#cerabox .cerabox-content {
  width: 100%;
  height: 100%;
  padding: 0;
  outline: none;
  position: relative;
  overflow: hidden;
  z-index: 1102;
  border: 0px solid #fff;
}

#cerabox span.cerabox-error, #cerabox .cerabox-title span {
  padding: 10px 50px 10px 45px;
  display: block !important;
  font-family: Helvetica;
  font-size: 12px;
  color: #000;
  line-height: normal;
}
#cerabox span.cerabox-error { text-align: justify; }
#cerabox .cerabox-title span { display: block !important; color: #666; }

#cerabox .cerabox-title {
  z-index: 1102;
  position: absolute;
  bottom: 0;
  left: 0;
  color: #666;
  text-align: left;
  background: #fff;
  width: 100%;
  -webkit-transform: scale(1);
  -webkit-transform-origin: 0 100%;
  transform: scale(1);
  transform-origin: 0 100%;
}


#cerabox .cerabox-close {
  position: absolute;
  bottom: 5px;
  right: 5px;
  width: 32px;
  height: 32px;
  background: url('../_gfx/icon_circle_close.png') top left no-repeat transparent;
  cursor: pointer;
  z-index: 1105;

  -webkit-transform: scale(1);
  -webkit-transform-origin: 100% 0;
  transform: scale(1);
  transform-origin: 100% 0;
}

#cerabox .cerabox-content img.image {
  float: left;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  border: none;
  outline: none;
  line-height: 0;
  vertical-align: top;
}

#cerabox .cerabox-content iframe.iframe {
  width: 100%;
  height: 100%;
  border: none;
  display: block;
}

#cerabox a.cerabox-left, #cerabox a.cerabox-right {
  position: absolute;
  top: 100px;
  height: 40px;
  width: 30px;
  cursor: pointer;
  outline: none;
  background: transparent url('../_gfx/blank.gif');
  z-index: 1104;
  display: none;
}

#cerabox a.cerabox-left {
  left: 0px;
  -webkit-transform: scale(1);
  -webkit-transform-origin: 0 50%;
  transform: scale(1);
  transform-origin: 0 50%;
}

#cerabox a.cerabox-right {
  right: 0;
  -webkit-transform: scale(1);
  -webkit-transform-origin: 100% 50%;
  transform: scale(1);
  transform-origin: 100% 50%;
}

#cerabox a.cerabox-left span, #cerabox a.cerabox-right span {
  position: absolute;
  top: 50%;
  width: 40px;
  height: 32px;
  margin-top: -20px;
  cursor: pointer;
  z-index: 1104;
  display: block;
}

#cerabox a.cerabox-left span, #cerabox.mobile a.cerabox-left span {
  background-image: url('../_gfx/icon_circle_prev.png');
  background-position: center top;
  background-repeat: no-repeat;
  left: 0;
}

#cerabox a.cerabox-right span, #cerabox.mobile a.cerabox-right span {
  background-image: url('../_gfx/icon_circle_next.png');
  background-position: center top;
  background-repeat: no-repeat;
  right: 0;
}

#cerabox .cerabox-content-protection {
  display: none;
  position: absolute;
  background: transparent url('../_gfx/blank.gif');
  z-index: 1103;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  -moz-user-select: none;
  -khtml-user-select: none;
  user-select: none;
}

/*IE6*/
#cerabox-loading.ceraboxbox-ie6 {
  position: absolute; margin-top: 0;
  top:  expression( (-20 + (document.documentElement.clientHeight ?  document.documentElement.clientHeight/2 : document.body.clientHeight/2 )  + ( ignoreMe = document.documentElement.scrollTop ?  document.documentElement.scrollTop : document.body.scrollTop )) + 'px');
}



/*Mobile*/
#cerabox.mobile {
  /*width: 100% !important;
  height: 100% !important;*/
  background: #000;
}

#cerabox.mobile .cerabox-content {
  background: #fff;
  /*CSS3*/
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

#cerabox.mobile .cerabox-content :first-child {
  background: #fff;
}

#cerabox.mobile .cerabox-close {
  top: 2px !important;
  right: 0 !important;
}

#cerabox.mobile a.cerabox-left span {
  left: 0 !important;
}

#cerabox.mobile a.cerabox-right span {
  right: 0 !important;
}

#cerabox.mobile a.cerabox-left, #cerabox.mobile a.cerabox-right {
  width: 10%;
}
/* === CeraBox - END ================================ */

/* folding by long lists of records*/
a.foldingMoreToggler {
  height: 62px;
    overflow: hidden;
    text-indent: -999px;
    white-space: nowrap;
  background: url(../_gfx/icon_circle_more_graybgr.png) center top no-repeat;
}
a.foldingMoreToggler:hover { background-color: #f7f7f7; }
html:lang(en) a.foldingMoreToggler{ background: url(../_gfx/icon_circle_more_graybgr_en.png) center top no-repeat; }
html:lang(en) a.foldingMoreToggler:hover { background-color: #f7f7f7; }
html:lang(en) body.tvtoid1 ul.rgtabs-menu {background:url(../_gfx/bgr_tabs_round_back_en.png) left bottom no-repeat;}
html:lang(en) div.media_viewer_container div.init_container a {background: url(../_gfx/icon_mediaviewer_trigger_en.png) left top no-repeat; text-indent: 999em; overflow: hidden;}
html:lang(en) div.media_viewer_container_extension div.init_container a {background: url(../_gfx/icon_mediaviewer_trigger_en.png) left top no-repeat; text-indent: 999em; overflow: hidden;}

/* rgtabs - links with "show all records" */
div#c839,  div#c840, div#c841, div#c1417, div#c1418 { width: 980px; padding: 3px 0 0 0; border-top: 1px  solid #ddd; text-align: right; position: relative; left: -20px; }
div#c839 p, div#c840 p, div#c841 p, div#c1417 p, div#c1418 p { margin: 0 20px 0 0;}

#c115 a {color:#666; text-decoration:none;}
#c93 a {color:#666; text-decoration:none;}

/* === Solution FIX ================================ */
#solutions_related > div { height: inherit !important; }
#solutions_related > div .solutions_single { margin: inherit !important; }

/* cookie bar - start */
.tx-cookie-bar .cookie-bar-outer {
  position: fixed;
  z-index: 1001;
  bottom: 0;
  width: 980px;
  background: #231745;
  visibility: hidden;
}
.tx-cookie-bar .cookie-bar-inner {
  max-width: 900px;
  margin: 0 auto;
  padding: 10px;
  color: #FFF;
}
.tx-cookie-bar .btn {
  margin-left: 5px;
  color: #FFF;
  text-decoration: underline;
}
/* cookie bar - end */
