/*

  Crescom

*/


body
{
  margin: 0 0 12px 12px;
  padding: 0;

  color: black;
  background-color: white;

}

body, td, th, div
{
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 11px;
}


div
{
  margin: 0;
  padding: 0;
}

.clear 
{
  clear: both;
  position: relative;
}

a img
{
  border: 0;
}


h3
{
  font-size: 14px;
  font-weight: bold;
  color: #3399FF;
}


#container
{
  width: 850px;
}

/* 

  Header 

*/


#header
{
  position: relative;
  height: 87px;
  background: #3399FE url('/files/crescom/crescom_images/header_background.png') 100% 0 no-repeat;
}

#header span.date
{
  position: absolute;
  top: 45px;
  left: 15px;

  color: white;
  font-size: 12px;
}

/*

  Navi

*/

#navi
{
  position: relative;
  height: 18px;
  background-color: black;
  margin: 0 0 2px 0;
  z-index: 999;
}

#navi a
{
  display: block;
  position: relative;
  float: left;
}

.navi_se a,
.navi_en a
{
  font-size: 9px;
  text-transform: uppercase;
  text-decoration: none;
  padding: 2px 20px 0 10px;
  color: white;
  background: url('/files/crescom/images/menu_arrow.gif') 100% 0 no-repeat;
  border-right: 1px dotted #3399ff;
  height: 16px;
}

#navi div
{
  position: absolute;
  z-index: 2;
  display: none;
  top: 18px;
  background-color: black;
  text-align: left;
  font-size: 9px;
}


#navi div a
{
  float: none;
  display: block;
  padding: 5px 25px 5px 10px;
  color: #66CCFF;
  text-decoration: none;
  border-top: 2px solid #8A9DB1;
  background: url('/files/crescom/images/menu_arrow.gif') 100% 5px no-repeat;
}

#navi div a:hover,
#navi div a:focus,
#navi div a:active 
{
  background-color: #74797F;
}


/*

  Title bar

*/

#title
{
  height: 22px;
/*   overflow: hidden; */
}

#title div
{ 
  border: 0;
  height: 22px;
  background-color: black;
}

#title .title_left
{
  float: left;
  width: 137px;
/*   padding-top: 1px; */
}

#title .title_center
{
  float: left;
  width: 495px;
  margin: 0 2px;
  padding-bottom: 1px;
}

#title .title_right
{
  float: left;
  width: 214px;
  padding-bottom: 1px;
}


/*

  Search form

*/

#searchform
{
  clear: right;
  float: right;
  width: 214px;
  overflow: hidden;
  border-color: white;
  border-style: solid;
  border-width: 2px 0 0 0;
  padding: 10px 0  0;
  height: 30px;
  background-color: #3399FF;
}

#searchform form
{
  margin: 0;
  padding: 0;
}

#searchform .input
{
  width: 110px;
}

#searchform *
{
  vertical-align: middle;
}


/*

  Frontpage

*/

#frontpage
{
  float: left;
  margin: 2px 0;
}

#frontpage .bigimage
{
  overflow: hidden;
  position: relative;

  float: left;
  width: 634px;
  height: 295px;
  background: #3399FF url('/files/crescom/crescom_images/frontpage_image.jpg') 0 0 no-repeat;
}

#frontpage .bigimage_se,
#frontpage .bigimage_en
{
  background-image: url('/files/crescom/crescom_images/frontpage_image_nolinks.jpg');
}


#frontpage .bigimage div
{
  position: absolute;
  top: 35px;
  left: 30px;
  width: 634px;
}

#frontpage .bigimage a
{
  display: block;
  height: 13px;
  margin: 0 0 13px 0;
}

#frontpage .bigimage a.link_1 { width: 90px; }
#frontpage .bigimage a.link_2 { width: 135px; margin-left: 35px; }
#frontpage .bigimage a.link_3 { width: 100px; margin-left: 70px; }
#frontpage .bigimage a.link_4 { width: 85px; margin-left: 35px; }
#frontpage .bigimage a.link_5 { width: 75px; }


#frontpage .news 
{
  top: 0;
  position: relative;
  float: left;
  width: 204px;
  height: 285px;
  margin: 0 0 0 2px;
  padding: 0 10px 10px 0;
  background-color: #BEC9D5;
  overflow: hidden;
}

#frontpage .news span
{
  padding: 0 0 10px 20px;
  display: block;
}

#frontpage .news a img
{
  vertical-align: middle;
}


#frontpage .news .archive
{
  position: absolute;
  bottom: 0;
  left: 0;
}

#frontpage .news .archive img
{
  display: block;
}

#frontpage .services
{
  float: left;
  width: 634px;
  height: 180px;

  margin: 2px 0 0 0;
  background-color: #0072BC;
}

#frontpage .services .box
{
  width: 207px;
  height: 146px;
  float: left;
  background-color: #33AAF8;
  margin: 0 0 3px 3px;
  padding: 0;
  color: white;
}

#frontpage .services .box .title
{
  display: block;
}

#frontpage .services .box .title img
{
  margin-top: -1px;
}

#frontpage .services .box_1 .title { background-color: #FF9900; }
#frontpage .services .box_2 .title { background-color: #66CC33; }
#frontpage .services .box_3 .title { background-color: #66CCFF; }

#frontpage .services .box .content
{
  padding: 10px;
}

#frontpage .info
{
  float: left;
  width: 214px;
  margin: 2px 0 0 2px;
  background-color: #8A9DB1;
  height: 180px;
}

#frontpage .info .infoimg
{
  display: block;
  border-bottom: 2px solid #fff;
}

#frontpage .info .left
{
  float: left;
  width: 70px;
  height: 133px;
  padding: 7px 0 0 22px;
  background: #BEC9D5 url('/files/crescom/images/bullet_nws.gif') 0 10px no-repeat;
  border-right: 1px dotted black;
}

#frontpage .info .right
{
  float: left;
  width: 120px;
  height: 140px;
  background-color: #BEC9D5;
}

#frontpage .language
{
  float: left;
  margin: 2px 0 0 0;
  padding: 13px 0 0 14px;
  width: 620px;
  height: 27px;
  background-color: #3399FF;
}

#frontpage .language a
{
  padding-right: 10px;
}


/*

  EN frontpage

*/

#frontpage .services_se,
#frontpage .services_en
{
  top: 0;
  position: relative;
  float: right;
  width: 214px;
  height: 440px;
  margin: 0 0 0 2px;
  padding: 5px 0 10px 0;
  overflow: hidden;
  background-color: #0072BC;
}

#frontpage .services_se div,
#frontpage .services_en div
{
  margin: 0 3px;
  padding: 0;
}

#frontpage .services_se .service_1 { background-color: #FF9900; }
#frontpage .services_se .service_2 { background-color: #66CC33; }
#frontpage .services_se .service_3 { background-color: #66CCFF; }

#frontpage .services_en .service_1 { background-color: #FF9900; }
#frontpage .services_en .service_2 { background-color: #66CC33; }
#frontpage .services_en .service_3 { background-color: #66CCFF; }


#frontpage .services_se div.content,
#frontpage .services_en div.content
{
  margin: 0 3px 3px 3px;
  padding: 5px 10px 10px 10px;
  color: white;
  background-color: #33AAF8;
}


#frontpage .info_se,
#frontpage .info_en
{
  float: left; 
  width: 634px;
  margin: 2px 0 0 0;
}

#frontpage .info_se .box,
#frontpage .info_en .box
{
  float: left;
  margin: 0;
  padding: 0;
}

#frontpage .info_se .box_1 { width: 422px; }
#frontpage .info_se .box_2 { width: 210px; }

#frontpage .info_en .box_1 { width: 422px; }
#frontpage .info_en .box_2 { width: 210px; }

#frontpage .info_se .box .content,
#frontpage .info_en .box .content
{
  padding: 10px 0 20px 30px;
}


/*

  Content 

*/

#content
{
  float: left;
  margin: 2px 0;
  width: 850px;
  background: url('/files/crescom/crescom_images/content_background.jpg') 0 0 repeat-y;
}

#content_wide
{
  width: 850px;
  margin: 2px 0;
  padding: 0 0 20px 0;
}


#content .content_left
{
  float: left;
  width: 137px;
  padding-bottom: 1px;
}

#content .content_left .subnavi
{
  margin: 0 0 15px 0;
}

#content .content_left .subnavi a
{
  display: block;
  margin: 0;
  font-weight: bold;
  font-size: 10px;

  padding: 4px 8px;
  border-bottom: 1px solid white;
  background: url('/files/crescom/images/menu_arrow.gif') 100% 0 no-repeat;
}

#content .content_left .subnavi div a
{
  padding: 4px 8px 4px 15px;
  border-bottom: 1px solid white;
  background-image: none;
  font-size: 9px;
}

#content .content_left .subnavi a:link,
#content .content_left .subnavi a:visited,
#content .content_left .subnavi a:focus,
#content .content_left .subnavi a:hover,
#content .content_left .subnavi a:active
{
  text-decoration: none;
  color: white;
}

#content .content_left .subnavi a.selected:link,
#content .content_left .subnavi a.selected:visited,
#content .content_left .subnavi a.selected:focus,
#content .content_left .subnavi a.selected:hover,
#content .content_left .subnavi a.selected:active
{
  border-bottom: 1px solid black;
  background-color: #33AAF8;
}

#content .content_center
{
  float: left;
  padding: 35px 25px;
  width: 449px;
}

#content .content_center_wide
{
  float: left;
  padding: 35px 25px;
  width: 663px;
  background-color: white;
}


#content .content_right
{
  float: right;
  width: 174px; /* 214 */
  padding: 20px;
  color: white;
}

#content .content_right_white
{
  float: right;
  width: 174px; /* 214 */
  padding: 20px;
  background-color: white;
}

#content .content_right_nopadding
{
  float: right;
  width: 214px;
  color: white;
  padding: 0;
}

#content .content_right .services a
{
}

#content .content_right .services a img
{
  display: block;
}

#content .content_right .services p
{
  border-style: solid;
  border-color: #0655a5;
  border-width: 0 1px 1px 1px;
  margin: 0 0 10px 0;
  padding: 10px;
  background-color: #33AAF8;
}

/*

  Footer

*/

#footer
{
  clear: both;

  padding: 2px 0 2px 10px;
  height: 16px;

  color: white;
  background-color: #3399FE;
}