
/***      CSS Document     ***/

/******* Default styles *******/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, tr, td
{
	margin:0;
	padding:0;
	border:0;
	vertical-align:baseline;
	text-decoration: none;
}
html
{
	height:100%;
}
body
{
	text-align: center;
	background:  url(../img/back_all.png) top left repeat-x;
	color: #000000;
	font-family: Verdana, Arial, Sans-Serif;
	height:100%;
}
table
{
	border-collapse: collapse;
}
ul
{
	list-style: none;
}
.coll
{
	float: left;
}
.colr
{
	float: right;
}
.clr
{
	clear: both;
}
sup
{
	top:-0.4em;
}
sub
{
	bottom:-0.3em;
}
sup, sub {
	position:relative;
	vertical-align:baseline;
}
/******* ----------------- *******/

/******* Begin styles TEMPLETE*******/




body
{
	background:  url(../img/bg_top_body.png) top left repeat-x; 
}
.container
{
	font-size: 12px;
	width: 977px;
	margin: 0 auto;
	text-align: left;
	min-height: 100%;
	margin-bottom: -58px;

}
.container_bottom
{
	margin: 0 auto;
	width: 970px;
	padding-top: 10px;
	overflow: hidden;
}

.hide
{
	font-size: 0px;
	visibility: hidden;
}
.lang_pad
{
	padding-left: 3px;
}
.lang
{
	width: 130px;
	height: 23px;
    /* REMOVED FOR THE FIRST RELEASE ONLY. WE WILL ADD ENGLISH IN JANUARY */
	/* background:  url(../img/bg_lang.png) top left repeat-x; */
}
.lang a
{
	display: block;
	float: left;
	color: #fff;
	width: 64px;
	font-size: 11px;
	text-indent: 13px;
	padding-top: 3px;
	background:  url(../img/lang_off.gif)  1px 8px no-repeat; 
}
.lang a:hover
{
	color: #000;
}
.lang a.active
{
	color: #000;
	background: none;
	cursor: default;
}
.logo
{
	padding-top: 22px;
	padding-left: 1px;
}
.logo a
{
	display: block;
	width: 245px;
	height: 58px;
	background:  url(../img/logo.png) top right no-repeat; 
}
.content_l_side
{
	width: 977px;
	background:  url(../img/bg_top_content_l.png) top left no-repeat;
	padding-top: 6px;
	padding-left: 4px;
}
.content_r_side
{
	background:  url(../img/bg_top_content_r.png) top right no-repeat;
	width: 979px;
	overflow: hidden;
}
.content_c_side
{
	width: 979px;
	background:  url(../img/bg_top_content_top.png) 0px 2px repeat-x;
	overflow: hidden;
	
}
.content_back_inner
{
	width: 971px;
	background:  url(../img/bg_top_content_content_inner.png) 0px 0px repeat-x;
	overflow: hidden;
}
.menu_main
{
	width: 580px;
	height: 24px;
	background:  url(../img/bg_menu_def_.png) 0px 0px repeat-x;
	overflow: hidden;
}
.menu-main-in ul li
{
	float: left;
}
.menu-main-in  ul a
{
	display: block;
	height: 24px;
}
.n_1 a
{
	width: 101px;
	background:  url(../img/de/menu_text.png) -9px 0px no-repeat;
}
.n_1 a:hover, .n_1 a.active_
{
	background:  url(../img/de/menu_text.png) -9px -24px no-repeat;
}
.n_2 a
{
	width: 67px;
	background:  url(../img/de/menu_text.png) -112px 0px no-repeat;
}
.n_2 a:hover, .n_2 a.active_
{
	background:  url(../img/de/menu_text.png) -112px -24px no-repeat;
}
.n_3 a
{
	width: 75px;
	background:  url(../img/de/menu_text.png) -179px 0px no-repeat;
}
.n_3 a:hover, .n_3 a.active_
{
	background:  url(../img/de/menu_text.png) -179px -24px no-repeat;
}
.n_4 a
{
	width: 76px;
	background:  url(../img/de/menu_text.png) -255px 0px no-repeat;
}
.n_4 a:hover, .n_4 a.active_
{
	background:  url(../img/de/menu_text.png) -255px -24px no-repeat;
}
.n_5 a
{
	width: 60px;
	background:  url(../img/de/menu_text.png) -331px 0px no-repeat;
}
.n_5 a:hover, .n_5 a.active_
{
	background:  url(../img/de/menu_text.png) -331px -24px no-repeat;
}
.n_6 a
{
	width: 48px;
	background:  url(../img/de/menu_text.png) -389px 0px no-repeat;
}
.n_6 a:hover, .n_6 a.active_
{
	background:  url(../img/de/menu_text.png) -389px -24px no-repeat;
}
.you_are_here_navs
{
	height: 24px;
	padding-left: 2px;
}
.you_are_here_nav span
{
	background:  url(../img/lang_off.gif) center left no-repeat;
	height: 13px;
	font-weight: bold;
	color: #5c5c5c;
	overflow: hidden;
	font-size: 10px;
	padding-left: 12px;
}
.you_are_here_nav span.bolder
{
	color: #5c5c5c;
	padding-right:9px;
}
.you_are_here_nav span.bolder a
{
	color: #bb0025;
	font-weight: normal;
}
.elm_1
{
	width: 54px;
}
.content_back_inner_pad
{
	padding-left: 13px;
	padding-top: 16px;
}
.photo_main_inner
{
	width: 626px;
	height: 266px;
}

.flash_main_inner
{
	width: 320px;
	height: 266px;
}

.flash_main_inner img
{
	display: block;
}

.flash_main_inner a
{
	width: 320px;
	height: 26px;
	background: #000;
	display: block;
	font-size: 9px;
	line-height: 22px;
	text-decoration: underline;
	color: #fff;
	text-align: center;
}

.graphic_inner
{
	padding-bottom: 13px;
}
.bottom
{
	width: 100%;
	background:  url(../img/bg-bottom.gif) bottom left repeat-x;
	height: 58px;
	bottom: 0;
}
.menu_right
{
	width: 391px;
	height: 24px;
	background:  url(../img/bg_menu_def_.png) 0px 0px repeat-x;
	overflow: hidden;
}

.menu-right
{
	position: relative;
	margin-left: -10px;
	padding-top: 6px;
}

.menu-right ul
{
	display: block;
	float:right;
	padding-right: 5px;
}

.menu-right ul li
{
	float: left;
}

.menu-right ul li a
{
	display: block;
	font-size: 10px;
	color: #fff;
	background:  url(../img/lang_off.gif)  left 5px no-repeat; 
	text-indent: 12px;
	padding-right: 8px;
}

.menu-right ul li a:hover
{
	color: #000;
}

.menu-right ul li.first_el a
{
	background: none;
}

.menu-right ul li a.active
{
  color: #000;
}

.line_on_white_pad
{
	padding-bottom: 22px;
}
.line_on_white
{
	height: 1px;
	width: 950px;
	background:  url(../img/bg_line_on_white.png) top center no-repeat;	
	overflow: hidden;
}
.main_content_pads
{
	padding-left: 13px;
	padding-bottom:2px;
}
.elem_we_do
{
	width: 235px;
	height: 151px;
}
.img_of_bl
{
	width: 47px;
	padding-top: 4px;
	text-align: left;
}
.bl_txt_part
{
	width: 174px;
}
.img_of_bl_1
{
	width: 43px;
	height: 60px;
}
.img_of_bl_2
{
	width: 43px;
	height: 60px;
}
.img_of_bl_3
{
	width: 43px;
	height: 60px;
}
.img_of_bl_4
{
	width: 43px;
	height: 60px;
}
p.bl_p
{
	font-size: 11px;
	display: block;
	margin-top:9px;
}
h2.bl
{
	font-size: 17px;
	font-family: "Futura-Book";
	padding-bottom: 7px;
}
h2.bl strong
{
	font-size: 24px;
	color: #bb0025;
	font-weight: bold;
	line-height: 23px;
	display: block;
}
h4.bl
{
	font-size: 17px;
	font-family: "Futura-Book";
	padding-bottom: 7px;
}
h4.bl strong
{
	font-size: 24px;
	color: #bb0025;
	font-weight: bold;
	line-height: 23px;
	display: block;
}
.bl_txt_part a
{
	display: block;
	margin-top: 14px;
	color: #bb0025;
	text-indent: 14px;
	font-weight: bold;
	font-size: 10px;
	background:  url(../img/black_li.gif)  left 5px no-repeat; 
}
.col_first_page
{
	width: 307px;
	padding-bottom: 75px;
}
.col_first_page_last
{
	width: 320px;
}
.col_first_page ul
{
	width: 275px;
	display: block;
}
.col_first_page ul li
{
	
	padding-left: 12px;
	margin-bottom: 20px;
	background:  url(../img/black_li.gif)  left 7px no-repeat;
}
.third_part .center_news
{
	width: 207px;
}
.col_first_page ul a
{

	color: #bb0025;
	text-decoration: underline;
	line-height: 17px;
}
.col_first_page ul li.news_fon a
{
	display: inline;
	/*background: none;*/
	padding: 0;
}
.col_first_page ul a:hover
{
	text-decoration: none 
}
p.main_page
{
	padding-bottom: 20px;
	color: #5c5c5c;
	display: block;
}
h4.news_title
{
	color: #000;
	font-weight: bold;
	font-size: 12px;
}
p.main_page a, h4.news_title a
{
	text-decoration: underline;
	color: #bb0025;
}
p.main_page a:hover, h4.news_title a:hover
{
	text-decoration: none;
}
.news_fon
{
	padding-left: 12px;
	background:  url(../img/black_li.gif)  left 7px no-repeat;
	line-height: 16px;
}
.kunden_login
{
	width: 320px;
	height: 140px;
	background:  url(../img/bg_login_bottom_r.png) 0px 0px repeat-x;
	margin-bottom: 12px;
}
h3
{
	font-family: Futura;
	padding-bottom: 18px;
	display: block;
	color: #5c5c5c;
	font-family: "Futura";
	font-size: 14px;
}

h5
{
	font-family: Futura;
	display: block;
	color: #000;
	font-family: "Futura";
	font-size: 14px;
}
.kunden_login_pad
{
	padding-top: 15px;
	padding-left: 10px;
	font-size: 11px;
}
.login_w
{
	width: 72px;
}
.login_f
{
	width: 152px;
}
.login_b
{
	width: 25px;
	padding-top: 16px;
}
.kunden_login_inner_pad
{
	padding-top: 18px;
	padding-bottom: 10px;
}
.login_w span
{
	height: 23px;
	display: block;
	text-indent: 13px;
}
.login_f input
{
	height: 12px;
	display: block;
	width: 142px;
	font-size: 10px;
	margin-bottom: 4px;
	font-size: 11px;
	line-height: 12px;
	background: #eee;
	border: 1px solid #9a9a9a;
}
.login_b input
{
	display: block;
	width: 60px;
	height: 23px;
	border: 0 none;
	background:  url(../img/de/button_login.png) 0px 0px no-repeat;
	cursor: pointer;
}
.kunden_login  a
{
	color: #bb0025;
	font-size: 10px;
	text-decoration: underline;
}
.kunden_login  a:hover
{
	text-decoration: none;
}
.contact
{
	width: 320px;
	height: 156px;
	background:  url(../img/contact.jpg) 0px 0px repeat-x;
}
.contact_pad
{
	padding-top: 15px;
	padding-left: 18px;
	font-size: 11px;
}
.contact_pad p
{
	display: block;
	margin-bottom: 16px;
}
.contact_pad a
{
	color: #bb0025;
	text-decoration: underline;
}
.contact_pad a:hover
{
	text-decoration: none;
}
.bottom_menu
{
	width: 720px;
}
.copy_bottom
{
	width: 240px;
	overflow: hidden;
	font-size: 10px;
	color: #a8a8a8; 
}
.bottom-menu ul li
{
	float: left;
	background:  url(../img/red_li.gif)  8px 5px no-repeat;
	padding-left: 20px;
}
.bottom-menu ul li a
{
	color: #fff;
	font-size: 10px;
	display: block;
}
.bottom-menu ul li a:hover
{
	color: #BB0025;
}
.first_part, .third_part
{
	width: 225px;
	padding-bottom: 75px;
}
.second_part
{
	width: 500px;
	/*
	min-height:750px;
	height:auto !important;
	height:750px;
	*/
	padding-bottom: 75px;
}
.ul_sub_navi ul li
{
	display: block;
	background:  url(../img/repeater.png) left top repeat-y;
}
.ul_sub_navi ul li a
{

	width: 202px;
	display: block;
	background:  url(../img/sub_nav_inner.png) left bottom no-repeat;
}
.ul_sub_navi ul li a:hover, .ul_sub_navi ul li a.active
{
	background: #f7f7f7 url(../img/sub_nav_inner.png)  -202px bottom no-repeat;
}
.ul_sub_navi ul li a span
{
	background:  url(../img/lang_off.gif)  10px 10px no-repeat;
	display: block;
	padding-left: 20px;
	font-size: 10px;
	font-weight: bold;
	color: #bb0025;
	cursor: pointer;
	padding-top: 5px;
	padding-bottom: 8px;
}
.ul_sub_navi ul li a:hover span, .ul_sub_navi ul li a.active span
{
	background:  url(../img/grey_li.gif)  10px 10px no-repeat;
	color: #5c5c5c;
}
.contact_pad_2
{
	padding-top: 24px;
	padding-left: 0px;
	font-size: 11px;
}
.contact_pad_2 p
{
	display: block;
	margin-bottom: 16px;
}
.contact_pad_2 a
{
	color: #bb0025;
	text-decoration: underline;
}
.contact_pad_2 a:hover
{
	text-decoration: none;
}
.second_part_inner h1
{
  padding-bottom: 35px;
  display: block;
  font-size: 24px;
}
.second_part_inner h2
{
	padding-bottom: 36px;
  display: block;
  font-size: 24px;
  line-height: 1em;
}
.second_part_inner h3
{
	font-size: 16px;
  color: #5c5c5c;
  display: block;
  padding-bottom: 19px;  
  font-family:Futura,"Futura",Verdana,Arial,Sans-Serif;
  
}
.second_part_inner h4
{
  display: block;
  color: #5c5c5c;
  padding-bottom: 19px;
  font-size:14px;  
  font-family:Futura,"Futura",Verdana,Arial,Sans-Serif;
  
}
.second_part_inner h5
{
  display: block;
  color: #5c5c5c;
  padding-bottom: 24px;
  font-size:12px;
  font-family:Futura,"Futura",Verdana,Arial,Sans-Serif;
}
  
.line_in_grey
{
	background:  url(../img/bg_line_on_grey.png) top center no-repeat;
	width: 940px;
	height: 1px;
	overflow: hidden;
}
.line_in_grey_cont
{
	margin-bottom: 18px;
}
.works
{
	background-repeat:no-repeat;
	background-position:top center;
	width: 207px;
	height: 114px;
	overflow: hidden;
	margin-bottom: 23px;
	border: 6px solid #d4d4d4;
}
.second_part_inner
{
	width: 480px;
}
.second_part_inner p.bodytext
{
	line-height: 18px;
	display: block;
	padding-bottom: 24px;
}
p.bodytext a
{
	color: #bb0025;
	text-decoration: underline;
}
p.bodytext a:hover
{
	color: #bb0025;
	text-decoration: none;
}
.second_part_inner blockquote
{
	padding-left: 39px;
	font-style: italic;
	color: #5c5c5c;
	padding-bottom: 24px;
	line-height: 18px;
}
table.contenttable
{
	width: 476px;
	border: 1px solid #ffffff;
	text-indent: 7px;
	margin-bottom: 25px;
}
table.contenttable caption
{
	text-align: left;
	background: #bb0025 url(../img/lang_off.gif) 10px 10px no-repeat;
	color: #fff;
	height: 24px;
	font-size: 10px;
	font-weight: bold;
	vertical-align: middle;
	text-indent: 13px;
	padding-left: 9px;
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	line-height: 22px;
}
table.contenttable th
{
	height: 24px;
	font-size: 10px;
	font-weight: bold;
	vertical-align: middle;
	border-right: 1px solid #ffffff;
}
table.contenttable tr td
{
	font-size: 10px;
	color: #000000;
	height: 24px;
	vertical-align: middle;
	border-right: 1px solid #ffffff;
	border-top: 1px solid #ffffff;
}
table.contenttable tr.tr-odd
{
	background: #f7f7f7;
}
table.contenttable tr.tr-even
{
	background: #f3f3f3;
}
table.contenttable th
{
	background: #d6d6d6;
}

table.contenttable .td-0
{
	width: 28%
}
table.contenttable .td-1
{
	width: 28%
}
table.contenttable .td-2
{
	width: 44%
}
.pop_up_all
{
	position: absolute;
	width: 493px;
	height: 42px;
	overflow: hidden;
	margin-left: 484px;
	margin-top: -103px;
}
.pop_up_all_inner
{
	padding-left: 10px;
	padding-top: 10px;
}
.pop_up_l
{
	background:  url(../img/bg_l_popup.png) top left no-repeat;
	width: 5px;
	height: 42px;
}
.pop_up_r
{
	background:  url(../img/bg_r_popup.png) top left no-repeat;
	width: 5px;
	height: 42px;
}
.pop_up_c
{
	background:  url(../img/bg_c_popup.png) top left repeat-x;
	width: 483px;
	height: 42px;
}
div.pop_up_all div.login_b input
{
	margin-top: -1px;
	font-size: 0px;
}
div.pop_up_all div.login_b
{
	padding-top: 0px;
}
.login_top_txt
{
	width: 123px;
}
h5.login
{
	font-size: 11px;
	font-family: "Futura";
	font-weight: bold;
	line-height: 18px;
}
div.pop_up_all div.login_f input
{
	width: 130px;
	height: 15px;
	background: #eee;
	border: 1px solid #9a9a9a;
}
div.pop_up_all div.login_f
{
	width: 140px;
}
.second_part_inner ul
{
	padding-left: 45px;
}
.second_part_inner ul li ul
{
	padding-bottom: 3px;
}
.second_part_inner ul li
{
	line-height: 20px;
	padding-left: 13px;
	background:  url(../img/grey_li.gif)  0px 8px no-repeat;
}
.second_part_inner ul li ul li
{
	display: block;
	background: none;
	font-size: 11px;
	background:  url(../img/bullet_2.png)  0px 10px no-repeat;
}
.second_part_inner ul a
{
	color:#BB0025;
	text-decoration: underline;
}
.second_part_inner ul a:hover
{
	text-decoration: none;
}
.third_part p.bl_p
{
	font-size: 11px;
}
.third_part .bl_txt_part
{
	width: 200px;
}
.line_small_grey
{
	background:  url(../img/line_small_grey.png) top left no-repeat;
	width: 221px;
	height: 1px;
	overflow: hidden;
}
.line_small_grey_pad
{
	padding-bottom: 20px;
}
span.center, p.align-center
{
	text-align: center;
	width: 100%;
	display: block;
}
table tr td.you_are_here_nav
{
	height: 24px;
}
.third_part ul
{
	width: 207px;
}
.failure .message
{
	font-weight: bold;
	color: #BB0025;
	font-size: 10px;
	text-indent: 73px;
	padding-top: 4px;
}
.loggedin .message
{
	padding-top: 6px;
}
.message div
{
	width: 290px;
}
.failure .kunden_login_inner_pad
{
	padding-top: 4px;
}
.failure .login_f input 
{
	border:1px solid #BB0025;
}
.downloads 
{
	width: 100px;
	position: absolute;
	margin-top: -38px;
	margin-left: 12px;
}
.downloads ul li
{
	background: url(../img/black_li.gif) no-repeat  left 7px;
	text-indent: 14px;
}
.downloads ul li a
{
	font-weight: bold;
	text-decoration: none;
	color: #BB0025;
	font-size: 10px;
}
.loggedin .login_b input
{
	background:transparent url(../img/de/bg_btn_lg.png) no-repeat;
}
.loggedin .login_b
{
	padding-left: 233px;
	padding-top: 5px;
}
.pop_up_all_inner .downloads 
{
	width: 100px;
	position: absolute;
	margin-top: -26px;
	margin-left: 285px;
}
.loggedin_top .login_b
{
	padding-left: 278px;
}
.loggedin_top .login_b input
{
	background:transparent url(../img/de/bg_btn_lg.png) no-repeat;
}
.l_team
{
	width: 135px;
	height: 175px;
}
.r_team
{
	width: 280px;
	height: 177px;
}
.team_div h3
{
	padding-bottom: 0px;
}
.newes_page ul li
{
	text-indent: 0px;
}
.newes_page ul li h4
{
	padding-bottom:0px;
}
.newes_page ul
{
	padding-left: 0px;
}
span.seperarator_n
{
	padding-left: 4px;
	padding-right: 4px;
}
.csc-sitemap ul
{
	padding-left: 0px;
}
.csc-sitemap ul ul
{
	padding-left: 45px;
}
div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-lastcol
{
	overflow: hidden;
}
.team_div a
{
	text-decoration: underline;
	color: #BB0025;
}
.team_div p.bodytext 
{
	padding-bottom: 20px;
}
.restore_password 
{
	margin-top: 15px;
}
.restore_password input, .restore_password label
{
	 display: block;
	 float: left;
	 margin-right: 5px;
}
.restore_password label
{
	margin-top: 2px;
}
.restore_password input#input_submit
{
	background: url(../img/de/restore_send_btn.png) no-repeat;
	width: 58px;
	height: 21px;
	font-size: 0;
	border: 0;
	margin-top: 1px;
	cursor: pointer;
}
.restore_btn_sd input
{
	background: url(../img/de/btn_restore_ins.png) no-repeat;
	width: 134px;
	height: 21px;
	font-size: 0;
	border: 0;
	margin-top: 1px;
	cursor: pointer;
}
.table_rest_p
{
	margin-bottom: 8px;
}
.table_rest_p input
{
	margin-bottom: 5px;
}
.table_rest_p label
{
	display: block;
	line-height: 18px;
	width: 195px;
}