/*------- written by www.visioprint.ch --------*/


body { 
font-family: Arial, Helvetica, sans-serif ; 
font-size: 11px; 
color: #999; 
background: #9595af url(../images/bg-line_191.gif) repeat-y; 
margin: 0; 
} 

#head { 
position: absolute; 
z-index: 0; 
top: 0px; 
left: 400px; 
width: 45%; 
height: 60px; 
padding: 15px 0 0 10px; 
border-left: 1px solid #fff; 
} 

#navigation { 
position: absolute; 
z-index: 10; 
top: 60px; 
left: 200px; 
width: 200px; 
} 

#content { 
position: absolute; 
z-index: 10; 
top: 60px; 
left: 400px; 
width: 45%; 
padding: 10px 20px 0 10px; 
background: #a0a0b9; 
border-left: 1px solid #fff; 
} 

#bottomline { 
position: relative; 
z-index: 10; 
left: 0px; 
text-align: right;  
padding: 50px 0 0 0; 
background: #a0a0b9; 
} 

#mainillu-block { 
position: absolute; 
z-index: 0; 
top: 0px; 
left: 0px; 
width: 195px; 
height: 60px; 
background: #9595af; 
} 

#mainillu { 
position: absolute; 
z-index: 0; 
top: 60px; 
left: -1px; 
width: 190px;
height: 600px; 
padding: 0 0 30px 0; 
background: #a0a0b9; 
} 

.itembox { 
z-index: 0; 
width: 100px; 
height: 30px; 
text-align: center; 
margin: 0 5px 5px 0; 
padding: 10px 0 0 0; 
background: #001122; 
border-top: 1px solid #999; 
border-bottom: 1px solid #999; 
float: left;
} 


/* -- Typefaces
---------------------------------- -- */


option , ol  , ul , .logo , .navgroup , .navitem , .ltk , .ltkb , .ltw , .ltwb , .input , .a { 
font-family: Arial, Geneva, Helvetica, Swiss, SunSans-Regular, sans-serif; 
} 


p 
{ 
	margin: 0; 
	padding: 20px 0 5px 0; 
} 

.navgroup 
{ 
	width: 190px; 
	margin: 10px 0 10px 0; 
	display: block; 
	font-size: 11px; 
	color: #222; 
	letter-spacing: 0.1em; 
} 
.navgroup a:link	{ color: #fff; text-decoration: none; } 
.navgroup a:visited	{ color: #fff; text-decoration: none; } 
.navgroup a:active	{ color: #fff; text-decoration: none; } 
.navgroup a:hover	{ color: #222; text-decoration: none; } 

.navitem { 
width: 160px; 
height: 20px; 
padding: 0 0 0 30px; 
display: block; 
font-size: 11px; 
color: #222222; 
letter-spacing: 0.1em; 
} 
.navitem a:link		{ color: #fff; text-decoration: none; } 
.navitem a:visited	{ color: #fff; text-decoration: none; } 
.navitem a:active	{ color: #fff; text-decoration: none; } 
.navitem a:hover	{ color: #222; text-decoration: none; } 


.ut
{
	font-size: 11px;
	text-align: left;
	color: #5f5f77;
	letter-spacing: 0.1em;
	font-weight: bold;
} 

.ut2
{
	font-size: 11px;
	text-align: left;
	color: #5f5f77;
	letter-spacing: 0.1em; 
} 

.marked
{
	color: #000; 
}

.logo
{
	font-size: 20px;
	text-align: left;
	color: #B4B4CC; 
	font-weight: bold;
} 

.ltk 
{ 
	font-size: 11px; 
	line-height: 14px; 
	text-align: left; 
	color: #000; 
	letter-spacing: 0.1em; 
} 
.ltk a:link		{ color: #ccc; text-decoration: none; } 
.ltk a:visited	{ color: #ccc; text-decoration: none; } 
.ltk a:active	{ color: #ccc; text-decoration: none; }
.ltk a:hover	{ color: #000; text-decoration: none; } 

.ltkb 
{ 
	font-size: 11px; 
	line-height: 14px; 
	text-align: left; 
	color: #222; 
	letter-spacing: 0.1em; 
	font-weight: bold; 
} 
.ltkb a:link	{ color: #fff; text-decoration: none; } 
.ltkb a:visited { color: #fff; text-decoration: none; } 
.ltkb a:active	{ color: #fff; text-decoration: none; } 
.ltkb a:hover	{ color: #000; text-decoration: none; } 

.ltw 
{ 
	font-size: 11px; 
	line-height: 14px; 
	text-align: left; 
	color: #fff; 
	letter-spacing: 0.1em; 
} 
.ltw a:link		{ color: #ccc; text-decoration: none; } 
.ltw a:visited	{ color: #ccc; text-decoration: none; } 
.ltw a:active	{ color: #ccc; text-decoration: none; } 
.ltw a:hover	{ color: #fff; text-decoration: none; } 

.ltwb 
{ 
	font-size: 11px; 
	line-height: 14px; 
	text-align: left; 
	color: #fff; 
	letter-spacing: 0.1em; 
	font-weight: bold; 
} 
.ltwb a:link	{ color: #ccc; text-decoration: none; } 
.ltwb a:visited	{ color: #ccc; text-decoration: none; } 
.ltwb a:active	{ color: #ccc; text-decoration: none; } 
.ltwb a:hover	{ color: #fff; text-decoration: none; }