/* 

Name:				HESS AG
Author:				Andris Linz @ ibl und partner ag, Solothurn, Switzerland
Author URL:			www.ibl.ch
Copyright:			ibl und partner ag
Last Update:		23.11.2009

*/

/* ------------------------- RESET ------------------------- */

body, html, h1, h2, h3, h4, h5, h6, p, ul, li, ol, img { margin:0; padding:0; border:0; }

ul, li, ol { list-style:none; }

:focus { outline:none; }

/* ------------------------- ie6 ------------------------- */

#ie6 { padding:10px 0 0 0; width:100%; height:auto; background:#ff9; color:#222; z-index:99; border-bottom:#222 2px solid; text-align:center; }

#ie6 p { padding:10px 0 0 0; font-size:12px; width:100%; }

#ie6 h3 { font-size:14px; color:#ae0b2e; background:transparent; }

/* ------------------------- UTILITIES ------------------------- */

.clear { clear:both; }

.floatLeft { float:left; }

.floatRight { float:right; }

.magenta { color:#e2007a; }

.white { color:#FFF}

.nomargin { margin:0; padding:0; }

/* ------------------------- MAIN STYLES ------------------------- */

html { height:100%;}

body { background:url(/images/bg.gif); font-family:"Helvetica Neue", Helvetica, Arial, sans; font-size:12px; color:#4e544f; line-height:18px; }

sup { font-size:7px; }

h3 { font-size:14px; font-weight:normal; text-transform:uppercase; line-height:20px; }

dl { padding:0 0 30px 0; list-style:square; }

dt { float:left; padding:0 0 0 30px; margin:0 15px 0 0; background:url(/images/bullet.png) no-repeat; height:30px; }

dd { font-weight:bold; height:30px; line-height:22px;}

dl.bold-normal dt { font-weight:bold; }

dl.bold-normal dd { font-weight:normal; }

dl.pressecommunique dd {line-height:14px;}

a { color:#4e544f; text-decoration:underline; }

p { margin:0 0 15px 0; width:450px; }

span.highlight { font-size:14px; font-weight:normal; text-transform:uppercase; line-height:20px; }


/* ------------------------- UPPER ------------------------- */

#upper { min-height:530px; height:100%; background:url(/images/sky.jpg) center top repeat-x; width:100%; }

.wrapper-upper { position:relative; width:990px; height:100%; margin:0 auto; }

.wrapper-upper-inner { position:relative; top:-7px; min-height:440px; height:100%; width:990px; margin:0 0 -13px 0; }

img#swiss { position:absolute; right:0; top:325px; }

h1#logo { position:relative; top:-26px; left:844px; background:url(/images/hess-logo.png) no-repeat; width:146px; height:53px; text-indent:-9999px; line-height:53px; z-index: 999; }

h1#logo a { display:block; }

/* Upper Text 1 */

.upper-text-1 { position:relative; width:465px; left:365px; padding:15px 0 0 15px; }

.upper-text-1 h3, .upper-text-1 p, .upper-text-2 h3, .upper-text-2 p, .upper-text-3 h3, .upper-text-3 p, .upper-text-4 h3, .upper-text-4 p, .upper-text-5 h3 { padding:0; }

/* Upper Text 2 */

.upper-text-2 { position:relative; width:597px; float:left; padding:15px 0 0 15px; }

.upper-text-2 ul { padding:15px 0 30px 0; }

.upper-text-2 ul li { padding:0 0 0 30px; margin:0 15px 0 15px; background:url(/images/bullet_hell.png) no-repeat; }

.upper-text-2 ul.fakten li { padding:0 0 0 30px; margin:0 15px 0 15px; background:url(/images/bullet_hell.png) no-repeat; height:30px; }

iframe { margin:0 0 15px -15px; }

/* Upper Text 3 */

.upper-text-3 { position:relative; width:400px; left:375px; padding:15px 0 0 15px; }

.upper-text-3 p { width:350px; }

/* Upper Text 4 */

.upper-text-4 { width:200px; float:left; padding:15px 0 0 15px; }

.upper-text-4 p { width:200px; }

/* Upper Text 5 */

.upper-text-5 { position:relative; width:900px; float:left; padding: 15px 15px 0 15px; }

/* subnav */

#subnav { width:363px; float:left; padding:120px 0 0 15px; }

#subnav h3 { margin:0 0 15px 0; }

#subnav ul li a { display:block; text-decoration:none; font-size:14px; }

#subnav ul li a:hover { color:#fff; }

#subnav ul li a.current { color:#fff; }

/* text-right */

#text-right { float:left; width:363px; padding:0 0 15px 0; }

#text-right p, #text-right h3, #text-right h4, #text-right ul { padding:0 0 0 15px; margin:0 0 15px 0; }

#text-right ul li { padding:0 0 0 30px; margin:0 15px 0 0; background:url(/images/bullet.png) no-repeat; }

/* weiss */

.weiss { background:#fff; }

/* weiss-transp */

.weiss-transp { background:url(/images/bg-weiss-transp.gif) repeat-y; }

/* weiss-braun */

.weiss-braun { background:url(/images/bg-weiss-braun.gif) repeat-y; }

/* weiss-dunkel */

.weiss-dunkel { background:url(/images/bg-weiss-dunkel.gif) repeat-y; }

/* braun-weiss */

.braun-weiss { background:url(/images/bg-braun-weiss.gif) repeat-y; }

/* dunkel-weiss */

.dunkel-weiss { background:url(/images/bg-dunkel-weiss.gif) repeat-y; }

/* dunkel-transp */

.dunkel-transp { background:url(/images/bg-dunkel-transp.gif) repeat-y; }

.dunkel-transp h3 {color:#fff;}

/* images-right */

.images-right { float:left; width:378px; padding:0 0 0 0; background-color:#FFF}

.trans { background:none;}

.images-right .film { margin:0 0 0 15px; }

.images-right .film h3 { margin:0; padding:0px;}

.images-right p{ color:#4E544F;margin:0 0 15px 5px;}

.images-right img { display:block; margin:0 0 3px 0; }

.padding { padding:0 0 15px 15px; }

.nopadding { padding:0; }

.nopadding img { margin:0; }

.images-right h3 { color:#fff; margin: 0 0 0 15px; }

.images-right-presse { float:right; width:363px; padding:135px 0 15px 0; color:#fff; }

.images-right-presse table { margin:0 0 15px 0; }

.images-right-presse ul li { padding:0 0 0 30px; margin:0 15px 0 0; background:url(/images/bullet_weiss.png) no-repeat; }

.images-right-presse h3, .images-right-presse p { color:#fff; margin:0 0 15px 0; width:350px; }

.images-right-presse p a.weiss { color:#fff; background:transparent; }

.design { float:right; width:363px; padding:50px 0 15px 0; color:#fff; }

.presse { background:#c3c1b4; margin:15px 0 15px 0px; width:580px; }

.presse img { float:left; }

.text-presse { float:left; width:400px; padding:0 0 0 5px; }

.text-presse p { padding:0; width:400px; }

.text-presse h3 { font-size:12px; font-weight:bold; text-transform:none; line-height:20px; }

.text-presse h4 { font-size:12px; font-weight:normal; text-transform:uppercase; line-height:20px; }

.text-presse h5 { font-size:12px; font-weight:bold; padding:5px 0;}

.text-presse img {margin:0 0 10px 0;}

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

.film h4 { color:#fff; }

/* Vertrieb */

.vertriebseintrag { background:#b3b1a2; width:583px; margin:15px 15px 15px 0px; height:129px; }

.vertriebseintrag img { float:left; }

.vertriebseintrag p { padding:15px; width:400px; float:left; }

/* Occsionen */

.occasionen { background:#b3b1a2; width:583px; margin:15px 15px 15px 0px; min-height:129px; }

.occasionen img { float:left; }

.occasionen p { padding:0px 15px 0 15px; width:400px; margin-left: 129px;}

.occasionen h3{ padding:10px 15px 0 15px; width:400px; margin-left: 129px; font-weight: bold; font-size:12px;}

.occasionen table { padding:15px; width:460px; margin-left: 129px; float: none; }

.occasionen table tr td { vertical-align: top; padding:0; border-bottom: 1px solid #4e544f;}

.occasionen dl { padding:15px; width:460px; margin-left: 129px;}

.occasionen dl dt { float:none; padding-bottom:15px;}

.occasionen .button { float:none; margin-left: 129px; padding:0px 15px 15px 15px; text-decoration:underline; cursor:pointer; }

.occasionen .more { clear:both; padding:0 0 15px 0; }

/* Bilder */

.bild { background:#b3b1a2; width:263px; margin:15px 0 15px 15px; height:129px; float:left; }

.bild img { float:left; }

.bild p { padding:15px; width:100px; float:left; }

/* LOGOS */

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


/* ------------------------- IMAGE BILDER ------------------------- */

#imgStart { background:url(/images/imgStart.png); }

#imgUnternehmen { background:url(/images/imgUnternehmen.png); }

#imgPortrait { background:url(/images/imgPortrait.jpg); }

#imgManagement { background:url(/images/imgManagement2.jpg); }

#imgTeam { background:url(/images/imgTeam.jpg); }

#imgBusse { background:url(/images/imgBus.png); }

#imgBuskits { background:url(/images/imgBuskits.png); }

#imgPlatzhalter { background:url(/images/imgPlatzhalter.png); }

#imgNutzfahrzeuge { background:url(/images/imgNutzfahrzeuge.png); }

#imgReparaturen { background:url(/images/imgReparaturen.png); }

#imgDienstleistungen { background:url(/images/imgDienstleistungen.jpg); }


/* ------------------------- MIDDLE ------------------------- */

#middle { position:relative; top:0; height:100%; background:url(/images/bg-middle.gif) top repeat-x; width:100%; padding:20px 0 0 0; }

.wrapper-middle { width:990px; height:100%; margin:0 auto; padding:0; }

.port1 { width:364px; background:#4e544f; }

.port2 { width:626px; background:#4e544f; }

.port1 h3, .port2 h3 { width:400px; padding:15px; color:#b3b1a2; }

.white-brown { background:url(/images/bg-middle-white-brown.gif) repeat-y; }

.brown-dark { background:url(/images/bg-middle-brown-dark.gif) repeat-y; }

.dark-brown { background:url(/images/bg-middle-dark-brown.gif) repeat-y; }

.organisation { background:url(/images/bg-wrapper-middle2.gif) repeat-y; }

.white { background: #fff; }

.m1, .m4 { width:240px; float:left; }

.m1-m2 { width:477px; float:left; margin:6px; margin-right:12px; }

.m3-m4 { width:477px; float:left; margin:6px; margin-left:12px; }

.m2, .m3 { width:237px; float:left; } 

.m1 { margin:6px 3px 6px 6px; }

.m2 { margin:6px 6px 6px 3px; }

.m3 { margin:6px 3px 6px 6px; }

.m4 { margin:6px 6px 6px 3px; }

.m1 p, .m4 p, .m1 h3, .m4 h3 { width:240px; }

.m2 p, .m3 p, .m2 h3, .m3 h3 { width:237px; }

.m5, .m6 { width:475px; float:left; padding:0 0 0 16px; }

.m7, .m8 { width:495px; float:left; padding:0; }

.m9	{ width:594px; float:left; padding:0 0 0 16px; }
.m10 { width: 348px; float:left; padding:0 0 0 16px; }

.m10 h3 { color: #4E544F; padding: 8px 0 0 0; }

.m6 { color:#b3b1a2; }

.m6 p a { color:#b3b1a2; }

.dark-brown .m5, .dark-brown .m1, .dark-brown .m2 { color:#b3b1a2; }

.dark-brown .m6, .dark-brown .m3, .dark-brown .m4 { color:#4e544f; }

h3.white {color:#fff; background:#4e544f; float:left;}

/* ------------------------- BOTTOM ------------------------- */

#bottom { position:relative; top:0; background:#b3b1a2; width:100%; height:auto; }

.wrapper-bottom { width:990px; height:20px; background:#b3b1a2; margin:0 auto; padding:5px; }

.wrapper-bottom a { text-decoration:none; }

.wrapper-bottom p { float:left; width:200px; margin:0; }

#sprachwahl { float:right; text-align:right; }

#sprachwahl li { float:left; margin:0 0 0 5px; }

/* ------------------------- TOP-NAV ------------------------- */

#top-nav { position:relative; }

#top-nav li { float:left; display:inline; margin:0; padding:0; }

#top-nav li.sprachwahl {height:30px; line-height:30px;}

#top-nav li.sprachwahl a {color:#fff; text-decoration:none; margin:20px 0 0 10px; padding:10px 0 0 0; line-height:30px; font-size:11px;}

a#btn_shop { width:63px; height:45px; background:url(/images/btn_shop.png) 0 0 no-repeat; text-indent:-9999px; display:block; }

a#btn_shop:hover { background:url(/images/btn_shop.png) 0 -45px no-repeat; }

/* ------------------------- NAVIGATION ------------------------- */

#navigation { position:absolute; z-index:75; top:45px; width:990px; }
#navigation { *top:39px; } /* Hack for IE 7 */

img#ch { position:relative; top:47px; left:958px; z-index:88; }

#navigation ul li { text-transform:uppercase; }

ul.level1 { margin:0 0 2px 0; }

ul.level1 li { display:inline; float:left; }

ul.level1 li a { font-weight:bold; color:#fff; text-decoration:none; border-right:#fff 1px solid; padding:10px; line-height:32px; letter-spacing:.08em; }

ul.level1 li a:hover { background:#fff; color:#4e544f; }

ul.level1 li a.last { border:none; }

ul.level1 li a.current { background:#fff; color:#4e544f; }

ul.level2 { display:none; background:url(/images/bg-level2.png) top repeat-x; width:970px; padding:7px 10px 5px 10px; line-height:11px; margin:2px 0 0 0; }

ul.level2 li { display:inline; }

ul.level2 li a { color:#4e544f; text-decoration:none; padding:0 10px 0 0; border-right:#4e544f 1px solid; margin:0 10px 0 0; letter-spacing:.08em; }

ul.level2 li a:hover { color:#000; }

ul.level2 li a.current { color:#4e544f; font-weight:bold; }

ul.level2 li a.last { border:none; }

ul.level3 { display:none; /*background:url(/images/shim.png);*/ height:auto; width:200px; padding:10px; border-top:#4e544f 1px solid; border-bottom:#4e544f 1px solid; }

ul.level3 {
	background: #717672; 
	opacity: 0.8;
	/* Mozilla ignores MS image filters, so it will skip the following */	
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80,sizingMethod=scale); 
}

ul.level3 li { display:block; line-height:18px; }

ul.level3 li a { display:block; color:#fff; text-decoration:none; letter-spacing:.08em; }

ul.level3 li a:hover { color:#ccc; }

span.klein { text-transform:lowercase; }

ul.current { display:block; }

/* Unternehmen */
#organisation { position:relative; left:88px; }
#karriere { position:relative; left:212px; }
#medien { position:relative; left:303px; }

/* Busse */
#linienbusse { position:relative; left:122px; }
#kleinbusse { position:relative; left:236px; }
#hess-service { position:relative; left:431px; }
#technologie { position:relative; left:237px; }
#design { position:relative; left:357px; }
#rBusse { position:relative; left:96px; }
#rNutzfahrzeuge { position:relative; left:164px; }
#rPersonenfahrzeuge { position:relative; left:303px; }
#rKommunalfahrzeuge { position:relative; left:479px; }
#rSpezialfahrzeuge { position:relative; left:660px; }

/* Busse */
#tuersystem { position:relative; left:146px; }
#glasscheiben { position:relative; left:314px; }


/* ------------------------- BUSSE ------------------------- */

.topbilder { position:absolute; top:0; left:0; z-index:1; }

#bildGross { margin:0; }

.busText { margin:400px 0 0 0; }

.busText ul { padding:0 0 0 15px; margin:0 0 15px 0; }

.busText ul li { padding:0 0 0 30px; margin:0 15px 0 0; background:url(/images/bullet.png) no-repeat; }

.bus-right { float:left; width:363px; padding:0 0 15px 0; margin:450px 0 0 0; }

.bus-right .film { margin:0 0 15px 15px; }

.bus-right .film h3{ margin:0 0 5px -15px; }

.bus-right h3, .bus-right ul, .bus-right p { padding:0 0 0 15px; color:#b3b1a2; }

.bus-right h3 {color:#fff; margin:0; padding:0 0 0 15px; width:350px; }

.bus-right p { width:350px; }

.bus-right p a { color:#b3b1a2; }

.bus-right ul { margin:0 0 15px 0; }

.bus-right ul li { padding:0 0 0 30px; margin:0 15px 0 0; background:url(/images/bullet_hell.png) no-repeat; }

.skizze { background:#3d433f; width:378px; margin:0 0 15px 0; }

.skizze img { margin:0 5px 0 0; }

.skizze dl { margin:0; padding:10px 0 0 0; }

.skizze dl dt, .skizze dl dd { line-height:12px; font-size:11px; color:#b3b1a2; height:14px; margin:0; padding:0; background:none; font-weight:normal; }

.skizze dl dt { width:70px; text-align:left; margin:0 5px 0 0; }

ul.bildschiene { padding:0; margin:10px 0 0 15px; }

ul.design { margin:20px 0 0 0; }

ul.bildschiene li { background:none; padding:0; margin:0 7px 10px 0; float:left; }

ul.bildschiene li.letztesBild { margin:0 0 10px 0; }

.kasten-braun { background:#b3b1a2; margin:15px 15px 15px 0px; padding:10px; }

#slider { position:absolute; top:0; left:0; }



/* Easy Slider */

	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li { 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:990px;
		height:450px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:696px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(/images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(/images/btn_next.gif) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background:#DAF3F8;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#5DC9E1;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // Easy Slider */

.nopadding { padding:0; }
.nopadding img { margin:0; }

#weltweit-lokal {margin:-30px 0 0 -15px;}

.dunkel {background:url(/images/bg_dunkel.gif) repeat-y;}

/* ------------------------- OFFENE STELLEN ------------------------- */

h3.borderTop {border-top:#b3b1a2 1px solid; line-height:50px; font-size:18px; }

.stellenbeschrieb {margin:0 0 30px 15px; padding:0 0 30px 0;}

p.nachoben a {margin:15px 0 0 -15px;}

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

table.lehrstellen tr td {padding:0 0 15px 0;} 

/* ------------------------- BUSUEBERSICHT ------------------------- */

table.uebersicht {color:#fff; margin:0 0 20px 0; height:auto;}

hr {background-color:#b3b1a2; color:#b3b1a2; border:0; margin:10px 0; height:1px;}

table.uebersicht tr td img {margin:0 20px 0 0;}

/* ------------------------- PLANETSEARCH ------------------------- */

input.text-input {margin:5px 10px; padding:3px; background:#fff; color:#4e544f; border:#4e544f 1px solid; font-size:12px; height:16px; line-height:16px;}