/* CSS Document */

/* CSS Document */

/******* GENERAL ********/

body {
	padding: 0;
	margin: 0;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	background-color: #ffffff;
	behavior:url("/templates/csshover.htc");
}

p, h1, h2 {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
}

#zentrierung {
	position: absolute;
	width: 100%;
	top: 50%;
	margin-top: -260px;
	background: transparent url("/doc/background.gif") 0 130px repeat-x;
}

#container {
	position: relative;
	width: 960px;
	height: 520px;
	margin: 0 auto 0 auto;
	background-color: #c7c7c7;
}

#header {
	height: 130px;
    background-color: #e7e7e7;
	border-bottom: 1px solid #DE0000;
}

#header img.logo {
	position: absolute;
	top: 5px;
	right: 5px;
	border: none;
}


/******* TEXT ********/

#sumatext {
	position: absolute;
	top: -50px;
	left: -50px;
	visibility: hidden;
	overflow: hidden;
}

#text {
	position: absolute;
	top: 131px;
	left: 230px;
	width: 290px;
	height: 270px;
	line-height: 18px;
	overflow: auto;
}

#text h1 {
	margin: 9px 20px 9px 0;
	font-weight: bold;
	color: #CA0000;
}
#text p {
	margin: 0 20px 9px 0;
}	

#text a:link, #text a:visited { text-decoration: none; color: #CA0000; }
#text a:hover, #text a:active { text-decoration: none; color: #DE0000; }


/******* NAVIGATION PLUS ********/

#nav_plus {
	position: absolute;
	top: 0px;
	left: 0px;
	background: transparent url("/doc/plus.gif") 0 0 no-repeat;
}

#nav_plus ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 270px;
	height: 208px;
	background: transparent url("/doc/plusani.gif") 0 0 no-repeat;
}

#nav_plus ul li {
	list-style: none;
	margin: 0;
	padding: 0;
}

#nav_plus ul li a {
	display: block;
	position: absolute;
	width: 104px;
	height: 104px;
	z-index: 1;
	background: transparent url("/doc/plus.gif") 0 -1040px no-repeat;
}

#nav_plus ul li span {
	position: absolute;
	top: 45px;
	left: 140px;
	width: 150px;
	height: 25px;
	text-indent: -600px;
	visibility: hidden;
	background: transparent url("/doc/plustitel.gif") 0 0 no-repeat;
}

#nav_plus ul li.kompetenzen span { background-position: 0 -25px; }
#nav_plus ul li.einblick span { background-position: 0 -50px; }
#nav_plus ul li.referenzen span { background-position: 0 -75px; }
#nav_plus ul li.news span { background-position: 0 -100px; }

#nav_plus ul li.kompetenzen:hover span { visibility: visible; z-index: 8; }
#nav_plus ul li.einblick:hover span { visibility: visible; z-index: 8; }
#nav_plus ul li.referenzen:hover span { visibility: visible; z-index: 8; }
#nav_plus ul li.news:hover span { visibility: visible; z-index: 8; }

/* Plus */
#nav_plus ul li.kompetenzen a { top: 0; left: 0;         background-position: 0 -1040px; z-index: 9; }
#nav_plus ul li.einblick a       { top: 0; left: 104px;     background-position: -104px -1040px; z-index: 9; }
#nav_plus ul li.referenzen a { top: 104px; left: 104px; background-position: -104px -1144px; z-index: 9; }
#nav_plus ul li.news a   { top: 104px; left: 0;     background-position: 0 -1114px; z-index: 9; }

#nav_plus ul li.kompetenzen a:hover { background-position: 0 -208px; }
#nav_plus ul li.einblick a:hover       { background-position: -104px -416px; }
#nav_plus ul li.referenzen a:hover { background-position: -104px -728px; }
#nav_plus ul li.news a:hover   { background-position: 0 -936px; }


/* Plus bleibt stehen */
body#body_kompetenzen #nav_plus { background-position: 0 -208px; }
body#body_einblick #nav_plus { background-position: 0 -416px; }
body#body_referenzen #nav_plus { background-position: 0 -624px; }
body#body_news #nav_plus { background-position: 0 -832px; }

#nav_plus:hover ul { background: transparent url("/doc/plus.gif") 0 0 no-repeat; }

/* Titel bleibt stehen */
body#body_kompetenzen #nav_plus ul li.kompetenzen span { visibility: visible; z-index: 7; }
body#body_einblick #nav_plus ul li.einblick span { visibility: visible; z-index: 7; }
body#body_referenzen #nav_plus ul li.referenzen span { visibility: visible; z-index: 7; }
body#body_news #nav_plus ul li.news span { visibility: visible; z-index: 7; }




/******* NAVIGATION MAIN und META ********/
#nav_main br, #nav_meta br, #nav_plus br { display: none; }

#nav_main, #nav_meta {
	position: absolute;
	top: 90px;
	line-height: 11px;
	z-index: 9;
}

#nav_meta ul, #nav_meta ul li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	
}
#nav_meta ul li { margin-right: 15px; float: left; }

#nav_main {	left: 230px; }
#nav_meta {	left: 521px; }
#nav_meta { width: 360px; }

#nav_main a {
	display: block;
	width: auto;
	float: left;
	margin-right: 15px;
}

#nav_meta a:link, #nav_meta a:visited { text-decoration: none; color: #777777; }
#nav_meta a:hover, #nav_meta a:active { text-decoration: none; color: #DE0000; }
#nav_meta a.aktiv:link, #nav_meta a.aktiv:visited, #nav_meta a.aktiv:hover, #nav_meta a.aktiv:active { color: #DE0000; }
#nav_main a:link, #nav_main a:visited { text-decoration: none; color: #000000; }
#nav_main a:hover, #nav_main a:active { text-decoration: none; color: #DE0000; }
#nav_main a.aktiv:link, #nav_main a.aktiv:visited, #nav_main a.aktiv:hover, #nav_main a.aktiv:active { color: #DE0000; }

/******* Hervorhebung aktuelle Seite ********/
#nav_main a.links2:link	{  color: #DE0000 }
#nav_main a.links2:visited	{  color: #DE0000 }
#nav_meta a.links2:link	{  color: #DE0000 }
#nav_meta a.links2:visited	{  color: #DE0000 }

/******* NAV_META SUCHE ********/
/******* NAV_META SUCHE ********/

#nav_meta legend { display: none; }
#nav_meta { line-height: 14px; }
#nav_meta fieldset, #nav_meta form, #nav_meta input, #nav_meta legend {
	margin: 0;
	padding: 0;
	border: none;
	float: left;
	line-height: 14px;
}

#nav_meta input {
	width: 110px;
	background-color: #f3f3f3;
	border: none;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	color: #777777;
}

#nav_meta input.knopf {
	width: 38px;
	background-color: #e7e7e7;
	margin-left: 15px;
	margin-right: 15px;
	font-weight: normal;
	color: #777777;
	cursor: pointer;
}
#nav_meta input.knopf:hover {
	color: #DE0000;
}

/******* NAV_SUB Bilderleiste und Standardcontainer ********/

#nav_sub_std { /* Dies ist der Container für Standardinhalt rechts. */
	position: absolute;
	top: 131px;
	left: 520px;
	width: 329px;
	height: 269px;
	overflow: auto;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	background-color: #c7c7c7;
	text-decoration: none;
	color: #666666;
	line-height: 18px;
	font-style: italic;
}
#nav_sub_std h1 {
	margin: 9px 20px 9px 30px;
}
#nav_sub_std p {
	margin: 9px 30px 20px 30px;
}

#nav_sub {
	position: absolute;
	top: 400px;
	width: 960px;
	height: 70px;
	background-color: #DE0000;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

#nav_sub ul {
	/* position:relative;*/
	list-style: none;
	float: right;
	margin: 0;
	padding: 0;
	display: inline; /* IE 6 double margin Bug */
}

#nav_sub ul li {				/*** Bildleiste ***/
	margin: 0;
	padding: 0;
	/* position: relative; */
	float: left;
	border-left: 1px solid #fff;	
	display: inline; /* IE 6 double margin Bug */
}

#nav_sub ul li a {				/*** kleines Bild ***/
	display: block;
	width: 109px;
	height: 70px;
	background-position: 0 -270px;
	background-repeat: no-repeat;
}

#nav_sub ul li div { 				/*** großes Bild, text oben ***/
	position: absolute;
	top: -270px;
	left: 520px; /* */
	width: 329px;
	height: 269px;
	text-decoration: none;
	color: #666666;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	line-height: 18px;
	font-style: italic;
}
#nav_sub ul li div p {
	margin: 150px 30px 20px 30px;
}

#nav_sub ul li span {				/*** text unten ***/
	position: absolute;
	top: 79px;
	left: 521px;
	width: 330px;
	border: none;
	text-decoration: none;
	color: #000000;
	line-height: 14px;
}

#nav_sub ul li div#invtext { /* Uns. Text */
	position: absolute;
	top: -30em;
	left: -30em;
	width: 2px;
	height: 2px;
	overflow: hidden;
}


#nav_sub ul li span, #nav_sub ul li div { visibility: hidden; }
#nav_sub ul li:hover span { visibility: visible; } 
#nav_sub ul li:hover div { visibility: visible; }
#nav_sub ul li:hover a { background-position: -109px -270px; }
#nav_sub ul li.aktiv a { background-position: -109px -270px; }
 



/******* HILFE ********/



#hilfeliste {
  position: absolute;
  visibility: hidden;
  top: 0; left: 0;
  margin: 0;
  padding: 0;
}
#hilfeliste li { margin: 0; padding: 0; list-style-type: none; }
#hilfeliste li {
  display: block;
  position: absolute;
  margin: 0;
  padding: 0;
}
li#hilfe:hover ul { visibility: visible; }

#hilfeliste li.eins {
  top: -85px; left: -520px;
}
#hilfeliste li.zwei {
  top: 33px; left: -90px;
}