/* jeep.css
------------------------------------------------------------------------
Overwrite rules for JEEP Brand

Author: elements.at 
--------------------------------------------------------------------- */



/* Basic CSS Rules
--------------------------------------------------------------------- */

body {
	margin: 0;
	padding: 0;
	background: #eeeff0 url(/static/img/jeep/body_bg.gif) left top repeat-x;
}


div, h1, h2, h3, h4, p, form, input, select, textarea, ol, ul, li, object, embed {
	margin: 0;
	padding: 0;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	text-align: left;			
}

h1 {
	color: #000;
	font-weight: bold;
	font-size: 19px;
	line-height: 22px;	
}

h2 {
	color: #000;
	font-weight: bold;		
}


h3 {
	color: #000;
	font-weight: bold;		
}

h4 {
	color: #000;
	font-weight: bold;		
}

object {
	display: block;
}

a:link {
	color: #000;
	text-decoration: underline;
}

a:visited {
	color: #000;
	text-decoration: underline;
}

a:hover {
	color: #000;
	text-decoration: underline;
}

a:active {
	color: #000;
	text-decoration: underline;
}

img {
	border: 0;
}

.center {
	text-align: center;
}

.left {
	text-align: left;
}

.right {
	text-align: right;
}

.clear {
	clear: both !important;
}

.debug {
	border: 1px solid #000;
}



/* Hauptnavigation (Tabs)
--------------------------------------------------------------------- */


/* Ebene 2 (Aufklappen darunter)*/

#meta li ul li span {
	background: url(/static/img/jeep/navbg.png) left top repeat;
}

#meta li ul li span.first {
	background: url(/static/img/jeep/navbg_top.png) left top repeat;
	
}

#meta li.sfhover ul li.sfhover a {
	background: #5a7800;
}

#meta li.sfhover ul li.sfhover a.more {
	background: #5a7800 url(/static/img/arrow_nav.gif) 160px 7px no-repeat;
}

/* Ebene 3 (Aufklappen rechts) */

#meta li ul li ul li span {
	background: url(/static/img/jeep/navbg_shadow.png) left top repeat;
}

#meta li#last ul li ul li span {
	background: url(/static/img/jeep/navbg_last.png) right top repeat;
}

#meta li.sfhover ul li.sfhover ul li.sfhover a {
	background: #5a7800;
}

#meta li#last.sfhover ul li.sfhover ul li.sfhover a {
	background: #5a7800;
}


/* Portalnavigation (sidebar)
--------------------------------------------------------------------- */

#sidenav li span {
	background: url(/static/img/jeep/navbg.png) left top repeat;
}


#sidenav li.sfhover a {
	background: #5a7800;
}

#sidenav li.sfhover a.more {
	background: #5a7800 url(/static/img/arrow_nav.gif) 180px 7px no-repeat;
}



/* Ebene 2 */

#sidenav li ul li span {
	background: url(/static/img/jeep/navbg_shadow.png) left top repeat;
}

#sidenav li ul li span.first {
	background: url(/static/img/jeepnavbg_top_shadow.png) left top repeat;
}

#sidenav li.sfhover ul li.sfhover a {
	background: #5a7800 !important;
}

#sidenav li.sfhover ul li.sfhover a.more {
	background: #5a7800 url(/static/img/arrow_nav.gif) 178px 7px no-repeat !important;
}

/* Eintrag geöffnet und aktiv*/

#sidenav li.active {
	border-top: 1px solid #a9b476;
	background: #5a7800; 
}

#sidenav li.active span {
	background: none !important;
}

#sidenav li.active a {
	background: url(/static/img/arrow_nav_active.gif) 176px 8px no-repeat;
}

#sidenav li.active ul li a {
	background: url(/static/img/arrow_white.gif) left 4px no-repeat;
}

#sidenav li.active ul li.sfhover a {
	background: url(/static/img/arrow_nav.gif) left 4px no-repeat !important;
}


#sidenav li.active ul li a.active, #sidenav li.active.sfhover ul li.sfhover a.active {
	background: url(/static/img/arrow_nav.gif) left 4px no-repeat;
}



/* Portalseite 
--------------------------------------------------------------------- */


/* Teaserhead statische Variante */
#site .portal .teasers .teaser .headline {
	background: url(/static/img/jeep/teaser_closed.png) left top no-repeat;
}

#site .portal .teasers .teaser .headline.open {
	background: url(/static/img//jeep/teaser_closed_up.png) left top no-repeat;
}

#site .portal .teasers .teaser .headline .openback {
	background: url(/static/img/jeep/teaser_open.gif) left top no-repeat;
}

#site .product .product_teasers .teaser.dark {
	background: url(/static/img/jeep/teaser_dark_bg.gif) left top no-repeat;
}


/* Inhaltseite 
--------------------------------------------------------------------- */

#site .content .contentback {
	background: url(/static/img/jeep/content_bg.png) left 71px no-repeat;
}

#site .content .contentbackwide {
	background: url(/static/img/jeep/contentwide_bg.png) left 71px no-repeat;
}


#site .content .left .navback {
	background: #eeeff0 url(/static/img/jeep/nav_content_bg.gif) left top repeat-x !important;
	width:200px;
	padding: 0;
	overflow: visible;
	margin: 0;
	float: left;
	position: relative;
}

#site .content .sujet {
	border-top: 1px solid #b4be8c;
	background: #b4be8c;
}