/* -- author www.visioprint.ch -- */


body , P , .h1 , .h1w , .h2 , .h2w , .h3 , .h3w , .h4 , .h4w , INPUT , OPTION , p , td , .ltk , .ltb , .ltkb , .ltsmall , .error , .input , .button, .pager , .a { 
font-family: Arial, Helvetica, Swiss, SunSans-Regular, sans-serif; 
margin: 0 0 0 0; 
padding: 0 0 0 0; 
a:link		{ color: #0099cc; text-decoration: none; } 
a:visited	{ color: #0099cc; text-decoration: none; } 
a:hover		{ color: #000000; text-decoration: underline; } 
} 




/* mainnav */

OL  { 
display: none; 
} 

ol#mainnav { 
display: none; 
}

ol#mainnav li { 
display: none; 
}
		
ol#mainnav li a:link, ol#mainnav li a:visited {
display: none; 
}



/* subnav */

ol#mainnav ol.subnav { 
display: none; 
}

ol#mainnav ol.subnav li { 
display: none; 
}

ol#mainnav ol.subnav li a:link, ol#mainnav ol.subnav li a:visited {
display: none; 
} 




/* -- basic stylez -- */

.h1 { 
font-size: 14pt; 
color: #0099cc; 
font-weight: bold; 
line-height: 18pt; 
letter-spacing: 3px; 
padding: 0 0 0 0; 
margin: 0 0 8px 0;
} 

.h1w { 
font-size: 14pt; 
color: #ffffff; 
font-weight: bold; 
line-height: 18pt; 
letter-spacing: 3px; 
padding: 0 0 0 0; 
margin: 0 0 8px 0;
} 

.h2 { 
font-size: 13pt; 
color: #0099cc; 
font-weight: bold; 
line-height: 16px; 
letter-spacing: 2px; 
padding: 0 0 0 0; 
margin: 0 0 8px 0;
} 

.h2w { 
font-size: 13pt; 
color: #ffffff; 
font-weight: bold; 
line-height: 16px; 
letter-spacing: 2px; 
padding: 0 0 0 0; 
margin: 0 0 8px 0;
} 

.h3 { 
font-size: 10pt; 
color: #0099cc; 
font-weight: bold; 
line-height: 14px; 
letter-spacing: 2px; 
padding: 0 0 0 0; 
margin: 0 0 8px 0;
} 

.h3w { 
font-size: 10pt; 
color: #ffffff; 
font-weight: bold; 
line-height: 14px; 
letter-spacing: 2px; 
padding: 0 0 0 0; 
margin: 0 0 8px 0;
} 

.h4 { 
font-size: 10pt; 
color: #0099cc; 
line-height: 14px; 
letter-spacing: 1px; 
padding: 0 0 0 0; 
margin: 0 0 8px 0;
} 

.h4w { 
font-size: 10pt; 
color: #ffffff; 
line-height: 14px; 
letter-spacing: 1px; 
padding: 0 0 0 0; 
margin: 0 0 8px 0;
} 



.ltk { 
font: 12px/16px; 
color: #333333; 
} 
.ltk a:link		{ color: #0099cc; text-decoration: none; font-weight: bold; } 
.ltk a:visited	{ color: #0099cc; text-decoration: none; font-weight: bold; }
.ltk a:hover	{ color: #0099cc; text-decoration: underline; font-weight: bold; } 

.ltk_e { 
color: #000000; 
background: #ff9900; 
text-decoration: none; 
font-weight: bold; 
} 

.ltb { 
font: 12px/16px; 
color: #0099cc; 
} 

.ltkb { 
font: 12px/16px; 
color: #333333; 
font-weight: bold; 
} 
.ltkb a:link	{ color: #0099cc; text-decoration: none; font-weight: bold; } 
.ltkb a:visited	{ color: #0099cc; text-decoration: none; font-weight: bold; } 
.ltkb a:hover	{ color: #0099cc; text-decoration: underline; font-weight: bold; } 

.ltsmall { 
font: 10px/14px; 
color: #333333; 
line-height: 11px; 
} 




ul { 
list-style: square; 
font-family: Arial, Helvetica, Swiss, SunSans-Regular, sans-serif; 
padding: 0 0 0 5px; 
margin: 0 0 0 5px; 
}
ul li { 
list-style: square; 
font-family: Arial, Helvetica, Swiss, SunSans-Regular, sans-serif; 
padding: 0 0 3px 5px; 
margin: 0 0 0 5px; 
}




/* -- special stylez -- */ 


.marked { 
background-color: #0099cc; 
cursor: pointer; 
display: block; 
color: #ffffff; 
} 

.pager { 
font-size: 9pt; 
color: #0099cc; 
letter-spacing: 0.1em; 
} 

.indent { 
margin-left: 20px; 
}

.error { 
font-size: 12px; 
display: block; 
background: #cccc66; 
color: #000000; 
}


.button { 
font-size: 12px; 
font-weight: bold; 
color: #ffffff;
background: #0099cc; 
width: 120px; 
padding-left: 4px; 
margin: 1px 0 1px 0; 
display: block; 
border: 1px solid #ffffff; 
text-decoration: none } 

.button60 { 
font-size: 12px; 
font-weight: bold; 
color: #ffffff;
background: #0099cc; 
width: 60px; 
padding-left: 4px; 
margin: 1px 0 1px 0; 
display: block; 
border: 1px solid #ffffff; 
text-decoration: none } 

.button-red { 
font-size: 12px; 
font-weight: bold; 
color: #ffffff;
background: #cc6600; 
width: 120px; 
padding-left: 4px; 
margin: 1px 0 1px 0; 
display: block; 
border: 1px solid #ffffff; 
text-decoration: none } 

.button-red60 { 
font-size: 12px; 
font-weight: bold; 
color: #ffffff;
background: #cc6600; 
width: 60px; 
padding-left: 4px; 
margin: 1px 0 1px 0; 
display: block; 
border: 1px solid #ffffff; 
text-decoration: none } 




/* -- boxes -- */


/* -- author www.visioprint.ch -- */


#navigation { 
position: absolute; 
top: 100px; 
left: 0px; 
right: 0px; 
width: 200px; 
border: 0px; 
}

#header { 
position: relative; 
top: 0px; 
left: 0px; 
width: 100%; 
height: 100px; 
border-bottom: 0px solid #000000; 
}

#content { 
position: relative; 
left: 0px; 
width: 100%; 
padding: 0 0 20px 0;
}

#footer { 
position: relative; 
width: 65%; 
padding: 0 0 40px 0; 
}

#import { 
position: relative; 
top: 0px; 
left: 0px; 
width: 100%; 
height: 80px; 
margin: 0 0 20px 0; 
border: 0px solid #000000; 
}

#edit { 
padding: 2px; 
margin: 0 0 0 0; 
background: #ddeeff; 
border: 1px solid #0099cc; 
}



/* -- form areas -- */

#formrow { 
position: relative; 
left: 0px; 
width: 100%; 
height: 30px; 
} 

#formrow1 { 
position: relative; 
left: 0px; 
width: 100%; 
height: 20px; 
}

#formrow2 { 
position: relative; 
left: 0px; 
width: 100%; 
height: 30px; 
}

#formrow3 { 
position: relative; 
left: 0px; 
width: 100%; 
height: 20px; 
}



#rowleft { 
position: absolute; 
float: left; 
left: 0px; 
width: 45%; 
display: block; 
} 

#rowright { 
position: absolute; 
left: 50%; 
width: 45%; 
display: block; 
} 

#rowbox { 
position: relative; 
padding: 0 0 10px 0; 
border: 0px solid #000000; 
}



#area1 { 
position: absolute; 
left: 0px; 
width: 25%; 
display: block; 
} 

#area1l { 
position: absolute; 
left: 0px; 
width: 25%; 
display: block; 
border-top: 1px solid #0099cc; 
} 

#area2 { 
position: absolute; 
left: 25%; 
width: 25%; 
display: block; 
} 

#area2l { 
position: absolute; 
left: 25%; 
width: 25%; 
display: block; 
border-top: 1px solid #0099cc; 
} 

#area3 { 
position: absolute; 
left: 50%; 
width: 25%; 
display: block; 
} 

#area3l { 
position: absolute; 
left: 50%; 
width: 25%; 
display: block; 
border-top: 1px solid #0099cc; 
} 

#area4 { 
position: absolute; 
left: 75%; 
width: 25%; 
display: block; 
} 

#area4l { 
position: absolute; 
left: 75%; 
width: 25%; 
display: block; 
border-top: 1px solid #0099cc; 
} 

#area12 { 
position: absolute; 
left: 0px; 
width: 50%; 
display: block; 
} 

#area12l { 
position: absolute; 
left: 0px; 
width: 50%; 
display: block; 
border-top: 1px solid #0099cc; 
} 

#area12p { 
position: absolute; 
left: 0px; 
width: 50%; 
display: block; 
} 

#area12pl { 
position: absolute; 
left: 0px; 
width: 300px; 
display: block; 
border-top: 1px solid #0099cc; 
} 

#area13 { 
position: absolute; 
left: 0px; 
width: 75%; 
display: block; 
} 

#area13l { 
position: absolute; 
left: 0px; 
width: 75%; 
display: block; 
border-top: 1px solid #0099cc; 
} 

#area14 { 
position: absolute;  
left: 0px; 
width: 100%; 
display: block; 
} 

#area14l { 
position: absolute;  
left: 0px; 
width: 100%; 
display: block; 
border-top: 1px solid #0099cc; 
} 

#area23 { 
position: absolute; 
left: 25%; 
width: 50%; 
display: block; 
} 

#area23l { 
position: absolute; 
left: 25%; 
width: 50%; 
display: block; 
border-top: 1px solid #0099cc; 
} 

#area24 { 
position: absolute; 
left: 25%; 
width: 75%; 
display: block; 
} 

#area24l { 
position: absolute; 
left: 25%; 
width: 75%; 
display: block; 
border-top: 1px solid #0099cc; 
} 

#area34 { 
position: absolute; 
left: 50%; 
width: 50%; 
display: block; 
} 

#area34l { 
position: absolute; 
left: 50%; 
width: 50%; 
display: block; 
border-top: 1px solid #0099cc; 
} 




/* -- form items -- */

.input { 
font-size: 13px; 
color: #000000; 
background: #dddddd; 
width: 120px; 
border: 0; 
border-bottom: 1px solid #0099cc; 
} 

.input_e { 
font-size: 13px; 
color: #000000; 
background: #cccc66; 
width: 120px; 
border: 0; 
border-bottom: 1px solid #0099cc; 
} 

.input60 { 
font-size: 13px; 
color: #000000; 
background: #dddddd; 
width: 60px; 
border: 0; 
border-bottom: 1px solid #0099cc; 
} 

.input60_e { 
font-size: 13px; 
color: #000000; 
background: #cccc66; 
width: 60px; 
border: 0; 
border-bottom: 1px solid #0099cc; 
} 

.input240 { 
font-size: 13px; 
color: #000000; 
background: #dddddd; 
width: 240px; 
border: 0; 
border-bottom: 1px solid #0099cc; 
} 

.input240_e { 
font-size: 13px; 
color: #000000; 
background: #cccc66; 
width: 240px; 
border: 0; 
border-bottom: 1px solid #0099cc; 
} 


.pulldown120 { 
font-size: 13px; 
color: #000000; 
background: #bbdced; 
width: 120px; 
border: 0; 
} 

.pulldown120_e { 
font-size: 13px; 
color: #000000; 
background: #cccc66; 
width: 120px; 
border: 0; 
} 

.pulldown240 { 
font-size: 13px; 
color: #000000; 
background: #bbdced; 
width: 240px; 
border: 0; 
} 

.pulldown240_e { 
font-size: 13px; 
color: #000000; 
background: #cccc66; 
width: 240px; 
border: 0; 
} 

.pulldown75 { 
font-size: 13px; 
color: #000000; 
background: #bbdced; 
width: 75%; 
border: 0; 
} 

.pulldown75_e { 
font-size: 13px; 
color: #000000; 
background: #cccc66; 
width: 75%; 
border: 0; 
}