/*
	Typo3 - skynetFW - by DK & JvB - Kokot-vonBargen.de (GbR) - 07.11.2005 earth
	++++++++++++++++++++++
	+++ template_set03 +++
	++++++++++++++++++++++
*/




/*	++++++++++++++++++
	+ 01-these_pages +
	++++++++++++++++++ */
/*.thesePages a {}
.thesePages a:hover, .thesePages a:focus, .thesePages a:active {}*/




/*	++++++++++++++++++++++++++++++
	+ 02-subpages_of_these_pages +
	++++++++++++++++++++++++++++++ */

div.subpagesOfThesePages {
  padding-left: 45px;
  padding-top: 6px;
}

.subpagesOfThesePages a {
  color: white;
  font-size: 11px;
  font-weight: normal;
  text-decoration: none;/* m�glich: underline, overline, line-through, blink, none */
  display: block;
  float: left;
  line-height: 17px;
  padding-left: 8px;
  padding-right: 8px;
  border-right: 2px dotted white;
}
.subpagesOfThesePages a:hover, .subpagesOfThesePages a:focus, .subpagesOfThesePages a:active, .subpagesOfThesePages a.current {
  background: #f05061;
  text-decoration: none;/* m�glich: underline, overline, line-through, blink, none */
}
.subpagesOfThesePages a.current {
	font-weight: bold;
}

/*	+++++++++++++++++++++++++++++++++++++++
	+ 03-subpages_of_these_pages-abstract +
	+++++++++++++++++++++++++++++++++++++++ */
/*.subpagesOfThesePagesAbstract a {}
.subpagesOfThesePagesAbstract a:hover, .subpagesOfThesePagesAbstract a:focus, .subpagesOfThesePagesAbstract a:active {}*/




/*	++++++++++++++++++++++++++++++++++++++
	+ 04-subpages_of_these_pages-section +
	++++++++++++++++++++++++++++++++++++++ */
/*.subpagesOfThesePagesSection a {}
.subpagesOfThesePagesSection a:hover, .subpagesOfThesePagesSection a:focus, .subpagesOfThesePagesSection a:active {}*/




/*	++++++++++++++
	+ 05-sitemap +
	++++++++++++++ */
/*.sitemap a {}*/
.sitemap .level1 {
	padding-left: 0px;
}
.sitemap .level2 {
	padding-left: 25px;
}
.sitemap .level3 {
	padding-left: 50px;
}
.sitemap .level4 {
	padding-left: 75px;
}
.sitemap .level5 {
	padding-left: 100px;
}
.sitemap .level6 {
	padding-left: 125px;
}
.sitemap .level7 {
	padding-left: 150px;
}
.sitemap .level8 {
	padding-left: 175px;
}
.sitemap .level9 {
	padding-left: 200px;
}




/*	++++++++++++++++++++++++++
	+ 06-these_pages-section +
	++++++++++++++++++++++++++ */
/*.thesePagesSection a {}*/




/*	+++++++++++++++++++++++++++++
	+ 07-recently_updated_pages +
	+++++++++++++++++++++++++++++ */
/*.updatedPages a {}*/




/*	++++++++++++++++++++++++++++++
	+ 08-pages_based_on_keywords +
	++++++++++++++++++++++++++++++ */
/*.keywordPages a {}*/




/*	++++++++++++++++++++
	+ 09-rootline_menu +
	++++++++++++++++++++ */
/*.rootline a {}*/





/*	++++++++++++++++
	+ 10-tree_menu +
	++++++++++++++++ */
/*.treeMenu .current a {}*/

.treeMenu .level2 a {
	padding:4px 0;
  color: black;
  font-size: 12px;
  font-weight: normal;
  text-transform:uppercase;
  text-decoration: none;/* m�glich: underline, overline, line-through, blink, none */
  line-height: 18px;
  display: block;
}
.treeMenu .level2 a:hover {
  color: #3875a9;/*blau*/
  text-decoration: none;/* m�glich: underline, overline, line-through, blink, none */
}

.treeMenu .level3 {
  padding-left: 10px;
}
.treeMenu .level3 a {
	padding:3px 0;
  color: #7f888a;/*grau*/
  font-size: 12px;
  font-weight: normal;
  text-decoration: none;/* m�glich: underline, overline, line-through, blink, none */
  line-height: 15px;
  display: block;
  border-bottom:1px solid white;
}
.treeMenu .level3 a:hover {
  color: #3875a9;/*blau*/
  text-decoration: none;/* m�glich: underline, overline, line-through, blink, none */
}

.treeMenu .current a, .treeMenu .currentWithSubpages a {
  color:#cc0000;
}
.treeMenu .withSubpagesInRootline a {
  color: #3875a9;/*blau*/
}



/*	++++++++++++++++++++
	+ 11-dropdown_menu +
	++++++++++++++++++++

	DKone 22.08.2004 (KvB GbR TS frameWork) <- Folge: ALT!
	INFO: Die Klassen "dropdown_menuLevel_x" sind fest von Typo vergeben!
	Mit "dropdown_menuLevel_all" kann auf alle Tablellen zugegriffen werden. */

/* Bei allen MenuLevel: links sollen sich in der ganzen td ausbreiten */
.dropdown_menuLevel_all a {
	display: block;
	color: #E7E7E7;
	text-decoration: none;
	font-weight: bold;
	font-family: arial, sans-serif;
	font-size: 12px;
	padding-left: 8px;
	padding-right: 8px;
}
/* BUG im IE, also noch mal definieren, sonst ist der text doch unterstrichen! */
.dropdown_menuLevel_all a:hover {
	color: white;
	text-decoration: none;
}
/* Level 1 menu der link bekommt einen border und etwas abstand zu einander */
.dropdown_menuLevel_1 a {
	border: solid 1px black;
}
/* bei hover wird eine goldener rahmen sichtbar */
.dropdown_menuLevel_1 a:hover {
	border-left: solid 1px #EEC400;
	border-right: solid 1px #EEC400;
	border-top: solid 1px #EEC400;
}
/* Das 2 Level ist anders positioniert als die anderen  */
div.dropdown_menuLevel_2 {
	margin-top: 19px;
}
div.dropdown_menuLevel_3, .dropdown_menuLevel_4, .dropdown_menuLevel_5, .dropdown_menuLevel_6, .dropdown_menuLevel_7, .dropdown_menuLevel_8, .dropdown_menuLevel_9 {
	margin-left: 151px;
	margin-top: -1px;
}
/* alle Ebenen ab level 2 (Div-Elemente) werden hier formatiert. */
.dropdown_allMenuLayer table {
	width: 150px;
}
.dropdown_allMenuLayer td {
	padding-top: 1px;

	vertical-align: middle;
	background-color: black;
}
.dropdown_allMenuLayer a {
	background-color: #3E3E3E;
	height: 20px;
}
.dropdown_allMenuLayer a:hover {
	color: #EEC400;
	background-color: #6C6C6C;
}
div.dropdown_allMenuLayer {
	border: solid 1px #EEC400;/* alle MenuLayer(ab level 2) haben einen goldenen Rahmen */
}




/*	+++++++++++++++++++++
	+ 12-dropdown_menu2 +
	
	+++++++++++++++++++++ */

.dropdownMenu2 ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}
.dropdownMenu2 a {
	display: block;
	font-family: Verdana, sans-serif;
	font-size: 10px;
	color: #666666;
	font-weight: normal;
	text-decoration: none;/* m�glich: underline, overline, line-through, blink, none */
	font-style: normal;/* m�glich: italic, oblique(schr�ggestellt), normal */
	font-variant: normal;/* m�glich: small-caps, normal */
	text-transform: none;/* m�glich: uppercase, lowercase, capitalize(Wortanf�nge als Gro�buchstaben), none */
	word-spacing: 0px;
	letter-spacing: 0px;
	background: #eeeeee;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
}
.dropdownMenu2 a:hover {
	text-decoration: none;/* IE bug, wird nicht mit vererbt! :( */
	color: white;
	background: #666666;
}
.dropdownMenu2 li {
	float: left;
	position: relative;
	text-align: center;
	cursor: default;
}
.dropdownMenu2 li ul {
	display: none;
	position: absolute;
	top: 100%;
	left: 0px;
	background: white;/* +++ACHTUNG+++ IE bug, braucht der IE damit hover funktioniert! :( */
	/*width: 100%; wenn die unterpunkte so lang seinen sollten wie die Hauptpunkte. */
}
.dropdownMenu2 li>ul {
	top: auto;
	left: auto;
}
.dropdownMenu2 li li {
	display: block;
	float: none;
	text-align: left;
}
.dropdownMenu2 li:hover ul, li.over ul {
	display: block;
}
.dropdownMenu2 ul li li a {
	background: #eeeeee;
	color: #999999;
	font-size: 9px;
}
.dropdownMenu2 ul li li a:hover {
	background: #999999;
	color: white;
}

/*.dropdownMenu2 {}
.dropdownMenu2 .level1 {}
.dropdownMenu2 .level2 {}
.dropdownMenu2 .normal {}
.dropdownMenu2 .current {}
#dropdownMenu2_js_helper {}*/




/*	++++++++++++++++++++++
	+ 13-horizontal_menu +
	++++++++++++++++++++++ */
/*	wenn das Div keine Feste H�he bekommt, laufen die menuPunkte �ber den Inhalt.
	Sonst muss das position: relative/absolute unten ge�ndert werden! */
div.horizontalMenu {
	text-align: left;
	height: 100px;
}
.horizontalMenu ul.level1 {
	list-style: none;
	padding: 0px;
	margin: 0px;
}
.horizontalMenu ul.level1 li {
	float: left;
	position: relative;/* Ohne diese Angabe stimmen die Positionen nicht mehr richtig, wenn Level2-Sub-Items l�nger sind als der Level1-Hauptpunkt. */
	cursor: default;/* falls ein li kein Link ist, bleibt der Zeiger ein Pfeil-Cursor (nicht Text-Cusor). */
	margin-right: 10px;
}
.horizontalMenu ul.level2 {
	list-style: none;
	padding: 0px;
	margin: 0px;
	display: block;
	position: absolute;/* Ohne diese Angabe stimmen die Positionen nicht mehr richtig, wenn Level2-Sub-Items l�nger sind als der Level1-Hauptpunkt. */
	top: 100%;
	left: 0px;
}
.horizontalMenu ul.level2 li {/* Achtung: Werte werden von oben �bernommen! */
	float: none;
	position: relative;
	cursor: default;/* falls ein li kein Link ist, bleibt der Zeiger ein Pfeil-Cursor (nicht Text-Cusor). */
	margin: 0px;/* margin + padding wird sonst von oben �bernommen. */
	padding: 0px;
	padding-top: 2px;
	padding-bottom: 2px;
}

/* Level 1 */
.horizontalMenu ul.level1 a.normal {
	color: black;
	font-weight: bold;
}
.horizontalMenu ul.level1 a.current, ul.level1 a.withSubpagesInRootline {
	color: maroon;
	font-weight: bold;
}
.horizontalMenu ul.level1 a:hover, .horizontalMenu ul.level1 a:active, .horizontalMenu ul.level1 a:focus {
	color: maroon;
	font-weight: bold;
}
/* Level 2 */
.horizontalMenu ul.level2 a.normal {
	color: gray;
	font-weight: normal;
}
.horizontalMenu ul.level2 a.current, ul.level2 a.withSubpagesInRootline {
	color: maroon;
	font-weight: normal;
}
.horizontalMenu ul.level2 a:hover, .horizontalMenu ul.level2 a:active, .horizontalMenu ul.level2 a:focus {
	color: maroon;
	font-weight: normal;
}
/* INFO: Die ul-Elemente bekommen automatisch von typo die Klassen level1/level2/level3 ... */



