/***************************
**                        **
**      Dekra.Hu CSS      ** 
**                        **
**          2008          **
**                        **
***************************/

/********* GLOBALS ********/

/*@CHARSET "UTF-8";*/ 


body{
	margin:			0;
	padding:		0 0 20px 0;
	background:		#b1b2b5 url(../images/main-bg.jpg) repeat-x top left;
	font-family:	Tahoma, Verdana, Helvetica, Kalimati;
	font-size:		11px;
	line-height:	16px;
	}
	
 img{border: none;}	
.nodsp{display: none;}
.left{float: left;}
.right{float: right;}

.hide{
	display:none;
}

/* WIDTHS */
	.al{ text-align: left; }
	.ar{ text-align: right; }
	.oh{ overflow: hidden; }
	.lh22{ line-height: 22px; }
	.lh15{ line-height: 15px; }

	.hide{ display:none; }

	.p2{ padding-top: 2px; }
	.p3{ padding-top: 3px; }
	.p5{ padding-top: 5px; }
	.p8{ padding-top: 8px; }
	.p10{ padding-top: 10px; }
	.p15{ padding-top: 18px; }
	.pa5{ padding: 5px; }
	.pb5{ padding-bottom: 5px; }
	.p7{ padding-top: 7px; }
	.p10{ padding-top: 10px; }
	.pr2{ padding-right: 2px; }
	.pr5{ padding-right: 5px; }
	.pr10{ padding-right: 10px; }
	.pr15{ padding-right: 15px; }
	.pr30{ margin-right: 30px; }
	.pl3{ padding-left: 3px; }
	.pl5{ padding-left: 5px; }
	.pl10{ padding-left: 10px; }
	.pl15{ padding-left: 15px; }
	.pl20{ padding-left: 20px; }
	.pl30{ padding-left: 30px; }
	.pl50{ padding-left: 50px; }

	.mr10{ margin-right: 10px; }
/*Percents*/

	.wauto{ width: auto; }
	
	.w100{ width: 100%; }
	.w90{ width: 90%; }
	.w80{ width: 80%; }
	.w75{ width: 75%; }
	.w70{ width: 70%; }
	.w60{ width: 60%; }
	.w50{ width: 50%; }
	.w40{ width: 40%; }
	.w35{ width: 35%; }
	.w30{ width: 30%; }
	.w25{ width: 25%; }
	.w20{ width: 20%; }
	.w10{ width: 10%; }
	
	/*Pixels*/
	
	.w10px{ width: 10px; }
	.w12px{ width: 12px; }
	.w15px{ width: 15px; }
	.w20px{ width: 20px; }
	.w25px{ width: 25px; }
	.w30px{ width: 30px; }
	.w35px{ width: 35px; }
	.w40px{ width: 40px; }
	.w50px{ width: 50px; }
	.w60px{ width: 60px; }
	.w70px{ width: 70px; }
	.w80px{ width: 80px; }
	.w90px{ width: 90px; }
	.w100px{ width: 100px; }
	.w110px{ width: 110px; }
	.w120px{ width: 120px; }
	.w140px{ width: 140px; }
	.w155px{ width: 155px; }
	.w150px{ width: 150px; }
	.w160px{ width: 160px; }
	.w170px{ width: 170px; }
	.w180px{ width: 180px; }
	.w200px{ width: 200px; }
	.w210px{ width: 210px; }
	.w215px{ width: 215px; }
	.w220px{ width: 220px; }
	.w230px{ width: 230px; }
	.w250px{ width: 250px; }
	.w280px{ width: 280px; }
	.w300px{ width: 300px; }
	.w350px{ width: 350px; }
	.w360px{ width: 360px; }
	.w400px{ width: 400px; }
	.w410px{ width: 410px; }
	.w430px{ width: 430px; }
	.w450px{ width: 450px; }
	.w460px{ width: 460px; }
	.w480px{ width: 480px; }
	.w500px{ width: 500px; }
	.w510px{ width: 510px; }
	.w550px{ width: 550px; }
	.w600px{ width: 600px; }
	.w650px{ width: 650px; }
	.w660px{ width: 660px; }
	.w680px{ width: 680px; }
	.w700px{ width: 700px; }

/* HEIGHTS */
	.h5{height:5px;}
	.h10{height:10px;}
	.h12{height:12px;}
	.s10{height:10px;float:none;}
	.h20{height:20px;}
	.h25{height:25px;}
	.s20{height:10px;float:none;}
	.h30{height:30px;}
	.h35{height:35px;}
	.h40{height:40px;}
	.h60{height:60px;}
	.h200{height:200px;}

	.h100px{height:100px;}

	.m3{ margin-top:3px; }

/* ADDONS */
	
.noborder{ border: none; }
.big{ font-size: 16px; font-weight: bold; }
.smallbig{ font-size: 14px; }
.smallbig2{ font-size: 12px; }
.kicsitab{ padding-left: 20px; }
.small{ font-size: 10px; }
.verysmall{ font-size: 9px; color: #999; }
.verysmalldark{ font-size: 9px; }
.link{cursor: pointer; }
.help{cursor: help; }
.und{ text-decoration: underline; }
.verybig{ font-size: 20px; }
.redhover:hover{ color: #f00; }
.undhover:hover{ text-decoration: underline; }
.caps{ text-transform: uppercase; }
.DottedLine{ height: 1px; width: 100%; border-bottom: 1px dotted #999; margin-top: 10px; margin-bottom: 10px; }
.s5{height:5px; width:1px; oveflow:hidden; clear:both; float:none;}

.joblink{
		color: #000;
}

h5{
	margin:		0px 0px 15px 0px;
	padding:	0;
	font-size:	11px;
	color:		#58a10e;
	}

.clear{
	clear:		both;
	float:		none;
	width:		1px;
	height:		1px;
	overflow:	hidden;
	visibility:	hidden;
	}

a{
	color:				#6990bc;
	text-decoration: 	underline;
	}
	a:hover{color:#c16767;}

/* FRAME LAYOUT */

div.frame{
	width:		970px;
	height:		auto;
	margin:		0 auto;
	padding:	0 0 0 0;
	background:	transparent url(../images/frame-bg.jpg) repeat-y top left;
	text-align:	left;
	}
	
div.frame div.header{
	width:		970px;
	height:		216px;
	background:	url(../images/header-bg.jpg) no-repeat top center;
	}
	div.frame div.header img.logolink{
		cursor:	pointer;
		border:	none;
		margin:	81px 0 0 15px !important;
		width:	200px;
		height:	59px;
		}

div.frame div.content{
	width:		962px;
	height:		auto;
	padding:	0 4px 0 4px !important;
	background: transparent;
	}
	
	/* LEFT MENU */
	div.frame div.content div.leftMenu{
		width:		211px;
		padding:	0 0 0 0 !important;
		height:		auto;
		float:		left;
		background: transparent;
		text-align:	left;
		}
		div.frame div.content div.leftMenu a{
			border:		none;
			display:	block;
			}
		div.frame div.content div.leftMenu img{
			border:		none !important;
			margin:		0;
			padding:	0;
			}
		div.frame div.content div.leftMenu div.loginLeft{
			padding:		0 0 5px 11px;
			width:			138px;
			border-bottom:	2px solid #fff;
			}
			div.frame div.content div.leftMenu div.loginLeft input.text{
				width:		198px;
				border:		1px solid #ccc;
				font-size:	10px;
				color:		#333;
				background:	#edf6df;
				padding:	2px 0 2px 0 !important;
				}
			div.frame div.content div.leftMenu div.loginLeft div.linkek{
				width:			140px;
				float:			left;
				text-align:		left !important;
				padding:		0 0 0 0 !important;
				line-height:	11px;
				}
				div.frame div.content div.leftMenu div.loginLeft div.linkek a{
					color:				#6990bc;
					text-decoration:	underline;
					font-size:			9px !important;
					display:			inline !important;
					}
					div.frame div.content div.leftMenu div.loginLeft div.linkek a:hover{
						color: #c16767;
						}
				
			div.frame div.content div.leftMenu div.loginLeft div.submitHolder{
				width:		51px;
				float:		right;
				padding:	2px 2px 0 0 !important;
				}
			div.frame div.content div.leftMenu div.loginLeft .button{
				display:			block;
				width:				51px;
				height:				23px;
				border:				1px solid #ccc;
				background:			#edf6df;
				color:				#444;
				text-decoration:	none;
				text-align:			center !important;
				font-size:			11px;
				padding:			1px 4px 2px 4px !important;
				font-family:		Tahoma, Helvetica, Verdana, Kalimati;
				cursor:				pointer;
				}
				div.frame div.content div.leftMenu div.loginLeft .button:hover{
					background:	#bddc8d;
					}
		
		/* Login Right */
		
		div.frame div.content div.rightMenu div.loginLeft{
			padding:		0 11px 5px 11px;
			width:			128px;
			border-bottom:	2px solid #fff;
			}
			div.frame div.content div.rightMenu div.loginLeft input.text{
				width:		126px;
				border:		1px solid #ccc;
				font-size:	10px;
				color:		#333;
				background:	#edf6df;
				padding:	2px 0 2px 0 !important;
				}
			div.frame div.content div.rightMenu div.loginLeft div.linkek{
				width:			60px;
				float:			left;
				text-align:		left !important;
				padding:		0 0 0 0 !important;
				line-height:	11px;
				}
				div.frame div.content div.rightMenu div.loginLeft div.linkek a{
					color:				#6990bc;
					text-decoration:	underline;
					font-size:			9px !important;
					display:			inline !important;
					padding:			0 !important;
					margin:				0 !important;
					background:			transparent !important;
					}
					div.frame div.content div.rightMenu div.loginLeft div.linkek a:hover{
						color: #c16767;
						}
				
			div.frame div.content div.rightMenu div.loginLeft div.submitHolder{
				width:		51px;
				float:		right;
				padding:	2px 2px 0 0 !important;
				}
			div.frame div.content div.rightMenu div.loginLeft .button{
				display:			block;
				width:				51px;
				height:				23px;
				border:				1px solid #ccc;
				background:			#edf6df;
				color:				#444;
				text-decoration:	none;
				text-align:			center !important;
				font-size:			11px;
				padding:			1px 4px 2px 4px !important;
				font-family:		Tahoma, Helvetica, Verdana, Kalimati;
				cursor:				pointer;
				}
				div.frame div.content div.rightMenu div.loginLeft .button:hover{
					background:	#bddc8d;
					}
					
			/* Login Right End */
		
.area{
	width:		248px;
	border:		1px solid #ccc;
	font-size:	12px;
	color:		#333;
	background:	#edf6df;
	padding:	2px 0 2px 0 !important;
	height:		120px;
	font-family:	Verdana, Arial, Helvetica, Kalimati;
	}
	
	
	/* RIGHT MENU */
	div.frame div.content div.rightMenu{
		width:		150px;
		height:		auto;
		float:		right;
		background: transparent;
		text-align:	left;
		}
		
	div.frame div.content div.rightMenu img{
		border:		none !important;
		display:	block;
		}
	div.frame div.content div.rightMenu div.linkek a{
		font-size:			10px !important;
		text-decoration:	none;
		color:				#666;
		font-weight:		bold;
		display:			block;
		width:				110px;
		height:				auto;
		padding:			5px 23px 8px 17px !important;
		background:			transparent url(../images/dekra-linkek-bg.jpg) no-repeat bottom left;
		}
		div.frame div.content div.rightMenu div.linkek a:hover{
			text-decoration:	none !important;
			color:				#fff;
			background:			transparent url(../images/dekra-linkek-bg-hover.jpg) no-repeat top left;
			}
		div.frame div.content div.rightMenu div.linkek a.last{
			background:	transparent url(../images/dekra-linkek-bg-last2.jpg) no-repeat bottom left !important;
			}
		div.frame div.content div.rightMenu div.linkek a.last:hover{
			background:	transparent url(../images/dekra-linkek-bg-last2-hover.jpg) no-repeat bottom left !important;
			}
		
	/* MAIN CONTENT */
	div.frame div.content div.mainContent{
		width:		573px !important;
		float:		left;
		padding:	0 14px 0 14px !important;
		background: transparent;
		text-align:	justify;
		color:		#444 !important;
		font-size:	11px;
		}
		
div.frame div.footer{
	width:			950px;
	height:			auto;
	padding:		10px 10px 10px 10px !important;
	font-size:		10px !important;
	font-weight:	normal;
	text-align:		center;
	color:			#fff;
	background:		transparent url(../images/footer-bg.jpg) repeat-y top left;
	border-bottom:	4px solid #fff;
	}
	* html div.frame div.footer{
		padding:	8px 10px 6px 10px !important;
		}
	div.frame div.footer a{
		color:				#fff;
		display:			inline;
		float:				none;
		text-decoration:	underline;
		font-weight:		bold;
		}
		div.frame div.footer a:hover{text-decoration: none !important;}

/* ADDONS */

div.frame div.content div.mainContent div.sep{
	margin:		10px 0 10px 0 !important;
	float:		none;
	clear:		both;
	width:		573px;
	height:		3px;
	overflow:	hidden !important;
	background:	transparent url(../images/sep-bg.jpg) repeat-x top left;
	}

.und{text-decoration: underline !important;}
.underlined:hover{text-decoration: underline !important;}
.link{cursor: pointer !important;}
.help{cursor: help !important;}
.big{font-size: 14px !important;}
.verybig{font-size: 18px !important;}

.small{font-size: 10px;}

/* WIDTHS */

	/*Percents*/
	
	.w100{ width: 100%; }
	.w90{ width: 90%; }
	.w80{ width: 80%; }
	.w75{ width: 75%; }
	.w70{ width: 70%; }
	.w60{ width: 60%; }
	.w50{ width: 50%; }
	.w40{ width: 40%; }
	.w30{ width: 30%; }
	.w25{ width: 25%; }
	.w20{ width: 20%; }
	.w10{ width: 10%; }
	
	/*Pixels*/
	
	.w50px{ width: 50px !important; }
	.w70px{ width: 70px !important; }
	.w80px{ width: 80px !important; }
	.w90px{ width: 90px !important; }
	.w100px{ width: 100px !important; }
	.w150px{ width: 150px !important; }
	.w200px{ width: 200px !important; }
	.w250px{ width: 250px !important; }
	.w300px{ width: 300px !important; }
	.w350px{ width: 350px !important; }
	.w400px{ width: 400px !important; }
	.w450px{ width: 450px !important; }

/*COLORS*/
.blue{color:#6990bc !important;}
.grey{color: #ccc !important;}
.darkgrey{color: #999 !important;}
.redhover:hover{color:#c16767 !important;}

.darkGreen{color:#008954;}

.nofloat{
		visibility:	hidden;
		height:		0px;
		overflow:	hidden;
		float:		none;
		clear:		both;
		}
		
.Fleft{float: left;}
.Fright{float: right;}

.h5{height: 5px; overflow: hidden;}
.h10{height: 10px; overflow: hidden;}
.h20{height: 20px; overflow: hidden;}
.h30{height: 30px; overflow: hidden;}

.s5{height: 5px; overflow: hidden; float: none; clear: both;}
.s10{height: 10px; overflow: hidden; float: none; clear: both;}
.s20{height: 20px; overflow: hidden; float: none; clear: both;}
.s30{height: 30px; overflow: hidden; float: none; clear: both;}
.s40{height: 40px; overflow: hidden; float: none; clear: both;}

.absmiddle{vertical-align: middle !important;}

.w100{width: 100%;}

.noborder{border: none !important;}

/* JOB MODULE */

div.frame div.content div.mainContent div.jobModule{
	width:			567px;
	height:			auto;
	background:		transparent;
	border:			3px solid #dcdedf;
	margin:			0 0 5px 0 !important;
	line-height:	18px;
	}
	div.frame div.content div.mainContent div.jobModule div.head{
		width:				538px;
		height:				21px;
		padding:			0 11px 0 18px;
		background:			#dcdedf;
		text-align:			left !important;
		color:				#fff !important;
		font-size:			14px;
		font-weight:		bold;
		text-decoration:	none;
		overflow:			hidden;
		text-transform:		uppercase;
		}
		div.frame div.content div.mainContent div.jobModule div.head a{
			color:				#fff !important;
			font-size:			14px;
			font-weight:		bold;
			text-decoration:	none;
			}
			div.frame div.content div.mainContent div.jobModule div.head a:hover{
			color:				#fff;
			text-decoration:	underline;
			}
	
	div.frame div.content div.mainContent div.jobModule div.content{
		width:		547px;
		height:		auto;
		padding:	8px 10px 8px 10px;
		color:		#333 !important;
		font-size:	11px !important;
		text-align:	left !important;
		cursor:		default;
		}
		
div.frame div.content div.mainContent div.mainTitle{
	background:		transparent url(../images/inner-logo.gif) no-repeat top left;
	padding:		4px 0 0 25px;
	height:			auto;
	font-size:		24px;
	color:			#008954;
	font-family:	Arial, Helvetica, Verdana, Tahoma, Kalimati;
	font-weight:	normal;
	text-align:		left;
	line-height:	26px;
	cursor:			default;
	}

/* FORM AND SUCH */

form{
	margin:		0 !important;
	padding:	0 !important;
	border:		none;
	}

div.frame div.content div.mainContent input.text{
	width:		148px;
	border:		1px solid #ccc;
	font-size:	11px !important;
	color:		#333;
	background:	#edf6df;
	padding:	2px 0 2px 0 !important;
	}

div.frame div.content div.mainContent select{
	width:		auto;
	border:		1px solid #ccc;
	font-size:	11px !important;
	color:		#333;
	background:	#edf6df;
	padding:	2px 0 2px 0 !important;
	cursor:		pointer;
	}

div.frame div.content div.mainContent div.submitHolder{
	width:		51px;
	float:		right;
	padding:	2px 2px 0 0 !important;
	}
div.frame div.content div.mainContent .button{
	display:			block;
	width:				51px;
	height:				23px;
	border:				1px solid #ccc;
	background:			#edf6df;
	color:				#444;
	text-decoration:	none;
	text-align:			center !important;
	font-size:			11px;
	padding:			1px 4px 2px 4px !important;
	font-family:		Tahoma, Helvetica, Verdana, Kalimati;
	cursor:				pointer;
	}
	div.frame div.content div.mainContent .button:hover{
		background:	#bddc8d;
		}
		
	div.frame div.content div.mainContent a.button{
	display:			block;
	width:				51px;
	height:				17px;
	border:				1px solid #ccc;
	background:			#edf6df;
	color:				#444;
	text-decoration:	none;
	text-align:			center !important;
	font-size:			11px;
	padding:			1px 4px 2px 4px !important;
	font-family:		Tahoma, Helvetica, Verdana, Kalimati;
	cursor:				pointer;
	}
	div.frame div.content div.mainContent a.button:hover{
		background:	#bddc8d;
		}

/* Job BASKET */

div.frame div.content div.rightMenu div.basket div.head{
	width:		150px;
	height:		29px;
	color:		#fff;
	overflow:	hidden;
	background:	transparent url(../images/basket-head.gif) no-repeat top left;
	}

div.frame div.content div.rightMenu div.basket div.basketItem{
	width:			144px;
	border-bottom:	1px solid #fff;
	margin:			0 0 0 0;
	padding:		8px 0 8px 0;
	cursor:			pointer;
	}
div.frame div.content div.rightMenu div.basket div.basketItem:hover{
	background:			#efefef;
	text-decoration:	none;
	}
	div.frame div.content div.rightMenu div.basket div.basketItem:hover a{
		text-decoration:	none;
		}
	
div.frame div.content div.rightMenu div.basket div.basketItem.active{
	background:	#000;
	}

div.frame div.content div.rightMenu div.basket div.basketItem a{
	color:				#777;
	font-size:			10px;
	text-decoration:	underline;
	height:				auto;
	line-height:		normal;
	}
	div.frame div.content div.rightMenu div.basket div.basketItem a:hover{
		text-decoration:	none !important;
		}
		
/* QUICK SEARCH */

div.frame div.content div.leftMenu div.qsearch div.head{
	width:		211px;
	height:		29px;
	color:		#fff;
	overflow:	hidden;
	background:	transparent url(../images/search-head.jpg) no-repeat top left;
	}

div.frame div.content div.leftMenu div.qsearch div.content{
	border-bottom:	2px solid #fff;
	}

		
div.frame div.content div.mainContent div.subTitle{
	background-color:	transparent;
	padding:			0;
	height:				auto;
	font-size:			18px;
	color:				#444;
	font-family:		Arial, Helvetica, Verdana, Tahoma, Kalimati;
	font-weight:		normal;
	text-align:			left;
	line-height:		22px;
	cursor:				default;
	}
	
/* ERROR, OK, NOTE */

div.error{
	color:			#666;
	border-top:		1px solid #c16767;
	border-left:	1px solid #c16767;
	border-right:	1px solid #c16767;
	border-bottom:	3px solid #c16767;
	background:		#fff;
	font-weight:	bold;
	padding:		3px;
	height:			auto;
	width:			auto;
	margin:			5px 0 5px 0 !important;
	}
	
div.Error{
	color:			#666;
	border-top:		1px solid #c16767;
	border-left:	1px solid #c16767;
	border-right:	1px solid #c16767;
	border-bottom:	3px solid #c16767;
	background:		#fff;
	font-weight:	normal;
	padding:		3px;
	height:			auto;
	width:			auto;
	margin:			5px 0 5px 0 !important;
	}
	
div.Note{
	color:			#666;
	border-top:		1px solid #e3c996;
	border-left:	1px solid #e3c996;
	border-right:	1px solid #e3c996;
	border-bottom:	3px solid #e3c996;
	background:		#f6eedf;
	font-weight:	bold;
	padding:		3px;
	height:			auto;
	width:			auto;
	margin:			5px 0 5px 0 !important;
	}

div.Ok{
	color:			#666;
	border-top:		1px solid #4ca1c1;
	border-left:	1px solid #4ca1c1;
	border-right:	1px solid #4ca1c1;
	border-bottom:	3px solid #4ca1c1;
	background:		#dff0f6;
	font-weight:	normal;
	padding:		3px;
	height:			auto;
	width:			auto;
	margin:			5px 0 5px 0 !important;
	}