html
{
 height: 100%;
}

body
{
  height: 100%;
  margin: 0px;
  padding: 0px;
  background: #e8e8e8 url(/grf/bg.png) repeat-x;
  font-family: verdana, arial, tahoma, georgia, sans-serif, trebuchet ms;
  line-height: 1.3;
  font-size: 10px;
  color: #7a7a7a;
}

a, a:visited
{
  color: #c03042;
  text-decoration: none;
}

a:active, a:hover
{
  color: #c03042;
  text-decoration: underline;
}
a.read_more,a.read_more:visited{
 clear: both;
 float: right;
 background: url(/grf/read_more.jpg) no-repeat top left;
 width: 75px;
 height: 20px;
}
a.read_more:active,a.read_more:hover{
}
a.file_link, a.file_link:visited{
 color: black;
 font-style: italic;
 text-decoration: none;
}
a.file_link:hover, a.file_link:active{
 color: #b84809;
 text-decoration: none;
}
h1.title{
  font-size: 14px;
  font-family: tahoma, arial;
  font-weight: bold;
  margin-top: 0px;
  margin-bottom: 3px;
  color: black;
  letter-spacing: 1px;
  text-transform: uppercase;
}

h2.title{
 font-weight: bold;
 font-size: 12px;
 color: #404040;
 padding: 0px;
 margin: 0 0 3px 0;
}
h3.title{
 color: #404040;
 font-size: 12px;
 font-weight: normal;
 margin: 10px 0;
}
h4.title{
 font-size: 10px;
 color: white;
 font-weight: bold;
 text-transform: uppercase;
 padding: 10px 2px 10px 15px;
 margin: 0px; 
}

.file {
  margin-bottom: 4px;
}

.file img {
  margin-bottom: -4px;
}
.line_separator{
 width: 100%;
 border-top: #a5a5a5 solid 1px;
 clear: both;
 margin: 0 0 10px 0;
}

img{
 border: none;
}
.split{
 clear: both;
 width: auto;
 padding-bottom: 10px;
 border-bottom: 1px solid #c9c9c9;
 margin-bottom: 10px;
 font-size: 0px;
}


.centerframe {
  width: 1085px;
  margin: 0 auto;
}

.boundary{
  float: left;
  width: 1085px;
}
.top{
 position: relative;
 width: 1083px;
 height: 153px;
 background: url(/grf/background_top.jpg) no-repeat left top;
 
}
.content{
 float: left;
 width: 981px;
 background: #e8e8e8 url(/grf/content_bg.jpg) repeat-y top left;
 padding: 0 51px;
}


.content .main {
 float: left;
 width: 600px;
}
.content .left_content{
 float: left;
 width: 176px;
}
.content .left{
 float: left;
 width: 172px;
 margin: 20px 0 0 0;
 padding: 0px 0px 0px 4px;
 background: white url(/grf/left_shadow.gif) repeat-y left top;
 font-family: tahoma, verdana;
 font-size: 11px;
}

.content .right_content{
  float: left;
  width: 202px;
  margin-top: 20px;
}
.bottom{
 float: left;
 clear: both;
 width: 560px;
 height: 20px;
 padding: 8px 25px;
 background: url(/grf/bottom_bg.jpg) repeat-x top left;
 margin-left: 171px;
 font-family: tahoma;
 font-size: 10px;
}
.bottom a, .bottom a:visited{
 color: #7A7A7A;
}
.column_title{
 background: url(/grf/title_red_bg.jpg) no-repeat top left;
 height: 35px;
 width: 100%;
}
.column_text.largemargin{
 padding: 10px 10px 80px 15px;
}
.column_text{
 float: left;
 padding: 10px 10px 40px 15px;
}
.breadcrumbs{
 display: block;
}
.breadcrumbs a, .breadcrumbs a:visited{
 color: #7A7A7A;
 text-decoration: underline;
}
.breadcrumbs a:hover, .breadcrumbs a:active{
 color: #C03042;
 text-decoration: underline;
}.top .logo{
 position: absolute;
 left: 65px;
 top: 40px;
}

.top .topmenu{
 position: absolute;
 top: 115px;
 left: 0px;
 padding-left: 228px;
 padding-bottom: 13px;
 background: url(/grf/topline.gif) repeat-x bottom left;
 height: 25px;
 width: 855px;
}
.top .topmenu .menuitem{
 float: left;
 margin-right: 2px;
}

.topmenu .menuitem a, .topmenu .menuitem a:visited{
 float: left;
 background: url(/grf/topmenu.gif) no-repeat top left;
 width: 112px;
 height: 14px;
 text-transform: uppercase;
 font-weight: bold;
 color: white;
 text-align: center;
 padding: 6px 0;
}
.top .topmenu .menuitem a:active, .top .topmenu .menuitem a:hover,
.top .topmenu .menuitem a.active, .top .topmenu .menuitem a.active:visited, 
.top .topmenu .menuitem a.active:active, .top .topmenu .menuitem a.active:hover{
 background: url(/grf/topmenu_active.gif) no-repeat top left;
 width: 112px;
 height: 14px; 
 text-decoration: none;
 color: white;
}
.top .topmenu .menuitem a.home, .top .topmenu .menuitem a.home:visited{
 width: 29px;
 height: 14px;
 background: url(/grf/home.gif) no-repeat top left;
}
.top .topmenu .menuitem a.home:active, .top .topmenu .menuitem a.home:hover,
.top .topmenu .menuitem a.home_active, .top .topmenu .menuitem a.home_active:visited, 
.top .topmenu .menuitem a.home_active:active, .top .topmenu .menuitem a.home_active:hover{
 width: 29px;
 height: 14px;
 background: url(/grf/home_active.gif) no-repeat top left;
}.left_content .left_shadow_bottom{
 float: left;
 background: url(/grf/left_shadow_bottom.gif) no-repeat left top;
 height: 10px;
 padding: 0px 0px 0px 4px;
 width: 172px;
}
.left_content .left_footer{
 font-family: tahoma;
 color: #a0a0a0;
 padding: 5px 0px 5px 5px;
 width: 169px;
}
.left_content .left_footer a, .left_content .left_footer a:visited{
 color: #a0a0a0;
}
.left_content .left_footer a:hover, .left_content .left_footer a:active{
 color: #a0a0a0;
 text-decoration: underline;
}
.left .leftmenus{
 float: left;
 width: 100%;
}
.leftmenus .leftmenu{
  float: left;
  width: 100%;
  padding-bottom: 5px;
}
.leftmenu .parent_title{
 color: #838383;
 background: url(/grf/box_title_bg.jpg) repeat-x left top;
 color: black;
 font-family: tahoma;
 font-weight: bold;
 padding: 8px 15px;
 text-transform: uppercase;
 width: 141px;
 margin-bottom: 5px;
}
 
.leftmenu a, .leftmenu a:visited{
 color: #838383;
 font-size: 11px;
 width: 141px;
 padding: 2px 15px;
 float: left;
 clear: both;
}
.leftmenu a:hover, .leftmenu a:active,
.leftmenu a.active, .leftmenu a.active:visited,
.leftmenu a.active:active, .leftmenu a.active:hover{
 background: #c8c8c8;
 color: #C03042;
 width: 141px;
 text-decoration: none;
}
.left .article_title{
 background: url(/grf/box_title_bg.jpg) repeat-x left top;
 color: black;
 font-family: tahoma;
 font-weight: bold;
 margin-bottom: 0px;
 padding: 8px 5px 8px 15px;
 text-transform: uppercase;
 width: 151px;
}
.left .column_text a, .left .column_text a:visited{
 color: #7A7A7A;
}.right{
 float: left;
 width: 202px;
 background: white url(/grf/right_shadow.gif) repeat-y left top;
}
.right_content .search{
 float: left;
 width: 182px;
 height: 25px;
 padding: 8px 5px 5px 15px;
 margin: 0 0 5px 0;
 background: url(/grf/search_bg.jpg) no-repeat top left;
}
.right_content .search .textbox{
 float: left;
 width: 125px;
 height: 14px;
 padding: 2px;
 border: none;
 background: white;
 
}
.right_content .search .form_button{
 background: none;
 color: white;
 border: none;
 font-size: 9px;
 font-weight: bold;
 font-family: verdana;
 margin: 2px 0 0 5px;
}
.right .date{
 color: #7a7a7a;
 font-weight: bold;
}
.right_content .right .column_text{
 padding: 10px 15px 10px 15px;
 width: 172px;
}
.right .column_text .text{
 padding: 10px 0;
}
.right .column_text a.read_more{
 float: left;
 clear: both;
}
.right_content .right_shadow_bottom{
 float: left;
 background: url(/grf/right_shadow_bottom.gif) no-repeat left top;
 height: 6px;
 padding: 0px 0px 0px 4px;
 width: 202px;
}
.article{
 float: left;
 padding: 25px 50px;
}

.article.condensed{
 clear: both; 
 padding: 0px;
}
.article .info{
 clear: left;
 font-size: 1.1em;
 padding-bottom: 0px;
}
.article .info a, .article .info a:visited,
.article .info:active, .article .info:hover{
 color: #7a7a7a;
}
.article .image{
 float: right;
 padding: 10px;
 margin-left: 10px;
 margin-bottom: 10px; 
 border: 1px solid #D2D2D2;
}
.article .abstract{
}
.article .text{
}.folder{
 float: left;
 padding: 25px 30px 25px 45px;
 width: 525px;
}

.folder .image{
 clear: both;
 float: left;
 border: 1px solid #d2d2d2;
 padding: 10px;
 margin-top: 10px;
}
.folder.description_mode{
 width: 500px;
}
.folder.description_mode .images{
 clear: both;
}
/*.folder.description_mode .image{
 float: left;
 clear: none;
 margin-left: 0px;
 margin-top: 0px;
 margin-bottom: 10px;
 margin-right: 10px;
}*/
.folder .split{
 margin-bottom: 10px;
 float: left;
 width: 525px;
 padding-bottom: 10px;
}
.folder.description_mode .split{
 width: 500px;
}
.folder.description_mode .image_border{
 float: left;
 margin-left: 0px;
}
.folder.description_mode .image{
 float: left;
 /*width: 175px;*/
 /*width: 230px;*/
 /*background: #f5f3f4 url(/grf/product_bg.gif) no-repeat left bottom;*/
 width: 500px;
 height: 250px;
 overflow-y: hidden;
 text-align: center;
 padding: 0px;
/* padding: 5px 5px 5px 20px;*/
 cursor: pointer;
 margin-top: 0px;
}.frontpage{
 float: left;
 width: 560px;
 padding: 20px;
}
.frontpage .frontpage_box{
 float: left;
 width: 174px;
 margin: 0 14px 0 0;
 padding-bottom: 10px;
 border: 1px solid #e6e6e6;
}
.frontpage .last{
 margin-right: 0px;
}
.frontpage_box .box_title{
 text-transform: uppercase;
 color: black;
 font-weight: bold;
 background: url(/grf/box_title_bg.jpg) repeat-x top left;
 width: 145px;
 padding: 8px 15px;
 font-family: tahoma; 
 float: left;
}
.frontpage_box .box_image{
 text-align: center;
 margin: 20px 10px 30px 10px;
 float: left;
 /*height: 190px;
 overflow: hidden;*/
}
.frontpage_box .box_text{
 padding: 0 15px 20px 15px; 
}
.frontpage_box h3.title{
 margin-left: 15px;
}
.frontpage .frontpage_box.large{
 width: 556px;
 margin: 20px 0 10px 0;
}
.frontpage_box a.read_more{
 margin-right: 15px;
 clear: right;
}
.frontpage_box.large .box_title{
 width: 526px;
}
.frontpage_box.large .box_image{
 width: 225px;
 margin-bottom: 10px;

}
.frontpage_box.large h3.title{
 margin: 30px 15px 15px 15px;
}
.frontpage .frontpage_box h3.title{
 font-weight: bold;
}.employee{
 clear: both;
}
.employee .employee_info{

}
.employee .employee_info .jobtitle{
 color: #C03042;
 padding-bottom: 15px;
}
.employee .employee_info a, .employee .employee_info a:visited{
 color: #7A7A7A;
}
.employee .employee_info a:hover, .employee .employee_info a:active{
 color: #7A7A7A;
 text-decoration: underline;
}
.employee .employee_info a.underline, .employee .employee_info a.underline:visited,
.employee .employee_info a.underline:active, .employee .employee_info a.underline:hover{
 color: #7A7A7A;
 text-decoration: underline;
}
.folder .employee .image{
 float: right;
 margin-top: 0px;
}.product{
  float: left;
  width: 525px;
  /*padding: 25px 25px 25px 50px; */
}
.product .image_border{
 /*border: 1px solid #D2D2D2;*/
 /*padding: 10px;*/
 float: right;
 margin-left: 10px;

}
.product .image{
 float: left;
 /*width: 175px;*/
 width: 132px;
 background: #f5f3f4 url(/grf/product_bg.gif) no-repeat left bottom;
 text-align: center;
 padding: 5px 0 5px 20px;
 cursor: pointer;
 cursor: hand;
 margin-top: 0px;
}
.product .image img{
 /*max-height: 100px;*/
}
.product .image a{
 clear: both;
 float: left;
}
.product .text{
}

.product .text p{
 margin: 10px 0 5px 0;
}
.product .text br{
 margin: 5px;
 clear: both;
}
.product .text a.datablad,
.product .text a.datablad:visited{
 float: left;
 margin-top: 0px;
 color: #7A7A7A;
 text-decoration: underline;
}
.product .text a.datablad:active,
.product .text a.datablad:hover{
 color: #C03042;
}
.product .split{
 margin-bottom: 20px;
 padding-bottom: 20px;
}
.product .abstract{
 margin: 5px 0 0 0;
 font-weight: bold;
}.carousel { position: relative; float: left; width: 174px; height: 460px; list-style-type: none; margin: 0; padding: 0; }
.carousel > li { float: left; width: 174px; height: 460px; background: #fff; }
.carousel a.read_more { position: absolute; bottom: 0; right: 0; }