/* 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
}

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;
}

.tdfeatureright {
        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
 }