body {
	background:url(/stc/vas-images/bg_site.gif) top left repeat-x #fbfbf7 ; 
	margin:0 ;
	padding:0 ;
	text-align:center ;
	font-family: Verdana, Arial, sans-serif ;
	font-size:70% ;
	}

img { display:block ; }
	
.h { display:none ; }
.vasen { float:left ; }
.oikea { float:right ; }
.spacer { clear:both ; }
	
a img { border:none ; }

p.access { display:none ; }
p.center { text-align:center ; }
p.rightAlign { text-align:right ; }
p.justified { text-align:justify ; }


	
div#site { margin:0 auto ; width:760px ; padding:0 ; text-align:left ; position:relative ; }

div#footer { clear:both ; margin-top:10px ; height:22px ; background:#f7f7ef ; font-size:0.9em ; color:#5d5d5d ; border-bottom:1px solid #e5e5e0 ;  } 
div#footer span { padding:3px 8px 3px 8px ; }

/* topbar & styles */

div#top { width:760px ; height:96px ; padding:0 ; margin:0 ;}
div#logo { float:left; width:217px ; height:74px ; float:left ; margin:0 ; padding:0 ; }
div#logo h1 {  background:url(/stc/vas-images/logo.gif) top left no-repeat ; width:217px ; height:74px ; float:left ; margin:0 ; padding:0 ; }
div#logo h1 a { display:block ; width:217px ; height:74px ; }
div#logo h1 a i { display:none ; }
div.imageslotC { position:relative ; /*border:1px solid #000*/ ; width:543px ; height:93px ;  overflow:hidden ; margin:0 ; padding:0 ; float:left ;}

div.imageslot { width:173px !important ; height:93px ; float:right ; overflow:hidden ; margin:0 0 0 3px ; }


div#supportnavi { height:26px ; width:760px ; padding:0 ; margin:0 ; }
div#supportnavi ul { margin:0 ; padding:0 ; list-style:none ; float:right ; }
div#supportnavi ul li { margin:0 ; padding:0 ; float:left ; }
div#supportnavi ul li a { float:left ; display:block ; padding:6px 10px 3px 17px ; text-decoration:none ; color:#fff ; font-size:10px ; }
div#supportnavi ul li a:hover { color:#f8f3eC ; background-position: 0px 6px !important ; padding-top:7px ; }

div#supportnavi a#fontsizeup { background:url(/stc/vas-images/icon_fontsizeup.gif) 0px 6px no-repeat ; }
div#supportnavi a#fontsizedown { background:url(/stc/vas-images/icon_fontsizedown.gif) 0px 6px no-repeat ; }
div#supportnavi a#print { background:url(/stc/vas-images/icon_print.gif) 0px 6px no-repeat ; }
div#supportnavi a#text { background:url(/stc/vas-images/icon_text.gif) 0px 6px no-repeat ; }
div#supportnavi ul li form { margin-top:5px ; padding:0 ; }
div#supportnavi ul li input.text { width:100px ; background:#fff ; border:none ; padding:2px ; font-family:Verdana, sans-serif ; font-size:10px ; float:left ; color:#f00 ; }
div#supportnavi ul li input.sbm { width:30px ; color:#fff ; border:none ; background:none ; float:left ; font-family:Verdana, sans-serif ; font-size:10px ; }

/* main navigation */

ul.leftnavi { margin:0 ; padding:0 ; list-style:none ; margin-top:8px ; }
ul.leftnavi li { display:inline ; margin:3px 0 0 0 ; padding:0 ;  }
ul.leftnavi li a { 
	display:block ; 
	margin:0 ; 
	margin-top:3px ;
	padding-top:3px ; 
	background:url(/stc/vas-images/navi_top.gif) top left no-repeat ; 
	color:#fff ;
	font-weight:bold ;
	font-size:0.9em ;
	text-decoration:none ;
	}
	
	
ul.leftnavi li a:hover { background:url(/stc/vas-images/navi_hover_top.gif) top left no-repeat ; }
ul.leftnavi li a:hover span { background:url(/stc/vas-images/navi_hover_bottom.gif) bottom left no-repeat ; }
	
ul.leftnavi li a#act { background:url(/stc/vas-images/navi_act_top.gif) top left no-repeat ; color:#ffea00 ; }
ul.leftnavi li a#act span { background:url(/stc/vas-images/navi_act_bottom.gif) bottom left no-repeat ; }

ul.leftnavi li a span {
	display:block ;
	background:url(/stc/vas-images/navi_bottom.gif) bottom left no-repeat ; 
	padding:1px 9px 5px 9px ; 
}

ul.docnavi { margin:0 ; padding:0 ; list-style:none ; margin-top:3px ; }
ul.docnavi li { display:inline ; margin:0 ; padding:0 ; }

ul.docnavi li a#docact { 
	background:url(/stc/vas-images/navi_act_doc.gif) 10px 10px no-repeat ;
	color:#0e8f0a ;
	}
	
ul.docnavi li a#docact:hover { background-color:#f1f1e7 ; }
ul.docnavi li a.department { 
	font-weight:bold ; 
	color:#222 !important ;
	border-bottom:1px solid #d9d9d2 ; 
	background:url(/stc/vas-images/navi_dept_open.gif) 10px 9px  no-repeat !important ;  
	}

ul.docnavi li a { 
	background:url(/stc/vas-images/navi_doc.gif) 10px 10px no-repeat ; 
	font-weight:normal ; 
	margin:0 ; 
	padding:2px 2px 2px 20px ; 
	display:block ; 
	color:#222 ; 
	}
	
ul.docnavi li a:hover { 
	background:url(/stc/vas-images/navi_hover_doc.gif) 10px 10px  no-repeat #f1f1e7;  
	color:#e11f27 ; 
	}
	
ul.level1 li a { padding:2px 2px 2px 20px ; background-position:10px 10px ; font-size:1.0em ; }
ul.level2 li a { padding:2px 2px 2px 30px ; background-position:20px 10px ; font-size:0.9em ; }
ul.level3 li a { padding:2px 2px 2px 35px ; background-position:25px 10px ; font-size:0.9em ; }	

ul.level1 li a.department { background:url(/stc/vas-images/navi_dept_open.gif) 10px 9px  no-repeat !important ;   }
ul.level2 li a.department { background:url(/stc/vas-images/navi_dept_open.gif) 20px 9px  no-repeat !important ;   }
ul.level3 li a.department { background:url(/stc/vas-images/navi_dept_open.gif) 25px 9px  no-repeat !important ;   }

ul.level2 li a:hover { background:url(/stc/vas-images/navi_hover_doc.gif) 20px 10px no-repeat ; }
ul.level3 li a:hover { background:url(/stc/vas-images/navi_hover_doc.gif) 25px 10px no-repeat ; }
	
div.bannerit { margin:0 ; padding:0 ; }
div.bannerit img { margin-top:3px ; }

/* newslist (verstas) */

h2#verstas { background:url(/stc/vas-images/logo_verstas.gif) top left no-repeat ; padding:0 ; margin:0 ; width:150px ; height:66px ; }
h2#verstas i { display:none ; }
h2#verstas a { display:block ; width:150px ; height:66px ; }


div.newslist { margin:0 ; padding:0 0 9px 0 ; background:url(/stc/vas-images/bg_newslist_bottom.gif) bottom left no-repeat ; }

div.newslist ul { margin:0 ; padding:0 ; list-style:none ; }
div.newslist li { margin:0 ; padding:0 ; display:inline ; }
div.newslist li a { 
	display:block ; 
	/* text-transform:uppercase ; */
	font-size:0.9em ;
	text-decoration:none ;
	color:#fff ; 
	padding:3px 8px 3px 8px ; 
	background:url(/stc/vas-images/bg_newslist.gif) top left no-repeat ;
	}
div.newslist li a:hover { color:#eacfd0 ; }
div.newslist li a span { color:#eacfd0 ;  }
div.newslist li a:hover em { text-decoration:underline ; }
	
div.newslist li a em { color:#ffea00 ; font-style:normal ; }
	
/* contentarea */

.kapea { width:150px ; margin:0 ; padding:0 ; overflow:hidden ; }
.keski { width:444px ; margin:8px ; padding:0 ;  overflow:hidden ; }
.levea { width:602px ; margin:8px 0 0 8px ; }


.title {}
.ingress {font-size:1em ; color:#333 ; font-weight:bold ; padding:0 ; margin:0 ;}

.keski, .levea { color:#333 ; line-height:1.6em ; }
.keski p { font-size:1em ; }
.keski a, .oikea-content a, .kapea a { 
	/* white-space:nowrap ; */
	text-decoration:none ; 
	color:#e11f27 ; 
	/* background:url(/stc/vas-images/bg_link.gif) top right no-repeat ; */
	padding-right:4px ; 
	}


.keski h2 a, .keski h3 a, .keski h4 a, .keski h4 a:hover { white-space:normal !important ; display:inline ; }
.keski h4 a, .keski h4 a:hover, .keski h4 a:visited { font-size:0.8em; color:#e11f27}
/* line below added 29.2.2008 so that h4-links remains small also in IE */
.vasen h4 a, .vasen h4 a:hover, .vasen h4 a:visited { font-size:8pt; color:#e11f27}
.keski h4  {margin:0; padding:0; }

.keski h1  {font-size:1.6em; }
.keski h2  {font-size:1.4em;}
.keski h3  {font-size:1.2em; /* color:#f8f3eC; */ }
.keski h4 { font-size:1.1em ; }



.keski p {margin:0px 0px 20px 0px ; padding:0; }


	
.keski a:hover, .oikea-content a:hover { color:#B8191F ; text-decoration:underline ; }
.keski a:visited, .oikea-content a:visited  { color:#921558 ; }

div.article { margin:0 ; padding:0 ; }
div.main { clear:both ; }
div.main h2 { font-family:Verdana, sans-serif/*verdana, serif*/ ; font-size:1.5em ; color:#252525 ; font-weight:normal ; letter-spacing:0.05em ; }

div.small h2 { 
	background:url(/stc/vas-images/bg_small_h2.gif) top left no-repeat ; 
	font-size:1em ; 
	font-weight:bold ; 
	color:#fff ; 
	margin:0 ;
	padding:2px 5px 2px 5px ;
	height:24px ;
	}
	
	
div.small h3 { font-size:1em ; color:#333 ; font-weight:bold ; padding:0 ; margin:0 ; }
div.small h3 a { white-space:normal ; text-decoration:none ; color:#e11f27 ; background:none ; padding:0 ; }

div.oikea-content { position:relative ; background:#f7f7ef ; font-size:0.9em ; color:#606054 ; padding:8px ; margin:8px 0 0 0 ; width:134px ; }
div.oikea-content h2 { font-size:1.1em ; color:#606054 ; padding:0 0 5px 0 ; border-bottom:1px solid #d2d2c9 ; }
div.oikea-content p { }

/* ce 2 columns */

div.ce-2col { clear:both ; }
div.ce-l { width:49% ; float:left ; }
div.ce-r { width:49% ; float:right ; }

/* ce 3 columns */

div.c-b  {clear: both;}
div.ce-c {width: 100%; height: auto;}
div.ce-lt, div.ce-mt, div.ce-rt {float: left; height: auto;}
div.ce-lt, div.ce-mt   {padding-right: 2%;}
div.ce-lt, div.ce-mt, div.ce-rt  {width: 32%;}
div.ce-p, div.ce-pb {width: auto; height: auto; padding-right: 5px;}



/* tables */

.u4-table-default, .u4-table-visible-borders, .u4-table-stripe, .u4-table-complete {margin:0 0 10px 0 ; border-collapse:collapse ;  }
.u4-table-default td, .u4-table-visible-borders td, .u4-table-stripe td, .u4-table-complete td { padding:5px ; vertical-align:top ;}
.u4-table-visible-borders td, .u4-table-complete td {border: 1px solid #d3cec4 ; }
.u4-table-stripe-header, .u4-table-stripe-odd, .u4-table-complete-header2, .u4-table-complete-even {background:#f3f3f3}
.u4-table-stripe-header2, .u4-table-stripe-even, .u4-table-complete-odd {background:#fff}
.u4-table-stripe-header, u4-table-visible-borders-header, .u4-table-complete-header { font-weight:bold ; }
.u4-table-complete-header, .u4-table-stripe-header {background:#ed9141; color: #fff; font-weight: bold;}


/* forms */

.textInputTd, .selectInputTd{width: 100px}
input[type=submit].emailForm{margin: 0 0 0 100px}

form.emailForm { margin:0 ; padding:0 ; }

form.emailForm input { font-family:'Trebuchet MS', sans-serif ; font-size:0.9em ; }
.textInputField { border:1px solid #d3cec4 ; padding:0.2em ; color:#666 ; background:#f9f9f9 ; width:200px ;}
.textInputField:focus { background:#fff ; color:#333 ; }
textarea.textInputField {  font-family:'Trebuchet MS', sans-serif ; font-size:0.9em ; }
form.emailForm select { font-family:'Trebuchet MS', sans-serif ; font-size:0.9em ;  width:200px ; }
input.emailForm { border-bottom:2px solid #d3cec4 ; border-right:2px solid #d3cec4 ; color:#333 ; background:#f9f9f9 ; font-weight:bold ; }

.cloud { background:url(/stc/vas-images/GLOUDZ.gif) top left no-repeat #fbfbf7 ; height:115px;}
.cloud p {padding:30px 25px 10px 25px; margin:0;}

.u4-image-caption {font-weight:normal;}