/*#############################################################################
# Reset CSS (http://developer.yahoo.com/yui/reset/)
#############################################################################*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
  margin:                      0;
  padding:                     0;
}
table {
  border-collapse:             collapse;
  border-spacing:              0;
}
fieldset,img,a {
  border:                      0px;
  outline:                     none;
}
address,caption,cite,code,dfn,em,strong,th,var {
  font-style:                  normal;
  font-weight:                 normal;
}
ol,ul {
  list-style:                  none;
}
caption,th {
  text-align:                  left;
}
h1,h2,h3,h4,h5,h6 {
  font-size:                   100%;
  font-weight:                 normal;
}
q:before,q:after {
  content:                     '';
}
abbr,acronym {
  border:                      0;
}

/*#############################################################################
# Default CSS
#############################################################################*/
html, body {
  width:                       100%;
  height:                      100%;
  font:                        normal 13px arial, sans-serif;
  line-height:                 20px;
  color:                       #666666;
  text-align:                  left;
  cursor:                      default;
  background-color:            #FFFFFF;
}

h1 {
  margin:                      0px;
  padding:                     0px;
  font-size:                   22px;
  color:                       #999999;
}

h2 {
  margin:                      0px;
  padding:                     0px;
  font-weight:                 bold;
  font-size:                   16px;
  color:                       #2F9BCD;
}

h3 {
  margin:                      0px;
  padding:                     0px;
  font-weight:                 bold;
  font-size:                   13px;
  color:                       #666666
}

h4 {
  margin:                      0px;
  padding:                     0px;
  font-weight:                 bold;
  font-size:                   13px;
  color:                       #2F9BCD;
}

h5 {
  margin:                      0px;
  padding:                     0px;
  font-size:                   13px;
}

h6 {
  margin:                      0px;
  padding:                     0px;
  font-size:                   12px;
}

HR {
  width:                       100%;
  height:                      1px;
  border:                      0px;
  border-top:                  1px solid #009EE0;
}

p.right {
  text-align:                  right;
}

p {
  margin-top:                  16px;
}

strong {
  font-weight:                 bold;
}

em {
  font-style:                  italic;
}

a {
  color:                       #2F9BCD;
  text-decoration:             underline;
  cursor:                      pointer;
}

a:hover {
  color:                       #2F9BCD;
  text-decoration:             none;
}

ol,ul {
  margin-left:                 12px;
  padding-left:                6px;
}

ol li {
  list-style:                  decimal;
}

ul li {
  list-style:                  square;
}

table td {
  vertical-align:              top;
  font:                        normal 13px arial, sans-serif;
  line-height:                 20px;
  color:                       #666666;
  text-align:                  left;
}

/*#############################################################################
# Form CSS
#############################################################################*/
fieldset {
  border:                      0px;
}

xmp {
  font-size:                   18px;
}

label.before {
  float:                       left;
  clear:                       left;
  width:                       150px;
  line-height:                 20px;
}

label.radio, label.checkbox {
  cursor:                      pointer;
}

input.required, textarea.required, select.required {
  background-image:            url('../images/form_required.gif');
  background-repeat:           no-repeat;
  background-position:         top right;
}

input.text {
  width:                       220px;
  height:                      18px;
  padding:                     1px;
  font:                        normal 12px verdana, sans-serif;
  background-color:            #FFFFFF;
  border:                      1px solid #003745;
  cursor:                      text;
  vertical-align:              middle;
}

input.file {
  width:                       224px;
  height:                      22px;
  font:                        normal 12px verdana, sans-serif;
  background-color:            #FFFFFF;
  border:                      1px solid #003745;
  cursor:                      text;
  vertical-align:              middle;
}

input.focus {
  background-color:            #FFFFCC;
}

input.button {
  font:                        normal 12px verdana, sans-serif;
  vertical-align:              middle;
}

input.contentwidth {
  margin-top:                  6px;
  width:                       360px;
}

input.error, textarea.error, select.error {
  border:                      1px solid #FF0000;
}

input.good, textarea.good, select.good {
  /*border:                      1px solid #339933;*/
}

input.radio {
  vertical-align:              middle;
  cursor:                      pointer;
  background:                  none;
  border:                      0px;
}

input.checkbox {
  vertical-align:              middle;
  cursor:                      pointer;
  background:                  none;
}

select.select {
  width:                       220px;
  height:                      18px;
  margin:                      1px;
  font:                        normal 12px verdana, sans-serif;
  border:                      1px solid #003745;
  cursor:                      pointer;
}

textarea.textarea {
  width:                       220px;
  height:                      50px;
  padding:                     1px;
  font:                        normal 12px verdana, sans-serif;
  background-color:            #FFFFFF;
  border:                      1px solid #003745;
  cursor:                      text;
}

fieldset li, fieldset ul {
  list-style:                  none;
  margin:                      0px;
  padding:                     0px;
}

li.oneline {
  clear:                       both;
  line-height:                 24px;
  white-space:                 nowrap;
  vertical-align:              top;
  padding-bottom:              4px;
}

li.buttons {
  clear:                       both;
  width:                       370px;
  height:                      22px;
  line-height:                 22px;
}

div.fielderror, div.counter {
  color:                       #FF0000;
  margin-left:                 150px;
  margin-top:                  4px;
  height:                      20px;
}
div.counter {
  color:                       #000000;
  white-space:                 nowrap;
}

.hidden {
  display:                     none;
  visibility:                  hidden;
}

span.fieldhint {
  color:                       #AAAAAA;
}

span.hint {
  color:                       #AAAAAA;
}

input#street {
  width:                       133px;
}

input#housenr {
  width:                       60px;
}

input#zip {
  width:                       80px;
}

input#city {
  width:                       133px;
}

input#persontotal {
  width:                       80px;
}

div#captcha1 {
  float:                       left;
  padding-left:                150px;
}

div#captcha2 {
  float:                       left;
  padding-left:                32px;
  font-size:                   11px;
  line-height:                 13px;
}
div#captcha2 img {
  margin:                      0px 6px 0px -22px;
}

input#captcha_code {
  width:                       111px;
}

div#captcha_code_error {
  clear:                       both;
}

input#submit {
  float:                       right;
  cursor:                      pointer;
  font:                        normal 12px verdana, sans-serif;
}

div#requiredtext {
  float:                       left;
}

/*#############################################################################
# ACA CSS
#############################################################################*/
div#fullscreen_intro,
div#fullscreen {
  position:                    absolute;
  width:                       100%;
  text-align:                  center;
  background:                  url('../images/fullscreen_bg.gif') repeat-x left top;
}
div#fullscreen_intro {
  height:                      100%;
}
div#fullscreen {
  min-height:                  100%;
}

div#introsite,
div#site {
  width:                       945px;
  min-height:                  100%;
  _height:                     100%;
  margin:                      0 auto;
  text-align:                  left;
}
div#site {
  background:                  url('../images/site_bg.gif') repeat-y right top;
}

div#information_title {
  width:                       172px;
  height:                      23px;
  padding:                     47px 6px 7px 6px;
  font:                        bold 16px arial;
  color:                       #2F9BCD;
  text-align:                  left;
  line-height:                 26px;
  background-color:            #FFFFFF;
}
table.information_block {
  width:                       184px;
  font-size:                   13px;
  line-height:                 18px;
  color:                       #333333;
  text-align:                  justify;
  border-bottom:               solid 1px #FFFFFF;
}
table.information_block td.information_text {
  width:                       160px;
  padding:                     10px 12px 13px 12px;
}
table.information_block td.more_information {
  padding-left:                132px;
  padding-bottom:              12px;
  margin-top:                  0px;
}

div#footer_holder {
  clear:                       both;
  width:                       100%;
  height:                      48px;
  margin-right:                auto;
  margin-left:                 auto;
  background:                  #309CCE url('../images/footer_bg.gif') repeat-y left top;
  border-top:                  7px solid #FFFFFF;
}
div.intro_footer_holder {
  margin-top:                  -55px;
}
div#footer_holder div#footer {
  width:                       945px;
  height:                      48px;
  margin:                      0 auto;
  text-align:                  left;
  background:                  #309CCE url('../images/infooter_bg.gif') repeat-y left top;
}
div#footer_holder div#footer div#sitemap {
  float:                       right;
  height:                      24px;
  width:                       369px;
  padding:                     0px 6px;
  font:                        bold 13px Arial;
  line-height:                 24px;
  color:                       #FFFFFF;
  text-align:                  right;
}
div#footer_holder div#footer div#sitemap a {
  font:                        bold 13px Arial;
  line-height:                 24px;
  color:                       #FFFFFF;
  text-decoration:             none;
}
div#footer_holder div#footer div#sitemap a:hover {
  text-decoration:             underline;
}
div#footer_holder div#footer div#sitemap img {
  vertical-align:              middle;
}
div#footer_holder div#footer div#sitemap span.sitemapspacer {
  padding:                     0px 8px;
  background:                  url('../images/sitemap_spacer.gif') no-repeat center center;
}
div#footer_holder div#footer div#powered {
  clear:                       both;
  float:                       right;
  height:                      24px;
  width:                       155px;
  padding:                     0px 6px;
  font:                        normal 10px verdana;
  line-height:                 24px;
  color:                       #7DD2FA;
  text-align:                  right;
}
div#footer_holder div#footer div#powered a {
  font:                        normal 10px verdana;
  line-height:                 24px;
  color:                       #7DD2FA;
  text-decoration:             none;
}
div#footer_holder div#footer div#powered a:hover {
  text-decoration:             underline;
}

div#clearer {
  position:                    absolute;
  top:                         0px;
  left:                        0px;
  width:                       50%;
  height:                      100px;
  background-color:            #FFFFFF;
  z-index:                     1;
}

/*#############################################################################
# ACA Intro
#############################################################################*/
table.introcontentblock {
  width:                       945px;
  height:                      100px;
  margin-top:                  105px;
  text-align:                  justify;
}
table.introcontentblock td.intromenu {
  width:                       360px;
  padding-right:               20px;
}

div.introcontentitems {
  float:                       left;
  display:                     inline;
  width:                       184px;
  height:                      343px;
  padding:                     1px 0px;
  background:                  url('../images/intromenu_bg.gif') repeat-y left top;
}

div.introcontenttext {
  float:                       left;
  display:                     inline;
  width:                       176px;
  height:                      345px;
  background:                  url('../images/introtext_bg.gif') no-repeat left top;
}

div.homeitem_title {
  width:                       184px;
  height:                      42px;
  font:                        normal 13px arial, sans-serif;
  line-height:                 42px;
  color:                       #666666;
  border-top:                  1px solid #FFFFFF;
}
div.homeitem_title_first {
  border:                      0px;
}
div.homeitem_title a {
  width:                       172px;
  height:                      42px;
  padding-left:                12px;
  display:                     block;
  color:                       #666666;
  text-decoration:             none;
  background:                  url('../images/intromenu_bg.gif') repeat-y left top;
}
div.homeitem_title_open a,
div.homeitem_title a:hover {
  color:                       #666666;
  text-decoration:             none;
  background:                  #FFFFFF url('../images/spacer.gif') repeat left top;;
}

div.homeitem_content {
  position:                    absolute;
  top:                         196px;
  width:                       152px;
  margin-left:                 196px;
}

table.subintrocontentblock {
  width:                       152px;
  height:                      100px;
  text-align:                  left;
}
table.subintrocontentblock h1 {
  font-size:                   13px;
  font-weight:                 bold;
  color:                       #666666;
}

table.introcontentblock td.information {
  width:                       184px;
  padding-left:                1px;
  text-align:                  center;
  background:                  url('../images/site_bg.gif') repeat-y right top;
}

table.introcontentblock td.intromenu div.intromenu_title {
  width:                       348px;
  height:                      23px;
  padding:                     46px 6px 8px 6px;
  font:                        bold 16px arial;
  color:                       #2F9BCD;
  line-height:                 26px;
}
table.introcontentblock td.intromenu div.intromenu_title a,
table.introcontentblock td.intromenu div.intromenu_title a:hover {
  text-decoration:             none;
}

div.intromenu_block {
  width:                       272px;
  line-height:                 16px;
}
div.intromenu_block a.intromenuitem {
  display:                     block;
  width:                       264px;
  height:                      27px;
  margin-bottom:               -16px;
  padding:                     0px 0px 0px 8px;
  font-size:                   13px;
  line-height:                 28px;
  color:                       #333333;
  text-decoration:             none;
  white-space:                 nowrap;
  background:                  #F2F2F2 url('../images/intromenuitem_bg.gif') no-repeat top left;
  border-bottom:               1px solid #FFFFFF;
}
div.intromenu_block a.intromenuitem:hover {
  background:                  #EDEDEE url('../images/intromenuitem_over.gif') no-repeat top left;
}
div.intromenu_block a.intromenuitem_on,
div.intromenu_block a.intromenuitem_on:hover {
  background:                  #EDEDEE url('../images/intromenuitem_on.gif') no-repeat top left;
}

div#footer div#footer_search {
  float:                       left;
  height:                      24px;
  width:                       192px;
  line-height:                 24px;
}
div#footer_search input {
  margin:                      6px 0px 0px 0px;
  vertical-align:              top;
  cursor:                      pointer;
}
div#footer_search input.search_field {
  width:                       154px;
  margin:                      5px 11px 0px 0px;
  font:                        normal 12px arial;
  color:                       #FFFFFF;
  border:                      solid 1px #7AD5FF;
  background:                  #5FBBE5 url('../images/introsearchfield_bg.gif') no-repeat top left;
  cursor:                      text;
}

/*#############################################################################
# ACA Site CSS
#############################################################################*/
div#breadcrumbs {
  height:                      28px;
  padding:                     100px 219px 0px 0px;
  font-size:                   12px;
  color:                       #2F9BCE;
  line-height:                 28px;
  text-align:                  right;
  background-color:            #FFFFFF;
}
#breadcrumbs a {
  text-decoration:             none;
}
#breadcrumbs a:hover {
  text-decoration:             underline;
}
div#breadcrumbs span.breadcrumbsspacer {
  padding:                     0px 8px;
  background:                  url('../images/breadcrumbs.gif') no-repeat center center;
}

div#header {
  clear:                       both;
  position:                    absolute;
  top:                         0px;
  width:                       945px;
  height:                      100px;
  margin:                      0 auto;
  background:                  url('../images/header_bg.gif') no-repeat;
  z-index:                     2;
}
div#header div#logo {
  float:                       left;
  display:                     inline;
  margin:                      6px 0px 0px 40px;
}
div#header div#menu_top {
  float:                       right;
  height:                      30px;
  font-weight:                 bold;
  color:                       #999999;
}
div#header div#menu_top a {
  display:                     block;
  float:                       left;
  padding:                     2px 8px 2px 16px;
  font:                        bold 15px arial;
  color:                       #999999;
  line-height:                 28px;
  text-decoration:             none;
}
div#header div#menu_top a:hover {
  color:                       #2F9BCE;
  text-decoration:             none;
}
div#header div#subjects {
  width:                       430px;
  height:                      18px;
  margin:                      66px 0px 0px 293px;
  font:                        bold 16px Arial;
  line-height:                 16px;
  color:                       #2F9BCE;
  letter-spacing:              1px;
  padding:                     0px 9px 6px 9px;
}
div#header div#subjects a {
  text-decoration:             none;
}
div#header div#subjects span.subjectspacer {
  padding:                     0px 16px;
  background:                  url('../images/subjects_spacer.gif') no-repeat center center;
}

div#content {
  float:                       left;
  display:                     inline;
  width:                       744px;
  margin:                      0px 0px 40px 201px;
  padding:                     0px;
}

table.contentblock {
  width:                       744px;
  height:                      100px;
  text-align:                  justify;
}
table.contentblock td.webcontent {
  width:                       512px;
  padding-top:                 38px;
}
table.contentblock td.contentspacer {
  width:                       48px;
}
table.contentblock td.information {
  width:                       184px;
  text-align:                  center;
  background:                  url('../images/site_bg.gif') repeat-y right top;
}

div#flash_container {
	background:									 #FFFFFF;
	padding-top:                 22px;	
}

div#flash_holder {
  width:                       148px;
  height:                      148px;
  padding:                     18px 18px 18px 18px;
  background:                  #FFFFFF url('../images/flash_bg.png') no-repeat left top;
}

div#menu {
  float:                       left;
  display:                     inline;
  width:                       152px;
  margin:                      0px 0px 0px -945px;
}

div#menu div#menu_title {
  width:                       140px;
  height:                      100%;
  padding:                     30px 6px 7px 6px;
  font:                        bold 16px arial;
  color:                       #2F9BCD;
  line-height:                 20px;
}

div#menu_block {
  line-height:                 16px;
}
div#menu_block div.menuitem {
  display:                     block;
  width:                       144px;
  height:                      27px;
  margin-bottom:               -16px;
  padding:                     0px 0px 0px 8px;
  font-size:                   13px;
  line-height:                 28px;
  color:                       #333333;
  text-decoration:             none;
  white-space:                 nowrap;
  background:                  #F2F2F2 url('../images/menuitem_bg.gif') repeat-y top left;
  border-bottom:               1px solid #FFFFFF;
  cursor:                      pointer;
}
div#menu_block div.menuitem_over {
  background:                  #EDEDEE url('../images/menuitem_over.gif') repeat-y top left;
}
div#menu_block div.menuitem_on,
div#menu_block div.menuitem_on_over {
  background:                  #EDEDEE url('../images/menuitem_on.gif') repeat-y top left;
}
div#menu_block div.menuitem a,
div#menu_block div.menuitem a:hover {
  display:                     block;
  width:                       144px;
  height:                      27px;
  color:                       #333333;
  text-decoration:             none;
}

div#search {
  height:                      55px;
  margin-top:                  47px;
  background:                  #F2F2F2 url('../images/menuitem_bg.gif') repeat-y top left;
  white-space:                 nowrap;
}
div#search div#search_title {
  height:                      28px;
  width:                       140px;
  padding:                     0px 6px 0px 6px;
  font:                        bold 16px arial;
  color:                       #2F9BCD;
  line-height:                 28px;
  background-color:            #FFFFFF;
}
div#search input {
  margin:                      3px 0px 0px 0px;
  vertical-align:              top;
  cursor:                      pointer;
}
div#search input.search_field {
  width:                       120px;
  margin:                      3px 0px 6px 6px;
  font:                        normal 12px arial;
  border:                      solid 1px #2F9BCD;
  background:                  url('../images/searchfield_bg.gif') no-repeat top left;
  cursor:                      text;
}

div#menu div#photo {
  margin-top:                  36px;
  margin-left:                 6px;
}

div#intress_holder {
  clear:                       both;
  width:                       945px;
  height:                      24px;
  margin:                      -79px auto 0px auto;
  background:                  url('../images/site_bg.gif') repeat-y right top;
}
div#intress {
  width:                       502px;
  padding-left:                10px;
  margin:                      0px auto 0px 200px;
  font:                        normal 13px arial;
  color:                       #2F9BCD;
  line-height:                 24px;
  background:                  #F2F2F2 url('../images/intress_bg.gif') repeat-y left top;
}
div#intress img {
  vertical-align:              middle;
}

/*#############################################################################
# Intro menu ACA
#############################################################################*/
td.intromenu div.intromenu_sub {
  height:                      auto;
  padding:                     12px 136px 8px 10px;
  margin-bottom:               1px;
  font:                        normal 13px arial;
  line-height:                 18px;
  color:                       #666666;
  border:                      solid 1px #E2E2E3;
  overflow:                    hidden;
}
div.intromenu_sub div.content_photo {
  padding:                     13px 7px 0px 7px;
}

td.intromenu div.hidden {
  display:                     none;
}

/* Infrastructure Solution foldout */
td.intromenu div#infrastructure_foldout {
  background:                  url('../images/intromenu.jpg') no-repeat bottom right;
}
td.intromenu div#virtual_foldout {
  background:                  url('../images/intromenu.jpg') no-repeat bottom right;
}
td.intromenu div#safety_foldout {
  background:                  url('../images/intromenu.jpg') no-repeat bottom right;
}
td.intromenu div#iptelephony_foldout {
  background:                  url('../images/intromenu.jpg') no-repeat bottom right;
}
td.intromenu div#services_foldout {
  background:                  url('../images/intromenu.jpg') no-repeat bottom right;
}

/* Business Solution foldout */
td.intromenu div#financial_foldout {
  background:                  url('../images/intromenu2.jpg') no-repeat bottom right;
}
td.intromenu div#trade_foldout {
  background:                  url('../images/intromenu2.jpg') no-repeat bottom right;
}
td.intromenu div#business_foldout {
  background:                  url('../images/intromenu2.jpg') no-repeat bottom right;
}
td.intromenu div#product_foldout {
  background:                  url('../images/intromenu2.jpg') no-repeat bottom right;
}
td.intromenu div#service_foldout {
  background:                  url('../images/intromenu2.jpg') no-repeat bottom right;
}

/*#############################################################################
# Site menu ACA
#############################################################################*/
div#menu div.menu_sub {
  width:                       150px;
  margin-bottom:               1px;
  border:                      solid 1px #E2E2E3;
  overflow:                    hidden;
}

div#menu div.hidden {
  display:                     none;
}

div.menu_sub ul.submenu a {
  display:                     block;
  font-size:                   13px;
  line-height:                 24px;
  color:                       #2F9BCD;
  text-decoration:             none;
}
div.menu_sub ul.submenu a:hover {
  text-decoration:             underline;
}

div.menu_sub ul.subsubmenu a {
  font-size:                   13px;
  line-height:                 24px;
  color:                       #666666;
  text-decoration:             none;
}
div.menu_sub ul.subsubmenu a:hover {
  text-decoration:            underline;
}
ul.submenu li, ul.subsubmenu li {
  display:                     block;
  width:                       100%;
  list-style:                  none;
}