@CHARSET "ISO-8859-1";


#nav
	{ 
	width:605px; 
	height: 90px;
	
	}

	
#nav ul 
	{
	list-style:none;
	width:605px; 
	height: 90px;
	margin-left:170px;
	}

#nav li 
	{

    list-style: none;
	display: inline;
	text-align: center;
	}

#nav li a 
	{
	text-decoration: none;
	display:block;
	float:left;	
	background: url(img/nav_states.gif) no-repeat;
	text-indent:-9999px;
	}	
	
/*-----------------------------------------------------------------------------

Define the width of each li item. This is used as a letter box to show the 
correct part of the background image

-----------------------------------------------------------------------------*/	
	
	
li#start a {
	width:87px;
	height:90px;
	 }
li#angebot a {
	width:93px;
	height:90px;
	 }
li#profil a {
	width:77px;
	height:90px;
	 }
li#referenzen a {
	width:112px;
	height:90px;
	 }
li#kooperationen a {
	width:135px;
	height:90px;
	 }	 
li#kontakt a {
	width:101px;
	height:90px;
	 }	 
	 
	
/*-----------------------------------------------------------------------------

Position the background image within the left boxes we have created. Use hover states
to show the correct background position for hover states.

A negative margin is used to show the whole tab. As this doesn't work in IE a 
separate stylesheet is used for IE6 and below.

-----------------------------------------------------------------------------*/	


li#start a:link, li#start a:visited {	
	background-position: -0px -0px;
	}
	
li#start a:hover, li#start a:focus {	
	background-position: -0px -90px;
	}
	
li#angebot a:link, li#angebot a:visited {	
	background-position: -87px 0px;
	}
	
li#angebot a:hover, li#angebot a:focus {	
	background-position: -77px -270px;
	width: 103px;
	margin-left: -10px;
	}	
	
li#profil a:link, li#profil a:visited {	
	background-position: -180px 0px;
	}
	
li#profil a:hover, li#profil a:focus {	
	background-position: -170px -450px;
	width: 87px;
	margin-left: -10px;
	}	
	
li#referenzen a:link, li#referenzen a:visited {	
	background-position: -257px 0px;
	}
	
li#referenzen a:hover, li#referenzen a:focus {	
	background-position: -247px -630px;
	width: 122px;
	margin-left: -10px;
	}

li#kooperationen a:link, li#kooperationen a:visited {	
	background-position: -369px 0px;
	}
	
li#kooperationen a:hover, li#kooperationen a:focus {	
	background-position: -359px -810px;
	width: 145px;
	margin-left: -10px;
	}	
li#kontakt a:link, li#kontakt a:visited {	
	background-position: -504px 0px;
	}
	
li#kontakt a:hover, li#kontakt a:focus {	
	background-position: -494px -990px;
	width: 111px;
	margin-left: -10px;
	}	
	
/*-----------------------------------------------------------------------------

Set the on states using the body id.

-----------------------------------------------------------------------------*/	

body#start-page li#start a:link, body#start-page li#start a:visited {	
	background-position: 0px -90px;
	}
body#start-page li#angebot a:hover, body#start-page li#angebot a:focus {	
	background-position: -77px -180px;
	width: 103px;
	margin-left: -10px;
	}

body#angebot-page li#angebot a:link, body#angebot-page li#angebot a:visited {	
	background-position: -77px -270px;
	width: 103px;
	margin-left: -10px;
	}
body#angebot-page li#start a:hover, body#angebot-page li#start a:focus {	
	background-position: -0px -180px; 
	overflow: auto;
	position: relative;
	}
body#angebot-page li#profil a:hover, body#angebot-page li#profil a:focus {	
	background-position: -170px -360px;
	width: 87px;
	margin-left: -10px;
	}
	
body#profil-page li#profil a:link, body#profil-page li#profil a:visited {	
	background-position: -170px -450px;
	width: 87px;
	margin-left: -10px;
	}
body#profil-page li#angebot a:hover, body#profil-page li#angebot a:focus {	
	background-position: -77px -360px;
	width: 103px;
	margin-left: -10px;
	overflow: auto;
	position: relative; 
	}
body#profil-page li#referenzen a:hover, body#profil-page li#referenzen a:focus {	
	background-position: -247px -540px;
	width: 122px;
	margin-left: -10px;
	}

body#referenzen-page li#referenzen a:link, body#referenzen-page li#referenzen a:visited {	
	background-position: -247px -630px;
	width: 122px;
	margin-left: -10px;
	}
body#referenzen-page li#profil a:hover, body#referenzen-page li#profil a:focus {	
	background-position: -170px -540px;
	width: 87px;
	margin-left: -10px;
	overflow: auto;
	position: relative; 
	}
body#referenzen-page li#kooperationen a:hover, body#referenzen-page li#kooperationen a:focus {	
	background-position: -359px -720px;
	width: 145px;
	margin-left: -10px;
	}
	
body#kooperationen-page li#kooperationen a:link, body#kooperationen-page li#kooperationen a:visited {	
	background-position: -359px -810px;
	width: 145px;
	margin-left: -10px;
	}
body#kooperationen-page li#referenzen a:hover, body#kooperationen-page li#referenzen a:focus {	
	background-position: -247px -720px;
	width: 122px;
	margin-left: -10px;
	overflow: auto;
	position: relative; 
	}
body#kooperationen-page li#kontakt a:hover, body#kooperationen-page li#kontakt a:focus {	
	background-position: -494px -900px;
	width: 111px;
	margin-left: -10px;
	}
	
body#kontakt-page li#kontakt a:link, body#kontakt-page li#kontakt a:visited {	
	background-position: -494px -990px;
	width: 111px;
	margin-left: -10px;
	}
body#kontakt-page li#kooperationen a:hover, body#kontakt-page li#kooperationen a:focus {	
	background-position: -359px -900px;
	width: 145px;
	margin-left: -10px;
	overflow: auto;
 	position: relative;
	}

/*-----------------------------------------------------------------------------

SUBNAV

-----------------------------------------------------------------------------*/
	
#subnav
	{ 
	height: 40px;	
	width: 500px;
	position: absolute;
	left: 253px;
	top: -40px;
	display: none;
	z-index: 5;
	
	}

	
#subnav ul 
	{
	list-style:none;
	width:500px; 
	height: 30px;
	}

#subnav li 
	{

    list-style: none;
	display: inline;
	text-align: center;
	}

#subnav li a 
	{
	text-decoration: none;
	display:block;
	float:left;	
	background: url(img/subnav.gif) no-repeat;
	text-indent:-9999px;
	}	

/*-----------------------------------------------------------------------------

Define the width of each li item. This is used as a letter box to show the 
correct part of the background image

-----------------------------------------------------------------------------*/	
	
	
li#beratung a {
	width:98px;
	height:30px;
	 }
li#coaching a {
	width:91px;
	height:30px;
	 }
li#gruppencoaching a {
	width:151px;
	height:30px;
	 }
li#teamentwicklung a {
	width:160px;
	height:30px;
	 }

/*-----------------------------------------------------------------------------

Position the background image within the left boxes we have created. Use hover states
to show the correct background position for hover states.

A negative margin is used to show the whole tab. As this doesn't work in IE a 
separate stylesheet is used for IE6 and below.

-----------------------------------------------------------------------------*/	


li#beratung a:link, li#beratung a:visited {	
	background-position: -13px -0px;
	}
li#beratung a:hover, li#beratung a:focus,
div#beratung-subnavpage li#beratung a:link, div#beratung-subnavpage li#beratung a:visited {	
	background-position: -13px -25px;
	}
	
li#coaching a:link, li#coaching a:visited {	
	background-position: -98px 0px;
	}
li#coaching a:hover, li#coaching a:focus,
div#coaching-subnavpage li#coaching a:link, div#coaching-subnavpage li#coaching a:visited {	
	background-position: -98px -50px;
	}	
	
li#gruppencoaching a:link, li#gruppencoaching a:visited {	
	background-position: -189px 0px;
	}
li#gruppencoaching a:hover, li#gruppencoaching a:focus,
div#gruppencoaching-subnavpage li#gruppencoaching a:link, div#gruppencoaching-subnavpage li#gruppencoaching a:visited {	
	background-position: -189px -75px;
	}	
	
li#teamentwicklung a:link, li#teamentwicklung a:visited {	
	background-position: -340px 0px;
	}
li#teamentwicklung a:hover, li#teamentwicklung a:focus 
div#teamentwicklung-subnavpage li#teamentwicklung a:link, div#teamentwicklung-subnavpage li#teamentwicklung a:visited {	
	background-position: -340px -100px;
	}

	
body#angebot-page div#subnav {
	display: block;
}