/* --------------------------------------------------------------------------

	Reset the Browsers default CSS

--------------------------------------------------------------------------- */

h1, h2, h3, h4, h5, h6, a, img {

	margin:0;
	padding:0;
	border:none;
	outline:none;

}

a, a:hover {
color:#005aa2;
text-decoration:underline;

}

.clearfix {
	clear:both;
	display:block;
	height:0;
	width:100%;
}


/* --------------------------------------------------------------------------

	HTML and body

--------------------------------------------------------------------------- */

html {
	height:101%;
}

body {
	background:#F3F3F3 none repeat scroll 0 0;
	color:#222222;
	font-family:Helvetica,Arial,Verdana;
	font-size:12px;
	line-height:1.5;
	margin:0;
	padding:0;
}


/* Use this class to display symbols */

.unicode {

	font-family: Lucida Grande, Lucida Sans Unicode;
	font-size: 14px;
	font-style:normal;

}



/* --------------------------------------------------------------------------

	Main Menu

--------------------------------------------------------------------------- */


#menu {
	background:transparent url(assets/menu_bg.png) no-repeat scroll 0 0;
	height:115px;
	width:100%;
	position: relative;
	z-index: 5;
}

#menu h1 {
	float: left;
	text-indent: -3000em;
	width:188px;
	height: 69px;
	margin: 24px 0 0 30px;
	cursor: pointer;
}

#menu h1 a {
  display: block;
  background: url(assets/logo_blue.png) 0 0 no-repeat;
	width:188px;
	height: 69px;
}

#menu ul {
	display:inline;
	float:left;
	height:39px;
	list-style-type:none;
	margin:76px 0 0 76px;
	padding:0;
}

#menu ul li {
	display:block;
	float:left;
	margin-right:2px;
}

#menu ul li a {
	background:#fff;
	display:block;
	float:left;
	font-size:14px;
	line-height:39px;
}

#menu ul li a {
	background:transparent url(assets/menu_tab.png) no-repeat scroll 0 0;
	cursor:pointer;
	display:block;
	font-size:14px;
	font-weight:bold;
	line-height:39px;
	text-decoration:none;
}

#menu ul li a span {
	background:transparent url(assets/menu_tab.png) no-repeat scroll right top;
	color:#8FAAC2;
	display:inline;
	float:left;
	font-size:14px;
	height:39px;
	margin-left:14px;
	padding-right:14px;
}

#menu ul li a span img {margin-right:8px;}

#menu ul li a:hover {background:url(assets/menu_tab.png) left -39px no-repeat;}

#menu ul li a:hover span {
	background:url(assets/menu_tab.png) right -39px no-repeat;
	color:#fff;
}


/* When menu item is current and should be selected */

#menu a.selected {background:url(assets/menu_tab.png) left -78px no-repeat;}

#menu a.selected:hover { background:url(assets/menu_tab.png) left -78px no-repeat;}

#menu a.selected:hover span {
		background:url(assets/menu_tab.png) right -78px no-repeat;
		color:#003366;
}

#menu a.selected span {
	background:url(assets/menu_tab.png) right -78px no-repeat;
	color:#003366;
	font-size:16px;
}



/* --------------------------------------------------------------------------

	Breadcrumbs

--------------------------------------------------------------------------- */

#breadcrumbs span {
	bottom:0;
	position: absolute;
}

#breadcrumbs a {text-decoration:none;}

#breadcrumbs a:hover {text-decoration:underline;}



/* --------------------------------------------------------------------------

	Site Structure

--------------------------------------------------------------------------- */

#canvas {
	margin:0 auto;
	padding:40px 0;
	position:relative;
	width:970px;
}

#content {
	background:#FFFFFF url(assets/content_header_bg.png) no-repeat scroll 0 0;
	float:left;
	padding-top:40px;
}

#content_inner {
	background:transparent url(assets/content_footer_bg.png) no-repeat scroll 0 bottom;
	float:left;
	_height:600px;
	min-height:600px;
	position:relative;
}

#submenu {
	float:left;
	display:inline;
	margin:60px 23px 0 30px;
	width:242px;
}

#main-content {
	display:inline;
	float:left;
	margin:0 0 0 20px;
	width:655px;
}

#main-content-inner {

	float:left;
	padding:0px 10px 10px;
	position:relative;
	width:583px;
}

div.article {
	float:left;
	display:inline;
	padding-bottom:120px;
	width:583px;
}



/* --------------------------------------------------------------------------

	Commons

--------------------------------------------------------------------------- */

.float_left {
	display:inline;
	float:left;

}

.float_right {
	display:inline;
	float:right;
}

.float_none {float:none;}

.no_border {border:none;}

.full_border {border:5px solid #ccc;}



/* --------------------------------------------------------------------------

	Main Headline

--------------------------------------------------------------------------- */


.headline {
	float:left;
	margin-bottom:40px;
	width:100%;
}

.headline h2 {
	color:#005aa2;
	font-family: Trebuchet MS, Lucida Sans Uniode, Lucida Grande, Helvetica, Arial, sans-serif;
	font-size:26px;
	font-weight:normal;
}



/* --------------------------------------------------------------------------

	Article

--------------------------------------------------------------------------- */


.article img {
	display: block;
	margin-top:4px;
}

.article img.float_left {

	margin-right:30px;
	margin-bottom:30px;

}

.article img.float_right {

	margin-left:30px;
	margin-bottom:30px;

}

.article p {
	margin:0 0 16px 0;
	text-align: left;
}

.article h3 {
	color:#909090;
	font-size:18px;
	margin-bottom:12px;
}

.article h3.first_child {
	width:80%;
}

.article h4 {
	color:#005AA2;
	font-size:16px;
	margin-bottom:0px;
}


/* Listings */

.article ul, .article ol  {
	list-style: none;
	margin:0 0 16px 16px;
	padding:0;
}

.article ul li {
	background:transparent url(assets/list_style_image_ul.gif) left 4px no-repeat;
	list-style: none;
	margin-bottom:16px;
	padding-left:20px;
}

.article ol li {
	background: url(assets/mdash.gif) 0 0 no-repeat;
	padding-left:15px;
}

.article li ol li {margin-bottom:0px;}

.article .no-indent ul,
.article .no-indent ol {
	margin-left: 0;
	padding-left: 0;
}














#submenu ul, #submenu ul li ul {

	list-style: none;
	margin:0;
	padding:0;

}

#submenu ul li {

	margin-bottom:10px;
	padding-bottom:5px;

}
#submenu ul li ul li a {

	display:block;
	padding:5px 10px;
	width:215px;
	font-size:12px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight:normal;
	zoom:1;
	background:none;
	color:#005aa2;
	border-top:1px solid white;
}



#submenu ul li a {

	display:block;
	padding:4px 10px 5px 10px;
	font-size:14px;
	font-family: Lucida Sans Uniode, Lucida Grande, Helvetica, Arial, sans-serif;
	font-family: Trebuchet MS, Lucida Sans Uniode, Lucida Grande, Helvetica, Arial, sans-serif;
	font-weight:bold;
	background:url(assets/submenu_category_tab.png) left top no-repeat;
	_background: url(assets/submenu_category_tab.gif) left top no-repeat;
	text-decoration: none;
	color:white;

}

#submenu ul li.single_item a {

	background:url(assets/submenu_category_tab.png) left -106px no-repeat;
	_background: url(assets/submenu_category_tab.gif) left -106px no-repeat;
}

#submenu ul li ul li a:hover {


	background:#e0e0e0;


}

#submenu ul li ul {

	background:url(assets/submenu_bg.png) 0 bottom no-repeat;
	_background:url(assets/submenu_bg.gif) 0 bottom no-repeat;


}

#submenu ul li ul li {

	margin:0;
	padding:0;

}
#submenu ul li ul li.last_child a:hover {


	background:url(assets/submenu_category_tab.png) left bottom no-repeat;
	_background: url(assets/submenu_category_tab.gif) left bottom no-repeat;

}



#submenu ul li ul li.selected a {


	background:url(assets/submenu_category_tab.png) left -50px no-repeat;
	_background: url(assets/submenu_category_tab.gif)  left -50px no-repeat;
	width:222px;

}

#submenu ul li ul li.selected a:hover {


	background:url(assets/submenu_category_tab.png) left -50px no-repeat;
	_background: url(assets/submenu_category_tab.gif)  left -50px no-repeat;
	width:222px;

}

#submenu ul li ul li.last_child.selected a {


	background:url(assets/submenu_category_tab.png) left -78px no-repeat;
	_background: url(assets/submenu_category_tab.gif) left -78px no-repeat;

}

#submenu ul li ul li.selected ol
{

display:block;
list-style: none;
font-size:10px;
font-weight: bold;
color: #999;
}
#submenu ul li ul li.selected ol
{

padding:5px 10px;
}

#submenu ul li ul li ol
{ display:none;}

#breadcrumbs {

position:absolute;

font-size:10px;
left:40px;
width:205px;
height:45px;
margin-top:-12px;
line-height: 1.4;

}



#footer {


	float:left;

	margin: 20px 0;
	text-align:center;
	width:100%;


}

#footer a {

	margin:5px;



}


#tools {



	position: absolute;
	bottom: 57px;
	left:40px;


}

#tools a {

display:block;
float:left;
padding-right:4px;
border-right:1px solid #222222;
margin-right:4px;
line-height: 12px;
}


#tools-inner {

	/*padding:0 50px 0 40px;*/

}

#totop {
	position: absolute;
	bottom: 57px;

	left:325px;

	line-height:12px;
	margin-bottom:4px;




}

/* Tools Language */

#tools #pick_lang {
display:block;
margin-bottom:4px;
padding-left:20px;
}

#tools #print {

border:none;

}

body.lid0 #pick_lang {

	background: url(assets/flag_de.png) 0 center no-repeat;

}

body.lid1 #pick_lang {

	background: url(assets/flag_en.png) 0 center no-repeat;

}





a#recommend {float:right}








/*

CONTENT FORMATTING

We restrict the formatting on the #article container
as long as we wanna preserve further formatting in other context.

*/

.section {

}
.section ul li {

	margin: 0 0 16px 0;

}




div.article div.img_with_desc img {

	margin:0;

}

div.article div.img_with_desc.float_right {

	margin-left:30px;
	_margin-left:0;
	margin-bottom:30px;
	display:inline;


}


div.article div.img_with_desc {

	background:#ccc;
	margin-top:4px;


}

div.article .render_as_row {

	width:337px;





}

div.article div.img_with_desc.float_left {

	margin-right: 30px;
	_margin-right:0;
	margin-bottom: 30px;

}


div.article div.img_with_desc img.full_border {

	border:none;

}

div.article div.img_with_desc span{

	display: block;
	font-size: 10px;
	padding:5px 6px;
	line-height: 14px;
	clear:both;

}

div.article div.img_with_desc.full_border span{


	padding-bottom: 0;


}



/* --------------------------------------------------------------------------

	Box Listings

--------------------------------------------------------------------------- */

.listing {
	padding-bottom:17px;
	margin-bottom:15px;
	border-bottom: 1px solid #ccc;
}

.listing:last-child {border:none;}

.listing img {
	border:1px solid #ccc;
	display:block;
	float: left;
	margin-top:2px;
}

.listing a:hover img {


	border:1px solid #005AA2;
}

.listing span {
	display:block;
	display:inline;
	float: left;
	margin-left:15px;
	width:440px;
}

.listing strong {font-size:14px;}

.listing em {
	display:block;
	font-style: normal;
	margin: 16px 0 0 0;
}

.listing p {margin: 16px 0 0 0;}



/* --------------------------------------------------------------------------

	E-Mail Form

--------------------------------------------------------------------------- */

#send_mail {width:440px;}

#send_mail select {width:200px;}

#send_mail input, #send_mail textarea {
	background:transparent url(assets/input_bg.png) repeat-x scroll 0 0;
	border-color:#717171 #B4B4B4 #DADADA;
	border-style:solid;
	border-width:1px;
	display:block;
	float:left;
	font-family:Helvetica,Arial,Verdana;
	font-size:12px;
	margin:0 0 8px;
	padding:5px;
	width:280px;
}

#send_mail input#zipcode_inp {
	margin-right:10px;
	width:50px;
}

#send_mail input#location_inp { width:210px;}

#send_mail input#gender_inp,
#send_mail input#gender_inp_2 {
	border:none;
	background-image:none;
	width:auto;
}

#send_mail .radio_inp {
	line-height: 1.5;
	margin:0 10px 0 5px;
	width:auto;
}

#send_mail label {
	display:block;
	float: left;
	line-height:24px;
	margin:0;
	width:140px;
}

#send_mail hr {clear:both;}

#send_mail input#submit_btn,
#send_mail input#reset_btn {
	background:#CCDBE8 none repeat scroll 0 0;
	border:1px solid #B4B4B4;
	cursor:pointer;
	float:right;
	margin-right:8px;
	padding:6px;
	width:auto;
}

#send_mail input#submit_btn:hover,
#send_mail input#reset_btn:hover {text-decoration:underline;}

#send_mail .separate {
	float:left;
	height:16px;
	width:100%;
}

#send_mail h5 {
	clear:both;
	color:#222222;
	font-size:14px;
	margin-top:32px;
}



/* --------------------------------------------------------------------------

	Machine Table Sheet

--------------------------------------------------------------------------- */

div.article .m-wrapper {
	background:#FFFFFF none repeat scroll 0 0;
	border-top:1px solid #CCCCCC;
	display:block;
	float:left;
	margin-bottom:24px;
	padding-top:22px;
	position:relative;
	width:583px;
}

div.article .m-image {
	float:left;
}

div.article .m-image a {


	display:block;
	margin-right:15px;

}
div.article .m-image a.more_images {

	float:left;
	display:block;
	padding-left:25px;
	background:url(assets/more_images.gif) 0 0 no-repeat;
	display: none;

}
div.article .m-wrapper div.tools {
	margin-top:0;
	position:absolute;
	right:0;
	top:-35px;
	z-index:100;
}


div.article .m-image small {
	margin-left:10px;
}

div.article .m-image img {
	border:5px solid #CCCCCC;
	display:block;
	margin:0 0 10px;
}

#m_base {
	float:right;
	width:337px;
}

#m_base tr {

width:100%;
}

#m_base.expand {
	width:100%;
}

#m_base tr.even {
	background:#f5f5f5;
}

#m_base tr td.m-title {
	color:#999999;
	font-weight:bold;
	padding:5px 5px 5px 10px;
	vertical-align:top;
	width:25%;
}

#m_base tr td.m-desc {

	padding:5px 5px 5px 20px;
	vertical-align:top;


}

#m_base .m-name {

margin-bottom:8px;
background:#00579c;
padding:5px 5px 5px 10px;
font-size:16px;
color:#fff;
font-family: Trebuchet MS, Helvetica, Arial, sans-serif;
width:auto;
font-weight:bold;

}

#m_base.expand .m-name {

font-size:13px;
margin:0;
padding: 5px 0 5px 10px;

background:none;
border-bottom: 1px solid #cccccc;
color:#222222;
}

div.options {
  padding: 15px 0 15px 40px;
  float: left;
}
a.request_information {

}


#main-content-inner div.article h4.m-overview {

	margin-bottom:16px;
	margin-top:32px;

}

/* --------------------------------------------------------------------------

	Dividers, can mimic hr elements, must be applied to div elements

--------------------------------------------------------------------------- */

div.divider {
	clear:both;
	height:16px;
	width:100%;
}

div.divider.p1 {height:16px;}

div.divider.p2 {height:32px;}

div.divider.p3 {height:54px;}

div.divider.hr {
	background: transparent url(assets/hr_line.png) left center repeat-x;
	margin-bottom:16px;
}



/* --------------------------------------------------------------------------

	News on the left

--------------------------------------------------------------------------- */

#news {

	background: url(assets/submenu_category_tab.png) repeat-y;
	_background: url(assets/submenu_category_tab.gif) repeat-y;
	color:white;
	display:block;
	font-family:Trebuchet MS,Lucida Sans Uniode,Lucida Grande,Helvetica,Arial,sans-serif;
	font-size:14px;
	font-weight:bold;
	padding:4px 10px 5px;

}

.news-item {
	background-image: url(assets/submenu_bg.png);
	_background-image: url(assets/submenu_bg.gif);
	background-position: left top;
	background-repeat: no-repeat;
	border-bottom:1px solid #ccc;
	font-size:11px;
	margin-right:7px;
}

.news-item.last_child {
	background-position: left bottom;
	border:none;
}

.news-item strong {
	display:block;
	line-height:1.4;
	margin-bottom:3px;
}

.news-item a {
	color:#666666;
	display:block;
	padding:10px;
	text-decoration:none;
}

.news-item a:hover {
	background:#E0E0E0;
	color:#005aa2;
}

/* Form errors */

#send_mail input.field_with_errors,
#send_mail textarea.field_with_errors  {

background:#FBE3E4;

}

.error_msg {

padding:10px;
border:1px dotted #FBC2C4;
background:#FBE3E4;
color: #8A1F11;
margin-bottom:20px;
}

.error_msg p {

margin:0;
padding:0;

}
.error_msg h2 {

margin:0;
padding:0;
font-size:16px;
padding-bottom:5px;
margin-bottom:5px;
border-bottom:1px dotted white;

}

/* Language Picker */
#language-picker {
  position: absolute;
  padding-right: 25px;
  right: 0;
  bottom: 10px;
}

#language-picker a {
  color: #ffffff;
  display: block;
  padding-left: 30px;
  text-decoration: none;

}

#language-picker .language {
  display: none;

}
#language-picker .languages {
  position: absolute;
  display: none;
  right: 0;
  top: 27px;
  width: 400px;
  padding-right: 10px;
}

#language-picker .languages a {
  color: #005AA2;
  padding: 6px 8px 4px 32px;
  float: right;
}

#language-picker .de { background: url(assets/de.gif) 8px center no-repeat; }
#language-picker .en { background: url(assets/gb.gif) 8px center no-repeat; }
#language-picker .fr { background: url(assets/fr.gif) 8px center no-repeat; }
#language-picker .es { background: url(assets/es.gif) 8px center no-repeat; }


.lightboxer {
  display: inline;
}

.lightboxer a {
  display: none;
}

.lightboxer a.first {
  display: inline;
  
padding-left: 10px;
border-left: 1px solid #808080;
margin-left: 10px;
}

/* end of styles.css */



/**
 * 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 CCAttribution-ShareAlike 2.5 Brazil - http://creativecommons.org/licenses/by-sa/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;
  overflow: hidden;
}
#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;	
}