/* COLORS

	dark-grey:				#555;
	gray: 					#d0d0d0;
	black:					#333;
	blue:					#54a2d7;
	orange:					#f2bb3e;
	light-grey:				#f1f1f1;
	very-light-grey:		#fcfcfc;
	error-red:				#e24217;

*/


/* ------------- Basic Typo --------------- */

/* set default color, font, line-height */
body,a,td,textarea,input{
	color:#333;
	font-family: Arial, sans-serif;
	font-size: 12px;
	line-height: 140%;
}

a{
	text-decoration: none;
	color:#555;
}

a:hover{
	color: black;
}

/* remove default border from linked images */
a img{
	border: 0;
}

img{
	vertical-align: top;
}

h1,h2,h3,h4,h5,h6{
	color: #54a2d7;
	font-weight: normal;
	/* font-weight:bold */
	font-size: 17px;
}

h4,h5,h6{
	font-size: 14px;
}

p{
	padding: 5px 0;
}

hr{
	clear: both;
	border:none;
	border-top:1px solid #ccc;
}

/* fine horizonal line with margin before and after */
hr.section-divider{
	clear: both;
	height: 0;
	margin-bottom: 50px;
	padding-top: 50px;
	border:0;
	border-bottom:1px dotted #ccc;
}

hr.section-divider-narrow{
	clear: both;
	height: 0;
	margin-bottom: 10px;
	padding-top: 20px;
	border:0;
	border-bottom:1px dotted #ccc;
}

/* use for small text */
.small{
	font-size: 10px;
}

/* error messages colored red */
.error{
	color: #e24217 !important;
	border-color:#e24217 !important;
}

input .error{
	border:1px solid #e24217 !important;
}

/* ------------- Content Elements --------------- */

/* obsolete */
.trigger{
	background: #f1f1f1;
	padding:15px 10px 10px 10px;
}

.target{
	background: #fcfcfc;
	padding:10px;
}

/* ------------- Text Menus --------------- */
#hmenu {
	padding: 0;
}

#hmenu li, #hmenu ol, #hmenu ul {
	padding: 0;
}

ul.hmenu li{
	float:left;
	list-style: none;
}

ul.hmenu li a{
	display: block;
	height: 33px;
	line-height: 33px;
	padding: 0 12px;
}

#main-menu ul.hmenu li a{
	display: block;
	height: 34px;
	line-height: 36px;
	padding: 0 12px;
	border: 1px solid transparent;
	/* font-weight: bold; */
}

#main-menu ul.hmenu li a.active{
	color:black;
}

#main-menu ul.hmenu li ul{
	position: absolute;
	margin-top:34px;
}

#main-menu ul.hmenu li ul li a{
	display: block;
	height: 28px;
	line-height: 28px;
	padding: 0 12px;
	font-weight: normal;
}

#main-menu ul.hmenu li ul li a{
	height: 28px;
	line-height: 28px;
}

#main-menu ul.hmenu li ul li a.active{
	color:#333;
}

/* ------------- Language Menus --------------- */

#meta-menu ul{
	float: left;
}

#meta-menu ul.hmenu > li > a{
	display: block;
	height: 23px;
	line-height: 23px;
	padding: 0 12px;
	margin: 5px 0;
}

#meta-menu ul.hmenu li a:hover,
#meta-menu ul.hmenu li a.active{
	background: #F2F2F2;
	-moz-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
}

#language-menu{
	width:1px;
	height:33px;
	position: absolute;
	z-index: 100;
}

ul.langmenu{
	margin-top:6px;
	line-height: 19px;
	height: 19px;
	overflow: hidden;
	right: 0;
	position: absolute;
	width:65px;
	background: white url(../imgs/lang-button.png) right top no-repeat;
	cursor: pointer;
}

ul.langmenu:hover{
	overflow: visible;
	height: auto;
	-moz-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
}

ul.langmenu li {
	height: 18px;
	line-height: 18px;
	padding:2px  3px 2px 3px;
	white-space: nowrap;
}

ul.langmenu li a{
	display: block;
	width: 100%;
	line-height: 18px;
	height: 18px;
}

ul.langmenu li a img{
	vertical-align: middle;
}

ul.langmenu li a:hover {
	background:  #e5e5e5;
}

ul.langmenu li:first-child a:hover {
	background:  none !important;
}

/* ------------- Round Corners --------------- */

/* round corners on either side */
.round{
	-moz-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
}

/* round corners bottom-left and bottom-right */
.round-bottom{
	-moz-border-radius: 0px 0px 5px 5px;
	border-radius: 0px 0px 5px 5px;
}

/* round corners top-left and top-right */
.round-top{
	-moz-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;
}


/* ------------- content elements ------------- */

/* wrap a content module to clear floats and add space on bottom */
.content-module{
	clear: both;
	margin-bottom: 20px;
}

/* wrap a 2-column module (optional) */
.content-two-columns{

}

/* left column of a 2-column module */
.content-two-columns-left{
	width:300px;
	float:left;
}

/* right column of a 2-column module (margin-left = .content-two-columns-left:width + 40px) */
.content-two-columns-right{
	margin-left:340px;
}

/* apply to text-nodes for line-breaks after 800px */
.content-text-800{
	width: 800px;
}

/* apply to text-nodes for line-breaks after 800px */
.content-text-600{
	width: 600px;
}

/*
.content-three-columns {
	width: 910px;
}

.content-three-columns-left{
	float:left;
	width:300px;
}

.content-three-columns-mid{
	float:left;
	width:300px;
}

.content-three-columns-right{
	float:left;
	width:300px;
}

*/


/* ------------- tooltips -------------- */


/* initial class for every tooltip */
.tooltip {
    display: none;
    padding: 15px;
    width: 60px;
    z-index: 1501;
    color:black;
    text-align: left;
}

/*
	position tooltips via js
	$(".tooltip-top-small").tooltip({ position: 'top center', effect: 'slide', tipClass:'tooltip tooltip-top-small'});
*/


/* small tooltip on top of trigger element */
.tooltip.tooltip-top-small{
	width: 93px;
	height: 51px;
	padding:10px;
	background: transparent url(../imgs/tooltip-top-small.png);
}

/* large tooltip on top of trigger element */
.tooltip.tooltip-top-large{
	width: 198px;
	height: 86px;
	padding:10px 10px 20px 10px;
	background: transparent url(../imgs/tooltip-top-large.png);
}

/* large tooltip on bottom of trigger element */
.tooltip.tooltip-bottom-large{
	width: 198px;
	height: 86px;
	padding:20px 10px 10px 10px;
	background: transparent url(../imgs/tooltip-bottom-large.png);
}

/* large tooltip on right of trigger element */
.tooltip.tooltip-right-large{
	width: 201px;
	height: 83px;
	padding:10px 10px 10px 20px;
	background: transparent url(../imgs/tooltip-right-large.png);
}

/* large tooltip on left of trigger element */
.tooltip.tooltip-left-large{
	width: 201px;
	height: 83px;
	padding:10px 20px 10px 10px;
	background: transparent url(../imgs/tooltip-left-large.png);
}

/* large error tooltip on right of trigger element */
.tooltip.tooltip-error{
	width: 201px;
	height: 83px;
	padding:10px 10px 10px 20px;
	background: transparent url(../imgs/tooltip-right-large_error.png);
	color: white;
}

.tooltip.tooltip-auto{
	background: #fdefcf;
	color: #383838;
	width:auto;
	padding:5px 10px;
	white-space: nowrap;
}

.tooltip.tooltip-fixed{
	background: #fdefcf;
	color: #383838;
	width:250px;
	padding:5px 10px;
}

.tooltip.tooltip-fixed-right{
	background: #fdefcf;
	color: #383838;
	width:250px;
	padding:5px 10px;
}


/* ------------- misc --------------- */

/* use for div oder hr to clear floats */
.clear{
	clear: both;
	border: 0;
	height: 0;
}

/* ------------ tables -------------- */


/* example for sortable table classes */
table.sortable-table{
	width: 100%;
	background: #fcfcfc;
}

/* display borders on th & td */
table.sortable-table tr td,
table.sortable-table tr th{
	border: 1px solid #f1f1f1;
	padding:3px 10px;
	font-weight: normal;
}

/* background on th */
table.sortable-table tr th{
	background: url('images/ui-bg_glass_75_e6e6e6_1x400.png') repeat-x scroll #e6e6e6 50% 50%;
}

/* display pointer on th */
table.sortable-table tr th.header{
	cursor: pointer;
}

/* hover-state for th */
table.sortable-table tr th.header:hover{
	border: 1px solid #ccc;
}

/* change background and border on active sort mode */
table.sortable-table tr th.headerSortDown,
table.sortable-table tr th.headerSortUp{
	background: url("images/ui-bg_glass_65_f2bb3e_1x400.png") repeat-x scroll 50% 50% #F2BB3E;
	border: 1px solid #F2BB3E;
}

tr.odd-row{
	background: white;
}

tr.even-row{

}


/* ------------- select modules ---------- */

/* obsolete */
.module-components-row{
	border-radius: 5px;
	-moz-border-radius: 5px;
	background: #f2f2f2 url(../imgs/select_row.png)  5px 0 no-repeat;
	height:30px;
	clear: both;
	padding:0 10px 0 25px;
	margin: 0 0 5px 0;
}

.module-components-row.expanded{
	height:150px;
}

.module-components-select,
.module-components-input{
	height:30px;
	line-height: 30px;
	padding: 9px;
	float:left;
	background: #d0d0d0 url(../imgs/select_next.png) no-repeat right;
	padding: 0 16px 0 10px;
	position: relative;
}


.module-components-select.last{
	background: #d0d0d0;
	padding: 0 10px 0 10px;
	border-right:2px solid white;
}

.module-components-select.expanded{
	width:320px;
}

.module-components-select select{
	max-width: 250px;
	float: left;
}

.module-components-select span a{
	font-weight: bold;
	margin-left:10px;
	float: right;
	line-height: 30px;
}

.module-components-select select{
	margin-top:5px;
}

.module-components-input{
	background: #d0d0d0 url(../imgs/select_next_input.png) no-repeat right;
}

.module-components-input label{
	padding-right: 10px;
}

.module-components-input input[type=text]{
	width: 150px;
}

.module-components-icons{
	float: right;
	height:30px;
	white-space: nowrap;
}

.module-components-details{
	border-left: 2px solid white;
	border-right: 2px solid white;
	height: 120px;
	width:100%;
	padding-right: 11px;
	position: absolute;
	left:-13px;
	top:30px;
	text-align: left;
}

a.module-components-details-skip-l,
a.module-components-details-skip-r{
	display: block;
	width:14px;
	height: 120px;
	position: absolute;
	-moz-opacity: .8;
	opacity: .8;
}

a.module-components-details-skip-l:hover,
a.module-components-details-skip-r:hover{
	-moz-opacity: 1;
	opacity: 1;
}

a.module-components-details-skip-l{
	background: url(../imgs/skipper_l.png) center no-repeat;
	top:0;
	left:6px;
}

a.module-components-details-skip-r{
	background: url(../imgs/skipper_r.png) center no-repeat;
	top:0;
	right:6px;
}

.module-components-details-text{
	padding:0 25px;
}

.module-components-details-text table tr td{
	padding: 0 5px 0 0;
}

.module-components-add a.button{
	width: 100%;
	text-align: left;
}


.module-components-result table{
	float: right;
}

.module-components-result table caption{
	text-align: left;
	font-weight: bold;
}

.module-components-result table tr td,
.module-components-result table tr th{
	border: 1px solid #d7d7d7;
	padding:3px 10px;
	font-weight: normal;
	vertical-align: middle;
}

.module-components-result table thead tr th{
	background: url('images/ui-bg_glass_75_e6e6e6_1x400.png') repeat-x scroll #e6e6e6 50% 50%;
}

.module-components-result table thead tr td{
	border:none;
}

.module-components-result table tbody tr th{
	width: 150px;
	background: url('images/ui-bg_glass_75_e6e6e6_1x400.png') repeat-x scroll #e6e6e6 50% 50%;

}

.module-components-result table tbody tr td{

}





/* ------------- Login Form --------------- */

/* set login text color top white */
.login-form-row,
.login-form-row a{
	color: white;
}

/* wrap each form row to add space */
.login-form-row{
	margin-bottom: 10px;
}

/* input width and border */
.login-form-row input{
	width: 100%;
	border:2px solid #5ab5e6;
}

.login-form-row a.button{
	width: 100%;
}

.login-form-row .forgot{
	display: block;
	padding-top: 6px;
}

/* ------------- Form Elements --------------- */

/* wrap forms with class .content-form, default width = 590px */
.content-form{
	/*width: 590px;*/
}

/* wrap each form row to clear floats and add space */
.content-form-row{
	clear: both;
	/* border-bottom: 1px solid #d7d7d7 */;
	padding: 10px 0px;
	white-space: nowrap;
}

/* remove bottom border from last form-row */
.content-form-row.last{
	border:none;
}

/* more narrow form row for 2-column layouts. use .input-narrow for input-fields */
.content-form-row-narrow{
	padding: 5px 0;
}



/* style .content-for labels, width:160 for equal spacing to input fields*/
.content-form label{
	display: block;
	padding-right: 5px;
	vertical-align: top;
	white-space: normal;
	line-height: 25px;
}

/* style .content-form input fields width gray background and round corners. default width is 414px, change via inline style */
.content-form input[type=text],
.content-form input[type=file],
.content-form input[type=password],
.content-form textarea{
	background: #f2f2f2;
	border: 1px solid #f2f2f2;
	border-radius: 5px;
	-moz-border-radius: 5px;
	line-height: 23px;
	width: 414px;
	padding:0 3px;
}

.content-form input[type=file]{
	width: auto;
}


/* give content-form-row class "sidebyside" to display label left to input */
.content-form .sidebyside label{
	width: 160px;
	float: left;
	clear: both;
}

.content-form .sidebyside input[type=text],
.content-form .sidebyside input[type=file],
.content-form .sidebyside input[type=password],
.content-form .sidebyside textarea{
	width: 249px;

}


.content-form .file-upload-wrap{
	background: #f2f2f2;
	border: 1px solid #f2f2f2;
	padding:  5px;
}

.content-form select{
	font-family: Arial,sans-serif;
	font-size: 12px;
	/*vertical-align: bottom;*/
	height:25px;
	margin-bottom: 2px;
	/*padding-top: 3px;*/
}

/* apply to input element to display 275px wide field */
.input-narrow{
	width:275px !important;
}
select.input-narrow{
	width: 285px !important;
}

.input-tel1{
	width:50px!important;
	margin-right: 5px;
}

.input-tel2{
	width:130px!important;
	margin-right: 5px;
}

select.input-tel3{
	width:80px!important;
}

/* set height only for single line inputs */
.content-form input[type=text],
.content-form input[type=file],
.content-form input[type=password]{
	height: 23px;
}


/* style for inactive / non-editable form elements */

.content-form input[disabled]{
	background: #fafafa !important;
	border-color: #fafafa !important;
	color: #777 !important;
}
/* set default height for textareas */
.content-form textarea{
	height:80px;
}

/* Dialog Boxes */

/* Apply class .dialog to outer dialog element to initially hide */
.dialog{
	display:none;
}

.ui-dialog{
    background: white url(../imgs/dialog-background.gif) center bottom repeat-x !important;
}

.dialog-error{
    background: #f65d38 url(../imgs/error-background.gif) center !important;
}


/* FS - 09.07.11
--------------------------------------------------------------------------------------*/
.border-all {
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	}

#view-toggle {
	position:relative;
}

.view-icons{
	position: absolute;
	top:126px;
	right:35px;
	height:34px;
	line-height: 34px;
}

.module-compatibility {}

.module-compatibility-row{
	background: #f2f2f2;
	height:30px;
	margin: 0 0 5px 0;
	clear: both;
}

.module-compatibility-row.expanded{
	height:auto !important;
}

.module-compatibility-select,
.module-compatibility-input{
	float:left;
	position: relative;
	height:30px;
	line-height: 30px;
	padding: 0 16px 0 10px;
}
.module-compatibility-input a{
	line-height: 30px;
}

.module-compatibility-input span a{
	line-height: 30px;
	display:block;
	float:left;
}

.module-compatibility-input span.right a {
	height:14px;
	width:14px;
	margin:8px 0 0 10px;
	display:block;
	float:left;
	background: url(../imgs/arrows-compatibility.png) 0 0 no-repeat;
}

.module-compatibility-input span.down a {
	height:14px;
	width:14px;
	margin:8px 0 0 10px;
	display:block;
	float:left;
	background: url(../imgs/arrows-compatibility.png) 0 -14px no-repeat;
}

.module-compatibility-input span.del sup {
	vertical-align:top;
	line-height:18px;
	margin-left: 5px;
}

.module-compatibility-input .max,
.module-compatibility-input .min {
	float:left;
	display:block;
	margin:4px 5px 0 0;
}

.module-compatibility-input .close {
	float:left;
	margin-top:4px;
	display:block;
}

.module-compatibility-input:first-child {
	padding-left:15px;
	border-top-left-radius: 5px;
	-moz-border-top-left-radius: 5px;
	-webkit-border-top-left-radius: 5px;
}

.module-compatibility-input{
	background: url(../imgs/nav-act-compatibility_blank.png) 100% 0% repeat-x;
}

.module-compatibility-input{
	border-top-right-radius: 5px;
	-moz-border-top-right-radius: 5px;
	-webkit-border-top-right-radius: 5px;
}

.module-compatibility-input.act,
.module-compatibility-input.act-last {
	border-top-right-radius: 0px;
	-moz-border-top-right-radius: 0px;
	-webkit-border-top-right-radius: 0px;
	background: url(../imgs/nav-act-compatibility_neu.png) 100% 50% repeat-x;
}

.module-compatibility-input.act-last {
	background: url(../imgs/nav-act-compatibility_neu.png) 100% 100% repeat-x;
}

.module-compatibility-input.rt {
	background: none;
	float:right
}

.module-compatibility-input label{
	padding-right: 10px;
	font-weight:bold;
	font-size:13px;
	color:#4d4d4d;
}

.module-compatibility-input input[type=text]{
	width: 150px;
	background:#d0d0d0;
	margin:0 5px;
	border: 1px solid #d0d0d0;
}


.module-compatibility-details{
	width:100%;
	background:#F2F2F2;
	text-align: left;
	clear:both;
	overflow:hidden;
}

.module-compatibility-details-table .rt {
	float:right;
}

.module-compatibility-details-table table {
	width:99.999%;
	border-collapse:collapse;
}

.module-compatibility-details-table th{
	border: 1px solid #d7d7d7;
	padding:3px 10px !important;
	font-weight: normal;
	vertical-align: middle;
	background: url('images/ui-bg_glass_75_e6e6e6_1x400.png') repeat-x scroll #e6e6e6 50% 50%;
	text-align: left;
}


.module-compatibility-details-table tr.bg-white td {
	background:#fff;
	border:1px solid #f1f1f1;
}

/*.module-compatibility-details-table tr.odd td {
	border-bottom:1px solid #f1f1f1;
	border-left:1px solid #f1f1f1;
	border-right: 1px solid #f1f1f1;
*/

.module-compatibility-details-table tr.bg-grey td {
	border-left:1px solid #f1f1f1;
	border-right: 1px solid #f1f1f1;
	padding:0;
}

.module-compatibility-details-table tr.bg-grey td a {
	text-decoration:none;
	font-size:12px;
}

/*.module-compatibility-details-table tr.odd td.table-border-right {
	border-right:1px solid #fff;
}*/

.module-compatibility-details-table table td {
	font-size:11px;
	border: 1px solid #fff;
	padding: 10px;
}

/* wrap product details in <div class=".compatibility-product-skippable">|</div> */
.module-compatibility-details-table table td .compatibility-product-skippable{
	position: relative;
	padding:0 20px;
}

/* add skippers <a class="compatibility-product-skip-l"></a> <a class="compatibility-product-skip-r"></a> */
.module-compatibility-details-table table td a.compatibility-product-skip-l,
.module-compatibility-details-table table td a.compatibility-product-skip-r{
	display:block;
	width:20px;
	height: 100%;
	background: green;
	position: absolute;
	left:0;
	top:0;
	cursor: pointer;
	background: no-repeat center;
	background-image: url(../imgs/pfeil_li.png);
	-moz-opacity: .8;
	opacity: .8;
}

.module-compatibility-details-table table td a.compatibility-product-skip-r{
	left:auto;
	right:0;
	background-image: url(../imgs/pfeil_re.png);
}

.module-compatibility-details-table table td a.compatibility-product-skip-l:hover,
.module-compatibility-details-table table td a.compatibility-product-skip-r:hover{
	-moz-opacity: 1;
	opacity: 1;
}

.module-compatibility-details-table table td a {
	font-size:11px;
	text-decoration:underline;
}

.module-compatibility-details-table table td h3 {
	font-size:13px;
	color:#333333;
	padding-bottom: 4px
}

.module-compatibility-details-table table td h4 {
	color:#333333;
}


.module-compatibility-details-table table td div.vehicle-nr {
	padding-bottom: 2px;
}

.module-compatibility-details-table table td img.prod-img {
	float:left;
	margin-right: 10px;
}

.module-compatibility-details-table table td div.prod-text {
	margin-left: 134px;
}

.module-compatibility-details-table table td ul {
	list-style-type:disc;
	margin-left:15px;
}

.module-compatibility-details-table table td ul.common-lvl,
.module-compatibility-details-table table td ul.isobus-lvl,
.module-compatibility-details-table table td ul.compatibility-lvl {
 	list-style-type:none;
 	margin:0;
}

.module-compatibility-details-table table td ul.common-lvl li,
.module-compatibility-details-table table td ul.isobus-lvl li {
	float:left;
	margin: 0 5px 5px 0;
}

.module-compatibility-details-table table td ul.compatibility-lvl li {
	float:left;
	width:50px;
	margin: 0 15px 15px 0;
}
.module-compatibility-details-table table td.compatibility-lvl {text-align:center;}

.module-compatibility-details-table table td.compatibility-lvl span,
.module-compatibility-details-table table td ul.compatibility-lvl li span {
	line-height: 12px;
	font-size:9px;
	display:inline-block;
	padding-top:2px;
	text-align:center;
}

.module-compatibility-details-table table td ul li {
	margin-bottom:3px;
	line-height: 12px;
}

.module-compatibility-details-table table td ul li a {
	line-height: 12px
}

.box-level {margin-bottom:10px; clear:both;}
.box-level:after {content: "\0020"; clear:both; display: block; height: 0; overflow:hidden;}
.box-level .icon {float:left; width:29px; margin-right:5px;}
.box-level .cnt {float:left; width:160px;}

.module-compatibility-details-text{
	padding: 15px;
}

.module-compatibility-details-text .clear{
	height: auto !important; /* ie7 fix*/
}

.module-compatibility-details-text .hdl,
.module-compatibility-details-text h3 {
	font-size:13px;
	color:#333333;
	font-weight:bold;
	padding: 0 5px 10px 5px
}
.module-compatibility-details-text h4 {
	font-size:12px;
	color:#333333;
}

.module-compatibility-add a.button {
	width: 100%;
	text-align: left;
}


.box-compatibility-selection {
	/*float:left;*/
	display: inline-block;
	margin: 0 5px 15px 5px;
}

.box-compatibility-selection .bg {
	width:124px;
	padding:11px;
	background:#fff;
}

.box-compatibility-selection .bgselected {
	width:124px;
	padding:11px;
	background:#aaa;
}

.box-compatibility-selection span {
	padding:3px 11px 0 11px;
	display:block;
}
.box-compatibility-selection p {
	padding: 0 0 10px 0;
}

.no-manufacturer-image{
	width:124px;
	height:64px;
	display: block;
	line-height: 64px;
	text-align: center;
	background: #f2f2f2;
	font-size: 10px;
}

.no-manufacturer-image-new{
	width:124px;
	height:93px;
	display: block;
	line-height: 93px;
	text-align: center;
	background: #f2f2f2;
	font-size: 10px;
}

.floatleft{
	float:left;
}

/* only for Testing
.fsclr:before, .fsclr:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.fsclr:after { clear: both; }
.fsclr { zoom: 1; } */