/* Content ----------------------------------------------------------------- */
p {  
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 11px; 
  font-style: normal;
  line-height: normal; 
  font-weight: normal; 
  font-variant: normal;
  text-transform: none;
  color: #363636; 
  text-decoration: none;
}

.glossar {  
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 11px; 
  font-style: normal;
  line-height: normal; 
  font-weight: normal; 
  font-variant: normal;
  text-transform: none;
  color: #363636; 
  text-decoration: none;
}

.linkImContent {  
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 11px; 
  font-style: normal;
  line-height: normal; 
  font-weight: normal; 
  font-variant: normal;
  text-transform: none;
  color: #1a3682; 
  text-decoration: none;
}

.actionlink {  
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 10px; 
  font-style: normal;
  line-height: normal; 
  font-weight: normal; 
  font-variant: normal;
  text-transform: none;
  color: #1a3682; 
  text-decoration: none;
}

.subtext {  
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 10px; 
  font-style: normal;
  line-height: normal; 
  font-weight: normal; 
  font-variant: normal;
  text-transform: none;
  color: #363636; 
  text-decoration: none;
}

.subtextTutorials {  
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 10px; 
  font-style: normal;
  line-height: normal; 
  font-weight: normal; 
  font-variant: normal;
  text-transform: none;
  color: #9D9D9D; 
  text-decoration: none;
}

/*.subtextBlue {  
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 10px; 
  font-style: normal;
  line-height: normal; 
  font-weight: normal; 
  font-variant: normal;
  text-transform: none;
  color: #1a3682;
  text-decoration: none;
}*/

.subtextRed {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 10px;
        font-style: normal;
        line-height: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        color: red;
        text-decoration: line-through;
}

.subtextGreen {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 10px;
        font-style: normal;
        line-height: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        color: green;
        text-decoration: none;
}

.headline{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 20px; 
  font-style: normal;
  line-height: normal; 
  font-weight: normal; 
  font-variant: normal;
  text-transform: none;
  color: #5872b9; 
  text-decoration: none;
}

.headlineFeatures{  
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 11px; 
  font-style: normal;
  line-height: normal; 
  font-weight: bold; 
  font-variant: normal;
  text-transform: none;
  color: #ffffff; 
  text-decoration: none;
}

h1 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 20px; 
  font-style: normal;
  line-height: normal; 
  font-weight: normal; 
  font-variant: normal;
  text-transform: none;
  color: #5872b9; 
  text-decoration: none;
  display:inline;
}


.headline2{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 20px; 
  font-style: normal;
  line-height: normal; 
  font-weight: normal; 
  font-variant: normal;
  text-transform: none;
  color: #363636; 
  text-decoration: none;
}


.headline30px {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 30px; 
  font-style: normal;
  line-height: normal; 
  font-weight: bold; 
  font-variant: normal;
  text-transform: none;
  color: #363636; 
  text-decoration: none;
}

.keinlink {
  color: #363636;
}

.keinlinkBlue12px {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-style: normal;
  line-height: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  color: #1a3682;
  text-decoration: none;
}


/* Hyperlinks -------------------------------------------------------------- */

a {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-style: normal;
  line-height: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  color: #1a3682;
  text-decoration: none;
}


a:hover {
  color: #4770DA;  
}


/* Background-Images ------------------------------------------------------- */

td.bg { 
  background: #e7dba8 url('gfx/ol/minusbullet.gif') no-repeat; 
   
}

 .table_bg_verlauf {
   background-image:url('../images/backgroundgradient.gif'); 
   z-index: 2 ; 
   
   background-repeat:repeat-x;
   background-position: bottom center
 }

 .td_background_fibre_smoothy {
   background-image:url('../images/background_fibre_smoothy_test.gif'); 
   background-repeat:repeat-y;
 }

#wrapper{
  background: url('../images/bg_wrapper.gif') repeat-x bottom center;
}


/* Listen ------------------------------------------------------------------ */

.olIconOutside{
  list-style-position:outside;
  list-style-image:url('../images/navblockarrow.gif');
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 11px; 
  font-style: normal;
  line-height: normal; 
  font-weight: normal; 
  font-variant: normal;
  text-transform: none;
  color: #363636; 
  text-decoration: none;
  line-height:16px;
  vertical-align:middle;
  margin-left:40px
}

.olIconOutsideLeft{
  list-style-position:outside;
  list-style-image:url('../images/navarrowdown.gif');
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 11px; 
  font-style: normal;
  line-height: normal; 
  font-weight: normal; 
  font-variant: normal;
  text-transform: none;
  color: #363636; 
  text-decoration: none;
  line-height:16px;
  vertical-align:middle;
  margin-left:18px
}

.olVersionHistory{
  list-style-position:outside;
  list-style-image:url('../images/navblockarrow.gif');
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 11px; 
  font-style: normal;
  line-height: normal; 
  font-weight: normal; 
  font-variant: normal;
  text-transform: none;
  color: #363636; 
  text-decoration: none;
  line-height:16px;
  vertical-align:middle;
  margin-left:40px;
  margin-bottom:0px
}

.olRightColumn{
  list-style-position:outside;
  list-style-image:url('../images/navblockarrow.gif');
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 11px; 
  font-style: normal;
  line-height: normal; 
  font-weight: normal; 
  font-variant: normal;
  text-transform: none;
  color: #363636; 
  text-decoration: none;
  line-height:16px;
  text-align:left;
  vertical-align:middle;
  margin-left:13px;
  margin-bottom:0px
}

ul.play_tutorial {
    margin: 0;
    padding: 0;
}

ul.play_tutorial li {
    position: relative;
    overflow: hidden;
    width: 164px;
}

ul.play_tutorial li a img {
    position: relative;
    width: 328px;
    height: 152px;
    border: 0px none; 
}

ul.play_tutorial li a:hover {
    position: relative;
    left: -164px;
}


/* Forms ------------------------------------------------------------------- */

input {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-style: normal;
  line-height: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  color: #363636;
  text-decoration: none;
  border: 1px solid #2d2d2d;
  background-color: #FFFFFF;
}

.inputCalculator {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-style: normal;
  line-height: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-align: center;
  color: #363636;
  text-decoration: none;
  border: none;
  background-color: #F2F2F2;
}

.inputCalculatorWhite {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-style: normal;
  line-height: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-align: center;
  color: #363636;
  text-decoration: none;
  border: none;
  background-color: #FFFFFF;
}

.inputContactForm{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-style: normal;
  line-height: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  color: #363636;
  text-decoration: none;
  border: 1px solid #2d2d2d;
  background-color: #FFFFFF;
  width:140px;
  height:20px;
}

.inputOrderButton {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-style: normal;
  line-height: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  color: #363636;
  text-decoration: none;
  border: 1px solid #2d2d2d;
  background-color: #F9F9F9;
  width:115px;
  height:20px;
  cursor: pointer;
}

.selectMenuContactForm{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-style: normal;
  line-height: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  color: #363636;
  text-decoration: none;
  border: 1px solid #2d2d2d;
  background-color: #FFFFFF;
  width:220px;
  height:20px;
}

.selectMenuCalculate{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-style: normal;
  line-height: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  color: #363636;
  text-decoration: none;
  border: 1px solid #2d2d2d;
  background-color: #FFFFFF;
  height:20px;
}

textarea {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-style: normal;
  line-height: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  color: #363636;
  border-left: 1px solid #2d2d2d;
  border-right: 1px solid #2d2d2d;
  border-bottom: 1px solid #2d2d2d;
  border-top: 1px solid #2d2d2d;
  background-color: #FFFFFF;
}

.CheckBox { 
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-style: normal;
  line-height: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  color: #363636;
  border: none;
  background-color: #FFFFFF;
}


.cpu {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-style: normal;
        line-height: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        color: #363636;
        text-decoration: none;
        border: 1px solid #2d2d2d;
        background-color: #F8F8F8;
}


/* Grafiken ---------------------------------------------------------------- */

.imageborder {
  border: 1px solid #5872b9;
  border-style: dotted;
}

.flagborder {
  border: 1px solid #cccccc;
}

/* Tabellen ---------------------------------------------------------------- */

.tdunderline {
  border-bottom:363636px dashed; 
}

.tdtopline {
  border-top-width: 1px;
  border-top-style: dashed;
  border-top-color: #FFFFFF;
}

.tdtopbottomline {
  border-top-width: 1px;
  border-top-style: dashed;
  border-top-color: #363636;
    border-bottom-width: 1px;
  border-bottom-style: dashed;
  border-bottom-color: #363636;
}

.tdleftrightline {
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #2d2d2d;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #2d2d2d;
}

.tdresultrow {
  border-width: 1px;
  border-style: solid;
  border-color: #f2f2f2;
         background-color: #f2f2f2 
}

.tdleftline {
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #333333;
}

.tdrightline {
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #2d2d2d;
}


/*.tableBorderDottet {
  border: 1px solid #cccccc;
}*/

.tableBorderDottet {
  border: 1px dotted #363636;

}

.TabYellowBackGround
{
  BORDER-RIGHT: #333333 1px dotted;
  PADDING-RIGHT: 4px;
  BORDER-TOP: #333333 1px dotted;
  PADDING-LEFT: 4px;
  PADDING-BOTTOM: 2px;
  BORDER-LEFT: #333333 1px dotted;
  PADDING-TOP: 2px;
  BORDER-BOTTOM: #333333 1px dotted;
  BACKGROUND-COLOR: #f5ffaa
}

.tdfeature {
        border-top-width: 1px;
        border-top-style: dotted;
        border-top-color: #363636;
        border-bottom-width: 1px;
        border-bottom-style: dotted;
        border-bottom-color: #363636;
}

.tdfeaturebottom {
        border-bottom-width: 1px;
        border-bottom-style: dotted;
        border-bottom-color: #363636;
}

.tdfeatureright {
        border-right-width: 1px;
        border-right-style: dotted;
        border-right-color: #363636;
}

.tdfeaturerightbottom {
        border-right-width: 1px;
        border-right-style: dotted;
        border-right-color: #363636;
        border-bottom-width: 1px;
        border-bottom-style: dotted;
        border-bottom-color: #363636;

}

.tdfeaturetop {
        border-top-width: 1px;
        border-top-style: dotted;
        border-top-color: #363636;
}

.tdfeaturetopright {
        border-top-width: 1px;
        border-top-style: dotted;
        border-top-color: #363636;
        border-right-width: 1px;
        border-right-style: dotted;
        border-right-color: #363636;
}

.tdfeatureleftright {
        border-right-width: 1px;
        border-right-style: dotted;
        border-right-color: #363636;
        border-left-width: 1px;
        border-left-style: dotted;
        border-left-color: #363636;
}

.tdfeaturesides {
        border-top-width: 1px;
        border-top-style: dotted;
        border-top-color: #363636;
        border-right-width: 1px;
        border-right-style: dotted;
        border-right-color: #363636;
        border-bottom-width: 1px;
        border-bottom-style: dotted;
        border-bottom-color: #363636;
}

.tdfeaturebox {
        border-top-width: 1px;
        border-top-style: dotted;
        border-top-color: #363636;
        border-bottom-width: 1px;
        border-bottom-style: dotted;
        border-bottom-color: #363636;
        border-left-width: 1px;
        border-left-style: dotted;
        border-left-color: #363636;
        border-right-width: 1px;
        border-right-style: dotted;
        border-right-color: #363636;
}

.subtable_blue {
background: url('../images/blue_bar.gif');
spacing:2px;
height :25px;

}

.subtable_orange {
background: url('../images/orange_bar.gif');
spacing:2px;
height :25px;

}

.titel {
background: url('../images/header_bar.gif');
font-size: 11px;
font-family: Verdana,Arial,sans-serif;
color: #FFFFFF;
font-weight: normal;
text-align: left;

}

/* Beschreibung der Farbwerte ---------------------------------------------- */

/* Farbe fuer p ( grau ) = #363636 */
/* Farbe fuer h, headline1 ( hellblau )  = #5872b9 */
/* Farbe fuer navigation (dunkelblau) = #1a3682 */


/* Sitmap -----------------------------------------------------------------*/

ul {
 list-style-type:circle
 }
ol{
 list-style-type:circle
 }
 li {
 list-style-type:none
 }