﻿/* --- wavecom.ch --- */

@font-face {
 font-family: 'asapregular';
 src: url('fonts/asap/asap-regular-webfont.eot');
 src: url('fonts/asap/asap-regular-webfont.eot?#iefix') format('embedded-opentype'),
      url('fonts/asap/asap-regular-webfont.woff') format('woff'),
      url('fonts/asap/asap-regular-webfont.ttf') format('truetype'),
      url('fonts/asap/asap-regular-webfont.svg#asapregular') format('svg');
 font-weight: normal;
 font-style: normal;
}

html, body {
 margin: 0;
 padding: 0px;
 height: 100%;
 font-family: Calibri, 'asapregular', Helvetica, sans-serif;
 font-size: 11pt;
 line-height: 11pt;
 font-weight: normal;
 color: #3a3938;
 cursor: default;
 line-height: 22px;
 -webkit-text-size-adjust: none; /* fix mobile device text size */
 -webkit-font-smoothing: antialiased;
}

#mainTable {
 padding: 50px 0 50px 0;
}

#subMainTable {
 
}

#subTD1 {
 border-top: 10px solid #5badd0;
 padding: 20px 0 20px 0;
}

#subTD2 {
 border-top: 10px solid #5badd0;
 padding: 50px 50px 0 50px;
}

#subTD2 table table h1 {
 font-size: 18pt;
 font-weight: normal;
 line-height: 19px;
 color: #3a3938;
}

#subTD3 {
 padding: 50px 50px 0 50px;
}

#subTD3 div {
 padding-top: 30px;
 text-align: left;
}

#subTD4 {
 padding: 50px 50px 0 50px;
}

#subTD5 {
 padding: 35px 0 10px 0;
 border-bottom: 1px dotted #d9d9d9;
}

#subTD6 {
 padding-top: 20px;
}

.menuHeaderUL {
 border-bottom: 2px solid #c2d7e4;
}

#historyBack {
 font-size: 10pt;
 text-align: left;
}

/* wavecom menu construct */

.wavecomMenuBeside {
 width: 200px;
}

.wavecomMenu p.titleWoL,
.wavecomMenuBeside p.titleWoL {
 text-align: left;
 color: #3a3938;
 text-decoration: none;
 cursor: pointer;
 position: relative;
 margin: 0;
 padding: 3px 3px 3px 7px;
}

.wavecomMenu p.titleWoL:hover,
.wavecomMenuBeside p.titleWoL:hover {
 color: #fff;
 text-decoration: none;
 background-color: #5badd0;
}

.wavecomMenu p.titleWL,
.wavecomMenuBeside p.titleWL {
 color: #3a3938;
 text-decoration: none;
 cursor: pointer;
 position: relative;
 margin: 0;
 padding: 3px 3px 3px 7px;
}

.wavecomMenu p.titleWL a:link,
.wavecomMenu p.titleWL a:visited,
.wavecomMenu p.titleWL a:active,
.wavecomMenuBeside p.titleWL a:link,
.wavecomMenuBeside p.titleWL a:visited,
.wavecomMenuBeside p.titleWL a:active {
 color: #3a3938;
 text-decoration: none;
 margin: 0;
 padding: 0;
 display: block;
}

.wavecomMenu p.titleWL:hover,
.wavecomMenu p.titleWL:hover a,
.wavecomMenuBeside p.titleWL:hover,
.wavecomMenuBeside p.titleWL:hover a {
 color: #fff;
 text-decoration: none;
 background-color: #5badd0;
 display: block;
}

.wavecomMenu ul {
 display: none;
 margin: 0;
 padding: 0;
}

.wavecomMenuBeside ul {
 margin: 0;
 padding: 0;
}

.wavecomMenu li,
.wavecomMenuBeside li {
 list-style-type: none;
 margin: 0;
 padding: 0;
 display: block;
}

.wavecomMenu ul li a,
.wavecomMenuBeside ul li a {
 padding: 3px 3px 3px 17px;
 font-size: 10pt;
 line-height: 19px;
 display: block;
}

.wavecomMenu ul li a:link,
.wavecomMenuBeside ul li a:link {
 color: #777;
 text-decoration: none;
}

.wavecomMenu ul li a:visited,
.wavecomMenuBeside ul li a:visited {
 color: #777;
 text-decoration: none;
}

.wavecomMenu ul li a:active,
.wavecomMenuBeside ul li a:active {
 color: #777;
 text-decoration: none;
}

.wavecomMenu ul li a:hover,
.wavecomMenuBeside ul li a:hover {
 color: #fff;
 text-decoration: none;
 background-color: #5badd0;
}

.wavecomMenu li span,
.wavecomMenuBeside li span {
 margin: 0;
 padding: 1px 1px 1px 5px;
 font-size: 10pt;
 border: 1px solid #efefef;
 display: block;
}

/* */

#mainSublinks {
 margin-top: 50px;
 color: #0067b2;
 font-size: 10.5pt;
}

#profileContainer {
 padding: 20px 10px 30px 0;
}

#profileContainer a:link,
#subTable1 a:link,
#subTable2 a:link,
#subTable7 a:link,
#subTable8 a:link,
#historyBack a:link,
.subTableN a:link,
.faqMenu a:link {
 color: #0067b2;
 text-decoration: none;
}

#profileContainer a:visited,
#subTable1 a:visited,
#subTable2 a:visited,
#subTable7 a:visited,
#subTable8 a:visited,
#historyBack a:visited,
.subTableN a:visited,
.faqMenu a:visited  {
 color: #0067b2;
 text-decoration: none;
}

#profileContainer a:active,
#subTable1 a:active,
#subTable2 a:active,
#subTable7 a:active,
#subTable8 a:active,
#historyBack a:active,
.subTableN a:active,
.faqMenu a:active  {
 color: #0067b2;
 text-decoration: none;
}

#profileContainer a:hover,
#subTable1 a:hover,
#subTable2 a:hover,
#subTable7 a:hover,
#subTable8 a:hover,
#historyBack a:hover,
.subTableN a:hover,
.faqMenu a:hover  {
 color: #0067b2;
 text-decoration: none;
}

#newsContainer {
 padding: 20px 10px 30px 20px;
 background: #ffffff url('../img/news-bckgrnd.gif') no-repeat left top;
}

#contactContainer {
 font-size: 10.5pt;
 padding-top: 20px;
}

#blueLineT {
 border-top: 2px dotted #c2d7e4;
}

#blueLineB {
 border-bottom: 2px dotted #c2d7e4;
}

#waves {
 position: absolute;
 top: 148px;
 left: 870px;
 right: 0;
 margin: auto;
 width: 30px;
 height: 320px;
 background: url('../img/waves.gif') no-repeat;
 z-index: 999;
}

#copyright {
 font-weight: bold;
}

.footerLinks {
 text-align: right;
}

.footerLinks a:link, #newsContainer a:link, #contactContainer a:link, main-slider a:link,
.footerLinks a:visited, #newsContainer a:visited, #contactContainer a:visited, main-slider a:visited,
.footerLinks a:active, #newsContainer a:active, #contactContainer a:active, main-slider a:active,
.footerLinks a:hover, #newsContainer a:hover, #contactContainer a:hover, main-slider a:hover {
 color: #0067b2;
 text-decoration: none;
}

#subContainer {
 padding: 20px;
}

#subTable1 td {
 padding: 2px;
 border-bottom: 1px dotted #d9d9d9;
}

#subTable1 img {
 padding: 2px;
}

#subTable1 p {
 font-weight: bold;
 text-align: left;
}

#subTable1 .subTableT {
 font-weight: bold;
}

.subTitleWoL {
 text-align: center;
 color: #3a3938;
 padding: 5px;
 margin-bottom: 30px;
 border: 1px solid #d9d9d9;
 font-weight: bold;
}

#subTable2 td,
#subTable3 td {
 border-bottom: 1px dotted #d9d9d9;
}

#subTable2 p {
 margin-left: 5px;
 padding: 0;
 font-weight: bold;
 text-align: left;
}

#subTable3 p {
 margin-left: 5px;
 padding: 0;
 font-size: 10.5pt;
}

#subTable2 ul {
 margin: 0 10px 30px 5px;
 padding: 0;
}

#subTable2 img {
 margin: 10px 0 30px 0;
 padding: 0;
}

#subTable2 ul li {
 list-style-type: none;
 margin: 10px 0 0 0;
 padding: 0;
 display: block;
 text-align: justify;
}

#subTable2 ol li {
 margin: 10px 0 0 0;
 padding: 0;
}

#subTable2 ul li a {
 background: url("../img/pdf-icon-small.gif") no-repeat 100% 50%;
 padding-right: 20px;
}

#companyAddDiv {
 padding: 5px;
 margin: 0;
}

#subTable4 {
 border-bottom: 1px dotted #d9d9d9;
}

#subTable4 p {
 margin-left: 0;
 padding: 0;
 font-weight: bold;
 text-align: left;
}

#subTable4 div {
 text-align: justify;
}

.lifeCycleHeader {
 text-align: left;
 border-left: 1px dotted #d9d9d9;
}

.lifeCycleFirstDig {
 border-top: 1px dotted #d9d9d9;
}

.lCColorP {
 background-color: #fff59b;
 text-align: center;
 border-bottom: 1px dotted #d9d9d9;
}

.lCColorR {
 background-color: #83d0f5;
 text-align: center;
 border-bottom: 1px dotted #d9d9d9;
}

.lCColorS {
 background-color: #ec6446;
 text-align: center;
 border-bottom: 1px dotted #d9d9d9;
}

#subTable5 td {
 margin: 0;
 padding: 5px;
 border-bottom: 1px dotted #d9d9d9;
 border-right: 1px dotted #d9d9d9;
}

#subTable5 p {
 font-weight: bold;
 text-align: left;
}

#subTable6 p {
 font-weight: bold;
 text-align: left;
}

.fPTD0 {
 padding-top: 20px;
 border-top: 1px dotted #d9d9d9;
 border-bottom: 1px dotted #d9d9d9;
}

.fPTD0X {
 border-bottom: 1px dotted #d9d9d9;
}

.fPTD2 {
 font-size: 10.5pt;
 text-align: left;
}

.fPTD3 {
 font-size: 10.5pt;
 text-align: right;
}

.smallFont {
 font-size: 10.5pt;
}

.bigFont {
 font-size: 11pt;
}

.hugeFont {
 font-size: 13pt;
}

.boldFont {
 font-weight: bold;
}

.bigBoldFont {
 font-weight: bold;
 font-size: 14pt;
}

#subTable7 td {
 margin: 0;
 padding-top: 15px;
 border-bottom: 1px dotted #d9d9d9;
}

#subTable7 img {
 margin: 5px 5px 20px 5px;
 padding: 0;
}

#subTable7 p,
#subTable8 p {
 margin-top: 0;
 padding-top: 0;
 text-align: justify;
}

#subTable7 ul {
 text-align: left;
}

#subTable8 td {
 margin: 0;
 padding-top: 15px;
}

#subTable8 ul {
 margin: 0;
 padding: 0 0 10px 0;
}

#subTable8 li {
 list-style-type: none;
 margin: 0;
 padding: 0;
 display: block;
}

/* f.a.q. construct */

.faqMenu p.titleWoL {
 text-align: left;
 color: #3a3938;
 text-decoration: none;
 font-size: 10.5pt;
 cursor: pointer;
 position: relative;
 margin: 5px 0 5px 0;
 padding: 8px 5px 8px 5px;
 border: 1px dotted #d9d9d9;
}

.faqMenu p.titleWoL:hover {
 color: #fff;
 text-decoration: none;
 background-color: #f59e2a;
}

.faqMenu p.titleWL {
 color: #3a3938;
 text-decoration: none;
 cursor: pointer;
 position: relative;
 margin: 0;
 padding: 0 3px 3px 7px;
}

.faqMenu ul {
 display: none;
 margin: 0;
 padding: 20px;
 font-size: 10.5pt;
}

.faqMenu li {
 margin-left: 20px;
 padding: 0;
}

.faqMenu li.noBullet {
 list-style-type: none;
 margin: 0;
 padding: 0;
 display: block;
}

.faqMenu li.answerTitle {
 padding-bottom: 10px;
}

.faqMenu li.answerBlock {
 padding-top: 10px;
}

/* */

#locationAddress {
 padding-left: 80px;
}

.subLine {
 padding-bottom: 10px;
 border-bottom: 1px dotted #d9d9d9;
}

/* devMenu construct */

.devMenu p.titleWoL {
 text-align: left;
 color: #3a3938;
 text-decoration: none;
 font-size: 10.5pt;
 cursor: pointer;
 position: relative;
 margin: 5px 0 5px 0;
 padding: 8px 5px 8px 5px;
 border: 1px dotted #d9d9d9;
}

.devMenu p.titleWoL:hover {
 color: #fff;
 text-decoration: none;
 background-color: #f59e2a;
}

.devMenu p.titleWL {
 color: #3a3938;
 text-decoration: none;
 cursor: pointer;
 position: relative;
 margin: 0;
 padding: 0 3px 3px 7px;
}

div.devMenu {
 display: none;
}

.devMenu li {
 margin-left: 20px;
 padding: 0;
}

.devMenu li.noBullet {
 list-style-type: none;
 margin: 0;
 padding: 0;
 display: block;
}

.devMenu li.answerTitle {
 padding-bottom: 10px;
}

.devMenu li.answerBlock {
 padding-top: 10px;
}

.devMenu {
 padding: 10px 10px 0 10px;
}

.devMenuShown > p {
 font-weight: bold;
 font-size: 14pt;
 padding: 10px;
 margin: 10px 0 40px 0;
 border: 1px dotted #d9d9d9;
}

.devMenuHidden > p {
 font-weight: bold;
 font-size: 14pt;
 padding: 10px;
 margin-top: 40px;
 border: 1px dotted #d9d9d9;
}

.devMenuHidden > p:hover {
 background-color: #f59e2a;
 color: #fff;
 cursor: pointer;
}

.devWrapper {
 padding: 0 10px 0 10px;
}

/* */

.input {
 padding: 5px;
 margin: 0 0 0 50px;
 border: 1px solid #d9d9d9;
}

.input2 {
 padding: 5px;
 margin: 0 10px 0 0;
 border: 1px solid #d9d9d9;
}

.textarea {
 padding: 5px;
 margin: 0 0 0 50px;
 border: 1px solid #d9d9d9;
}

.formSpace {
 margin: 0 0 0 50px;
}

.blockElement #ul1 {
 position: relative;
 float: left;
}

.blockElement #ul2 {
 position: relative;
 float: left;
 left: 50px;
}

/* slider construct */

#logo {
 position: absolute;
 top: 80px;
 left: 730px;
 right: 0;
 margin: auto;
 
}

#sliderBlock {
 display: inline;
 float: left;
 min-height: 240px;
 margin-bottom: 30px;
}

#sliderBlock div {
 display: inline-block;
 *display: inline;
 vertical-align: top;
 float: left;
 zoom: 1;
}

#sliderImageBox {
 position: relative;
 top: 0;
}

#mainProduct {
 position: relative;
 top: 0;
 left: 75px;
}

#wcodeLogo {
 position: relative;
 top: 45px;
 left: -60px;
}

#systemLogo {
 position: relative;
 top: 45px;
 left: -50px;
}

#sliderTextBox {
 width: 325px;
 position: relative;
 top: 20px;
 left: 25px;
}

#sliderTextBox p {
 font-size: 18pt;
 font-weight: normal;
 line-height: 19px;
 color: #0067b2;
}

.sliderLink {
 display: block;
 color: #3a3938;
 text-decoration: none;
}

/* */


