html { width: 100%; }
body { width: 100%; height: 100%; margin: 0px; padding: 0px; background: #fff url(/images/layout/background_body.gif) repeat-x left top; color: #5c5c5c; font-family: trebuchet ms;arial, verdana, helvetica, sans-serif; font-size: 0.75em; }
body.firstpage{ background: #fff url(/images/layout/background_body_firstpage.gif) repeat-x left top; }
img { border: 0px; }
a, a:visited { color: #00759a; text-decoration: underline;}
a:hover, a:active { color: #da0000; text-decoration: underline;}
a.more, a.more:visited{ display: block; background: url(/images/layout/read_more.png) no-repeat left top; height: 25px; width: 69px;}
a.more:active, a.more:hover{ background: url(/images/layout/read_more_active.png) no-repeat left top;}
a.archive, a.archive:visited{ color: #c4782b; font-size: 1.2em;}
a.archive:hover, a.archive:active{ color: #f6861f;}
p { margin: 0px 0px 2ex 0px; }
h1{ color: #00a8dc; font-weight: normal; font-size: 2em; line-height: 1; margin: 0 0 10px 0; }
h1.title{ color: #fff;}
h2{ color: #00a8dc; font-size: 1.45em; font-weight: bold; line-height: 1; margin: 0 0 10px 0; }
h3, h3 a, h3 a:visited{ color: #da0000; font-size: 1.3em; font-weight: bold; line-height: 1; margin: 0 0 5px 0;}
h3 a:active, h3 a:hover{ color: #027da0;}
h4{ color: #00a8dc; font-size: 1.15em; font-weight: bold; margin:0 0 5px 0; text-decoration: none;}
h5{ color: #da0000; font-size: 1em; margin: 0px; text-transform: uppercase; }
.splitter{ clear: both; font-size: 0px; height: 0px; margin: 0px; padding: 0 0 20px 0; width: 100%; }
.splitter.noclear{ clear: none;}
.splitter.line{ background: transparent url(/images/layout/splitter.gif) repeat-x left top; height: 2px; padding: 0px;}
.splitter.dark{ background: transparent url(/images/layout/splitter_bottom.gif) repeat-x left top; height: 2px;}

br.clearboth{ clear: both; font-size: 0px; margin: 0px;}

form{ float: left; }
fieldset{ border: none; margin: 0px; padding: 0px; position: relative; width: 262px;}
.formBlock{ clear: both; float: left; padding-bottom: 10px; position: relative; width: 262px;}
.formElementTitle{ position: absolute; padding: 2px 10px;}
.formElementTitle.hidden{ visibility: hidden;}
.formInputTextBox, .formInputDropDown{ 
  background: transparent url(/images/layout/form_textbox.png) no-repeat left top; 
  border: none; 
  float: right; 
  font-size: 1em; 
  height: 19px;
  padding: 2px 5px 2px 5px; 
  width: 250px;
 

}
.formButton{ 
   background: #cdcdcd; 
   border: none; 

   clear: both; 
   color: #4d4d4d; 
   float: left; 
   font-size: 0.8em; 
   font-weight: normal; 
   height:20px; 
   left: 211px;
   padding: 0 0 2px 0; 
   width:50px; 
   text-transform: uppercase; 
}
.focus .formButton{ background: transparent url(/images/layout/form_button_send.png) no-repeat left top; bottom: 10px; height: 20px; right: 0px; position: absolute; width: 48px;}
.formInputTextArea{ 
 background: transparent url(/images/layout/form_textarea.png) no-repeat left top; 
 border: none; 
 height: 30px; 
 margin: 0 0 0 1px;
 padding: 5px 5px 20px 5px; 
 width: 250px; 

}
.formForceField{ color: #f6861f;}
.formStatusMessage{ color: #f6861f; padding-bottom: 5px;}
.formElementTitle{ float: left; }
.icons {background:transparent url(/images/layout/sprites.png) no-repeat 0px 0px; float:left; }
.icons.button_search_small{ background-position:0px 0px; border: none; float: left; height:27px; padding: 0px; width:62px;}
.icons.bullet{ background-position:-164px 0px; height: 11px; margin: 2px 5px 0 0; width: 11px;}
.icons.button_blue_large{ background-position:0px -65px; color: #fff; height: 25px; padding-top: 8px; margin: 2px 5px 0 0; text-align: center; width: 285px;}

ul{ margin: 0px; padding: 0 0 0 18px;}
.centerframe { margin: 0 auto; width: 1000px;}
.framework{ background: transparent; float: left; width: 980px;}
.top{ background: transparent url(/images/layout/background_top.jpg) no-repeat center top;  float: left; height: 80px; padding: 15px 10px 15px 10px; position: relative; width: 960px;}
.content_top{ color: #fff; font-size: 2.7em; float: left; height: 35px; padding: 15px 0 15px 55px;}
.content{ background: transparent url(/images/layout/background_content.png) no-repeat left top; float: left; padding: 40px 55px 40px 55px; width: 870px; }
.left{ float: left; position: relative; width: 260px;}
.main{ float: left; line-height: 1.7; min-height: 500px; padding: 0px 0px 0px 40px; width: 570px;}

.content.firstpage .right .box_text{ padding-top: 20px;}
.content.firstpage { background-position: 0 305px; padding: 0px 0px 40px 0px; width: 980px;}
.content.contact { background-position: 0 305px; padding: 30px 0px 40px 0px; width: 980px;}

.content.firstpage .main{ padding: 0px; width: 980px;}
.contact.contact .main{ padding: 0px 55px; width: 870px;}
.bottom{ background: #444 url(images/layout/background_bottom.gif) repeat-x; clear: both; color: #8b8b8b; float: left; padding: 20px 0; width: 100%;}
.bottom .bottom_content{ margin: 0 auto; width: 890px; line-height: 20px;}
.bottom a, .bottom a:visited{ color: #8b8b8b; text-decoration: underline;}
.bottom a:hover, .bottom a:active{ color: #00afe3;}
.footer{
 background: #454545;
 clear: both;
 color: #737373;
 margin-left: auto;
 margin-right: auto; 
 padding: 15px 0;
}
.footer .footer_content{ margin: 0px auto; width: 980px;}
.footer a, .footer a:visited{ color: #737373; text-decoration: none;}
.footer a:hover, .footer a:active{ color:#00A8DC;}

.footer a.contact, .footer a.contact:visited {color: #f49e35;}
.footer a.contact:hover, .footer a.contact:active{color:#00759A;}

.footer .created{ float: right; text-align: right; width: 380px;}
/*ul.menu, .topmenu{ 
 background: #ebebeb; 
 float:right; 
 height: 34px; 
 margin: 20px 10px 0 0; 
 padding: 5px;	
 -moz-border-radius: 11px;
 -webkit-border-radius: 11px;
 border-radius: 11px;
 behavior: url(border-radius.htc);} */

.topmenu{ background: transparent url(/images/layout/topmenu_left.png) no-repeat left top; float: right; margin: 20px 10px 0 0; padding-left: 10px;}

ul.menu{ 
 background: transparent url(/images/layout/background_topmenu.png) no-repeat right top; 
 float: left; 
 height: 39px; 
 padding: 5px 5px 5px 0;	
 }
ul.menu li{ float: left; list-style: none; margin-left: -3px;}
ul.menu li a, ul.menu li a:visited{ color: #606060; float: left; font-size: 1.25em; font-weight: bold; line-height: 1; text-decoration: none; height: 29px; padding: 10px 20px 0px 10px; }
ul.menu li a:hover, ul.menu li a:active{ color: #da0000;}

ul.menu li.active{ background: transparent url(/images/layout/background_menu_active_left.png) no-repeat left top; padding-left: 10px;}
ul.menu li.active a, ul.menu li.active a:visited,
ul.menu li.active a:hover, ul.menu li.active a:active{ color: #fff; background: transparent url(/images/layout/background_menu_active.png) no-repeat right top;}
ul.menu li a:hover, ul.menu li a:active{ color: #da0000;}
ul.menu a span.bg{ float: left; height: 29px; padding: 10px 17px 0px 17px; }
ul.menu a.active span.bg{ }
.logo{ float: left; margin-left: 10px;}
.left ul{ margin: 0px; padding: 0px;}
.left ul li{ list-style: none;}
.leftmenu{ background: transparent url(/images/layout/leftmenu_background.png) no-repeat left top; font-size: 1.2em; padding: 10px 2px 0 2px; width: 256px;}
.leftmenu li a, .leftmenu li a:visited{ background: transparent url(/images/layout/arrow_right.png) no-repeat 240px center; color: #5C5C5C; display: block; padding: 10px 15px; text-decoration: none;}
.leftmenu li a:hover, .leftmenu li a:active{ background: transparent url(/images/layout/arrow_right_active.png) no-repeat 240px center; color: #DA0000;}
.leftmenu li a.active{ color: #00A8DC;}
.leftmenu_top{ background: transparent url(/images/layout/leftmenu_top.png) repeat-x left top; height: 9px; width: 260px;}
.leftmenu_bottom{ background: transparent url(/images/layout/leftmenu_bottom.png) repeat-x left top; height: 11px; margin-bottom: 30px; width: 260px; }
.parent_title{font-weight: bold; padding-left: 15px; padding-bottom: 10px;}
.parent_title a{ color: #5C5C5C; text-decoration: none;}
.parent_arrow{ background: transparent url(/images/layout/arrow_blue.png) no-repeat left top; height: 23px; position: absolute; left: -27px; top: 9px; width: 40px;}
.leftmenu.downloads .parent_title{ background: transparent url(/images/layout/downloads.png) no-repeat 10px 0px; font-size: 1.2em; padding: 5px 0 10px 50px;}
.leftmenu.downloads li a, .leftmenu.downloads li a:visited{ background: transparent url(/images/layout/download_small.png) no-repeat 18px center; padding-left: 50px;}
.leftmenu.downloads li a:hover, .leftmenu.downloads li a:active{ background: transparent url(/images/layout/download_small_active.png) no-repeat 18px center}.abstract{ font-size: 1.2em; font-style: italic; line-height: 1.5;}
.article .image_top, .folder .image_top{ background: transparent url(/images/layout/background_image_top.png) no-repeat left top; float: left; height: 8px; width: 560px;}
.article .image, .folder .image{ background: transparent url(/images/layout/background_image.png) repeat-y left top; float: left; padding: 0 7px; position: relative; width: 546px;}

.article.condensed .image{ background: none; float: left; padding: 0 10px 10px 0; width: auto;}
.image img{ float: left;}
.article .image_bottom, .folder .image_bottom{ background: transparent url(/images/layout/background_image_bottom.png) no-repeat left top; float: left; height: 12px; margin-bottom: 25px;width: 560px;}
.image .plus {background: transparent url(/images/layout/open.png) no-repeat left top; bottom: -22px; left: 513px; position: absolute; height: 40px; width: 40px;}
.main .profile{ color: #fff; float: left; font-size: 1.3em; padding-right: 60px; width: 250px;}
.main .profile a{ color: #fff;}
.map{ float: left; width: 560px;}
.person{ float: left; padding: 35px 0 0 0 ; width: 217px;}
.person .text{ font-size: 1.1em; font-style: italic}
.person a, .person a:visited{ color: #5c5c5c; text-decoration: none; }
.person a:hover, person a:active{ text-decoration: underline;}
.person .position{ font-weight: bold;}
.person .position p{ margin-bottom: 0px;}

.intro_box{ color: #fff; height: 310px; }
.intro_box .text{ font-size: 1.6em; height: 315px; padding: 0px 0px 0px 70px; position: relative; overflow: hidden; }
.intro_box .text h2{ color: #fff; font-size: 2.5em; line-height: 1; padding-top: 50px;}
.intro_box .text .image{ float: right; right: 0px; top: 0px;}

.focusboxes{ float: left; padding: 25px; width: 930px;}
.focusbox{ margin: 0px 25px 35px 25px;}
.focusbox.icons{ float: left; width: 145px; margin-right: 15px;}
.focusboxes .focusbox.icons h3{ clear: both; margin-bottom: 17px; padding-top: 20px;}

.focusbox.referances{ background: transparent url(/images/layout/focusbox_reference.png) no-repeat left top; float: left; height: 118px; position: relative; width: 260px;}
.focusbox.referances .banner{ padding: 20px  0 0 35px; height: 90px; overflow: hidden; text-align: center;}
.focusbox.referances a.all{ bottom: 0px; display: block; position:absolute; height: 20px; right: 0px; width: 60px; }

.focusbox.support{ background: transparent url(/images/layout/focusbox_support.png) no-repeat left top; float: left; height: 118px; position: relative; width: 260px;}
.focusboxes .focusbox.support h3{ color: #5c5c5c; padding: 5px 10px; }
.focusboxes .focusbox.support img{ margin-bottom: -10px; margin-right: 10px;}

.focusbox.drift{ background: transparent url(/images/layout/focusbox_support.png) no-repeat left top; float: left; height: 118px;  position: relative; width: 260px; line-height: 1.1;}
.focusboxes .focusbox.drift h3{ color: #5c5c5c; padding: 5px 10px; }
.focusboxes .focusbox.drift img{ margin-bottom: -10px; margin-right: 10px;}
.focusboxes .focusbox.drift a, .focusboxes .focusbox.drift a:visited{color: #5C5C5C; text-decoration: none;}
.focusboxes .focusbox.drift a:hover, .focusboxes .focusbox.drift a:active{ color: #da0000; }
.focusboxes .focusbox.drift .line { float: left; clear: both; padding-left: 10px; }
.focusboxes .focusbox.drift .splitter.line { padding: 0px; margin-bottom: 2px; }
.focusboxes .focusbox.drift .date { padding-left: 0px; }

a.helpdesk, a.helpdesk:visited{ background: url(/images/layout/button_helpdesk.png) no-repeat left center; color: #5C5C5C; display: block; font-size: 1.2em; height: 30px; margin: 3px 0 0 3px;  padding-left: 40px; text-decoration: none; width: 200px;}
a.helpdesk:hover, a.helpdesk:active{ background: url(/images/layout/button_helpdesk_active.png) no-repeat left center; color: #da0000;}
a.fjernsupport, a.fjernsupport:visited{ background: url(/images/layout/button_fjernsupport.png) no-repeat left center; color: #5C5C5C; display: block; font-size: 1.2em; height: 30px; margin: 3px 0 0 3px; padding-left: 40px; text-decoration: none; width: 200px;}
a.fjernsupport:hover, a.fjernsupport:active{ background: url(/images/layout/button_fjernsupport_active.png) no-repeat left center;color: #da0000;}
.date{ color: #00A8DC; padding-left: 10px;}
#lightbox-image-details{ visibility: hidden;}.bottom .focus{ float: left; margin-right: 35px; width: 205px;}
.bottom .focus.medium{ width: 262px; margin: 0px;}
.bottom .focus.large{ width: 325px;}
.bottom .focus .col{ float: left; padding-right: 5px; width: 160px;}
.bottom .focus .col.nopadding{ padding: 0px;}/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 75px;
    height: 75px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}
.jcarousel-skin .jcarousel-prev-horizontal {position: absolute; left: 0px; width: 40px; height: 310px; cursor: pointer; background: url(/images/layout/intro_arrow_left.png) no-repeat right center;}
.jcarousel-skin .jcarousel-prev-horizontal:hover {background: url(/images/layout/intro_arrow_left_active.png) no-repeat left center;}

*html .jcarousel-skin .jcarousel-prev-horizontal {left: -36px;}

.jcarousel-skin .jcarousel-next-horizontal {position: absolute; right: 0px; width: 40px; height: 310px; cursor: pointer; background: url(/images/layout/intro_arrow_right.png) no-repeat left center; }
.jcarousel-skin .jcarousel-next-horizontal:hover {/*background-position: right center;*/background: url(/images/layout/intro_arrow_right_active.png) no-repeat right center; }

*html .jcarousel-skin .jcarousel-next-horizontal {right: 64px;}

/* Buttons */

/* Container */
.jcarousel-skin .jcarousel-clip {background: url(/images/layout/background_slider.png) repeat-y left top; width:898px; }
.jcarousel-skin .jcarousel-container-horizontal { padding: 0 40px;}
.jcarousel-skin .jcarousel-item {position:relative;}
.jcarousel-skin .jcarousel-item a, .jcarousel-skin .jcarousel-item a:visited{text-decoration:none; color: #fff;}
.jcarousel-skin .jcarousel-item a:hover, .jcarousel-skin .jcarousel-item a:active{ color: #da0000;}


.jcarousel-skin .jcarousel-item { width: 898px; height: 313px; }
.intro_box .cufon-canvas{
}
.intro_box .text_intro .cufon-canvas{  padding-bottom: 10px;}
.intro_box .cufon.cufon-vml{ padding-bottom: 10px;}
.menu .cufon-canvas{ float: left; }