@charset "utf-8";
/* CSS document */
@import url('reset.css');

#primary_menu .show { left:-14px!important; }

#secondary_menu .show { display:block!important; }

#secondary_menu .active { text-decoration:underline!important; color:#3F4854!important; }

/*Global*/

body { background: white  url("../images/new-back.jpg") repeat-x; font-family:"trebuchet MS", san-serif!important;  }

#center_layout { width:960px; min-height:100px; overflow:hidden; display:block; margin:0 auto; }
* { text-align:left!important; }


/*Header Styles*/
 
	#header { width:100%; height:77px; display:block; }

	#logo { background:url(../images/trillium_logo.jpg) no-repeat; width:300px; height:45px; display:block; float:left; margin:20px 0 0 0; }
	
	#search_form1 { display:none; }
	
.hfloatright {
    float: right;
    width: 300px;
}
	#search_form { /*border:1px solid red;*/ width:163px; height:24px; display:block; clear:both; float:left; margin:25px 10px 0 0; }
	
	#search_form #ctl00_search_field, #ctl00_ctl00_search_field{ border:0!important; background:url(../images/search_back.jpg) no-repeat; width:108px; height:19px; display:block; float:left; padding:5px 0 0 5px; color:#777777; font-size:11px; }
	#search_form #ctl00_search_field, #ctl00_ctl00_search_field{ border:0!important; background:url(../images/search_back.jpg) no-repeat; width:108px; height:19px; display:block; float:left; padding:5px 0 0 5px; color:#777777; font-size:11px; }
	
	#addthis-container {
   float: right;
    margin: 25px 10px 9px 0;
}
/*primary Menu Styles*/
	#primary_menu {width:100%; height:35px; display:block; overflow:visible; margin:13px 0 0 0; background:url(../images/primary_nav_back_x.png) repeat-x; padding:0; }
	
		#primary_menu > div {width:100%; height:35px; display:block;  }
	
		.left { background:url(../images/primary_nav_back_l.png) no-repeat 0 0; height:35px;  }
	
		.right { background:url(../images/primary_nav_back_r.png) no-repeat 952px 0 ; height:35px;  }

		#primary_menu ul { width:800px; height:35px; display:block; overflow:visible; }
		
		#primary_menu ul li { height:35px; display:block; list-style-type: none; float:left; position:relative; z-index:200;   }
		
		#primary_menu ul li a { height:35px; display:block; font-size:11px;  color:#525e6e; text-decoration:none; line-height:14px!important; vertical-align:top; text-transform:capitalize; background: url(../images/primary_nav_links.png) no-repeat 0 0;  }

		#primary_menu ul li a span { position:absolute; left:-1000000px;  }
		
			/*Top Level LI Backgrounds and Styles*/
			#primary_menu li.home {  width:57px; }
			
			#primary_menu li.home a { width:57px;   }
			
			#primary_menu li.home a:hover, #primary_menu li.home a.active 
			{ width:55px; background-position:0px -37px; border-left:0!important;  }
			
			#primary_menu li.produkte { width:80px; }
			
			#primary_menu li.produkte a { width:80px; background-position:-56px 0px; } 
			
			#primary_menu li.produkte a:hover, #primary_menu li.produkte a.active { width:78px; background-position:-57px -37px;} 
		
			#primary_menu li.losungen { width:83px; }
			
			#primary_menu li.losungen a { width:83px; background-position:-134px 0px;}
			
			#primary_menu li.losungen a:hover, #primary_menu li.losungen a.active 
			{ width:81px; background-position:-135px -37px!important; } 
		
			#primary_menu li.dokumente { width:173px; } 
			
			#primary_menu li.dokumente a { width:173px; background-position:-215px 0px;}
			
			#primary_menu li.dokumente a:hover, #primary_menu li.dokumente a.active 
			{ width:171px; background-position:-216px -37px; } 
			
			#primary_menu li.news { width:108px; }
			
			#primary_menu li.news a { width:108px;  background-position:-387px 0px;} 
			
			#primary_menu li.news a:hover, #primary_menu li.news a.active 
			{ width:106px; background-position:-388px -37px;} 
			
			#primary_menu li.partner { width:72px; }
			
			#primary_menu li.partner a { width:72px; background-position:-494px 0px;} 
			
			#primary_menu li.partner a:hover, #primary_menu li.partner a.active { width:70px; background-position:-495px -37px!important;} 
			
			#primary_menu li.uber { width:80px;}
		
			#primary_menu li.uber a {  width:80px; background-position:-564px 0px;} 
			
			#primary_menu li.uber a:hover, #primary_menu li.uber a.active 
			{ width:78px; background-position:-565px -37px;} 
			
			#primary_menu li a:hover, #primary_menu li a.active 
			{ border-left:1px solid #dedede; border-right:1px solid #dedede!important;}
			
		
		/*Second Level*/
		#primary_menu ul li ul { width:203px; height:auto!important; display:block; position:absolute; top:35px; left:-100000px;  padding:4px 0 21px 0; background-image:url(../images/flyout_back.png); background-position:bottom; z-index:30000; }	
		
		#primary_menu ul li ul li { height:auto!important; width:147px; display:block;  padding:2px 28px 3px 28px; margin:1px 0 3px 0; }
		
		#primary_menu ul.show li a { font-size:11px; line-height:11px; vertical-align:top; background:none!important; height:auto!important; width:147px!important;  }
		
		#primary_menu ul.show li a:hover { border:0!important; text-decoration:underline!important;  }
		
		#primary_menu ul.show li a.active { border:0!important;  }
	
	/*Content Wrap*/
	#content_wrap { background: url("../images/white-box-background.png") repeat-y scroll left top transparent; width:100%; min-height:200px; height:auto; overflow:hidden; height:auto; display:block; }

		/*Top Content Area*/
		#banner_content { width:100%; min-height:100px; overflow:hidden; height:auto; display:block; position:relative; }
	
			/*Landing page*/
			#banner_content .hero_block { height:265px; width: 949px; overflow:hidden;  background:#fff; z-index:-1; padding-left:1px; background: url("../images/white-box-background.png") repeat-y scroll left top transparent; }
			
			#banner_content .news_summary { background:#21354e; border-left:1px solid #2E343C; color:#BFBFBF; float:right; height:256px; padding:9px 15px 0 9px; position:absolute; right:1px; top:0; width:293px; z-index:20; }
			
			#banner_content .news_summary h2 { color: #dddddd!important; }
				
			#banner_content .summary_wrap { border-top:1px solid #444444; margin:7px 0 0 0; }
				
			#banner_content .news_item { line-height:17px; padding:9px 5px 1px 5px;  }
			
			#banner_content .news_item p.date { font-weight:bold; font-size:11px; padding:0; margin:0; }
			
			#banner_content .news_item a { color: #BFBFBF; font-size:11px; line-height:17px; text-decoration:none; }
			
			.dim, .dim a, .dim p { color: #858585!important; }
			
			.light, .light a, .light p { color: #EBEBEB!important; }
			
			h2 { font-size:18px!important; height:23px; padding-top:6px !important; }
			
			/*Interior page*//*////////////////////////
			/////////////////////////////////////////*/
			#banner_content .shadow_landing { background:url(../images/hero_shadow.png) no-repeat ; height:266px; width:960px; display:block; position:absolute; top:0; left:0;  z-index:1;  }		
			/*/////////////////////////////////////////
			/////////////////////////////////////////*/
			
/*Main Content Styles*/

 #main_content.landing { background:#fff url(../images/shade_x.jpg) no-repeat; width:960px; }

#main_content { width:939px; min-height:90px; height:auto; overflow:hidden; height:auto; display:block; padding: 12px 14px 0px 7px; }

	/*Landing page*/
		
	#main_content .mini_block { height:127px; float:left; display:inline; text-align:left!important; }
	
	#main_content .mini_block.summary { width: 305px; margin: 0px 8px 5px 8px;  }
	
	#main_content .mini_block.summary .mini_wrap {  display:block; height:50px; width:302px; border-top: 1px solid #d3d3d3; margin:5px 3px 0 0; padding:9px 0 0 0; }

	#main_content .mini_block.featured { width: 287px; margin: 0px 0px 5px 8px; }
	
	#main_content .mini_block.featured .mini_wrap {  display:block; min-height:70px; height:auto; width:277px; border-top: 1px solid #d3d3d3; margin:5px 0 0 0; padding:9px 5px 0 5px; }
	
		#main_content .mini_block h2 { color:#404854; }
	
		#main_content .mini_block  p { display:block; vertical-align:text-top; color:#525e6e; font-size:11px; line-height:20px; }

/*Remove*/#main_content .mini_block .image_holder{ display:block; height: 78px; width:75px; background:grey; float:left; margin: 2px 9px 0 0; }
	
		#main_content .mini_block  a {  color:#525e6e; font-size:11px; text-decoration:none; text-align:left!important; }
		
		#main_content .mini_block  a:hover { text-decoration:underline!important; }
		
		#main_content .mini_block.summary ul { list-style-type:none; }
		
		#main_content .mini_block.summary ul li { vertical-align:top; padding:0!important; width:145px; display:inline!important;  float:left;   }
		
		#main_content .mini_block.summary  a {  color:#3F4854!important; background:url(../images/link_arrow.jpg) no-repeat 3px 5px; vertical-align:top;  padding-left:13px;  }
	
		#main_content .mini_block.featured  a { display:inline; text-align:right; font-weight:bold; }
		

#center_layout #banner_content.multi_col { background:#fff url(../images/interior_shadow.png) no-repeat; }

#center_layout #banner_content.multi_col .title_bar  { height:45px; width:923px; display:block; background: url(../images/title_bar_back.jpg) no-repeat; margin:0 auto; padding:12px 0 0 15px; position:relative; z-index:1; }

#center_layout #banner_content.multi_col .title_bar a.print { background:url(../images/print.png) no-repeat; height:20px; width:20px; display:block; 
position:absolute; right:17px; bottom:19px; }

#center_layout #banner_content.multi_col .title_bar .section { color:#3F4854; font-size:11px;  text-transform:uppercase; font-weight:bold; line-height: 11px; height:auto; padding:0; }

#center_layout #banner_content.multi_col .title_bar .page { font-size:23px; color:#526e82; line-height:22px; padding-top:7px;}

.section + .page { padding-top:2px!important; }


	/*Bread Crumb Menu*/
	.bread_crumb{ font-size:11px; color:#3F4854; padding:15px 0 13px 24px;  }
	
	.bread_crumb a { font-size:11px; color:#526e82; text-decoration:none;  }
	
	.bread_crumb a:hover { text-decoration:underline!important; }
	
	
	
	/*Secondary / Level Two*/	
#secondary_menu ul { width:192px!important; min-height:100px; overflow:hidden; height:auto; float:left; list-style-type:none; padding:5px 9px 0 10px;  }
	
	#secondary_menu ul li { font-size:11px; border-bottom:1px solid #cccccc; line-height:13px; }
	
	#secondary_menu ul li a { font-size:11px; text-decoration:none; color:#525e6e; padding:11px 0 10px 20px; height:auto; display:block; font-weight:bold; background:url(../images/sec_menu_arrow.jpg) no-repeat 5px 14px!important;  }
	
		/*Secondary / Level Two*/	
		#secondary_menu ul ul { display:none; background:none!important; padding:0!important;  min-height:30px; overflow:hidden; height:auto; clear:both; float:none;} 
		
		#secondary_menu ul li ul li  { border-top:1px dotted #cccccc!important; border-bottom:none; font-weight:normal!important; } 
		
		#secondary_menu ul li ul li a  { font-weight:normal!important;} 
		
		#secondary_menu ul li ul li a:hover  { text-decoration:underline!important; } 
		
		#secondary_menu ul ul a { background:none!important; }
		
		#secondary_menu .show a ul a { background-color:#fff; }
		
		#secondary_menu .show a { background-color: #EFEFEF; }
		
		#secondary_menu .ekmenu_link_selected { text-decoration:underline!important;  }

.ekmenu_end, .ekmenu_start {display:none!important; }

.ekmenu_unorderedlist { display:block!important; }


/*Content Column Configurations*/

#content_column { min-height:100px; float:left; padding:5px 0 0 10px;   }

.two_col { width:688px!important; }

.three_col { width:504px!important; padding:7px 26px 0 10px!important; }

#search_box { width:670px; min-height:25px; overflow:hidden; background:#eeeeee; border:1px solid #dddddd; display:block; padding:9px 15px 19px 15px; margin:0px 0 10px 0px; }

/*Global Content Styles*/

#content_column h3 { font-size:16px; font-weight:bold; color:#d17928; line-height:20px; letter-spacing:-1px; padding:5px 0 14px 0; }

#content_column h4 { font-size:16px; font-weight:bold; color:#d17928; line-height:20px; letter-spacing:-1px; padding:5px 0 14px 0; }

#content_column p { font-size:11px; font-weight:normal; color:#3e4753; line-height:25px; padding:0 0 17px 0; }



#content_column ul { font-size:11px; font-weight:bold; color:#3e4753; line-height:20px; padding:0px 0 17px 0; list-style-type:none; }

#content_column ul li { font-size:11px; font-weight:normal; color:#3e4753; line-height:25px; padding:7px 0 7px 25px; }

#content_column.three_col ul, #content_column.two_col ul { list-style-type:disc!important; list-style-position:outside; padding-left:30px!important; padding-right:30px!important;  }

#content_column.three_col ol, #content_column.two_col ol { list-style-type: lower-roman!important; list-style-position:outside; padding-left:30px!important; padding-right:30px!important; }

#content_column.three_col li, #content_column.two_col li {  padding-left:8px!important; }

#content_column a { font-size:11px; font-weight:bold; color:#3e4753; line-height:23px; padding:0 0 17px 0; text-decoration:none; }

#content_column a:hover { text-decoration:underline!important; }



#content_column .group_box p, #content_column .group_box a { padding:0 0 12px 6px; line-height:22px; }

#content_column .group_box a span { position:absolute; left:-10000px;  }

#content_column .group_box h3{ padding:5px 0 10px 0px!important; line-height:22px; }

#ctl00_contentHolder_UpdatePanel2 { position:relative;  }

#content_column #ctl00_contentHolder_UpdateProgress1 { position:absolute; left:290px; top:120px;  }




#content_column .group_box {  position:relative; padding:0 0 20px 0;   }




/*Email Box Information Styles*/

#email_box { height:340px; width:186px; float:left; display:block; margin:8px 0 0 0; }

#email_box  div { height:340px; width:186!important;  }

#email_box .back_left { background:url(../images/email_box_left.jpg) no-repeat left bottom; }

#email_box .back_right { background:url(../images/email_box_right.jpg) no-repeat right bottom; }

#email_box.back_x { background:url(../images/email_box_x.jpg) repeat-x bottom;  }

	#box_title, #box_title div{ height:36px!important; display:block; }

	#box_title.back_x { background:url(../images/email_title_x.jpg) repeat-x; }

	#box_title .back_right { background:url(../images/email_title_right.jpg) no-repeat right;}

	#box_title .back_left {  background:url(../images/email_title_left.jpg) no-repeat left top; padding:10px 0 0 6px; width:180px!important; height:26px!important;  }
	
#email_box .instructions { background:url(../images/email_text.jpg) no-repeat; width:144px; height:53px; display:block; margin:0 auto; margin:16px auto 4px auto;  }

	.back_left span { position:absolute; left:-100000px; }

	.message { height:53px!important; }

		#email_box label { color:#525E6E; display:block; font-size:11px !important; font-weight:bold; padding:12px 0 1px 15px;  }

		    #email_box .back_left input { background:url(../images/input_back.png) no-repeat; border:0!important; width:158px; height:21px!important;  padding:7px 0 0 5px; color:#777777; font-size:11px; margin:0 0 0 11px!important; }

		#submit, #ctl00_ctl00_contentHolder_submit { background:url(../images/submit_button.png) no-repeat; width:163px; height:30px; display:block; margin:0 auto; margin-top:15px;  }



/*pagination Styles*/
#pagination { width:100%; height:auto; overflow:hidden; border-top:1px solid #cccccc; border-bottom:1px dotted #CFCFCF; padding: 0px 0 0 0px!important; display:block; margin:6px 0 12px 0;  }

#pagination li { float:left; height:27px; line-height:11px !important; margin:0; overflow:hidden; padding:0 !important; text-align:left !important; width:auto; }

#pagination a {  width:auto; height:auto; line-height:11px!important; display:block;  padding:8px 10px!important;  margin:0; overflow:visible;  }

#pagination a:hover { background:#dedede!important; }

.title span { font-size:9px!important;   }



/*Page Corners: Bottom*/
#bottom_corners { width:960px; height:11px; background:url(../images/bottom_back.png) no-repeat bottom; display:block; }


/*Page Corners*/
#footer { float:right; height:20px; width:auto; padding:10px 0; margin-right:-10px; }

#footer li { color:#5d6B78; font-size:11px; float:right; padding:0 0 0 10px; display:block; }

#footer li a { color:#ababab; font-size:11px; padding:0 10px 0 0 ; display:inline; text-decoration:none; }

#footer li a:hover { text-decoration:underline!important; color:#EBEBEB; }

#site_map { width:690px; min-height:100px; overflow:hidden; background:#eeeeee; border:1px solid #dddddd; display:block; padding-top:4px; margin:7px 0 20px 10px; }

#site_map ul li li { padding: 1px 0!important;  } 

#site_map ul.first_level { float: left; padding: 0 30px 0 0px; display: block; width:200px; }

#site_map ul.second_level, #content_column #site_map ul li ul li a { font-weight:normal!important; padding-bottom:3px!important; text-decoration:none;  }

#site_map ul.second_level a:hover, #site_map ul ul a:hover { text-decoration:underline!important; }

#content_column #site_map ul li a { text-decoration:underline; }


/*AutoComplete flyout */

.autocomplete_completionListElement 
{  
	visibility : hidden;
	margin : 0px!important;
	background-color : inherit;
	color : windowtext;
	border : buttonshadow;
	border-width : 1px;
	border-style : solid;
	cursor : 'default';
	overflow : auto;
	height : 120px;
    text-align : left; 
    list-style-type : none;
}

/* AutoComplete highlighted item */

#content_column  .autocomplete_highlightedListItem
{
	background-color: #ffff99;
	color: black;
	padding: 1px;
}

/* AutoComplete item */

#content_column .autocomplete_listItem 
{
	background-color : window;
	color : windowtext;
	padding : 1px;
}


/************ MaskedEdit Related Styles ***********************/
.MaskedEditFocus
{
    background-color: #ffffcc;
    color: #000000;
}
.MaskedEditMessage
{
	color: #ff0000;
	font-weight: bold;
}
.MaskedEditError
{
    background-color: #ffcccc;
}
.MaskedEditFocusNegative
{
    background-color: #ffffcc;
    color: #ff0000;
}
.MaskedEditBlurNegative
{
    color: #ff0000;
}

.MyCalendar .ajax__calendar_container {
    border:1px solid #646464;
    background-color: lemonchiffon;
    color: red;
}
.MyCalendar .ajax__calendar_other .ajax__calendar_day,
.MyCalendar .ajax__calendar_other .ajax__calendar_year {
    color: black;
}
.MyCalendar .ajax__calendar_hover .ajax__calendar_day,
.MyCalendar .ajax__calendar_hover .ajax__calendar_month,
.MyCalendar .ajax__calendar_hover .ajax__calendar_year {
    color: black;
}
.MyCalendar .ajax__calendar_active .ajax__calendar_day,
.MyCalendar .ajax__calendar_active .ajax__calendar_month,
.MyCalendar .ajax__calendar_active .ajax__calendar_year {
    color: black;
    font-weight:bold;
}

.c_back_left label { color:#525E6E; display:block; font-size:11px !important; font-weight:bold; padding:12px 0 1px 15px;  }

.c_back_left input, .c_back_left textarea  { width:158px; padding:4px 0 0 5px; color:#777777; font-size:11px; margin:0 0 0 11px!important; }

.c_back_left input { height:18px!important;}

.c_back_left select { margin-left:13px!important; }