* { margin: 0; padding: 0}
* img { border:0; }

html{
height:100%;
margin:0;
padding:0;}

body 
{
   background: #dbd5c5; 
   font:12px trebuchet ms, verdana, helvetica, tahoma;
   color: #5E5E5E;
   text-align:center; /* fue ie 5.5 */
   height: 100%;
}


h1 { font-weight: bold; font-size: 13px; color: #F0570C; margin-bottom: 15px;}
h2 { font-weight: bold; font-size: 13px; color: #F0570C; margin-bottom: 5px;}

h2.blue { font-weight: bold; font-size: 11px; color: #3f5481;}

h2.font_black { color: #000000!important;}

.white_frame { width: 800px; background: #ffffff;  height:100%;
   margin:auto;
   text-align:left;}

.wrap {
   height:100%;
   margin:auto;
   text-align:left;
   background: #f0570c;
   postion: relative;
}


.top { height: 85px; background: #F0570C;}
.top img { margin-top: 18px; margin-left: 208px;}

.icons { position: absolute; left: 697px; top: 32px; }

.top_navi { height: 27px; background: #DBD5C5 url(img/bg_navi_top.gif) repeat-x; padding-top: 13px; padding-left:208px; }

.top_navi a { text-decoration: none; color: #5E5E5E; font-size: 12px; }
.top_navi a:hover { color: #F0570C; }
.top_navi a.active { color: #F0570C;}


.rootlevel_navi { text-align: right; color: #ACACAC;}
.rootlevel_navi a { text-decoration: none; color: #ACACAC; font-size: 11px; }
.rootlevel_navi a:hover, .rootlevel_navi a.active { color: #F0570C;}


.main { background: #F3F1E9 url(img/bg_main.gif) repeat-y; min-height: 78%; }  
* html .main { background: #F3F1E9 url(img/bg_main.gif) repeat-y; height: 78%; }  



.left { float:left; width:205px; margin: 0; background: #F3F1E9 url(img/bg_left.gif) repeat-y; }

.left_navi { margin-left: 40px; margin-top: 128px;}
.left_navi .top { height: 12px; background: url(img/leftnavi_top.gif) no-repeat; font-size: 0;}
.left_navi .middle { background: url(img/leftnavi_middle.gif) repeat-y; }

.left_navi ul { list-style-type: none; margin-left: 20px; }
.left_navi ul li { border-top: 1px dotted #ACACAC; margin-right: 15px; padding: 7px 0;}
.left_navi ul li a { color: #ACACAC; text-decoration:none; line-height: 15px; }
.left_navi ul li a:hover { color: #5E5E5E; text-decoration:none;}


.left_navi li.active a { color: #5E5E5E; text-decoration:none; font-weight:bold; }
 
.left_navi li.first { border-top: 0!important; }


.left_navi ul ul { list-style-type: none; margin-left: 0px; margin-top: 7px; margin-bottom: -7px; }
.left_navi ul ul li  { padding-left: 10px; margin-right: 0px;}

.left_navi ul ul li a {  color: #ACACAC!important; font-weight:normal!important; }
.left_navi ul ul li a:hover {  color: #F0570C!important; font-weight:normal!important;}
.left_navi ul ul li.active a{  color: #F0570C!important; font-weight:normal!important;}


.left_navi .bottom { height: 11px; background: url(img/leftnavi_bottom.gif) no-repeat;font-size: 0;}

.right { float: left; width:524px; margin: 0; background: #FFFFFF; }

.keyvisual { background: #ffffff; margin: 15px 15px; width: 494px; height: 145px;}
.rootlevel_navi { margin: 0 15px; }


.content { margin: 10px 15px 25px 15px; line-height: 18px;}
.content ul { margin: 0 10px 15px 10px; list-style-type: none;}
.content li { background: #fff url(img/bullet_orange.gif) no-repeat 0 6px; padding-left: 15px;}
.content a { text-decoration: underline; color: #F0570C; font-size: 12px; }
.content a:hover { text-decoration: underline; color: #ACACAC;}


.csc-sitemap ul { margin: 5px 15px 5px 15px;}
.csc-sitemap ul ul ul{ margin: 2px 15px;}
.csc-sitemap li { background-image:none; font-weight: bold;}
.csc-sitemap a { text-decoration:none;}
.csc-sitemap a:hover { text-decoration:none;}
.csc-sitemap ul ul li { background-image:none; font-weight: normal;}
.csc-sitemap ul ul ul li { background-image:none; font-weight: normal;}

.footer { height: 40px; background: #F0570C; border-top: 5px solid #DC4800;}
.footer { font-size: 11px; font-family: arial, verdana; color: #ffffff;}

.footer_width { width: 715px;}

.footer .copy { float:left; display: inline; margin-left: 220px; margin-top: 12px;}

.footer_navi { float:right; margin-top: 12px; display:inline; text-align: right;}
.footer_navi a { color: #ffffff; text-decoration:none; }

.spacer { display: block; height: 15px!important;}
.floatright { float: left; margin-right: 10px; width: 200px; background: #fff url(img/bg_blueline.gif) repeat-y;}
.clear { clear:both; line-height:0px; height:0px; display:block; font-size:0; padding-top:-40px; }
 
 /* team */ 
 
.img_left { float:left; width: 170px; margin-top: 4px; display:inline;}
.txt_right { margin-left: 170px; width: 320px;}
.h10 { height: 10px!important; font-size:0; }



.filelink a, .filelink a:hover, .linklist a, .linklist a:hover, .search a{ text-decoration: none; line-height: 20px; background: #ffffff url();}
.linklist a, .linklist a:hover { text-decoration: none; line-height: 20px; background: url(img/raquo.gif) 0px 5px no-repeat; padding-left:12px;}


.filelink a:hover, .linklist a:hover, { text-decoration: none; line-height: 20px; background: url(img/raquo_hover.gif) 0px 5px no-repeat;}
.search a:hover{ text-decoration: none; line-height: 20px;}


input { width: 200px; height: 16px;font:12px trebuchet ms, verdana, helvetica, tahoma; color: #5E5E5E; line-height: 12px;}
.tx-indexedsearch-browsebox { margin: 0; padding: 0;}
ul.browsebox { margin: 10px 0px 15px -15px!important;  padding: 0;}
.browsebox li { background-image: none; display:inline; margin: 0;}

.margin_t04 { margin-top: 4px!important; display: block;}
.margin_t08 { margin-top: 8px!important; display: block;}
.margin_t16 { margin-top: 16px!important; display: block;}


#nav { list-style: none; height: 27px;}
#nav a { display: block;}
#nav li {	float: left; background: url(img/nav_pipe.gif) no-repeat 0px 4px; padding-left:11px; }

#nav li.n1-1 { width: 95px; background: none; padding: 0;}
#nav li.n1-1 a { width: 95px; }

#nav li.n1-2 { width: 86px;}
#nav li.n1-2 a { width: 86px;}

#nav li.n1-3 { width: 57px;}
#nav li.n1-3 a { width: 57px;}

#nav li.n1-4 { width: 63px;}
#nav li.n1-4 a { width: 63px;}

/*
* html #nav li.n1-4 { width: 50px;}
* html #nav li.n1-4 a { width: 50x;}
*/

#nav li.n1-5 { width: 35px;}
#nav li.n1-5 a { width: 35px;}

#nav li.n1-6 { width: 51px;}
#nav li.n1-6 a { width: 51px;}

#nav li.n1-7 { width: 66px;}
#nav li.n1-7 a { width: 66px;}


#nav ul { position: absolute; left: -999em; }
#nav li.pro:hover ul {	left: auto; } 
#nav li:hover ul, #nav li.sfhover ul {	left: auto; }
#nav li.no-hover ul { left: -999em!important; }

#nav li ul { list-style-type: none; padding-top: 5px; } 
#nav li.n1-3 ul li { background: #F0570C; width: 112px; float:none; padding: 1px 0px 1px 8px;} 
#nav li.n1-3 ul li a { color: #fff;  width: 112px; } 
#nav li.n1-3 ul li a:hover { color: #ddd;  }