#nav
{
	width: 810px;
	height: 35px;
}

#subnav
{
	height: 25px;
	background: #fff;
	clear: both;
}

div#nav ul li, div#subnav ul li
{
	list-style-type: none;
	float: left;
}

#sub_home
{
	background: #fff;
	margin: 0 0 0 59px;
}

#sub_rechenzentren
{
	background: #fff;
	margin: 0 0 0 179px;
}

#sub_dienstleistungen
{
	background: #fff;
	margin: 0 0 0 111px;
}

a.mail
{
	font-family: arial, sans-serif;
	font-size: 1.0em;
	color: #063E7B;
	text-decoration: none;
}

a.mail:hover
{
	color: #333;
	text-decoration: none;	
}

/* menu */

a.home
{
	width: 155px;
	height: 25px;
	background: url(../img/navi/menu/home.jpg);
	display: block;
}

a.home:hover
{
	background: url(../img/navi/menu/home_hover.jpg);
}

a.home_active
{
	width: 155px;
	height: 25px;
	background: url(../img/navi/menu/home_active.jpg);
	display: block;
}

a.rechenzentren
{
	width: 155px;
	height: 25px;
	background: url(../img/navi/menu/rechenzentren.jpg);
	display: block;
}

a.rechenzentren:hover
{
	background: url(../img/navi/menu/rechenzentren_hover.jpg);
}

a.rechenzentren_active
{
	width: 155px;
	height: 25px;
	background: url(../img/navi/menu/rechenzentren_active.jpg);
	display: block;
}


a.dienstleistungen
{
	width: 155px;
	height: 25px;
	background: url(../img/navi/menu/dienstleistungen.jpg);
	display: block;
}

a.dienstleistungen:hover
{
	background: url(../img/navi/menu/dienstleistungen_hover.jpg);
}

a.dienstleistungen_active
{
	width: 155px;
	height: 25px;
	background: url(../img/navi/menu/dienstleistungen_active.jpg);
	display: block;
}

a.kontakt
{
	width: 155px;
	height: 25px;
	background: url(../img/navi/menu/kontakt.jpg);
	display: block;
}

a.kontakt:hover
{
	background: url(../img/navi/menu/kontakt_hover.jpg);
}

a.kontakt_active
{
	width: 155px;
	height: 25px;
	background: url(../img/navi/menu/kontakt_active.jpg);
	display: block;
}

a.impressum
{
	width: 155px;
	height: 25px;
	background: url(../img/navi/menu/impressum.jpg);
	display: block;
}

a.impressum:hover
{
	background: url(../img/navi/menu/impressum_hover.jpg);
}

a.impressum_active
{
	width: 155px;
	height: 25px;
	background: url(../img/navi/menu/impressum_active.jpg);
	display: block;
}

/* SUBMENU ## Die CSS-Weite ist immer 16px grš§er als das eigentliche Bild ## */

/* home */

a.presse
{
	width: 51px;
	height: 25px;
	background: url(../img/navi/submenu/home/presse.gif) no-repeat;
	display: block;
}

a.presse:hover
{
	background: url(../img/navi/submenu/home/presse_hover.gif) no-repeat;
}

a.presse_active
{
	width: 51px;
	height: 25px;
	background: url(../img/navi/submenu/home/presse_active.gif) no-repeat;
	display: block;
}

a.videos
{
	width: 50px;
	height: 25px;
	background: url(../img/navi/submenu/home/videos.gif) no-repeat;
	display: block;
}

a.videos:hover
{
	background: url(../img/navi/submenu/home/videos_hover.gif) no-repeat;
}

a.videos_active
{
	width: 50px;
	height: 25px;
	background: url(../img/navi/submenu/home/videos_active.gif) no-repeat;
	display: block;
}

/*a.newsarchiv
{
	width: 76px;
	height: 25px;
	background: url(../img/navi/submenu/home/newsarchiv.gif) no-repeat;
	display: block;
}

a.newsarchiv:hover
{
	background: url(../img/navi/submenu/home/newsarchiv_hover.gif) no-repeat;
}

a.newsarchiv_active
{
	width: 76px;
	height: 25px;
	background: url(../img/navi/submenu/home/newsarchiv_active.gif) no-repeat;
	display: block;
}

a.medien_videos
{
	width: 91px;
	height: 25px;
	background: url(../img/navi/submenu/home/medien_videos.gif) no-repeat;
	display: block;
}

a.medien_videos:hover
{
	background: url(../img/navi/submenu/home/medien_videos_hover.gif) no-repeat;
}

a.medien_videos_active
{
	width: 91px;
	height: 25px;
	background: url(../img/navi/submenu/home/medien_videos_active.gif) no-repeat;
	display: block;
}*/



/* rechenzentren */

a.sicherheit
{
	width: 67px;
	height: 25px;
	background: url(../img/navi/submenu/rechenzentren/sicherheit.gif) no-repeat;
	display: block;
}

a.sicherheit:hover
{
	background: url(../img/navi/submenu/rechenzentren/sicherheit_hover.gif) no-repeat;
}

a.sicherheit_active
{
	width: 67px;
	height: 25px;
	background: url(../img/navi/submenu/rechenzentren/sicherheit_active.gif) no-repeat;
	display: block;
}

a.klimatisierung
{
	width: 89px;
	height: 25px;
	background: url(../img/navi/submenu/rechenzentren/klimatisierung.gif) no-repeat;
	display: block;
}

a.klimatisierung:hover
{
	background: url(../img/navi/submenu/rechenzentren/klimatisierung_hover.gif) no-repeat;
}

a.klimatisierung_active
{
	width: 89px;
	height: 25px;
	background: url(../img/navi/submenu/rechenzentren/klimatisierung_active.gif) no-repeat;
	display: block;
}

a.anbindung
{
	width: 69px;
	height: 25px;
	background: url(../img/navi/submenu/rechenzentren/anbindung.gif) no-repeat;
	display: block;
}

a.anbindung:hover
{
	background: url(../img/navi/submenu/rechenzentren/anbindung_hover.gif) no-repeat;
}

a.anbindung_active
{
	width: 69px;
	height: 25px;
	background: url(../img/navi/submenu/rechenzentren/anbindung_active.gif) no-repeat;
	display: block;
}

a.energieversorgung
{
	width: 111px;
	height: 25px;
	background: url(../img/navi/submenu/rechenzentren/energieversorgung.gif) no-repeat;
	display: block;
}

a.energieversorgung:hover
{
	background: url(../img/navi/submenu/rechenzentren/energieversorgung_hover.gif) no-repeat;
}

a.energieversorgung_active
{
	width: 111px;
	height: 25px;
	background: url(../img/navi/submenu/rechenzentren/energieversorgung_active.gif) no-repeat;
	display: block;
}

/* dienstleistungen */

a.rechenzentrumsplanung
{
	width: 139px;
	height: 25px;
	background: url(../img/navi/submenu/dienstleistungen/rechenzentrumsplanung.gif) no-repeat;
	display: block;
}

a.rechenzentrumsplanung:hover
{
	background: url(../img/navi/submenu/dienstleistungen/rechententrumsplanung_hover.gif) no-repeat;
}

a.rechenzentrumsplanung_active
{
	width: 139px;
	height: 25px;
	background: url(../img/navi/submenu/dienstleistungen/rechententrumsplanung_active.gif) no-repeat;
	display: block;
}

a.outsourcing
{
	width: 77px;
	height: 25px;
	background: url(../img/navi/submenu/dienstleistungen/outsourcing.gif) no-repeat;
	display: block;
}

a.outsourcing:hover
{
	background: url(../img/navi/submenu/dienstleistungen/outsourcing_hover.gif) no-repeat;
}

a.outsourcing_active
{
	width: 77px;
	height: 25px;
	background: url(../img/navi/submenu/dienstleistungen/outsourcing_active.gif) no-repeat;
	display: block;
}

a.mss
{
	width: 106px;
	height: 25px;
	background: url(../img/navi/submenu/dienstleistungen/mss.gif) no-repeat;
	display: block;
}

a.mss:hover
{
	background: url(../img/navi/submenu/dienstleistungen/mss_hover.gif) no-repeat;
}

a.mss_active
{
	width: 106px;
	height: 25px;
	background: url(../img/navi/submenu/dienstleistungen/mss_active.gif) no-repeat;
	display: block;
}

a.provider
{
	width: 102px;
	height: 25px;
	background: url(../img/navi/submenu/dienstleistungen/provider.gif) no-repeat;
	display: block;
}

a.provider:hover
{
	background: url(../img/navi/submenu/dienstleistungen/provider_hover.gif) no-repeat;
}

a.provider_active
{
	width: 102px;
	height: 25px;
	background: url(../img/navi/submenu/dienstleistungen/provider_active.gif) no-repeat;
	display: block;
}

a.serverdienste
{
	width: 86px;
	height: 25px;
	background: url(../img/navi/submenu/dienstleistungen/serverdienste.gif) no-repeat;
	display: block;
}

a.serverdienste:hover
{
	background: url(../img/navi/submenu/dienstleistungen/serverdienste_hover.gif) no-repeat;
}

a.serverdienste_active
{
	width: 86px;
	height: 25px;
	background: url(../img/navi/submenu/dienstleistungen/serverdienste_active.gif) no-repeat;
	display: block;
}

a.netzwerke
{
	width: 69px;
	height: 25px;
	background: url(../img/navi/submenu/dienstleistungen/netzwerke.gif) no-repeat;
	display: block;
}

a.netzwerke:hover
{
	background: url(../img/navi/submenu/dienstleistungen/netzwerke_hover.gif) no-repeat;
}

a.netzwerke_active
{
	width: 69px;
	height: 25px;
	background: url(../img/navi/submenu/dienstleistungen/netzwerke_active.gif) no-repeat;
	display: block;
}

a.webdesign
{
	width: 71px;
	height: 25px;
	background: url(../img/navi/submenu/dienstleistungen/webdesign.gif) no-repeat;
	display: block;
}

a.webdesign:hover
{
	background: url(../img/navi/submenu/dienstleistungen/webdesign_hover.gif) no-repeat;
}

a.webdesign_active
{
	width: 71px;
	height: 25px;
	background: url(../img/navi/submenu/dienstleistungen/webdesign_active.gif) no-repeat;
	display: block;
}


/* links */

a
{
	font-family: arial, sans-serif;
	font-size: 0.8em;
	color: #333;
	text-decoration: none;
}

a:hover
{
	color: #063E7B;
	text-decoration: none;	
}

a.mehr
{
	font-family: arial, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	color: #063E7B;
	text-decoration: none;
}

a.mehr:hover
{
	color: #333;
	text-decoration: none;	
}