@charset "utf-8";
/* CSS Document */

html {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	overflow-y:scroll;}

body {margin:0;}
	
/* Alles voor de 3 verschillende templates */	
body.remdelen {background:url(../images/background.jpg) no-repeat top center #202020;}
body.stuurdelen {background:url(../images/background_stuur.jpg) no-repeat top center #202020;}
body.wiellagers {background:url(../images/background_lagers.jpg) no-repeat top center #202020;}

/*.remdelen .leftpane {background:url(../images/brakes.jpg) no-repeat bottom left;}
.stuurdelen .leftpane {background:url(../images/stuurdelen.jpg) no-repeat bottom left;}
.wiellagers .leftpane {background:url(../images/wiellagers.jpg) no-repeat bottom left;}*/

.remdelen .menu_container {background:url(../images/menu_bg.png);}
.stuurdelen	.menu_container {background:url(../images/menu_bg_stuurdelen.png);}
.wiellagers .menu_container {background:url(../images/menu_bg_wiellagers.png);}

.remdelen .search .button {background:#dc2b19;}
.stuurdelen	.search .button {background:#000000;}
.wiellagers .search .button {background:#038bbf;}

.remdelen h1, .remdelen .contentheading, .remdelen .componentheading, .remdelen .subkop, .remdelen .hoofdkop {color:#dc2b19;}
.stuurdelen h1, .stuurdelen .contentheading, .stuurdelen .componentheading, .stuurdelen .subkop, .stuurdelen .hoofdkop {color:#000000;}
.wiellagers h1, .wiellagers .contentheading, .wiellagers .componentheading, .wiellagers .subkop, .wiellagers .hoofdkop {color:#038bbf;}

.remdelen .ddmx17 a.item2:hover, .remdelen .ddmx17 a.item2-active:hover, .remdelen .ddmx17 a.item2-active {background-color:#dc2b19 !important;}
.stuurdelen .ddmx17 a.item2:hover, .stuurdelen .ddmx17 a.item2-active:hover, .stuurdelen .ddmx17 a.item2-active {background-color:#FFF !important;}	
.wiellagers .ddmx17 a.item2:hover, .wiellagers .ddmx17 a.item2-active:hover, .wiellagers .ddmx17 a.item2-active {background-color:#038bbf !important;}

.remdelen a {color:#dc2b19;}
.stuurdelen	a {color:#000000;}
.wiellagers a {color:#038bbf;}

/* TEKST OPMAAK */
/*a {}
a:hover {}*/

ul {}
li {}

h1, .contentheading, .componentheading, .hoofdkop {
	font-size:14px;
	margin:0;
	padding:0;
	font-weight:bold;}

.subkop {
	font-weight:bold;}

h2 {}
h3 {}
h4 {}
	
/* ALGEMEEN */
fieldset {
	border:0px;
	margin:0 0 11px 0;
	padding:0;}
	
table {
	clear:both;
	border-collapse:collapse;} 
	
/* FABRIK */
.fabrikLabel {
	width:150px;}

.fabrikElement input {
	width:250px;}
	
	.fabrik_subelement input {
		width: auto;}

.fabrikForm .fabrikGroup li {
	margin-top:0px;}

.fabrikdisplay {
	font-weight:bold;}

/* LAYOUT OPMAAK */
.header_top_container {
	height:51px;
	background:url(../images/header_top_bg.png) center no-repeat;}
	
	.cd_moduletitle_logo, .cd_login-logout-greeting {
		position:absolute !important;}		
					
		.cd_moduletitle_logo a {
			color:#FFFFFF !important;}
		
		.cd_login-logout-greeting {
			width:100px;}
	
	.header_top {
		width:980px;
		margin:auto;
		height:27px;}
		
		.header_top_content {
			width:385px;
			height:27px;
			float:right;
			margin:11px 0 0 0;}
		
		.header_top_content form {
			padding:5px 0 0 5px;
			float:left;}
			
			.search input {
				font-size:10px;}
				
				#mod_search_searchword {
					width:100px;}
		
			.search .button {
				background:#dc2b19;
				border:none;
				margin-left:3px;
				color:#FFFFFF;
				font-weight:bold;}
			
			.contentmainpane fieldset .small {
				display:none;}
		
		.sitemap {
			float:right;
			margin:6px 0 0 0;}
		
		#jflanguageselection {
			float:right;
			margin:6px 0 0 0;}
			
			#jflanguageselection select {
				font-size:10px;
				width:140px;}

.header_container {
	background:url(../images/header_bg.png) no-repeat center;
	height:116px;}
	
	.header {
		width:980px;
		margin:auto;}
	
	.logo {
		background:url(../images/abs.png) no-repeat;
		height:49px;
		width:109px;
		float:right;
		margin:32px 20px 0 0;}
	
	.blokken {
		height:50px;
		width:251px;
		margin:32px 0 0 20px;
		float:left;}

.menu_container {
	height:22px;
	margin:12px 0 0 0;}
	
	.menupane {
		width:980px;
		margin:auto;}
	
	/*.menupane .item2,
	.menupane .item2-active {
		border-bottom:1px solid #999999;}*/

.content_container {
	margin:12px 0 0 0;}

	.content_all {
		width:980px;
		margin:0 auto;
		height:200px /*TEMP*/;}
		
		.content_spacer {
			width:19px;}
		
		.leftpane {
			padding:16px 0 0 0;
			width:196px;
			vertical-align:top;}
		
		.contentmainpane {
			background:url(../images/center_bg.png);
			padding:16px 19px 0 19px;
			vertical-align:top;}
			
			#com-form-login img, #login img {
					display:none;}
		
		.rightpane {
			padding:0;
			width:196px;
			vertical-align:top;}
			
			.mod_placehere .buttonheading {
				display:none;}
			
			.rightpane img {
				border:1px solid #333333;}
			
			.mod_placehere_leading {
				overflow:hidden !important;}

.footer_container {
	margin:15px 0 0 0;}

	.footerpane {
		width:943px;
		height:65px;
		margin:0 auto;
		background:url(../images/footer.png) no-repeat;}
		
		.ddmx21 {
			margin:0 0 0 22px;
			clear:none;}
			
			.ddmx21 td {}
		
		#menu21-1 {
			border-left:1px solid #000000;}
		
		.footerpane div {
			width:200px;}
		
		.footerpane img {
			float:right;
			margin:18px 10px 0 0;}

/* JOOMFISH */
.jfdefaulttext {
	font-weight:bold;}

.leftpane .jfdefaulttext, .rightpane .jfdefaulttext {
	color:#FFFFFF;}

/* MENU ROOD */
.remdelen #hxdmenu > li > ul > li:hover > a {background-color:#DC2B19;}	
.remdelen #hxdmenu > li > ul > li > ul > li:hover {background:#DC2B19;}
.remdelen #hxdmenu > li > ul > li > ul > li > ul > li:hover {background:#DC2B19;}

/* MENU GROEN */
.wiellagers #hxdmenu > li > ul > li:hover > a {background-color:#038bbf;}	
.wiellagers #hxdmenu > li > ul > li > ul > li:hover {background:#038bbf;}
.wiellagers #hxdmenu > li > ul > li > ul > li > ul > li:hover {background:#038bbf;}

/* MENU ZWART */
.stuurdelen #hxdmenu > li > ul > li:hover > a {background-color:#FFF; color:#000;}	
.stuurdelen #hxdmenu > li > ul > li > ul > li:hover {background:#FFF;}
.stuurdelen #hxdmenu > li > ul > li > ul > li > ul > li:hover {background:#FFF;}
.stuurdelen #hxdmenu > li > ul > .sfHover > a > span {color:#000 !important;}
.stuurdelen #hxdmenu > li > ul > li > ul > .sfHover > a > span {color:#000 !important;}