﻿/* * {
	margin: 0;
	padding: 0;
}
*/

h5
{
	margin:0px;
	padding:0px;
}

img {
	border: none;
}

#mainBox {
	margin-top: 17px;
	width: 800px;
}
	
#header img {
	float: left;
	margin-right: 10px;
}

#headerNavigation {
	display: block;
	float: left;
	width: 655px;
	font-size: 10px;
	height: 23px;
	color: #000;
	border: solid #999;
	border-width: 1px 0;
	font: 11px Verdana, Helvetica, Sans-Serif;
	color: #333;
}

#headerNavigation ul {
	float: right;
	list-style-type: none;
}

#headerNavigation ul li {
	display: inline;
}

#headerNavigation ul li.GB {
	font-size: 11px;
	display: block;
	padding: 5px 0 0 20px;
	background: url(/mobilx/images/LeftNav/key14x6.gif) 0 8px no-repeat
		transparent;
}

#headerNavigation ul li a {
	text-decoration: none;
}

#headerNavigation select#sprache {
	margin: 3px 0 0 0;
	width: 80px;
	font: 10px Verdana, Helvetica, Sans-Serif;
}

#headerNavigation input#sendLanguage {
	font: 10px Verdana, Helvetica, Sans-Serif;
	border: none;
	background: #ccc;
}

/* =================/header ============================ */

	
	
	
	/* ------------- *mainNavigation ------------- */
	

ul#mainNavigation {
	float: left;
	width: 770px;
	height: 21px;
	border-bottom: #ccc 5px solid;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

ul#mainNavigation li {
	float: left;
	margin: 0 1px 0 0;
	padding: 0;
}

ul#mainNavigation li.home {
	float: left;
	margin-right: 220px;
}

ul#mainNavigation li.empty {
	float: left;
	margin-right: 1px;
}

ul#mainNavigation li.empty2 {
	float: left;
	margin-left: 1px;
	margin-right: -5px;
}

ul#mainNavigation li.company {
	margin-right: 0;
}

ul#mainNavigation li.myData {
	margin-right: -5px;
}

ul#mainNavigation li a {
	display: block;
	margin: 0px;
	width: 104px;
	height: 21px;
}

ul#mainNavigation li span {
	display: none
}

		
		ul#mainNavigation li.home a 
		{
			background: url(/mobilx/images/MainNav/home_0.gif) no-repeat left top;
		}
		ul#mainNavigation li.home a.active 
		{
			background: url(/mobilx/images/MainNav/home_1.gif) no-repeat left top;
		}
		ul#mainNavigation li.home a:hover 
		{
			background: url(/mobilx/images/MainNav/home_1.gif) no-repeat left top;
		}
		
		ul#mainNavigation li.company a 
		{
			background: url(/mobilx/images/MainNav/FirmaBilgileri_0.gif) no-repeat left top;
		}
		ul#mainNavigation li.company a.active 
		{
			background: url(/mobilx/images/MainNav/FirmaBilgileri_1.gif) no-repeat left top;
		}
		ul#mainNavigation li.company a:hover 
		{
			background: url(/mobilx/images/MainNav/FirmaBilgileri_1.gif) no-repeat left top;
		}
		
		
		ul#mainNavigation li.brandHub a 
		{
			background: url(/mobilx/images/MainNav/CalismaSartlari_0.gif) no-repeat left top;
		}
		ul#mainNavigation li.brandHub a.active 
		{
			background: url(/mobilx/images/MainNav/CalismaSartlari_1.gif) no-repeat left top;
		}
		ul#mainNavigation li.brandHub a:hover 
		{
			background: url(/mobilx/images/MainNav/CalismaSartlari_1.gif) no-repeat left top;
		}

		
		ul#mainNavigation li.advisor a 
		{
			background: url(/mobilx/images/general/company_1.gif) no-repeat left top;
		}
		ul#mainNavigation li.advisor a.active 
		{
			background: url(/mobilx/images/general/company_1.gif) no-repeat left top;
		}
		ul#mainNavigation li.advisor a:hover 
		{
			background: url(/mobilx/images/general/company_1.gif) no-repeat left top;
		}

		
		ul#mainNavigation li.security a 
		{
			background: url(/mobilx/images/general/company_1.gif) no-repeat left top;
		}
		ul#mainNavigation li.security a.active 
		{
			background: url(/mobilx/images/general/company_1.gif) no-repeat left top;
		}
		ul#mainNavigation li.security a:hover 
		{
			background: url(/mobilx/images/general/company_1.gif) no-repeat left top;
		}

/* /public domain */
/* professional domain */

		ul#mainNavigation li.empty
		{
			background: url(/mobilx/images/MainNav/empty1.gif) no-repeat left top;
		}


		ul#mainNavigation li.myData a 
		{
			background: url(/mobilx/images/MainNav/myData_0.gif) no-repeat left top;
		}
		ul#mainNavigation li.myData a.active 
		{
			background: url(/mobilx/images/MainNav/myData_1.gif) no-repeat left top;
		}
		ul#mainNavigation li.myData a:hover 
		{
			background: url(/mobilx/images/MainNav/myData_1.gif) no-repeat left top;
		}


		ul#mainNavigation li.profHome a 
		{
			background: url(/mobilx/images/MainNav/home_0.gif) no-repeat left top;
		}
		ul#mainNavigation li.profHome a.active 
		{
			background: url(/mobilx/images/MainNav/home_1.gif) no-repeat left top;
		}
		ul#mainNavigation li.profHome a:hover 
		{
			background: url(/mobilx/images/MainNav/home_1.gif) no-repeat left top;
		}


		ul#mainNavigation li.offer a 
		{
			background: url(/mobilx/images/MainNav/offer_0.gif) no-repeat left top;
		}
		ul#mainNavigation li.offer a.active 
		{
			background: url(/mobilx/images/MainNav/offer_1.gif) no-repeat left top;
		}
		ul#mainNavigation li.offer a:hover 
		{
			background: url(/mobilx/images/MainNav/offer_1.gif) no-repeat left top;
		}


		ul#mainNavigation li.search a 
		{
			background: url(/mobilx/images/MainNav/search_0.gif) no-repeat left top;
		}
		ul#mainNavigation li.search a.active 
		{
			background: url(/mobilx/images/MainNav/search_1.gif) no-repeat left top;
		}
		ul#mainNavigation li.search a:hover 
		{
			background: url(/mobilx/images/MainNav/search_1.gif) no-repeat left top;
		}


		ul#mainNavigation li.training a 
		{
			background: url(/mobilx/images/MainNav/training_0.gif) no-repeat left top;
		}
		ul#mainNavigation li.training a.active 
		{
			background: url(/mobilx/images/MainNav/training_1.gif) no-repeat left top;
		}
		ul#mainNavigation li.training a:hover 
		{
			background: url(/mobilx/images/MainNav/training_1.gif) no-repeat left top;
		}


		ul#mainNavigation li.communication a 
		{
			background: url(/mobilx/images/MainNav/communication_0.gif) no-repeat left top;
		}
		ul#mainNavigation li.communication a.active 
		{
			background: url(/mobilx/images/MainNav/communication_1.gif) no-repeat left top;
		}
		ul#mainNavigation li.communication a:hover 
		{
			background: url(/mobilx/images/MainNav/communication_1.gif) no-repeat left top;
		}
/* --------------/mainNavigation --------------- */

	/* ==================================== *subNavigation =========================================== */
#makeItLookNice {
	clear: both;
	background: url(/mobilx/images/LeftNav/trennerdeluxe.gif) no-repeat left top;
	height: 16px;
}



/* ============================================================= */

ul.subNavigation ul.cat {
	width: 104px;
	list-style-type: none;
	padding-bottom: 21px;
	margin: 0px;
	padding: 0px;
}


ul.subNavigation {
	float: left;
	margin: 1px 0 20px 0;
	width: 104px;
	list-style-type: none;
	font-size: 10px;
	background: #CCC;
	font: 11px Verdana, Helvetica, Sans-Serif;
	color: #333;
	margin: 0px;
	padding: 0px;
}

ul.subNavigation li {
	border-bottom: #FFF 1px solid;
}

ul.subNavigation li a {
	display: block;
	padding: 4px 4px 5px 12px;
	font-size: 10px;
	background: url(/mobilx/images/LeftNav/2_0.gif) no-repeat left top #CCC;
	color: #000;
	text-decoration: none;
}

ul.subNavigation li a.active {
	border: 0px;
	background: url(/mobilx/images/LeftNav/2_1.gif) no-repeat left top #CCC;
}

ul.subNavigation li a:hover {
	border: 0px;
	background: url(/mobilx/images/LeftNav/2_1.gif) no-repeat left top #CCC;
}

/* ================== *TopCats like Search & Offer ============= */
ul.subNavigation li h5 a {
	font-size: 10px;
	font-weight: normal;
	padding: 4px 4px 5px 4px;
	color: #fff;
	background-color: #999;
	border: #999 1px solid;
}

ul.subNavigation li h5 a:hover,ul.subNavigation li h5 a.active:hover {
	border: #CCC 1px solid;
	color: #000;
	background: #fafafa;
}

ul.subNavigation li h5 a.active {
	color: #fff;
	background: #999;
	border: #999 1px solid;
}

/* ================== /TopCats like Search & Offer ============= */
	/* ================== *Categories like Pkw or Lkw ============== */
ul.subNavigation ul.cat {
	width: 104px;
	list-style-type: none;
	padding-bottom: 21px;
}

/* ================== /Categories like Pkw or Lkw ============== */
	/* ================== *SubCats like New or Used ================ */
ul.subNavigation ul.catSub {
	width: 104px;
	list-style-type: none;
	font-size: 10px;
	margin-bottom: -1px;
}

ul.subNavigation ul.catSub .GB li { /*
	Commented out, because paddings added up, as removed the ul in the
	following styles: .subNavigation (ul) ul.catSub li a
	padding-left: 14px;*/
	
}

.subNavigation ul.catSub li a {
	padding-left: 24px;
	background: url(/mobilx/images/LeftNav/2_0.gif) 12px 0 no-repeat #CCC;
}

.subNavigation ul.catSub li a.active {
	background: url(/mobilx/images/LeftNav/2_1.gif) 12px 0 no-repeat #CCC;
}

.subNavigation ul.catSub li a:hover {
	background: url(/mobilx/images/LeftNav/2_1.gif) 12px 0 no-repeat #CCC;
}

/* ================== /SubCats like New or Used ================ */
	/* ========================= *Special ========================== */
.subNavigation li.divider {
	height: 21px;
}

/* ==================================== /subNavigation =========================================== */




/*================================== helper declarations (self clearing containers) ==================================*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}

