/* Very simple CSS written by Marcel Bank */

/* Navigation */

#NavHome	{ display: block; width: 100px; height: 30px; background: url("images/tab/mhome.gif") no-repeat 0 0; }
#NavHowTo	{ display: block; width: 100px; height: 30px; background: url("images/tab/mhow.gif") no-repeat 0 0; }
#NavFAQ		{ display: block; width: 100px; height: 30px; background: url("images/tab/mfaq.gif") no-repeat 0 0; }
#NavContact	{ display: block; width: 100px; height: 30px; background: url("images/tab/mcontact.gif") no-repeat 0 0; }

#NavHome:hover, #NavHowTo:hover,  #NavFAQ:hover, #NavContact:hover	{ background-position: 0 -30px; }
#NavHome span, #NavHowTo span, #NavFAQ span, #NavContact span		{ display: none; }


/* Languages */

#EN		{ display: block; width: 31px; height: 17px; background: url("images/flags/en.gif") no-repeat 0 0; }
#FR		{ display: block; width: 23px; height: 17px; background: url("images/flags/fr.gif") no-repeat 0 0; }
#RU		{ display: block; width: 23px; height: 17px; background: url("images/flags/ru.gif") no-repeat 0 0; }
#IT		{ display: block; width: 23px; height: 17px; background: url("images/flags/it.gif") no-repeat 0 0; }
#NL		{ display: block; width: 23px; height: 17px; background: url("images/flags/nl.gif") no-repeat 0 0; }
#DE		{ display: block; width: 25px; height: 17px; background: url("images/flags/de.gif") no-repeat 0 0; }
#ES		{ display: block; width: 23px; height: 17px; background: url("images/flags/es.gif") no-repeat 0 0; }
#CZ		{ display: block; width: 23px; height: 17px; background: url("images/flags/cz.gif") no-repeat 0 0; }

#EN:hover, #FR:hover, #RU:hover, #IT:hover, #NL:hover, #DE:hover, #ES:hover, #CZ:hover	{ background-position: 0 -17px; }
#EN span, #FR span, #RU span, #IT span, #NL span, #DE span, #ES span, #CZ span		{ display: none; }

.flag		{ font-size: 8px; line-height: 100%; }


/* Basics */

body		{ margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; background: #c0e7ff url('images/bgb.jpg') repeat-x; }
html		{ height: 100%; } 
td, table	{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #000000; line-height: 200%; }

.mini		{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; line-height: 150%; }
.white		{ background: #FFFFFF; }
.P1		{ padding-bottom: 12px; }

IMG { border-width: 0px; } 

a:link, a:visited, a:active	{color: #5bbbf5; text-decoration: none; }
a:hover				{color: #000000; text-decoration: none; }


/* Special */

.maintitle		{ font-size: 24px; letter-spacing: 2px; color: #000000; line-height: 100%; }
.producttitle		{ font-size: 34px; letter-spacing: 4px; color: #da5069; line-height: 150%; }
.minititle		{ font-weight: bold; color: #FFFFFF; letter-spacing: 1px;}

a.faq:link, a.faq:visited		{ color: #5bbbf5; text-decoration: none; border-bottom: 1px dotted; }
a.faq:hover				{ color: #000000; text-decoration: none; border-bottom: 0px; }


/* Bottom */

.bottom					{ font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #888888; letter-spacing: -1px; line-height: 150%;}
a.bottom:link, a.bottom:visited		{ color: #000000; text-decoration: none; }
a.bottom:hover				{ color: red; text-decoration: none; }

.slogancell
{ 
  background: #FFFFFF url('images/layout/bot.gif') no-repeat;
  width: 760px;
  height: 275px;
  padding-top: 18px;
  padding-left: 36px;
  vertical-align: top;
  font-weight: bold;
  font-size: 18px;
  letter-spacing: 2px;
  color: #4e4e4e;
  line-height: 200%;
}
.slogan		{ font-weight: bold; font-size: 18px; letter-spacing: 3px; color: #4e4e4e; line-height: 200%; }