/*@variables {

  FTRed: #B22037;

  FT-light red: #ceaeaf;

  FTBlue: #292C8A;

  FT-light blue: #b7bdd7;

}

*/

* {

    padding: 0;

    margin: 0;

} 



body {

	background: #eee;

	background-repeat: repeat-x;

	font-family: Verdana, Arial, sans-serif;

    font-size: .74em;

}





a{

  color: #B22037;

  font-weight: normal;

  text-decoration: none;

  border-bottom: 1px dotted #B22037;

}



a:hover{

  color: #292C8A;

  text-decoration: none;

  border-bottom: 1px solid #292C8A;

}



.left a {

	color: #B22037;

	text-decoration: none;

	font-weight: bold;

	border: none;

}



.left a:hover{

  color: #292C8A;

	/*text-decoration: underline;*/

}



#header 

{

  margin: 0 auto;

  width: 800px;

	height: 170px;

	/*background: #B22037 url('header.jpg');*/

	background: #eee url('header.jpg');

	background-repeat: no-repeat;

  color:  #FFF;

}



#header h1, h1{ 

  padding-left: 30px; 

  padding-top: 107px; 

  font-size: 1.4em; 

  color: #292C8A; 

  width: 400px;

}



h1{

  padding: 0;

  width: 500px;

  font-family: Verdana, Arial, sans-serif;

  font-weight: normal;

}





#header h1 a { font-size: 1.4em; /*color: #FFF;*/ text-decoration: none; }

#header a { font-weight: bold; text-decoration: none; padding: 5px;}

#header h2 { padding-left: 30px; padding-top: 0px; font-size: .8em; /*color: #FFF;*/}







#header #current a {

	/*color: #FFFFFF;*/ 				/* Schrift Farbe Links Hoover Felix */

  /*background: #B22037;*/

  padding: 5px;

}



#header a:hover {

	/*color: #FFFFFF;*/ 				/* Schrift Farbe Links Hoover Felix */

  /*background: gray;*/

  padding: 5px;

}



#header ul{

  position: relative;

  list-style:none;

  float: right; padding-top: 85px; padding-right: 32px;

}



#headermenu li {

   display: inline;

   margin:0; padding:0;

}



#wrap {

  margin: 0 auto;

  width: 800px;

	background: #eee url('midwrap.jpg');

	background-repeat: repeat-y;

}



#topwrap {

  background: #eee url('topwrap.jpg');

  background-repeat: no-repeat;

  width: 800px;

  height: 40px;

  margin: 0 auto;



}



#botwrap {

background: #eee url('botwrap.jpg');

background-repeat: no-repeat;

width: 800px;

height: 40px;

margin: 0 auto;

}



#content {

padding: 0 30px 0 30px;

}

#news
{
	background: white;
	font-weight: normal;
	z-index:5;
	border: 1px solid #292C8A;  
	width: 180px;
	height: 150px;
	padding: 10px;
	margin: 10px 0 0 -40px;
 	/*height:1%;         /* IE6 fix for negative margins */
  	position:relative; /* IE6 fix for negative margins */
}

.right {

	float: left;

	width: 520px;

	margin: 0 20px;

	font-size: 1.1em;

	color: #222;

}



.left {

	float: left;

	width: 180px;

	margin: 0;

	background: #FFF;

	font-weight: bold;

}



/*

.left ul {

	padding: 0px 0px 0px 0px;

	margin:0;

}

*/



.left ul {

	list-style: none;

	margin: 0;

	padding: 0;

	}



.right h2 { color: #292C8A; font-size: 14px; margin-bottom: 10px; }

.right h3 { color: #292C8A; font-size: 13px; margin-bottom: 2px; margin-top: 10px}



.right h3.section {

	/*cursor: pointer;*/

	/*border: 1px dashed #f5f5f5;*/

	border-right-color: #292C8A;/*#ddd;*/

	border-bottom-color: #292C8A;/*#ddd;*/

	font-family: 'Andale Mono', sans-serif;

	font-size: 13px;

	background: #ceaeaf;/*#D2E0E6;*/

	color: #292C8A;/*#528CE0;*/

	margin: 0px 0px 4px 0px;

	padding: 3px 5px 2px;

	/*background-image: url("../images/femtoicon.ico");

	background-repeat: no-repeat;

	background-position: top right;*/

}



.right h2 a { 

  font-size: 11px;

}



.right ul{

  list-style-type: disc; 

	list-style-position: outside;

	margin: 0 0px 0 40px;

	padding: 0;

}



.right p.quote{

  /*margin: 15px 0 4px 0;*/

  padding: 15px 9px 0 0;

  text-align: right;

}



.right p.product{

  text-align: justify;

  margin: 0 0 5px 7px;

}



.right .product img{

  float:right;

  margin: 0 0 10px 10px;

}



.right ol{

  margin: 0 0 0 30px;

  padding: 0;

}



.right ol.product{

  text-align: left;

  padding: 5px;

}



.right li {

  padding: 5px;

  color: #B22037;

  font-weight: bold;

}





.right span{

  color: black;

  font-weight: normal;

}



#clear {

	display: block;

	clear: both;

	width: 100%;

	height:1px;

	overflow:hidden;

}



#footer {

    margin: 0px auto 0 auto;

	text-align: center;

	padding: 10px 0 10px 0;

	color: #666;

	background: #eee;

}



img { 

  border-width: 1px;

  border-color: #292C8A;

  

}



img.float-right {

  margin: 5px 0px 5px 15px;

  border-width: 1px;

  border-color: #292C8A;

}



img.float-left {

  margin: 5px 15px 5px 0px; 

}



/* table */

table {

	border-collapse: collapse;

	margin: 10px;

	width: 96%;

}



table.features {

  border-width: 1px;

  border-color:  #292C8A;

  border-style: outset;

}



th strong {

	/*color: #fff;*/

}

th {

	background: #b7bdd7;/*#191970;*/

	height: 29px;

	padding-left: 10px;

	padding-right: 10px;

	color: #292C8A;/*#FFF;*/

	text-align: center;

	/*border-left: 1px solid #FFF;*/

	/*border-bottom: solid 2px #FFF;*/

	font-weight : bold;

}

tr {

	height: 30px;

	font-weight : normal;

}

td {

	padding-left: 11px;

	padding-right: 11px;

	/*border-left: 0px solid #FFF;*/

	/*border-bottom: solid 0px #ffffff;*/

	border-style: none;

}

td.first,th.first {

	/*border-left: 0px;*/

	font-weight : bold;

	border-style: none;

}

tr.row-a, li.row-a {

	background: #F8F8F8;

}

tr.row-b, li.row-b {

	background: #EFEFEF;

}



tr.row-a-centered {

	background: #F8F8F8;

	text-align: center;

	white-space:nowrap;

}

tr.row-b-centered {

	background: #EFEFEF;

	text-align: center;

	white-space:nowrap;

}



/* table */



/* MENU 1 */

#menu {

	width: 200px;

	border-style: solid;

	border-color:  #292C8A;/*#94AA74;*/

	/*border-size: 1px;*/

	border-width: 1px;

	margin: 10px 0 0 -40px;

	height:1%;         /* IE6 fix for negative margins */

  position:relative; /* IE6 fix for negative margins */

	}

	

#menu li a {

	height: 32px;

  	/*vice-family: "\"}\"";*/ 

  	voice-family: inherit;

  	height: 24px;

	  text-decoration: none;

	}	



	

#menu li a:link, #menu li a:visited {

	color: #292C8A;/*#5E7830;*/

	display: block;

	background: url(../images/menu1.jpg);

	padding: 8px 0 0 10px;

	}



	

#menu li a:hover {

	color: #B22037;/*#26370A;*/

	background: url(../images/menu1.jpg) 0 -32px;

	padding: 8px 0 0 10px;

	}



/*	

#menu li a:active {

	color: #292C8A;

	background: url(../images/menu1.jpg) 0 -64px;

	padding: 8px 0 0 10px;

	}

*/

#menu li.submenu a:link, #menu li.submenu a:visited{

	color: #B22037;/*#26370A;*/

	background: url(../images/menu2.jpg) 0 -64px;

	/*padding: 0px -18px 0 0px;*/

  border-style: solid;

  border-color: #B22037;

	border-width: 0px 0px 0px 5px;

}



#menu li.submenu a:hover {

	color: #292C8A;/*#B22037;/*#26370A;*/

	background: url(../images/menu2.jpg) 0 -32px;

	padding: 8px 0 0 10px;

	}



#menu li.submenu a:active {

	color: #292C8A;

	background: url(../images/menu1.jpg) 0 -64px;

	padding: 8px 0 0 10px;

	}	



/* CSS only tooltip */

/*

a.tooltiplink {border:none;}

a.tooltiplink span {display:none; }

a.tooltiplink:hover span { 

  display:inline;

  position:absolute;

  width: 250px;

  padding:5px;

  margin: 20px -60px;

  color: #292C8A;

  background-color:#fff;

  border:1px solid #B22037;

  text-decoration:none; }

a.tooltiplink:hover { font-size:100%; } /* IE6 fix */



/* Switch Content */

/*Default style for SPAN icons. Edit if desired: */



.iconspan{

float: right;

/*cursor:hand;*/

cursor:pointer;

font-weight: bold;

}



/*CSS used to style the examples. Remove if desired: */



.eg-bar{

background: #ceaeaf;/*#D2E0E6;*/

font-weight: normal;

/*border: 1px solid #292C8A;/*black*/

padding: 3px 5px 3px; /*3px;*/

}



.eg-bar-blue {

background: #b7bdd7;

padding: 3px 5px 3px;

}



div.eg-bar, div.eg-bar-blue{

width: 500px;

margin: 2px;

}



.section{

width: 510px;

}



/* applications */

.application, .application-red {

  width:511px;

  height:99px;

  border: 1px solid #292C8A; 

  margin: 15px 0;

}

.application-red{border: 1px solid #000;}/*#B22037;}*/



.application h3, .application-red h3{

  background-color: #b7bdd7;

  margin: 0;

  padding: 5px 3px 3px 5px;  

}



.application-red h3{

  background-color: #ceaeaf;

  background-color: #efefef;

  color: #B22037;

  color: #000;

  text-align: right;

}



.application p, .application-red p{

  padding: 5px 5px;

  text-align: justify;

}



.application img, .apps img{

 float: right;

 margin: 0 0 10px 10px;

}



.application-red img{

 float: left;

 margin: 0 10px 0 0;

}



.apps{

  width: 500px;

  border: 1px dotted #292C8A;

  border-top: 0;

}



.apps ul{

  list-style-type: none; 

	list-style-position: outside;

	margin: 0 0px 0 4px;

	padding: 0;

}



.apps li{

  padding: 1px 5px;

  color: gray;

  font-family: Verdana, Arial, sans-serif;

  font-size: .8em;

}



.apps p {

  margin: 10px 0 10px 4px;

  padding: 0px 5px;

  /*text-align: float;*/

  font-size: .9em;

  line-height: 1.5em;

}



.apps ul li.app {

  padding: 0px;

  margin: 0px 40px;

  list-style-type: circle;

  font-size: .9em; 

  color: black;

  font-weight: normal;

}



a.open {

  /* Fix to show hand in IE7 with smoothgallery*/

  cursor: pointer;

}



.publication p{

  font-size: 0.8em;

}