@charset "utf-8";
/* =================================================
Stylesheet Navigation metasun.de
 
Stand: Auswahlpfeil zuweisen (fertig)
Datei: metascreen.css 
Datum: 16.06.2008
Autor: Stefan Meisinger

Aufbau: 1. Farbschema Hauptnav zuweisen
        2. Auswahlpfeil zuweisen
=================================================== */

/* ==================================
   1. Farbschema Hauptnav zuweisen
   =============================== */
	
body.meta li#homeLink {
	background: #f3f7e6 url(../images_pres/bg_navmain_meta.gif) -20px repeat-y;
	width: 140px;
	margin-left: -10px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
body.meta li#homeLink a{ padding-left: 25px; }
body.meta #nav_main ul { border-top: none; }

body.web li#webLink {
	background: #fff5d8 url(../images_pres/bg_navmain_web.gif) -20px repeat-y;
	width: 140px;
	margin-left: -10px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
body.web li#webLink a{ padding-left: 25px; }
body.web li#homeLink { border-bottom: none; }

body.print li#printLink {
	background: #ecebe6 url(../images_pres/bg_navmain_print.gif) -20px repeat-y;
	width: 140px;
	margin-left: -10px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
body.print li#printLink a { padding-left: 25px; }
body.print li#webLink { border-bottom: none; }


body.present li#presentLink {
	background: #fdeced url(../images_pres/bg_navmain_present.gif) -20px repeat-y;
	width: 140px;
	margin-left: -10px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
body.present li#presentLink a{ padding-left: 25px; }
body.present li#printLink { border-bottom: none; }


body.photo #nav_main li#photoLink {
	background: #e8e8ec url(../images_pres/bg_navmain_photo.gif) -20px repeat-y;
	width: 140px;
	margin-left: -10px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
body.photo li#photoLink a{ padding-left: 25px; }
body.photo li#presentLink { border-bottom: none; }

body.office li#officeLink {
	background: #fdeced url(../images_pres/bg_navmain_office.gif) -20px repeat-y;
	width: 140px;
	margin-left: -10px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
body.office li#officeLink a{ padding-left: 25px; }
body.office li#photoLink { border-bottom: none; }

body.audio #nav_main li#audioLink {
	background: #f3f7f8 url(../images_pres/bg_navmain_audio.gif) -20px repeat-y;
	width: 140px;
	margin-left: -10px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
body.audio li#audioLink a{ padding-left: 25px; }
body.audio li#officeLink { border-bottom: none; }


/*body.dummy li#dummy {
	background: #f3f7e6 url(../images_pres/bg_navmain_meta.gif) -20px repeat-y;
	width: 140px;
	margin-left: -10px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
body.dummy li#dummy a{ padding-left: 25px; }
body.dummy li#audioLink { border-bottom: none; }*/

body#kontakt li#kontaktLink {
	background: #f3f7e6 url(../images_pres/bg_navmain_meta.gif) -20px repeat-y;
	width: 140px;
	margin-left: -10px;
}

body#kontakt li#kontaktLink a{ padding-left: 25px; }

/* ==================================
   2. Auswahlpfeil zuweisen
   =============================== */
/* =============================================
   Hauptnavigation   */

ul.nav li a:hover { background: url(../images/pikto/auswahl_pfeil_voll.gif) 0 50% no-repeat; }

/* Auswahl-Pfeil bei aktiviertem Hauptmenuepunkt an die richtige Stelle verschieben */
body.meta li#homeLink a:hover,
body.web li#webLink a:hover,
body.print li#printLink a:hover,
body.present li#presentLink a:hover,
body.photo li#photoLink a:hover,
body.office li#officeLink a:hover,
body.audio li#audioLink a:hover,
body#kontakt li#kontaktLink a:hover { background: url(../images/pikto/auswahl_pfeil_voll.gif) 10px 50% no-repeat; }


/* ==============================================================================
   Unternavigation - ausgewählten Menuepunkt optisch inaktiv erscheinen lassen */
   
body#sub1 li#one a,
body#sub2 li#two a,
body#sub3 li#three a,
body#sub4 li#four a,
body#sub5 li#five a,
body#sub6 li#six a,
body#sub7 li#seven a,
body#sub8 li#eight a { 
	background: url(../images/pikto/auswahl_pfeil_hell.gif) 0 50% no-repeat;
	cursor: default;
	text-decoration: none; 
}

body#sub1 li#one a:hover,
body#sub2 li#two a:hover,
body#sub3 li#three a:hover,
body#sub4 li#four a:hover,
body#sub5 li#five a:hover,
body#sub6 li#six a:hover,
body#sub7 li#seven a:hover,
body#sub8 li#eight a:hover { 
	color: #666 ;
	background- color: transparent; 
}

li#kontaktLink {
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	margin-top: 2.5em;
}

/* ==================================
   ENDE DES STYLESHEETS 
   =============================== */