/*
==================================================
SCREEN
================================================== */
@media screen { /*
	elemente
	------------------------------ */
	html,body {
		margin: 0;
		padding: 0;
	}
	body {
		font-family: 'trebuchet ms', 'arial', sans-serif;
		font-size: .8em;
		color: #686868;
		background-color: #fff;
		line-height: 1.8em;
	}
	img {
		border-style: none;
	}
	form dt {
		width: 30%;
		clear: both;
		float: left;
		margin: 0 2% 0 0;
		padding: 0;
		text-align: right;
	}
	form dd {
		width: 65%;
		float: left;
		margin: 0 0 1em 0;
		padding: 0;
	}
	form dd input,form dd textarea {
		width: 100%;
	}
	input.inputsearchtext {
		border-style:none;
		background-color:transparent;
		width: 123px;
		padding-top:5px;
		padding-bottom:5px;
		/*height: 23px;
		background-color: transparent;*/
		background-image: url('../../_images/commendo/layout/bg_searchfield.gif');
		background-repeat: no-repeat;		
	}
	input.custombutton {
		border-style: none;
		width: 125px;
		height: 28px;
		line-height: 25px;
		margin: 0;
		padding: 0;
		color: #fff;
		background-color: transparent;
		background-image: url('../../_images/commendo/layout/bg-custombutton.gif');
		background-repeat: no-repeat;
		background-position: left 2px;
		padding: 0;
	}
	.formerror {
		color: #ff3300;
		font-weight: bold;
	}
	/*#servicebar .langmenu span:hove{
	border:solid 1px #DEDEDE; border-right:1px solid #999999; border-bottom:none;
	}*/
	#servicebar .arrow{
		margin-left:10px;
		cursor:pointer;
	}
	#servicebar .sub_menu{
		display:none; 
		position:relative; 
		border:solid 1px #DEDEDE; 
		border-top:none;
		border-right:solid 1px #999999; 
		border-bottom:solid 1px #999999;
		padding:10px; 
		top:2px;
		width:80px;
		background:#FFFFFF;	
	}
	#servicebar .sub_menu a {/*:link  , .sub_menu a:visited, .sub_menu a:hover{*/
		display:block;
		font-size:11px;
		padding:0px;
		text-align:left;
		text-decoration:none;
	}
	#servicebar .item_line{
	border-top:solid 1px #DEDEDE;
	}
	/*
	global
	------------------------------------------------------------ */
	.fixed {
		width: 1220px;
		clear: both;
		margin-left: auto;
		margin-right: auto;
	}
	.right {
		float: right;
		clear: both;
		margin: 0 0 1em 1em;
	}
	p.caption {
		font-weight: bold;
		color: #0064a7;
		margin-left: 10px;
		background-color: transparent;
	}
	p.images {
		text-align: center;
	}
	p.images img {
		padding: 5px;
	}
	.textcenter {
		text-align: center;
	}
	.textright {
		text-align: right;
	}
	/*
	morelink
	------------------------------ */
	.morelink {
		height: 23px;
		line-height: 23px;
	}
	.morelink a,.morelink a:link,.morelink a:visited {
		background-image: url('../../_images/commendo/layout/arrow-button.gif');
		background-position: left 2px;
		background-repeat: no-repeat;
		line-height: 23px;
		padding-left: 20px;
	}
	/*
	metanavi
	------------------------------ */
	.metanavi a,.metanavi a:link,.metanavi a:visited {
		text-decoration: none;
		color: #686868;
		background-color: transparent;
		padding-left: 2px;
		padding-right: 2px;
	}
	.metanavi ul {
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
	.metanavi ul li {
		float: left;
		height: 1.5em;
		line-height: 1.5em;
	}
	.metanavi ul li a,.metanavi ul li a:link,.metanavi ul li a:visited {
		display: block;
		float: left;
		padding: 0 2px 0 2px;
	}
	.metanavi a:hover,.metanavi a.active {
		color: #000;
		background-color: transparent;
	}
	/*
	head
	------------------------------------------------------------ */
	#head {
		width: 100%;
		height: 117px;
		background-image: url('../../_images/commendo/layout/bg-head.png');
		background-position: left top;
		background-repeat: repeat-x;
	}
	/*
	servicebar
	------------------------------ */
	#servicebar {
		width: 250px;
		float: right;
		padding-top: 16px;
		margin-bottom: 8px;
	}
	#servicebar form,#servicebar form p {
		margin: 0;
		padding: 0;
		text-align: right;
	}
	#servicebar form input.search {
		
	}
	#servicebar form input.submit {
		background-image: url('../../_images/commendo/layout/submit.gif');
		border-style: none;
		background-color: transparent;
		padding: 0;
		width: 23px;
		height: 23px;
	}
	/*
	logo
	------------------------------ */
	#logo {
		float: left;
		clear: both;
	}
	/*
	navi
	------------------------------ */
	#navi {
		float: left;
		height: 31px;
		margin-top: 8px;
	}
	#navi ul {
		list-style-type: none;
		margin: 0 0 0 35px;
		padding: 0;
	}
	#navi ul li {
		float: left;
		margin-right: 6px;
	}
	#navi ul li a,#navi ul li a:link,#navi ul li a:visited {
		display: block;
		color: #0064a7;
		background-color: transparent;
		text-decoration: none;
		font-weight: bold;
		font-size: 1.1em;
		text-align: center;
		width: 125px;
		height: 25px;
		line-height: 25px;
		background-image: url('../../_images/commendo/layout/bg-navi-a.gif');
		background-repeat: no-repeat;
	}
	#navi ul li a:hover,#navi ul li a.active {
		color: #fff;
		background-color: transparent;
		background-image: url('../../_images/commendo/layout/bg-navi-a-active.gif');
	}
	/*
	metanavi
	------------------------------ */
	#head .metanavi {
		font-size: .9em;
		float: right;
		margin-top: 12px;
	}
	/*
	pathnavi
	------------------------------------------------------------ */
	#pathnavi {
		font-size: .9em;
		height: 23px;
		margin-top: 5px;
		margin-bottom: 13px;
	}
	#pathnavi .breadcrumbs {
		float: left;
		line-height: 23px;
	}
	#pathnavi .toolbar {
		float: right;
	}
	#fontControls {
		width: 40px;
		height: 23px;
		line-height: 23px;
		background-image: url('../../_images/commendo/layout/bg-fontcontrols.gif');
		background-position: left top;
		background-repeat: no-repeat;
		float:left;
		text-align: center;
		margin-right: 5px;
	}
	#fontControls a, #fontControls a:link {
		text-decoration: none;
		color: #686868;
		background-color: transparent;
	}
	/*
	body
	------------------------------------------------------------ */
	#body {
		clear: both;
		line-height: 1.6em;
		color: #686868;
		background-color: transparent;
	}
	a,a:link,a:visited {
		color: #686868;
		background-color: transparent;
		padding-left: 2px;
		padding-right: 2px;
	}
	a:hover {
		color: #333;
		background-color: transparent;
	}
	a:focus,a:active {
		color: #060;
		background-color: transparent;
	}
	#body h1,#body h2,#body h3,#body h4,#body h5,#body h6 {
		color: #0064a7;
		background-color: transparent;
	}
	#body .commendo-box {
		font-size: 1.1em;
		background-image: url('../../_images/commendo/content/commendo-box.gif');
		background-position: left top;
		background-repeat: no-repeat;
		padding-left: 160px;
	}
	/*
	product-part
	------------------------------ */
	#product-part {
		border-top: 1px solid white;
		background-image: url('../../_images/commendo/layout/bg-productpart.gif');
		background-repeat: repeat-x;
		height: 144px;
	}
	#product-part .product {
		float: left;
		margin: 20px 30px 0 0;
		padding: 52px 0 0 133px;
		width: 253px;
		height: 37px;
	}
	#product-part a,#product-part a:link,#product-part a:visited,#product-part a:hover
		{
		color: #fff;
		background-color: transparent;
		text-decoration: none;
		font-size: 1.2em;
	}
	#product-part .product.last {
		margin-right: 0;
	}
	#product-part .recommendo {
		background-image: url('../../_images/commendo/content/product-recommendo.gif');
	}
	#product-part .customized-systems {
		background-image:
			url('../../_images/commendo/content/product-customized-systems.gif');
	}
	#product-part .basic-infos {
		background-image: url('../../_images/commendo/content/product-basic-infos.gif');
	}
	/*
	widebox
	------------------------------ */
	div.widebox .head {
		background-image: url('../../_images/commendo/layout/widebox-head.gif');
		background-position: center top;
		background-repeat: no-repeat;
		height: 15px;
	}
	div.widebox .body {
		background-image: url('../../_images/commendo/layout/widebox-body.gif');
		background-position: center top;
		background-repeat: no-repeat;
	}
	div.widebox .foot {
		background-image: url('../../_images/commendo/layout/widebox-foot.gif');
		background-position: center bottom;
		background-repeat: no-repeat;
		height: 32px;
	}
	/*
	widebox newsbox
	------------------------------ */
	.widebox .newsbox {
		width: 374px;
		float: left;
		padding: 0 15px 0 15px;
		/*border-left: 1px solid #e9e9e9;*/
		kine-height: 1.5em;
	}
	.newsbox strong {
		color: #0064a7;
		background-color: transparent;
	}
	/*
	foot
	------------------------------------------------------------ */
	#footseparator {
		height: 40px;
	}
	#foot {
		position: fixed;
		bottom: 0;
		width: 100%;
		height: 34px;
		line-height: 34px;
		color: #686868;
		background-color: transparent;
		background-image: url('../../_images/commendo/layout/bg-foot.gif');
		background-position: top left;
		background-repeat: repeat-x;
	}
	#foot address,#foot p {
		margin: 0;
		padding: 0;
	}
	#foot address {
		font-style: normal;
		float: left;
	}
	#foot a {
		text-decoration: none;
	}
	#foot .metanavi {
		margin-top: 7px;
		float: right;
	}
	/*
	sidebar-left
	------------------------------------------------------------ */
	#sidebar-left {
		float: left;
		clear: both;
		width: 221px;
		margin-left: 0;
		margin-right: 37px;
		padding: 0;
		background-image: url('../../_images/commendo/layout/bg-sidebar-left.gif');
		background-position: center top;
		background-repeat: repeat-y;
		background-image: url('../../_images/commendo/layout/bg-sidebar-left.gif');
	}
	#sidebar-left .body {
		background-image: url('../../_images/commendo/layout/bg-sidebar-left-body.gif');
		background-position: center top;
		background-repeat: no-repeat;
		border-top: 1px solid #fff;
		padding: 0 10px 0 10px;
	}
	#sidebar-left .foot {
		background-image: url('../../_images/commendo/layout/bg-sidebar-left-foot.gif');
		background-position: center bottom;
		background-repeat: no-repeat;
		height: 8px;
	}
	#sidebar-left p.images img {
		padding: 0;
		margin: 0;
	}
	/*
	sidebar-right
	------------------------------------------------------------ */
	#sidebar-right {
		float: left;
		width: 402px;
		margin-left: 0;
		margin-right: 0;
		background-image: url('../../_images/commendo/layout/bg-sidebar-right.gif');
		background-position: center top;
		background-repeat: repeat-y;
		background-image: url('../../_images/commendo/layout/bg-sidebar-right.gif');
	}
	#sidebar-right .body {
		background-image: url('../../_images/commendo/layout/bg-sidebar-right-body.gif');
		background-position: center top;
		background-repeat: no-repeat;
		border-top: 1px solid #fff;
		padding: 0 10px 0 10px;
	}
	#sidebar-right .foot {
		background-image: url('../../_images/commendo/layout/bg-sidebar-right-foot.gif');
		background-position: center bottom;
		background-repeat: no-repeat;
		height: 8px;
	}
	#sidebar-right h1 {
		color: #0064a7;
		background-color: transparent;
		height: 30px;
		line-height: 30px;
		background-image: url('../../_images/commendo/layout/bg-h1-sidebar-right.gif');
		background-repeat: no-repeat;
		padding-left: 5px;
		font-weight: bold;
		font-size: 1.5em;
	}
	/*
	sidebar-right newsbox
	------------------------------ */
	#sidebar-right .newsbox {
		border-bottom: 1px solid #ccc;
	}
	/*
	centerbar
	------------------------------------------------------------ */
	#centerbar {
		float: left;
		width: 519px;
		margin-left: 0;
		margin-right: 37px;
		background-image: url('../../_images/commendo/layout/bg-centerbar.gif');
		background-position: center top;
		background-repeat: repeat-y;
		background-image: url('../../_images/commendo/layout/bg-centerbar.gif');
	}
	#centerbar .body {
		background-image: url('../../_images/commendo/layout/bg-centerbar-body.gif');
		background-position: center top;
		background-repeat: no-repeat;
		border-top: 1px solid #fff;
		padding: 0 10px 0 10px;
	}
	#centerbar .foot {
		background-image: url('../../_images/commendo/layout/bg-centerbar-foot.gif');
		background-position: center bottom;
		background-repeat: no-repeat;
		height: 8px;
	}
	#centerbar h1 {
		color: #0064a7;
		background-color: transparent;
		height: 30px;
		line-height: 30px;
		background-image: url('../../_images/commendo/layout/bg-h1-centerbar.gif');
		background-repeat: no-repeat;
		padding-left: 5px;
		font-weight: bold;
		font-size: 1.5em;
	}
	#centerbar h2 {
		font-size: 1.3em;
	}
	#centerbar h3 {
		font-size: 1.2em;
	}
	#centerbar h4 {
		font-size: 1.1em;
	}
	#centerbar h5 {
		font-size: 1em;
	}
	#centerbar h6 {
		font-size: 1em;
		font-style: italic;
	}
	/*
	centerbar newsbox
	------------------------------ */
	#centerbar .newsbox {
		border-bottom: 1px solid #ccc;
	}
	/*
	widebar
	------------------------------------------------------------ */
	#widebar {
		float: left;
		width: 960px;
		margin-left: 0;
		margin-right: 0;
		padding: 0;
		background-image: url('../../_images/commendo/layout/bg-widebar.gif');
		background-position: center top;
		background-repeat: repeat-y;
		background-image: url('../../_images/commendo/layout/bg-widebar.gif');
	}
	#widebar .body {
		background-image: url('../../_images/commendo/layout/bg-widebar-body.gif');
		background-position: center top;
		background-repeat: no-repeat;
		border-top: 1px solid #fff;
		padding: 0 10px 0 10px;
	}
	#widebar .foot {
		background-image: url('../../_images/commendo/layout/bg-widebar-foot.gif');
		background-position: center bottom;
		background-repeat: no-repeat;
		height: 8px;
	}
	#widebar h1 {
		color: #0064a7;
		background-color: transparent;
		height: 30px;
		line-height: 30px;
		background-image: url('../../_images/commendo/layout/bg-h1-widebar.gif');
		background-repeat: no-repeat;
		padding-left: 5px;
		font-weight: bold;
		font-size: 1.5em;
	}
	#centerbar h2 {
		font-size: 1.3em;
	}
	#centerbar h3 {
		font-size: 1.2em;
	}
	#centerbar h4 {
		font-size: 1.1em;
	}
	#centerbar h5 {
		font-size: 1em;
	}
	#centerbar h6 {
		font-size: 1em;
		font-style: italic;
	}
	/*
	subnavi
	------------------------------------------------------------ */
	ul.subnavi {
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
	ul.subnavi ul {
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
	ul.subnavi li {
		margin: 0;
		padding: 1px 0 1px 0;
	}
	ul.subnavi a,ul.subnavi a:link,ul.subnavi a:visited {
		display: block;
		width: 190px;
		padding-left: 10px;
		height: 23px;
		line-height: 23px;
		color: #686868;
		text-decoration: none;
		background-color: transparent;
		padding-right: 2px;
	}
	ul.subnavi a:hover,ul.subnavi a.active {
		background-image: url('../../_images/commendo/layout/bg-subnavi-a-active.gif');
		background-position: left center;
		background-repeat: no-repeat;
	}
	ul.subnavi ul a,ul.subnavi ul a:link,ul.subnavi ul a:visited {
		width: 180px;
		padding-left: 20px;
	}
	ul.subnavi ul ul a,ul.subnavi ul ul a:link,ul.subnavi ul ul a:visited {
		width: 170px;
		padding-left: 30px;
	}
	ul.subnavi ul ul ul a,ul.subnavi ul ul ul a:link,ul.subnavi ul ul ul a:visited
		{
		width: 160px;
		padding-left: 40px;
	}
	ul.subnavi ul ul ul ul a,ul.subnavi ul ul ul ul a:link,ul.subnavi ul ul ul ul a:visited
		{
		width: 150px;
		padding-left: 50px;
	}
	ul.subnavi ul ul ul ul ul a,ul.subnavi ul ul ul ul ul a:link,ul.subnavi ul ul ul ul ul a:visited
		{
		width: 140px;
		padding-left: 60px;
	}
	/*
	end-of-page
	------------------------------------------------------------ */
	#end-of-page {
		background-image: url('../../_images/commendo/layout/bg-end-of-page.gif');
		background-position: center bottom;
		background-repeat: no-repeat;
		height: 26px;
		margin-bottom: 40px;
	}
	#end-of-page hr {
		display: none;
	}
	
	/* ------------------------------------------------------------
	Site Map Styles
	------------------------------------------------------------ */
	
	
	/* ------------------------------------------------------------
		NUMBER OF COLUMNS: Adjust #primaryNav li to set the number
		of columns required in your site map. The default is 
		4 columns (25%). 5 columns would be 20%, 6 columns would 
		be 16.6%, etc. 
	------------------------------------------------------------ */
	
	#primaryNav li {
		width:20%;
	}
	
	#primaryNav a {
		text-decoration: none;
	}
	
	#primaryNav li ul li {
		width:100% !important;
	}
	
	#primaryNav.col1 li { width:99.9%; }
	#primaryNav.col2 li { width:50.0%; }
	#primaryNav.col3 li { width:33.3%; }
	#primaryNav.col4 li { width:25.0%; }
	#primaryNav.col5 li { width:20.0%; }
	#primaryNav.col6 li { width:16.6%; }
	#primaryNav.col7 li { width:14.2%; }
	#primaryNav.col8 li { width:12.5%; }
	#primaryNav.col9 li { width:11.1%; }
	#primaryNav.col10 li { width:10.0%; }
	
	/* --------	Top Level --------- */
	
	#primaryNav ol {
		list-style: none;
	}
	#primaryNav ul {
		list-style: none;
	}
	#primaryNav li {
		list-style: none;
	}
	#primaryNav {
		margin: 0;
		float: left;
		width: 100%;
		margin-top:30px;
		margin-left:-30px;
	}
	#primaryNav #home {
		display: block;
		float: none;
		background: #f9f9fa url('../../_images/commendo/layout/L1-left.png') center bottom no-repeat;
		position: relative;
		z-index: 2;
		padding: 0 0 30px 0;
	}
	#primaryNav li {
		float: left;
		background: url('../../_images/commendo/layout/L1-center.png') center top no-repeat;
		padding: 30px 0;
		margin-top: -30px;
	}
	#primaryNav li a {
		margin: 0 30px 0 0;
		padding: 10px 0;
		display: block;
		font-size: 14px;
		font-weight: bold;
		text-align: center;
		color: #999999;	
		background: #efefef url('../../_images/commendo/layout/white-highlight.png') top left repeat-x;
		border: 2px solid #97bdcf;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		-webkit-box-shadow: rgba(0,0,0,0.5) 2px 2px 2px; 
		-moz-box-shadow: rgba(0,0,0,0.5) 2px 2px 2px; /* FF 3.5+ */	
	}
	#primaryNav li a:hover {
		background-color: #e2f4fd;
		border-color: #97bdcf;
	}
	#primaryNav li:last-child {
		background: url('../../_images/commendo/layout/L1-right.png') center top no-repeat;
	}
	#primaryNav a:link:before,
	#primaryNav a:visited:before {
		/*content: " "attr(href)" ";*/
		display: block;
		content: " "attr(title)" ";
		text-transform: uppercase;
		font-size: 10px;
		margin-bottom: 5px;
		word-wrap: break-word;
	}
	#primaryNav li a:link:before,
	#primaryNav li a:visited:before {
		color: #78a9c0;
	}
	
	/* --------	Second Level --------- */
	
	#primaryNav li li {
		width: 100%;
		clear: left;
		margin-top: 0;
		padding: 10px 0 0 0;
		background: url('../../_images/commendo/layout/vertical-line.png') center bottom repeat-y;
	}
	#primaryNav li li a {
		background-color: #b2d48c;
		border-color: #efefef;
		color: #ffffff;

		margin-left:-40px;
		/*display: block;*/
	}
	#primaryNav li li a:hover {
		border-color: #efefef;
		background-color: #ffffff;
		color: #666;
	}
	#primaryNav li li:first-child {
		/* padding-top: 30px; */
	}
	#primaryNav li li:last-child {
		background: url('../../_images/commendo/layout/vertical-line.png') center bottom repeat-y;
	}
	#primaryNav li li a:link:before,
	#primaryNav li li a:visited:before {
		color: #6d6956;
	}
	
	/* --------	Third Level --------- */
	
	#primaryNav li li ul {
		margin: 10px 0 0 0;
		width: 100%;
		float: right;
		padding: 9px 0 0px 0;margin-left: -20px;
		background: #ffffff url('../../_images/commendo/layout/L3-ul-top.png') center top no-repeat;
	}
	#primaryNav li li li {
		background: url('../../_images/commendo/layout/L3-center.png') left center no-repeat;
		padding: 5px 0;
		margin-left: 0px;
	}
	#primaryNav li li li a {
		background-color: #fff7aa;
		border-color: #e3ca4b;
		font-size: 12px;
		padding: 5px 0;
		width: 80%;
		color: #999999;
		float: right;
		
	}
	#primaryNav li li li a:hover {
		background-color: #fffce5;
		border-color: #d1b62c;
	}
	#primaryNav li li li:first-child {
		padding: 15px 0 5px 0;
		background: url('../../_images/commendo/layout/L3-li-top.png') left center no-repeat;
	}
	#primaryNav li li li:last-child {
		background: url('../../_images/commendo/layout/L3-bottom.png') left center no-repeat;
	}
	#primaryNav li li li a:link:before,
	#primaryNav li li li a:visited:before {
		color: #ccae14;
		font-size: 9px;
	}

}