/* global page settings */
html {
    background: #F8FBFE url(../images/bg_global.gif) repeat-x;
    height: 100%;
    width: 100%;
}
body {
    height: 100%;
    width: 100%;
    font: normal 11px arial, verdana, helvetica, sans-serif; 
    line-height: 16px;
}
a:link, a:active, a:visited, a:hover {
    color: #000;
    font: normal 1em arial, verdana, helvetica, sans-serif; 
    line-height: 1.45em;
    text-decoration: none;
}
.cls {
  clear: both;
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* Hides from IE-mac \*/
.clearfix {
  display: block;
}
/* End hide from IE-mac */

input.txt-field {
  background: url(../images/bg_input.gif) repeat-x;
  border: 1px solid #6E6E6E;
}
textarea{
  background: url(../images/bg_textarea.gif) repeat-x;
  border: 1px solid #6E6E6E;
}

/* headlines, text, images, ... global setting */
h1 {
    color: #0856A1;
    font-size: 1.2em;
    font-weight: bold;
    line-height: 1.45em;
}
h1.upper {
  text-transform: uppercase;
}


/* page container elements */
div#frame {
  background: #FFF url(../images/header.jpg) no-repeat;
  margin: 0 auto;
  position: relative;
  width: 900px;
}

/* page main navigation */
div#frame ul#main_navigation {
  background: url(../images/bg_main_navigation.gif) 0px 200px repeat-x;
  height: 35px;
  padding: 200px 0px 0px 0px;
  width: 900px;
}

div#frame ul#main_navigation li {
  float: left;
}

/* page left side */
div#frame div#page-info {
  float: left;
  padding: 0px 20px 0px 0px;
  width: 215px;
}

div#frame div#page-info p, div#frame div#page-info p a:link, div#frame div#page-info p a:active, div#frame div#page-info p a:visited, div#frame div#page-info p a:hover {
  color: #4C4C4C;
}
div#frame div#page-info p em {
  font-style: normal;
  font-weight: bold;
}

div#frame div#page-info p {
  border: 0px;
  border-top: 1px dotted #BFBFBF;
  border-bottom: 1px dotted #BFBFBF;
  margin-left: 10px;
  padding: 12px 15px;
  width: 171px;
}

/* page content */
div#frame div#page-content {
  float: left;
  padding-top: 10px;
  width: 410px;
}
div#frame div#page-content h1 {
  padding-bottom: 10px; 
}

div#frame div#page-content p em {
  font-weight: bold;
}

div#frame div#page-content p.blue {
  color: #00519E;
}

div#frame div#page-content blockquote {
  color: #00519E;
  font-style: italic;
}
div#frame div#page-content p.image-content {
  height: 125px;
  padding: 0px 0px 0px 170px;
}

div#frame div#page-content p#modul-sales-info {
  background: url(../images/modul-sales.jpg) no-repeat;
}
div#frame div#page-content p#modul-termin-info {
  background: url(../images/modul-termin.jpg) no-repeat;
}

div#frame div#page-content dl dt {
  background: url(../images/checked.gif) 0px 5px no-repeat;
  font-weight: bold;
  padding: 5px 0px 5px 22px;
}

div#frame div#page-content dl dd ul li {
  background: url(../images/dl-li.gif) 23px 8px no-repeat; 
  padding: 0px 0px 0px 30px;
}

div#frame div#page-content a.toplink:link, div#frame div#page-content a.toplink:active, div#frame div#page-content a.toplink:visited, div#frame div#page-content a.toplink:hover {
  background: url(../images/toplink.gif) right top no-repeat;
  border: 0px; 
  border-bottom: 1px dotted #BFBFBF;
  color: #FFF;
  display: block;
  height: 10px;
  line-height: 0.1em;
}

div#frame div#page-content ul.linklist li {
  background: url(../images/linklist.gif) 0px 6px no-repeat; 
  padding: 0px 0px 3px 11px;
}
div#frame div#page-content ul.linklist li a:link,
div#frame div#page-content ul.linklist li a:active,
div#frame div#page-content ul.linklist li a:visited,
div#frame div#page-content ul.linklist li a:hover {
  color: #00519E;
  font-weight: bold;
  text-decoration: underline;
}

div#frame div#page-content h2 {
  background: url(../images/bg-h2.gif) 0px 5px no-repeat;
  color: #00519E;
  font-weight: bold;
  padding: 0px 0px 3px 11px;
}
div#frame div#page-content h2 span {
  font-weight: normal;
}

div#frame div#page-content h2.plain {
  background: none; 
  padding: 0px;
}

div#frame div#page-content ul.list li {
  background: url(../images/bg-list.gif) 0px 6px no-repeat; 
  padding: 0px 0px 2px 11px;
}

div#frame div#page-content p.label {
  color: #00519E;
  padding: 5px 0px 5px 0px;
}

div#frame div#page-content a.pdf:link,
div#frame div#page-content a.pdf:active,
div#frame div#page-content a.pdf:visited,
div#frame div#page-content a.pdf:hover {
  background: url(../images/pdf.gif) 0px 0px no-repeat;
  color: #00519E;
  font-weight: bold;
  padding: 2px 0px 10px 30px;
  text-decoration: underline;
}
div#frame div#page-content a.pdf-info:link,
div#frame div#page-content a.pdf-info:active,
div#frame div#page-content a.pdf-info:visited,
div#frame div#page-content a.pdf-info:hover {
  color: #00519E;
  text-decoration: none;
}

div#frame div#page-content p.adobe-info {
  padding: 10px 0px;
}

div#frame div#page-content p.adobe-info a img, div#frame div#page-content dl.video-list dd a img {
  float: left;
  padding: 10px 10px 10px 0px; 
}

div#frame div#page-content dl.float-list dt {
  background: none;
  font-weight: bold;
  float: left;
  height: 20px;
  padding: 0px;
  width: 150px;
}

div#frame div#page-content dl.float-list dd {
  height: 20px;
}
div#frame div#page-content dl.float-list dd a:link, div#frame div#page-content dl.float-list dd a:active, div#frame div#page-content dl.float-list dd a:visited, div#frame div#page-content dl.float-list dd a:hover {
  color: #00519E;
  text-decoration: underline;
}

div#frame div#page-content dl.video-list dt {
  background: url(../images/linklist.gif) 0px 6px no-repeat; 
  padding: 0px 0px 3px 11px;
}
div#frame div#page-content dl.video-list dt a:link,
div#frame div#page-content dl.video-list dt a:active,
div#frame div#page-content dl.video-list dt a:visited,
div#frame div#page-content dl.video-list dt a:hover {
  color: #00519E;
  font-weight: bold;
  text-decoration: underline;
}

div#frame div#page-content dl.video-list dd  {
  height: 60px;
}

div#frame div#page-content dl.video-list dd a img {
  padding: 0px 10px 10px 0px; 
}

div#frame div#page-content fieldset dl dt {
  background: none;
  font-weight: normal;
  float: left;
  height: 20px;
  padding: 0px; 
  width: 140px;
}
div#frame div#page-content fieldset dl dd {
  height: 20px;
}


/* page right side */
div#frame div#info-box {
  left: 668px;
  position: absolute;
  top: 175px;
}

div#frame div#info-box h1{
  height: 25px;
  text-indent: -9999px;
  width: 209px;
}

div#frame div#info-box h1#demo-version, div#frame div#info-box h1#call-us, div#frame div#info-box h1#video-tutorial {
  /* set background-image inline -> ie6 png hack */
  background-repeat: no-repeat;
}
div#frame div#info-box div#demo-version-c {
  background: url(../images/bg_box_first.gif) no-repeat;
  height: 125px;
  width: 209px;
}
div#frame div#info-box div#call-us-c {
  background: url(../images/bg_box.gif) no-repeat;
  height: 95px;
  width: 209px;
}
div#frame div#info-box div#video-tutorial-c {
  background: url(../images/bg_box.gif) no-repeat;
  height: 179px;
  width: 209px;
}

div#frame div#info-box div#demo-version-c p, div#frame div#info-box div#call-us-c p, div#frame div#info-box div#video-tutorial-c  p {
  color: #484848;
  padding: 10px 14px 0px 14px;
}

div#frame div#info-box div#demo-version-c p {
  background: url(../images/demo-version-bg.jpg) 12px 10px no-repeat;
  padding-left: 70px;
}

div#frame div#info-box div#demo-version-c a:link, div#frame div#info-box div#demo-version-c a:hover, div#frame div#info-box div#demo-version-c a:active, div#frame div#info-box div#demo-version-c a:visited, 
div#frame div#info-box div#call-us-c p a:link, div#frame div#info-box div#call-us-c p a:hover, div#frame div#info-box div#call-us-c p a:active, div#frame div#info-box div#call-us-c p a:visited,  
div#frame div#info-box div#video-tutorial-c  p a:link, div#frame div#info-box div#video-tutorial-c  p a:hover, div#frame div#info-box div#video-tutorial-c  p a:visited, div#frame div#info-box div#video-tutorial-c  p a:active {
  color: #00519E;
  font-weight: bold;
  text-decoration: underline;
}

div#frame div#info-box div#demo-version-c a:link, div#frame div#info-box div#demo-version-c a:hover, div#frame div#info-box div#demo-version-c a:active, div#frame div#info-box div#demo-version-c a:visited {
  background: url(../images/demo-version-link.gif) 12px 10px no-repeat;
  display: block;
  padding: 10px 0px 0px 32px;
  text-decoration: none;
}

div#frame div#info-box div#demo-version-c p em {
  font-style: normal;
  font-weight: bold;
}

div#frame div#info-box div#call-us-c p span {
  color: #00519E;
  display: block;
  font-size: 1.5em;
  font-weight: bold;
  padding: 10px 0px 0px 0px;
  text-align: center;
}
div#frame div#info-box div#video-tutorial-c a {
  display: block;
  text-align: center; 
  width: 100%;
}

/* page sub navigation */
div#frame div#page-info  ul#sub_navigation li {
  padding: 3px 0px 3px 0px;
  font-size: 1.1em;
}

div#frame div#page-info  ul#sub_navigation li.border {
  border-bottom: 1px dotted #BFBFBF;
}
div#frame div#page-info  ul#sub_navigation li.lv1 a:link,
div#frame div#page-info  ul#sub_navigation li.lv1 a:active,
div#frame div#page-info  ul#sub_navigation li.lv1 a:visited,
div#frame div#page-info  ul#sub_navigation li.lv1 a:hover {
  background: url(../images/bg_sub_navigation_l1.gif) 9px 6px no-repeat;
  color: #868686;
  display: block;
  font-weight: bold;
  padding: 0px 0px 0px 21px;
  text-decoration: none;
}
div#frame div#page-info  ul#sub_navigation li.lv1a a:link,
div#frame div#page-info  ul#sub_navigation li.lv1a a:active,
div#frame div#page-info  ul#sub_navigation li.lv1a a:visited,
div#frame div#page-info  ul#sub_navigation li.lv1a a:hover {
  background: url(../images/bg_sub_navigation_l1a.gif) 9px 6px no-repeat;
  color: #00519E;
  display: block;
  font-weight: bold;
  padding: 0px 0px 0px 21px;
  text-decoration: none;
}

div#frame div#page-info  ul#sub_navigation li.lv2 a:link,
div#frame div#page-info  ul#sub_navigation li.lv2 a:active,
div#frame div#page-info  ul#sub_navigation li.lv2 a:visited,
div#frame div#page-info  ul#sub_navigation li.lv2 a:hover {
  background: url(../images/bg_sub_navigation_l2.gif) 22px 6px no-repeat;
  color: #868686;
  display: block;
  padding: 0px 0px 0px 32px;
  text-decoration: none;
}
div#frame div#page-info  ul#sub_navigation li.lv2a a:link,
div#frame div#page-info  ul#sub_navigation li.lv2a a:active,
div#frame div#page-info  ul#sub_navigation li.lv2a a:visited,
div#frame div#page-info  ul#sub_navigation li.lv2a a:hover {
  background: url(../images/bg_sub_navigation_l2a.gif) 22px 6px no-repeat;
  color: #00519E;
  display: block;
  padding: 0px 0px 0px 32px;
  text-decoration: none;
}

div#frame div#header-animation {
  left: 62px;
  position: absolute;  
  top: 75px;
}