@charset "UTF-8";

/*	RESETS
	----------------------------------------------------*/
		
	body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
	}
	table {
		border-collapse:collapse;
		border-spacing:0;
	}
	fieldset,img { 
		border:0;
	}
	address,caption,cite,code,dfn,em,strong,th,var {
		font-style:normal;
		font-weight:normal;
	}
	ol,ul {
		list-style:none;
	}
	caption,th {
		text-align:left;
	}
	h1,h2,h3,h4,h5,h6 {
		font-size:100%;
		font-weight:normal;
	}
	q:before,q:after {
		content:'';
	}
	abbr,acronym { 
		border:0;
	}
	a { 
		outline: none;
	}
	.clr { 
		height: 100%;
		overflow: hidden;
	}
	
	
/*	DYNAMIC INPUT
	----------------------------------------------------*/
	.dynamic-input { margin-left: 24px; }
	.dynamic-input p, td { font-size: 12px; color: #555; line-height: 20px; margin: 12px 0; }
	.dynamic-input table em {font-style: italic;  font-size: 12px; color: #555; font-weight:normal; padding-top:12px;   } 
	.dynamic-input h1,
	.dynamic-input h2,
	.dynamic-input h3,
	.dynamic-input h4,
	.dynamic-input h5,
	.dynamic-input h6 { font-family: DaxLight; margin: 0 !important; color: #555; }
	.dynamic-input h1 { font-size: 28px; }
	.dynamic-input h2 { font-size: 26px; }
	.dynamic-input h3 { font-size: 24px; }
	.dynamic-input h4 { font-size: 20px; }
	.dynamic-input h5,
	.dynamic-input h6 { font-size: 18px; }
	

	.dynamic-input ul { margin: 10px 0 10px 30px;  }
	.dynamic-input li { list-style: square; color: #555; font-size: 12px; margin-bottom: 10px; }
	
	.dynamic-input strong, .dynamic-input em { font-weight: bolder; }
	.dynamic-input a {color:#4ba0ce;  text-decoration: underline;} 
	.dynamic-input a:hover {font-weight: bolder;} 	
	


/*	HTML
	----------------------------------------------------*/	
	body { background: url(img/bg_html.jpg) top center no-repeat #eaeae3; font-family: arial, helvetica, sans-serif; }
	body.sub { background-image: url(img/bg_html_sub_test.jpg); }
	
/*	WRAPPER
	----------------------------------------------------*/
	#wrapper { width: 980px; margin: 0 auto; }
	
/*	NAVIGATION
	----------------------------------------------------*/
	#navigation { height: 68px; background: url(img/bg_navigation.gif); }
	
	#navigation .logo { float: left; margin: 26px 0 0 17px; }
	#navigation .menu { float: right; margin: 30px 30px 0 0; }	
		
	#navigation .menu li { float: left; list-style: none; margin-right: 3px; position: relative; z-index: 5000; }
	#navigation .menu li a { font-size: 15px; font-family: DaxBoldItalic; text-transform: uppercase; text-decoration: none; font-weight: bold; font-style: italic; height: 26px;}
	#navigation .menu li a span.active { color: #fff; display: none; }
	#navigation .menu li a span.inactive { color: #77776f; display: block;}
	#navigation .menu li a:hover span.active, 
	#navigation .menu li a.active span.active  {  display: block; cursor: pointer;}
	#navigation .menu li a:hover span.inactive, 
	#navigation .menu li a.active span.inactive { display: none; }
	#navigation .menu li a span.left { float: left; padding: 4px 0 0 12px; height: 22px; }
	#navigation .menu li a span.right { float: left; height: 26px; width: 11px; }
	
	/* background */
	#navigation .menu li a:hover span.left, 
	#navigation .menu li a.active span.left  { background-image: url(img/nav_bg_left.gif); }
	#navigation .menu li a:hover span.right, 
	#navigation .menu li a.active span.right { background-image: url(img/nav_bg_right.gif); }
	
	#navigation .menu li ul { display: none; }
	#navigation .menu li:hover ul { display: block; position: absolute; top: 25px; left: -34px; background: url(img/bg_submenu_top.png) no-repeat; padding-top: 25px; }
	#navigation .menu li:hover ul li { width: 201px; height: 27px; padding: 3px 0 0 0; background: url(img/bg_submenu_mid.png) left bottom repeat-y; }
	#navigation .menu li:hover ul li a { font-size: 12px; margin: 0 0 0 10px; font-family: arial, helvetica, sans-serif; font-style: normal; font-weight: normal; color: #656565; text-transform: none; }
	#navigation .menu li:hover ul li a:hover { font-weight: bolder; color: #1b93d3; }
	#navigation .menu li:hover ul li.first { border: none; }	
	#navigation .menu li:hover ul li.last { background: url(img/bg_submenu_bottom.png) left bottom no-repeat; border: none; padding-bottom: 5px; }
	
	/* SUB */
	.sub #navigation { background-image: url(img/bg_navigation_sub.gif); }
	
	.sub #navigation .menu li a span.inactive { color: #fff; }
	
	.sub #navigation .menu li a:hover span.left, 
	.sub #navigation .menu li a.active span.left  { background-image: url(img/nav_bg_left_sub.gif); }
	.sub #navigation .menu li a:hover span.right, 
	.sub #navigation .menu li a.active span.right { background-image: url(img/nav_bg_right_sub.gif); }	
	
/*	HEADER
	--------------------------------------------------- */
	#header { height: 448px; margin: 45px 0 0 17px; }
	
	#header .col-a { float: left; width: 544px; height: 448px; }
	
	#header .col-b { position: relative; float: left; width: 400px; padding-top: 10px; height: 316px; }
	#header .col-b h2 { font-family: DaxLight; font-weight: normal; font-size: 33px; color: #77776f; margin-bottom: 10px; }
	#header .col-b p { font-size: 12px; line-height: 19px; color: #656565; }	
	#header .col-b ul { float: left;  }
	#header .col-b li { list-style: none; float: left; width: 390px; background: none; overflow: hidden; margin: 0; padding: 0; }
	#squares { position: absolute; top: 300px; left: 0px; }
	#header .col-b #squares li { width: 20px; float: left; }
	#header .col-b a.square { float: left; display: block; width: 10px; height: 10px; background-color: #cfcfcb; margin: 0 10px 0 0; }
	#header .col-b a.square.active { background-color: #a0a09d; }
	#header .col-b a.txt { position: absolute; right: 0px; top: 270px; }
	
	#squares a { padding: 0 5px 0 0; margin: 0 8px 0 0; font-size: 8px; border: 1px solid #cfcfcb; background: #cfcfcb; color: #cfcfcb; }
	#squares a.activeSlide { background: #6a6a68; color: #6a6a68; border-color: #6a6a68; }
	
	#header .showvideo { float: left; margin-left: -20px; margin-top:12px; }

/*	MAIN-ITEMS
	--------------------------------------------------- */
	#main-items { height: 100%; overflow: hidden; }
	#main-items li { float: left; width: 209px; padding: 0 17px; border-right: 1px solid #1899dd; border-left: 1px solid #61c8ff; }
	#main-items li.first { border-left: none; }
	#main-items li.last { border-right: none; }
	#main-items li img { float: left; margin-bottom: 10px; }
	#main-items li h3 { float: left; font-family: DaxMedium; font-size: 20px; color: #fff; margin: 18px 0 0 10px; }
	#main-items li h3 span { display: block; }
	#main-items li p { clear: both; font-size: 12px; color: #fff; line-height: 18px; margin-bottom: 10px; }
	#main-items li a { font-size: 12px; font-weight: bolder; color: #fff; background: url(img/bg_whitearrow.gif) no-repeat 0px 3px; padding: 0 0 0 18px; text-decoration: none; }
	#main-items li a:hover { color: #13719F; }
	
/*	EXAMPLES
	--------------------------------------------------- */
	#examples { height: 255px; margin: 110px 0 40px 0;  }
	
	#examples .col-a { float: left; width: 475px; margin-left: 17px; padding: 36px 0 0 0; }
	#examples .col-a h3 { font-family: DaxLight; font-weight: normal; font-size: 20px; color: #6e6e6e;  }
	#examples .col-a li { height: 100%; overflow: hidden; padding: 9px 0 12px 0; clear: both; background: url(img/bg_example_seperators.gif) bottom left no-repeat; }
	#examples .col-a li.first { height: 18px; padding: 0; background-image: url(img/bg_example_seperators.gif); background-repeat:no-repeat; background-position:left bottom; }
	#examples .col-a li img { float: left; }
	#examples .col-a li div { float: left; padding: 8px 0 0 15px; line-height: 18px; width: 360px; color: #6e6e6e; }
	#examples .col-a li h4 { font-size: 12px; font-weight: bolder; }
	#examples .col-a li p { font-size: 12px; }
	
	#examples .col-b { float: left; width: 460px; margin-left: 20px; }
	
	#examples .col-b .demorequest { width: 441px; height: 79px; background: url(img/bg_demorequest.gif) no-repeat; padding: 18px 0 0 12px; margin-bottom: 20px; }
	#examples .col-b .demorequest h3 { font-family: DaxLight; font-size: 20px; color: #357ea5; }
	#examples .col-b .demorequest p { font-size: 12px; line-height: 18px; color: #333; width: 284px; }	
	#examples .col-b .demorequest p a { color: #1b92d1; text-decoration: none; }
	#examples .col-b .demorequest p a:hover { color: #333; }
	
	#examples .col-b .examplemags { width: 429px; height: 134px; background: url(img/bg_examplemags.gif) no-repeat; padding: 18px 12px 0 12px; }
	#examples .col-b .examplemags h3 { float: left; font-family: DaxLight; font-size: 20px; color: #357ea5; }
	#examples .col-b .examplemags .more { padding: 0 0 0 18px; float: right; font-size: 12px; text-decoration: none; color: #1b92d1; margin-top: 5px; background: url(img/bg_bluearrow.gif) no-repeat 0 3px; }
	#examples .col-b .examplemags a:hover.more { color: #000; }
	#examples .col-b .examplemags .clear { clear: both; height: 1px; }
	#examples .col-b .examplemags .carouselhome { float: left; margin-top: 10px; }
	#examples .col-b .examplemags .carouselhome li { float: left; margin: 0 8px; width: 121px; height: 67px; }
	#examples .col-b .examplemags .buttonleft a { float: left; background: url(img/bg_carousel_left.gif) no-repeat; width: 8px; height: 17px; margin-top: 35px; }
	#examples .col-b .examplemags .buttonright a { float: left; background: url(img/bg_carousel_right.gif) no-repeat; width: 8px; height: 17px; margin-top: 35px; }
	

/*	FOOTER
	--------------------------------------------------- */
	#footer { font-size: 12px; color: #a0a09d; margin-bottom: 100px; line-height: 18px; height: 100%; overflow: hidden; background: url(img/bg_footer.gif) top center no-repeat; }
	#footer .footerwrapper { width: 944px; margin: 50px auto 0 auto; }
	#footer .col-a { float: left; }
	#footer .col-a span { display: block; font-weight: bolder; }
	#footer .col-a ul li { float: left; padding: 0 10px; border-right: 1px solid #a0a09d; line-height: 12px; margin-top: 3px;  }
	#footer .col-a ul li.first { padding-left: 0; }
	#footer .col-a ul li a { text-decoration: none; color: #a0a09d; }
	#footer .col-a ul li a:hover { color: #000; }
	
	#footer .col-b { float: right; }
	#footer .col-b ul { float: left; margin-left: 60px; }
	#footer .col-b ul li { font-weight: bolder; }
	#footer .col-b ul li a { font-weight: normal; color: #a0a09d; text-decoration: none; }
	#footer .col-b ul li a:hover { color: #000; }
	

/*	SUBNAV
	--------------------------------------------------- */
	#subnav { float: left; width: 370px; margin-top: 40px; padding-bottom: 50px; }
	
	#subnav .menu { margin: 20px 0 0 10px; }
	#subnav .menu li { height: 28px; padding: 12px 0 0 0; background: url(img/bg_subpagemenu_seperator.gif) left bottom no-repeat; font-size: 12px; }
	#subnav .menu li.first { height: 2px; padding: 0; }
	#subnav .menu li a { text-decoration: none; padding-left: 16px; background: url(img/bg_subpagemenu_arrow.gif) 0 2px no-repeat; color: #555; }
	#subnav .menu li a:hover { color: #000; }
	
	#subnav .bannerdemo { width: 326px; height: 98px; margin: 30px 0 0 10px; background: url(img/bg_bannerdemo.jpg); }
	#subnav .bannerdemo h3 { font-family: DaxMedium; margin: 16px 0 5px 162px; padding: 0 10px 0 0; color: #357ea5; }
	#subnav .bannerdemo a { font-size: 12px; text-decoration: none; margin: 0 0 0 162px; padding-right: 14px; color: #393939; background: url(img/bg_greyarrow.gif) top right no-repeat; }
	#subnav .bannerdemo a:hover { color: #357EA5; }
	

/*	CONTENT
	--------------------------------------------------- */
	#content { float: left; width: 610px; margin: 62px 0 0 0; padding-bottom: 50px; }	
	#content h3 { margin-left: 24px; font-size: 12px; color: #555; }
	#content ul.relatedimages { margin-left: 24px; margin-top: 10px; }
	
	#content .tabs { margin: 0 0 70px 15px; height: 43px; }
	#content .tabs li { float: left; height: 43px; }
	#content .tabs .demovideo a { display: block; width: 268px; height: 43px; background: url(img/bg_tab_demovideo.png) no-repeat; }
	#content .tabs .demovideo a:hover { background-position: left bottom; }
	#content .tabs .demorequest a { display: block; width: 235px; height: 36px; background: url(img/bg_tab_demorequest.png) no-repeat; }
	#content .tabs .demorequest a:hover { background-position: left bottom; }	
	
	#content .pagetitle { font-family: DaxLight; font-size: 33px; margin: 0 0 30px 24px; color: #555; }
	
	

/*	CONTENT EXAMPLES
	--------------------------------------------------- */
	#content .content-examples { margin: 30px 0 0 24px; }
	#content .content-examples li { float: left; margin: 0 8px 8px 0; width: 265px; height: 200px; color: #818181; background: url(img/bg_content_examples.png) no-repeat; padding: 8px 0 0 9px; font-size: 12px; line-height: 18px; }
	#content .content-examples li .examplepic { position: relative; width: 244px; height: 137px; }
	#content .content-examples li .examplepic .overlay { width: 244px; height: 137px; background: url(img/img_overlay_examples.png) no-repeat; position: absolute; left: 0; top: 0; }
	#content .content-examples li .examplepic a:hover.overlay { background-position: left bottom; }
	#content .content-examples li strong a { display: block; color: #818181; text-decoration: none; font-weight: bolder; margin-top: 8px; background: url(img/bg_examples_arrow.gif) 0 5px no-repeat; padding-left: 14px; }
	#content .content-examples li strong a:hover { color: #000; }
	#content .content-examples li span { padding-left: 14px; }
	#content .content-examples li span a { text-decoration: none; color: #818181; }
	#content .content-examples li span a:hover { color: #000; }
	

/*	NEWS OVERVIEW
	--------------------------------------------------- */
	#content .news-overview { margin-left: 24px; background: url(img/bg_newsoverview_seperator.gif) top left no-repeat; }	
	#content .news-overview li { width: 584px; height: 129px; padding: 10px 0; background: url(img/bg_newsoverview_seperator.gif) bottom left no-repeat; }
	#content .news-overview li.uneven .newspic { float: right; position: relative; margin-left: 10px; }
	#content .news-overview li.even .newspic { float: left; position: relative; margin-right: 10px; }
	#content .news-overview li .newspic .overlay { display: block; width: 131px; height: 129px; position: absolute; left: 0; top: 0; background: url(img/bg_newsoverview_overlay.png) no-repeat; }
	#content .news-overview li h3 { font-family: DaxMedium; margin: 24px 0 5px 0; color: #555; font-size: 18px; }
	#content .news-overview li h3 a { color: #555; text-decoration: none; }
	#content .news-overview li h3 a:hover { color: #000; }
	#content .news-overview li p { font-size: 12px; line-height: 18px; color: #555; }
	
	
/*	NEWS ITEM
	--------------------------------------------------- */
	#content .share { display: block; margin: 10px 0 20px 20px; }
	#content .share li { float: left; list-style: none; margin: 0 5px; }
	#content h3.moreimages { font-weight: bolder; }
	#content h3.share { font-weight: bolder; margin-bottom: 5px; }
	

/*	CONTACT
	--------------------------------------------------- */
	#content .contact { height: 450px; width: 523px; margin: 40px 0 0 24px; padding: 25px; font-size: 12px; color: #818181; background: url(img/bg_contact.gif); }
	
	#content .contact .field-top { height: 70px; margin: 0 0 10px 0; }
	#content .contact .field-top p { margin-bottom: 5px; font-weight: bolder; }
	#content .contact .field-top div { margin-bottom: 4px; }
	#content .contact .field-top input {  }
	#content .contact .field-top label { margin-left: 10px; }
	
	#content .contact .field-left { float: left; width: 270px; margin-bottom: 10px; }
	#content .contact .field-left label { display: block; margin-bottom: 3px; }
	#content .contact .field-left input { margin-bottom: 10px; padding: 2px; width: 200px; border: 1px solid #4e8daf; }
	
	#content .contact .field-right { float: left; width: 250px; }
	#content .contact .field-right label { display: block; margin-bottom: 3px; }
	#content .contact .field-right input { margin-bottom: 10px; padding: 2px; width: 200px; border: 1px solid #4e8daf; }
	
	#content .contact .field-bottom { clear: left; margin-bottom: 10px; }
	#content .contact .field-bottom label { display: block; margin-bottom: 3px; }
	#content .contact .field-bottom textarea { width: 470px; padding: 2px; border: 1px solid #4e8daf; }
	
	#content .contact input.submit { float: right; height: 27px; width: 170px; color: #fff; font-family: DaxMedium; font-weight: normal; margin: 0 46px 0 0; background: url(img/bg_submitbutton.gif); border: 0; }
	
	
/*	PAGINATOR
	--------------------------------------------------- */	
	#paginator { text-align: center; margin-top: 30px; }
	#paginator a{ padding: 5px 10px; border: 1px solid #357ea5; background: #fff; font-size: 11px; color: #357ea5; margin: 2px; text-decoration: none; }
	#paginator a:hover,
	#paginator a:visited:hover { background: #357ea5; color: #fff; }
	#paginator a:visited { background-color: #EAEAE3; }
	
	
/*	OVERLAY
	--------------------------------------------------- */	
	#overlay { display: none; position: fixed; top:0; width: 100%; height: 100%; z-index: 5500; background: url(img/bg_overlay.png); }
	#overlay .container { position: fixed; top: 50%; left: 50%; margin-top: -237px; margin-left: -487px; width: 974px; height: 475px; background: url(img/bg_overlay_content_white.png); overflow: hidden; }
	#overlay .container .close { position: relative; z-index: 6000; height: 25px; overflow: hidden; }
	#overlay .container .close img { float: right; margin-bottom: 10px; }
	#overlay .container .flash { position: absolute; left: 0; top: 10px; margin: 0 0 0 13px; }
	
	
	
/*  Form error handling
	-----------------------------------------------*/	
	
	.error{ border:1px solid #22B4FF; }
	.input-error{ color:#ffffff; font-weight:bold; }
	#error{	z-index:1100; left:0px; top:0px; position:absolute; }
	#error-text{ z-index:1100;	background-color:#22B4FF; padding:4px;color:  #fff;	font-weight: bold;	font-size: 12px; }