
* { padding: 0; margin: 0; }
html { min-height: 99%; margin-bottom: 1px; }

body { background-color: #002c40; font-size: 11px; font-family:arial,helvetica,verdana,sans-serif; }

#wrapper {	position:relative; display:block; margin:0 auto; height:100%; width:1002px; background: #004c6d;}

#header { position:relative; width: 1002px; height: 87px; background: transparent url("../files/bg_header.png") ; }
div#navigation { width: 140px; float: left; background: #004c6d; height: 100%; }
div#content_wrapper { width: 1002px; background: transparent url("../files/bg_content.png") repeat; float: left;  }

div#content { color: #fff; width: 606px; float: left; padding: 24px 0 50px 26px; font-size: 12px; line-height: 18px; margin-right: 23px; }
div#content-whitecontent { color: #fff; width: 632px; float: left; padding: 24px 0 0 1px; font-size: 12px; line-height: 18px; margin-right: 22px; }
div#marginal { width: 183px; float: left; margin: 17px 0 0 0; }
div#footer_wrapper { width: 100%; height: 20px; color: #fff; background: #002c40; border-top: 1px solid #fff; padding-top: 2px; line-height: 12px; }

div#footer_wrapper div#footer_left{ width: 125px; float: left; border-right: 1px dotted #fff; padding: 0 0 0 15px; }
div#footer_wrapper div#footer_middle{ width: 653px; float: left; padding: 0 0 0 0;}
div#footer_wrapper div#footer_right{ width: 183px; float: left; border-left: 1px dotted #fff; border-right: 1px dotted #fff; }

div#navigation div#lang { padding: 7px 0 22px 8px; }
div#navigation div#lang a { color: #FFF; text-decoration: none; }
div#navigation ul li a { text-decoration: none; color: #fff; }
div#navigation ul li a.active { color: #f38a00;}
div#navigation ul li a:link { color: #fff}     /* unvisited link */
div#navigation ul li a:visited { color: #fff}  /* visited link */
div#navigation ul li a:hover { color: #fff}   /* mouse over link */
div#navigation ul li a:active { color: #fff}   /* selected link */ 

div#navigation ul.nav1 { border-top: 1px solid #3c86a6; }   
div#navigation ul.nav1 li { line-height: 26px; border-bottom: 1px solid #3c86a6; font-weight: bold; }
div#navigation ul.nav1 li a { display: block; padding-left: 8px; background-color: #004c6d; }
div#navigation ul.nav1 li a.active {  color: #f38a00; background: transparent url("../files/bg_menu_active.png") repeat-y; }
div#navigation ul.nav1 li a.activeSub {  background: #003e59; }
div#navigation ul.nav1 li a:hover { background: transparent url("../files/bg_menu_active.png") repeat-y; }
div#navigation ul.nav1 li ul li { border-bottom: none; font-weight: normal; }
div#navigation ul { list-style:none; }
div#navigation span.nav2border { display: block; border-top: 1px solid #00638f; margin-left: -8px;}
div#navigation ul.nav1 li ul.nav2 { border-top: 1px solid #00638f; background-color: #003e59;}
div#navigation ul.nav1 li ul.nav2 li {  }
div#navigation ul.nav1 li ul.nav2 li a { display: block; line-height: 26px; padding-left: 16px; background: #003e59 url("../files/bg_submenu_inactive.png"); }
div#navigation ul.nav1 li ul.nav2 li a:hover { background: #003e59 url("../files/bg_submenu_active.png"); }
div#navigation ul.nav1 li ul.nav2 li.active {  }
div#navigation ul.nav1 li ul.nav2 li.active a { color: #f38a00; background: transparent url("../files/bg_submenu_active.png"); }


div#content-home { color: #fff; width: 610px; float: left; padding: 21px 0 0 25px; font-size: 12px; line-height: 18px; margin-right: 20px; }
div#content_wrapper div#content-home img { padding-left: 1px; margin-bottom: 17px; }
div#content_wrapper div#content-home div.hometeaser { width: 267px; margin-top: 10px; padding-bottom: 20px; }
div#content_wrapper div#content-home div.hometeaser img { padding-left: 0; margin-bottom: 8px; }
div#content_wrapper div#content-home h2 { font-size: 12px; font-weight: bold; color: #f2e8cc; line-height: 18px; padding-left: 1px; }
div#content_wrapper div#content-home div.hometeaser p { width: 262px; padding-left: 1px; }
div#content_wrapper div#content-home div.keywords { font-size: 10px; color: #c0c0c0; margin-bottom: 5px; }
div#content_wrapper div#content-home div.keywords a { font-size: 10px; color: #c0c0c0; text-decoration:none; margin-bottom: 5px; }

div#content_wrapper div#content h1, div#content_wrapper div#content-whitecontent h1 { font-size: 21px; margin-bottom: 26px; }
div#content_wrapper div#content-whitecontent h1 { padding-left: 25px; }
div#content_wrapper div#content h2 { font-size: 12px; font-weight: bold; color: #f2e8cc; line-height: 18px; margin:0; }
div#content_wrapper div#content p, div#content_wrapper div#content-whitecontent p { width: 464px; margin-bottom: 5px; }
div#content_wrapper div#content p { margin-bottom: 20px; }
div#content_wrapper div#content div.mail { margin-top: -20px; }
div#content_wrapper div#content div.mail a { }
div#content_wrapper div#content img { margin-bottom: 25px; }
div#content_wrapper div#content div.highlight { margin-bottom: 15px;}
div#content_wrapper div#content div.highlight p, div#content_wrapper div#content-whitecontent div.highlight p { font-size: 14px; font-weight: bold; color: #f2e8cc; margin-bottom: 12px; line-height:20px; }
div#content_wrapper div#content-whitecontent div.highlight p {  padding-left: 25px; }
div#content_wrapper div#content div.highlight p a { color: #f2e8cc; }
div#content_wrapper div#content ul, div#content_wrapper div#content-whitecontent ul {  list-style: none; margin-top: 10px; margin-bottom: 12px; width:464px; }
div#content_wrapper div#content-whitecontent ul {  list-style: none; margin-top: 10px; margin-bottom: 12px; width:auto; }


div#content_wrapper div#content table.threecols ul, div#content_wrapper div#content-whitecontent table.threecols ul {  list-style: none; margin-top: 10px; margin-bottom: 12px; width:195px; }
div#content_wrapper div#content ul li{  padding-left: 10px; background: url("../files/list.png") no-repeat 0 8px; line-height: 20px; }
div#content_wrapper div#content-whitecontent ul li {  padding-left: 10px; background: url("../files/list_blue.png") no-repeat 0 8px; line-height: 20px; }
div#content_wrapper div#content ul li a { padding:0; margin:0; }

/*produktteaser*/
div#content_wrapper div#content div.product-teaser { width: 605px; height: 110px; margin-bottom: 21px; }
div#content_wrapper div#content div.product-teaser.mmxsp { background: transparent url("../files/bg_MM_XSP.png"); }
div#content_wrapper div#content div.product-teaser.mmea { background: transparent url("../files/bg_MM_enterpriseAlert.png"); }
div#content_wrapper div#content div.product-teaser.sms { background: transparent url("../files/bg_SMS_connectivity_SDK.png"); }
div#content_wrapper div#content div.product-teaser.nx { background: transparent url("../files/bg_MM_NX.png"); }
div#content_wrapper div#content div.product-teaser img { float: left; width: 221px; height: 108px; padding: 1px 0 1px 2px; margin-right: 10px;}
div#content_wrapper div#content div.product-teaser a { cursor: hand; }
div#content_wrapper div#content div.product-teaser h2 { padding-top: 10px; }
div#content_wrapper div#content div.product-teaser p { float: left; width: 340px; }


div#content_wrapper div#content table#artikel-image { margin-bottom:25px;  width: 605px; height: 244px; }
div#content_wrapper div#content table#artikel-image tr td { vertical-align: bottom; margin-bottom:25px; }
div#content_wrapper div#content table#artikel-image tr td div { padding: 5px 0 0 12px; vertical-align: bottom; background: transparent url("../files/transparenz_artikelbilder_p.png");}
div#content_wrapper div#content table#artikel-image tr td img {  }
div#content_wrapper div#content table#artikel-image td p { width: 580px; color: #f2e8cc; padding: 0 0 7px 0; margin-bottom: 0;}



/*Bild links, Text rechts Tabellenvariante*/
div#content_wrapper div#content table.twoColContent, div#content_wrapper div#content-whitecontent table.twoColContent { width: 606px; margin: 0 0 10px 0; padding-top: 3px; }
div#content_wrapper div#content-whitecontent table.twoColContent tr td img { padding-left: 26px; }
div#content_wrapper div#content table.twoColContent td, div#content_wrapper div#content-whitecontent table.twoColContent td { vertical-align: top; }
div#content_wrapper div#content table.twoColContent tr td img, div#content_wrapper div#content-whitecontent table.twoColContent tr td img { margin-right: 18px; }
div#content_wrapper div#content table.twoColContent tr td p, div#content_wrapper div#content-whitecontent table.twoColContent tr td p { width: 350px; }
div#content_wrapper div#content-whitecontent table.twoColContent tr td p { color: #f2e8cc; font-weight: bold;}

/*Bild links, Text rechts Tabellenvariante*/
div#content_wrapper div#content table.twoColContent3, div#content_wrapper div#content-whitecontent table.twoColContent3 { width: 606px; margin: 0 0 10px 0; padding-top: 3px; }
div#content_wrapper div#content-whitecontent table.twoColContent3 tr td img { padding-left: 26px; }
div#content_wrapper div#content table.twoColContent3 td, div#content_wrapper div#content-whitecontent table.twoColContent3 td { vertical-align: top; }
div#content_wrapper div#content table.twoColContent3 tr td img, div#content_wrapper div#content-whitecontent table.twoColContent3 tr td img { margin-right: 18px; }
div#content_wrapper div#content table.twoColContent3 tr td p, div#content_wrapper div#content-whitecontent table.twoColContent3 tr td p { width: 250px; }
div#content_wrapper div#content-whitecontent table.twoColContent3 tr td p { color: #f2e8cc; font-weight: bold;}

/*Text links, Logo rechts*/
div#content_wrapper div#content-whitecontent div.twoColContent2 { border-bottom: 1px solid #00638f; padding-bottom: 22px; margin-bottom: 22px; width: 570px; }
div#content_wrapper div#content-whitecontent div.twoColContent2 div.leftCol { float: left; width: 390px; }
div#content_wrapper div#content-whitecontent div.twoColContent2 div.leftCol h2 { width: 390px;}
div#content_wrapper div#content-whitecontent div.twoColContent2 div.leftCol p { width: 390px; }
div#content_wrapper div#content-whitecontent div.twoColContent2 div.leftCol p a { clear: left; } 
div#content_wrapper div#content-whitecontent div.twoColContent2 div.rightCol { float: right; width: 180px; text-align: right; } 

div#content_wrapper div#content-whitecontent div.twoColContent div.rightCol p { font-weight: bold; color: #f2e8cc; }


div#content_wrapper div#content-whitecontent div#whitecontentwrapper { color: #00638f; border-top: 1px solid #f2e8cc; border-right: 1px solid #f2e8cc; background-color: #FFF; height: 100%;}
div#content_wrapper div#content-whitecontent div#whitecontentwrapper div#innerborder { padding: 15px 24px 0 26px; border-top: 1px solid #95b8c8; border-left: 1px solid #95b8c8; border-right: 1px solid #95b8c8; }
div#content_wrapper div#content-whitecontent div#whitecontentwrapper div#innerborder table#whitecontent-layout { height: 300px; }
div#content_wrapper div#content-whitecontent h2 { font-size: 12px; font-weight: bold; line-height: 18px; margin:0; color: #00638f; }
div#content_wrapper div#content-whitecontent div#whitecontentwrapper div#innerborder table#whitecontent-layout td { vertical-align: top; }


div#content_wrapper div#content div.horizontalSeparation { border-bottom: 1px solid #afc7d2; width: 464px; margin: 20px 0 20px 0; }
div#content_wrapper div#content-whitecontent div.horizontalSeparation { border-bottom: 1px solid #00638f; margin: 20px 0 20px 0; }
div#content_wrapper div#content-whitecontent div.horizontalSeparation2 { border-bottom: 1px solid #9FBAC7; margin: 10px 0 10px 0; }

div#content div#form-module div.formtext, div#content div#form-module div.formselect{ width: 290px; margin-bottom: 8px; }
div#content div#form-module p.formsubmit { margin-top: 20px; }
div#content div#form-module p { width: 600px; }
div#content div#form-module div#form-error p { color: #f2e8cc; font-weight: bold; }

div#content div#form-module fieldset { border: 0; margin-bottom: 15px; }
div#content div#form-module legend { font-size:12px; font-weight: bold; color: #f2e8cc; padding-bottom: 4px; }

div#content div#form-module div.formtext label.text { display: block; font-size: 12px; margin-bottom: 3px; }
div#content div#form-module div.formselect label.text { display: block; font-size: 12px; margin-bottom: 3px; }
div#content div#form-module div.formtext input.text { background-color: #fff; border: 1px solid #fff; width: 275px; color: #00425f; padding: 2px 0 2px 8px;}
div#content div#form-module div.formselect select.select { width: 275px; color: #00425f; }

div#content div#form-module div.formtextarea textarea { margin-bottom: 8px; margin-top: 5px; width: 590px; border: 1px solid #fff; background: #fff; color: #00425f; font-family:arial,helvetica,verdana,sans-serif; font-size: 12px; padding: 2px 0 2px 8px; }




/*div#content_wrapper div#content ul.articleList3Col { list-style-position: inside; width: 200px; }
div#content_wrapper div#content ul.articleList3Col li a { color: #fff; }*/

div#marginal h2 { font-size: 14px; padding: 5px 0 5px 18px; background-color: #fff; color: #f38a00; border-bottom: 1px solid #002c40;}
div#marginal table.pdf-dl-button { border: 1px solid #FFF; width: 100%; padding-left: 1px; background: url('../files/bg_download_button.png') repeat-x; margin-bottom: 6px;}
div#marginal table.link-button { border: 1px solid #FFF; width: 100%; padding-left: 1px; background: url('../files/bg_link_button.png') repeat-x; margin-bottom: 6px; }
div#marginal table.link-images { width: 100%; padding: 1px; font-size: 4px;}
div#marginal table.text-field { border: 1px solid #FFF; width: 100%; padding: 5px 0 5px 5px; background-color: #fff; margin-bottom: 6px; }
div#marginal table.logo { width: 100%; padding: 5px; background-color: #fff; margin-bottom: 6px; }
div#marginal table.pdf-dl-button td, div#marginal table.link-button td { padding: 5px; }
div#marginal table.pdf-dl-button a.button-link, div#marginal table.link-button a.button-link { color: #000; font-weight: bold; text-decoration: none;}


div#marginal div.item { padding: 7px 0 7px 0; background: #f2e8cc; border-bottom: 1px solid #002c40; text-align: center;  }
div#marginal div.item h3 { padding: 0 18px 2px 18px; color: #f38a00; font-size: 11px; font-weight: bold; text-align: left; }
div#marginal div.item p { padding: 0 18px 0 18px; color: #000; line-height: 15px; text-align: left; }
div#marginal div.item img { margin-bottom: 5px; }
div#marginal div.item p a { color: #f38a00; text-decoration: none; }

div#footer_wrapper ul { list-style:none; }

div#footer_wrapper div#footer_middle ul { }
div#footer_wrapper div#footer_middle ul li { float: left; display: block; padding: 0 18px 0 18px; border-right: 1px dotted #fff; }
div#footer_wrapper div#footer_middle ul li.last { border-right: 0; }
div#footer_wrapper div#footer_right ul li { float: left; display: block; width: 90px; text-align: center; }
div#footer_wrapper div#footer_right ul li.dotsFooter { border-right: 1px dotted #fff; }

div#footer_wrapper ul li a { color: #fff; text-decoration: none; }

/*  bilder referenzen */
div#content_wrapper div#content .column {
float:left;
padding:0 9px 9px 0;
width:112px;
height: 96px;
}

div#content_wrapper div#content .column img{
margin:0;
}

div#content_wrapper div#content  .clearfix {
clear:both;
display:block;
}

/* common styles */
.flRight { float: right; }
.flLeft { float: left; }
.flNone { margin-bottom: 15px; }
.clr { clear:both; line-height: 0; height: 0; font-size: 0; margin: 0; padding: 0; }
a img { border: none; }
a { text-decoration: underline; color: #fff; }
a:link { color: #fff; text-decoration: underline; }
a:visited { color: #fff; }
a:hover { color: #fff; }
a:active { color: #fff; }
a.back { color: #fff; display: block; margin-top: 15px; }
a.dl { display: block; width: 500px; text-decoration: none; background: url('../files/icon_download.png') no-repeat 0 0; padding-left:35px; padding-top: 4px; margin: 20px 0 20px 0; }
a.dlsw { display: block; width: 500px; text-decoration: none; background: url('../files/box_software.png') no-repeat 0 0; padding-left:35px; padding-top: 4px; margin: 20px 0 20px 0; }
div#content_wrapper div#content-whitecontent div#whitecontentwrapper div#innerborder a.dl { height: 18px; display: block; width: 300px;  text-decoration: none; background: url('../files/icon_download.png') no-repeat 0 0; padding-left:35px; padding-top: 4px; margin: 20px 0 0 0; }
div#content_wrapper div#content-whitecontent div#whitecontentwrapper div#innerborder a { text-decoration: underline; color: #00638f; }

/* dreispaltig referenzen */
table { /*border-spacing: 0; border-collapse: collapse;*/ }
table.threecols { width: 100%; }
table.threecols td { vertical-align: top; }

/*Tabs*/
/* Tabs
----------------------------------*/

div#tabs { width: 604px!important; height: 372px!important; border-right: 1px solid black; overflow: hidden; }
div#tabs ul { width: 604px!important; }
.ui-tabs { zoom: 1; }
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; }
.ui-tabs .ui-tabs-nav li { font-weight: bold;  position: relative; float: left; border-bottom-width: 0 !important; margin: 0 0 -1px 0; padding: 0; background: url('../files/bg_tab.png');  }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; height: 21px; padding: 6px 0 0 12px; font-size: 11px; width: 139px;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected {  border-bottom-width: 0; background: url('../files/bg_tab_active.png'); color: #00638f; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a  { color: #00638f; font-weight: bold; }

.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }

table.tab-image { border-collapse: collapse; border: 0; }
table.tab-image tr td { vertical-align: bottom; }
table.tab-image tr td div.alphabackground { padding: 6px 0 0 12px; height: 36px; vertical-align: bottom; background: transparent url("../files/transparenz_tabs_p.png");}
table.tab-image tr td div.alphabackground p { color: #00638f; font-size: 22px; font-weight: bold; line-height: 28px;}

table.tab-image {overflow: hidden;}
#tabs-1 a, #tabs-2 a, #tabs-3 a, #tabs-4 a { cursor: pointer;  text-decoration: none;}



