/* Andreas Kalt, info@herr-kalt.de  -  18.04.2008 */


/* !=== pre-flight styles === */

body {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 62.5%; 
	background-color: #fff;
	color: #000;
	background:url(/gifs/body-right.png) top right repeat-y fixed;
}

body, h1, h2, h3, h4, h5, h6, div, p, 
table, td, ul, ol, li, dd, dt, dl, 
blockquote, address, hr, pre, * {
	margin: 0;
	padding: 0;
}


h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin: 1.5em 0 0 0;
	color: #22345f;
}

/* !=== layout === */

#header {
	height:110px;
}


/* nur fuer die Druckversion */
#printHeader {
	display: none;
}

#nav {
	float: left; 
	width: 100%;
	margin: 0;
}

#subnav {
	width: 170px;
	float: left;
	margin-left: 40px;
	margin-bottom: 40px;
}

#container {
	margin:0;
	padding: 0;
}

#content {
	/*background: #b8bfd1;*/
	margin: 0 0 40px 250px;
	padding-right: 15%; 
}

#sidebar {
	float: right;
	/*width: 220px;*/
	width:22%;
	margin:0 28px 2em 20px;
}

#footer {
	margin:0;
}

/* !=== allgemeine Typographie === */

p, li {
	font-size: 1.3em;
	margin: .5em 0 .75em 0;
	line-height: 1.5;
}

#content p strong, 
#content li strong,
#content td strong { color: #292929; }

#content p a strong,
#content li a strong,
#content td a strong  { color: inherit; }

td, th {
	font-size: 1.3em;
}

li {
	padding-left: .25em;
}

li li {
	font-size: 1em;
}

ul, ol {
	margin: .5em 0 .5em 5px;
	padding: 0 0 0 25px;
}


#content ol {
	margin-left: 15px;
	padding-left: 15px;
}

#content ul {
	list-style: square;
}

/* Name der Section */
h1 {
	font-size: 2em;
	margin: 0 0 1em 0;
}

/* Artikellinks */
h2 {
	font-size: 2.7em;
	padding-left: 20px;
	background: url(/gifs/bullet-red.gif) 0 5px no-repeat;
}

#container #content h2.sectionHome {
	margin-top: -15px;
	margin-bottom: 30px;
	padding:.5em 20px;
	font-family: "Lucida Sans", Verdana, Arial, Helvetica, sans-serif;
	font-size: 2em;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1px;
	word-spacing: .1em;
	line-height: 1.4;
	background:#fff url(/gifs/meta-bg.gif);
	border: 2px solid #fff;
	border-width: 2px 2px 2px 0;
}

h3 {
	font-size: 2.4em;
	border-bottom: 1px solid #ccc;
}

h4 {
	font-size: 2.2em;
	font-style: italic;
}

.linklist h4 {
	margin-left: -30px;
}

h5 {
	font-size: 1.9em;
}

h6 {
	font-size: 1.6em;
	font-style: italic;
}


a:link {
	color: #22345f;
}


a:visited {
	color: #940003;
}

a:link:hover {
	background-color:#22345f;
	color: #fff;
	text-decoration: none;
}

a:visited:hover {
	background-color: #940003;
	color: #fff;
	text-decoration: none;
}

blockquote {
	margin: 1.5em 0 1.5em 1px;
	border-left: 2px solid #ccc;
	padding: 0 0 0 15px;  
}

blockquote * {
	font-style: italic;
}

hr {
	margin: 2em 0 0 0;
	border: 1px solid #666;
}

hr.footnotes {
	margin-right: 60%;
}

/* !=== spezielle Typographie === */

/* Grossschrift */

.large {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.5em;
}

.large p, 
.large li {
	font-size: 1em;
}


/* "Highlight" - Hervorhebung von Absaetzen */

p.hl { font-size: 1.4em; }

.hl {
	margin-left: 1px;
	padding:.75em 1.5em 1.25em 2em;
	background:#faee9a url(/gifs/diagonal-bg.gif) top left repeat-y; 
	border: 2px solid #fff;
	border-width: 2px 2px 2px 0;
}


.box {
	margin-left: 1px;
	padding:1em 1.5em;
	border:3px solid #d4d4d4;
	background-color: #fff;
}

#content ol.box,
#content ul.box {
	margin-left: 1px;
	padding-left: 2.5em;
}

.box li { 
	margin-left: 1.5em;
	margin-right: 1em;
}

.clearR { clear: right; }
.clearL { clear: left; }

#content .hl h2, 
#content .hl h3, 
#content .hl h4, 
#content .hl h5, 
#content .hl h6 {
	margin:.25em 0;
	padding: 0;
	background: none;
	border: none;
} 

/* "Weiter lesen" Link - im aktuellen Baustein "default" und 
"articleList nicht mehr enthalten */
.readOn a {
	font-weight: bold;
	font-size: 1em;
	padding-left:3px;
}


/* hervorgehobene Tabellenzeilen */
table tr.hl {
	background-color: #ffffcc;
	background-image: none;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

table .hl td {
	color: #940003;
	border-bottom: 1px solid #ccc;
}

table td.hl {
	background-color: #ffffcc;
	color: #940003;
	background-image:none;	
/* 	border-top: 1px solid #ccc; */
	border-bottom: 1px solid #ccc;
	border-right:0;
}

/* Angaben zu Beitraegen z.B: Datum, Tags etc. */
#content .meta {
	font-size: 11px;
	margin-top:3em;
	padding: .25em .5em;
	background:#fff url(/gifs/meta-bg.gif); 
	color: #333;
	border: 2px solid #fff;
	border-width: 2px 2px 2px 0;
	clear:right;
}

.feedLink a:link,
.feedLink a:visited,
.feedLink a:hover {
	display:block;
	margin:.5em 0;
	padding: 10px 0 10px 40px;
	background-image: url(/gifs/feed-icon.png) ;
	background-position: 5px 50%;
	background-repeat: no-repeat; 
}

.faded {
	color:#666;
}

.important {
	color:#8a1017;
	font-weight: bold;	
}

#default #sidebar .important {
	font-weight:normal;
}

#importantArticles {
	color:#8a1017;
	background:#ffc;
}


/* Menuebefehle im Text fuer Tutorials  */
.menu {
  font-family:Monaco, "Courier New", monospace;
  font-size:1em;
  background:#d4d4d4;
  padding:1px 3px;
}

/* Tastatur-Tasten im Text fuer Tutorials  */ 
.key {
  padding:1px 4px;
  border:2px solid #ccc;
  border-color:#ccc #666 #666 #ccc;
}

pre { 
	width:80%;
	overflow: auto;
	margin: 2em 0;
	padding: 1em;
	border: 1px solid #666;
	background-color:#d0d7ed;
}

#content p sup,
#content li sup, 
#content table sup {
	font-style: normal;
	font-weight:bold;
}

#content p sup a,
#content li sup a,
#content table sup a {
	margin: 0 3px;
	padding: 1px 5px 3px;
	background-color:#d4d4d4;
}

#content p sup a:hover,
#content li sup a:hover,
#content table sup a:hover {
	background-color:#666;
}

/* Dateinamen etc. in Tutorials  */
code, .code {
	font-family: Monaco, "Courier New", monospace;
}

code { font-size:1.1em; }

.code {
	font-size:1em;
}

p code, 
p .code { font-size: 1em; }

.capitalise {
	text-transform: capitalize;
}


/* betrifft die TagCloud des tru_tags plugins  */
#tagCloud {
	margin: -0.4em 0 0 0;
	padding: 1em 1.5em;
	border: 2px solid #ccc;
	background:#fff;
	line-height:1.6;
	vertical-align:text-bottom;
	text-align: justify;
}

#tagCloud a {
	padding:5px 2px;
	white-space:nowrap;
}

h3.tagCloud {
	margin: 1em 0 0 0;
	padding: 0;
	color: #666;
	border: none;
	line-height:1;
}

p.tagCloud {
	margin-top: 0;
	text-align: right;
}


#content #resultDisplay {
	margin-left: 1px;
	padding:1em 1.5em 1em 2em;
	background:#ffc url(/gifs/diagonal-bg.gif) top left repeat-y; 
	border: 2px solid #fff;
	border-width: 2px 2px 2px 0;
}

#content #resultDisplay h2 {
	background: none;
	padding: 0;
	margin: 0;
}

.linklist .linkCat {
	list-style:none;
	margin: 1em 0 0 -25px;
	padding:0;
	border-bottom: 1px solid #ccc;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 2.3em;
	line-height:1.2;
	color: #22345f;
}


.button {
	margin: 3em 50% 0 0; 
	padding: 2px;
	border: 1px solid #d4d4d4;
	background-color: #fff;
}

.button a {
	display: block;
	padding: .5em;
	margin: 0;
	background-color: #d4d4d4;
	font-size: 1.5em;
	text-align: center;
}

#service .computertipps .computertippsHeader {
	margin-bottom: 30px;
	padding:.5em 20px;
	font-family: "Lucida Sans", Verdana, Arial, Helvetica, sans-serif;
	font-size: 2em;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 2px;
	word-spacing: .2em;
	line-height: 1.4;
	color: #fff;
	background:#384b7c;
	border: 2px solid #fff;
	border-width: 3px 2px 2px 0;
}

#service .computertipps .computertippsURL { display: none; }

/* !=== header === */

#header {
	background:#2D4171 url(/gifs/header-bg.png) top left repeat-x;
}


#header #linkHome {
	text-indent: -5000px;
	width: 170px;
	height: 141px;
	position: absolute;
	left:40px;
	background: url(/gifs/header-logo.png) 0 0 no-repeat;
}

#header #linkHome:link, 
#header #linkHome:visited {
	background-position: 0 0;
}


#header #linkHome:hover {
	background-position:-170px 0;
}

#header h1 {
	position: absolute;
	top:0;
	right: 10px;
	width: 407px;
	height: 110px;
	background: url(/gifs/header-logotype.png) top right no-repeat;
	text-indent: -5000px;
	color: #fff;
}

/* !=== nav === */

#nav {
	background: #C6A77C url(/gifs/nav-bg.png) top left repeat-x;
}

#nav ul {
	float: right;
	background:#C6A77C url(/gifs/nav-bg.png) top left;
	margin: 0;
	padding:0 17px 0 0;
	list-style: none;
}

#nav li {
	display: inline;
	margin: 0;
	padding: 0;
}

#nav ul li a {
	float: right;
	background:url(/gifs/nav-bg.png) 0 0 repeat-x;
	margin: 1px 0 5px 0;
	padding: 6px 1.25em 6px;
	font-size: 12px;
	line-height: 1;
	font-weight: bold;
	text-decoration: none;
}

#nav ul li a:link, 
#nav ul li a:visited {
	color: #fff;
}

#nav ul li a:hover {
	background-position: 0 -31px;
}

#nav .currentNav a:link,
#nav .currentNav a:visited,
#nav .currentNav a:hover {
	background-position: 0 -31px;
	cursor: default;
}

#nav #navAktuelles a, 
#nav #navOrganisation a,
#nav #navService a,
#nav #navNewsletter a, 
#nav #navKontakt a {
	border-right:1px solid #e7d0b6;
}

#nav form {
	float:right;
}

/* !=== subnav === */

#subnav {
	background:#d4d4d4;
}

#subnav h1 {
	font-size: 2.2em;
	letter-spacing: 1px;
	margin: 2px 4px 4px 4px;
	padding: .5em 0;
	/*color: #fff;*/
	text-align: center;
	border:1px solid #fff;
}

#subnav h2, 
#subnav h3, 
#subnav h4, 
#subnav h5, 
#subnav h6 {
	margin: 1em 10px .25em;
}

/* Navigationsmenue */

#subnav h3 {
	font-size: 2em;
}

#subnav h4 {
	font-size: 1.8em;
	font-style:normal;
}

#subnav p {
	font-size: 12px;
	margin:0 10px .5em;
}

#subnav .subnav {
	margin: 0 0 1em 0;
	padding:0;
	list-style: none;
	/*border-top: 1px solid #fff;*/
}

#subnav li {
	margin: 0;
	padding: 0;
}

#subnav li a {
	display: block;
	padding: .5em 10px .5em 20px;
	border-bottom: 1px solid #fff;
	text-decoration: none;
}


#subnav li a:link:hover {
	color:#22345f;
	background-color:#b8bfd1;
}

#subnav li a:visited:hover {
	color: #940003;
	background-color:#b8bfd1;
}


/* Suche in der Sidebar */
#subnav .searchBtn {
	margin-top:5px;
}

#subnav .searchField {
	width: 145px;
}

/* Unternavigation der Kategorien, die in einer Sektion vorhanden sind */
#subnav .subnav ul.catList {
	margin: 0;
	padding: 0;
	list-style: none;
}

#subnav .subnav .catList li {
	font-size: 1em;
}

#subnav .subnav .catList a {
	font-weight: normal;
	margin-left: 32px;
	padding: .5em 10px .5em 5px;
	border-bottom: none;
	cursor: pointer;
	border-bottom: 1px solid #ccc;
}

#subnav .subnav .catList a:hover {
	background-color:#b8bfd1;
}

#subnav .subnav .catList a.currentCat {
	font-weight: bold;
}

/* Erklaerungstext fuer Jahrgangskategorien */
#subnav #subnavKlassen span {
	margin-left: 40px;
	font-size:11px;
	font-weight:bold;
	color:#333;
}

#subnav #searchPanel {
	margin:0;
	padding:0 10px 10px 10px;
	border-bottom:1px solid #fff;
}

#subnav #searchPanel h4,
#subnav #searchPanel p, 
#subnav #searchPanel input {
	margin-top:0;
	margin-left:0;
}

#subnav #searchPanel input {
	margin-bottom:5px;
}

#subnav #searchPanel p {
	font-family: Verdana, "Lucida Grande", Arial, sans-serif;
	font-size:1.3em;
	padding:0;
}

/* !=== schulhomepage.de === */

#schulhomepageaward {
	display: block;
	margin: 0 ;
	padding: 1.5em 0 2em 24px;
	border-top: 1px solid #fff;
}

#schulhomepageaward img {
/* 	display: block; */
	margin: 0;
}

/* prize badge */
#subnav #hpAward {
	display: block;
	margin: 0 ;
	padding: 1.5em 0 2em 10px;
	border-top: 1px solid #fff;	
}


#subnav #websiteteam {
	border-top: 1px solid #fff;	
	margin: 0;
	padding: 0;
	list-style: none;
}

#subnav #websiteteam li a {
	border-bottom: none;
	margin-left: 0;
	padding-left: 0;
	font-weight: bold;	
	text-align: center;
}

/* !=== container === */

#container .breadcrumbs {
	font-size: 13px;
	margin: 40px 40px 30px 250px;
/* 	border-bottom: 1px solid #fff; */
/* 	border-collapse: separate; */
}



/* !=== content === */

/*
#content .post, #content .postExcerpt,
#content .sectionHome { 
	margin-right:15%; 
}
*/


#content .post {
	margin-bottom: 4em;
}

/* spezielle Formatierungen fuer die Exzerpte (v.a.graue Schrift und keine Raender)
fuer weniger Ablenkung beim Ueberfliegen  */

#content .postExcerpt {
	padding-bottom: 2em;
	margin-bottom: 2em;
	border-bottom: 1px solid #ccc;
}

#content .postExcerpt p, 
#content .postExcerpt li,
#content .postExcerpt p strong,
#content .postExcerpt li strong,
#content .postExcerpt td strong,
#content .postExcerpt h2,
#content .postExcerpt h3,
#content .postExcerpt h4,
#content .postExcerpt h5,
#content .postExcerpt h6,
#content .postExcerpt li a:link,
#content .postExcerpt li a:visited,
#content .postExcerpt li a:hover   {
	color: #808080;
	border: none;
}

#content .postExcerpt h2  { 
	margin-bottom:0;
	font-size: 2.2em;
}

#content .postExcerpt .category {
	margin-left:21px;
	margin-top:0;
/* 	color: #22345f; */
/* 	color:#666; */
	text-transform: uppercase;
	letter-spacing:.125em;
	font-size:1.2em;
	font-weight: bold;
}

#content .postExcerpt td,
#content .postExcerpt th {
	color: #808080;	
}

#content .postExcerpt .hl {
	background-color:#fff;
}


/* in der Artikelliste sollen keine Bilder angezeigt werden */
#content .postExcerpt img,
#content .postExcerpt p img,
#content .postExcerpt object,
#content .postExcerpt embed,
#content .postExcerpt .slideshare {
	display: none;
}

#content #stickyArticles {
	margin: 15px 0 2em 0;
	border-collapse: separate;
	padding:0;
	background-color:#fff;
	border:3px solid #d4d4d4;
}

#content #stickyArticles h2.stickyArticlesHeadline {
	margin:0;
	padding: .25em 5px;
	background-color:#d4d4d4;
	font-family: "Lucida Grande", Arial, Verdana, Helvetica, sans-serif;
	text-transform:uppercase;
	font-size:1.25em;
	font-weight:bold;
	letter-spacing:.125em; 
	background-image:none;
	border:1px solid #fff;
}

#content #stickyArticles h2 {
	margin-top:0;
}

#content #stickyArticles .postExcerpt {
	margin: 15px;
	padding-bottom:0;
	border-bottom:none;
}



#content p {
	margin-bottom:.75em;
	line-height: 1.6;
}

/* Bildunterschriften Ð v.a. der negative obere Rand ist wichtig, damit der Text ohne gro§en Abstand direkt unter dem Bild steht  */
#content p.caption {
	margin-top:-2em;
	margin-bottom:2em;
	font-size:1.2em;
	line-height:1.4;
	font-style:italic;
}

/* In einer Artikelliste soll die Bildunterschrift NICHT nach oben geschoben werden, weil sie sonst in manchen Situationen anderern Text verdeckt */
#content .postExcerpt p.caption {
	margin-top:0;
}

/* Inhaltsverzeichnisse einzelner Artikel */
#content .pageNav {
	margin: 2em 40% 2em 0;
	padding:1em 1em 2em 2em;
	background:#d4d4d4 url(/gifs/page-nav-inhalt.gif) bottom right no-repeat;
}

/* Aufgabenformatierung in Artikeln des Bereichs Unterricht > ITG  */
#content .aufgabe {
	margin: 2em 0;
	padding:1em 1em 2em 2em;
	background:#d4d4d4 url(/gifs/aufgabe.gif) bottom right no-repeat; 
}


#content .pageNav li,
#content .aufgabe li {
	margin: .25em 0 .5em 0;
	line-height: 1.4;
	list-style:none;
	padding-left: 15px;
}

#content .pageNav li {
	background: url(/gifs/page-nav-bullet.gif) 0 3px no-repeat;
	font-weight:bold;
}

#content .aufgabe li { 
	background: url(/gifs/aufgabe-bullet.gif) 0 3px no-repeat;
	font-weight: normal; 
}

#content .pageNav li ul,
#content .aufgabe li ul {
	margin-left:0;
	padding-left:0;
}

#content .pageNav li li,
#content .aufgabe li li   {
	margin-left:0;
	font-weight:normal;
}


#content h2 a {
	font-size: 1em;
}

#content h2, 
#content h3, 
#content h4, 
#content h5, 
#content h6 {
	margin-top:1em;
	margin-bottom:.25em;
}

#content img {
	margin:2.5em 0;
	padding: 2px;
	border:3px solid #d4d4d4; 
	background-color: #fff;
}

#content li img {
	margin:0;
}

#content h3 + p img,
#content h4 + p img,
#content h5 + p img,
#content h3 + table,
#content h4 + table,
#content h5 + table {
	margin-top:0;
}


#content a img { 
	padding-bottom: 21px; /* icon for "see larger version" */
	background-image:url(/gifs/icon-lupe.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
}

#content p.meta a img { 
	margin:0;
	padding-bottom: 0;
	background-image:none;
}

#content a:hover img {
	background-color:#b8bfd1;
	border-color: #b8bfd1;
}

#content img.blockImg {
	display: block; 
}

#content img.floatL {
	float: left;
	margin:0 1em 1em 0;
}

#content img.floatR {
	float: right;
	margin:0 0 1em 1em;
}


#content table {
	width:98%;
	margin-top:2em;
	margin-bottom:2em;
	padding:0;
	background: #fff;
	border-collapse: separate;
	border-spacing:0;
	border: 2px solid #fff;
}


#content .post table.withSidebar { 
	margin-right:0; 
	width:75%;
}

/* Klassenlinks in der Uebersichtstabelle */
#content table#tabelleKlassen a {
	display:block;
	padding:1px 3px;
}

#content table#tabelleKlassen sup a {
	display:inline;
}

#content table th, 
#content table td {
	margin:0;
	padding: .5em;
	border-bottom: 1px solid #ccc;
	text-align: left;
	line-height:1.5;
}

/* border-top fuer Tabellen ohne th Elemente  */
#content table.bt{
	border-top: 1px solid #ccc;
}

#content table th {
	font-weight: bold;
	color: #2a2a2a;
	background: #b8bfd1;
}

#content table td p,
#content table td li {
	font-size: 1em;
}


#content table.valignTop td {
	vertical-align: top;
}

#content table.valignTop td img {
	margin-top:0;
}


#content .postExcerpt .meta {
	margin-top:1em;
}

#content .meta a:link, 
#content .meta a:visited, 
#content .meta a:hover {
	padding:1px 2px;
}


/*Links in Metaangaben sind weniger auffaellig als normale Links */
#content .meta a:link,
#content .meta a:visited {
	color: #333;
	text-decoration: underline;
}

#content .meta a:hover {
	color:#fff;
	background-color:#333;
	text-decoration:none;
}



/* !=== sidebar === */

#sidebar {
	background: #fff url(/gifs/diagonal-bg.gif) top left repeat;
	border: 2px solid #fff;
}

#sidebarInner {
	background: #fff;
	margin: 6px;
	padding: 0 0 1em 0;
	border: 1px solid #fff;
}

#sidebar h3, 
#sidebar h4, 
#sidebar h5, 
#sidebar h6 {
	margin:.75em 10px .25em;
	font-style:normal;
}

#sidebar p {
	margin:.5em 10px 1.5em;
}

/* #sidebar #recentArticles, #sidebar #relatedArticles */

#sidebar ul {
	list-style: none;
	margin: -.25em 0 2em 0;
	padding: 0;
	border-top: 1px solid #ccc;
}


#sidebar ul li {
	margin:0;
	padding:.5em 10px .5em 11px;
	border-bottom: 1px solid #ccc;
}


#sidebar ul a {
	margin: 0;
	padding:2px 0;
}


#sidebar .current {
	display:none;
}

#sidebar .tagSearchLink {
	margin:0 ;
	padding:0;
	font-size:1.5em;
}

#sidebar .tagSearchLink a {
	display:block;
	margin:.5em 0;
	padding:.25em 10px;
}


/* !=== footer === */


#footer {
	background: #eaecf1 url(/gifs/meta-bg.gif);
	border-top: 1px solid #d4d4d4;
	border-bottom: 1px solid #fff;
	clear: both;
	padding:0 32px 0 50px;
}

#footer p,
#footer ul, 
#footer ol {
	margin-right: 28%;
}	

#metaFooter {
	float: right;
	width: 25%;
	margin:0 ;
	padding-left: 2em;
	/* border-left: 1px solid #fff; */
}



#footer p {
	margin: 1em 0;
}

#footer .currentSec {
	text-decoration:none;
	font-weight:bold;
	cursor:default;
}

#footer .currentSec:link:hover {
	background:none;
	color:#26345c;
}

#footer .currentSec:visited:hover {
	background:none;
	color:#7e150f;
}

#footer hr {
	clear: both;
	visibility: hidden;
}

#footer #metaFooter p {
	text-align: right;
}

#footer #jumpTop {
	font-weight: bold;
	margin-bottom: .5em;
	padding: 0 4px 1em 0;
	/* border-bottom: 1px solid #fff; */
}

#footer #metaFooter .searchField {
	margin: 4px 0;
}

/* Basecamp Link im Footer */
#footer #bc:link,
#footer #bc:visited {
	color:#8e8e8e;
}

#footer #bc:hover {
	color:#fff;
	background:#8e8e8e;
}


/* ! === section-spezifische Regeln === */


#error #container {
	margin-top: 82px;
}

/* ! === navigation marker Regeln === */

/*==== current Zustand der subnav Links ========= */




/* aktive Sektion (styles fuer das umgebende li tag) */
#schulleben #subnavSchulleben, 
#termine #subnavTermine,
#klassen #subnavKlassen,
#lehrer #subnavLehrer,
#eltern #subnavEltern,
#ehemalige #subnavEhemalige,
#praktikanten #subnavPraktikanten,
#verwaltung #subnavVerwaltung,
#unterricht #subnavUnterricht,
#ueber-uns #subnavUeberUns,
#fotos #subnavFotos,
#intern #subnavIntern {
	background:#fff url(/gifs/diagonal-bg.gif) top left repeat-y;
	cursor: default;
	font-weight: bold;
	color: 	#2a4177;
	/*padding-bottom: 5px;*/
	border-bottom: 1px solid #fff;
}

/* aktive Sektion (styles fuer das a tag - innerhalb von li) */
#schulleben #subnavSchulleben a, 
#termine #subnavTermine a,
#klassen #subnavKlassen a,
#lehrer #subnavLehrer a,
#eltern #subnavEltern a,
#ehemalige #subnavEhemalige a,
#praktikanten #subnavPraktikanten a,
#verwaltung #subnavVerwaltung a,
#unterricht #subnavUnterricht a,
#ueber-uns #subnavUeberUns a,
#fotos #subnavFotos a,
#intern #subnavIntern a {
	border-bottom: none	;
}


/* hover Zustand fuer das Sektions-a tag */
#schulleben #subnavSchulleben a:hover, 
#termine #subnavTermine a:hover,
#klassen #subnavKlassen a:hover,
#lehrer #subnavLehrer a:hover,
#eltern #subnavEltern a:hover,
#ehemalige #subnavEhemalige a:hover,
#praktikanten #subnavPraktikanten a:hover,
#verwaltung #subnavVerwaltung a:hover,
#unterricht #subnavUnterricht a:hover,
#ueber-uns #subnavUeberUns a:hover,
#fotos #subnavFotos a:hover,
#intern #subnavIntern a:hover {
	background:#fff url(/gifs/diagonal-bg.gif) top left repeat-y;
}

/*hover Zustand der Kategorieliste, wenn eine Sektion geoeffnet ist */
#schulleben #subnavSchulleben .catList a, 
#termine #subnavTermine .catList a,
#klassen #subnavKlassen .catList a,
#lehrer #subnavLehrer .catList a,
#eltern #subnavEltern .catList a,
#ehemalige #subnavEhemalige .catList a,
#praktikanten #subnavPraktikanten .catList a,
#verwaltung #subnavVerwaltung .catList a,
#unterricht #subnavUnterricht .catList a,
#ueber-uns #subnavUeberUns .catList a,
#fotos #subnavFotos .catList a,
#intern #subnavIntern .catList a {
	border-top: 1px solid #ccc;
}


/*hover Zustand der Kategorieliste, wenn eine Sektion geoeffnet ist */
#schulleben #subnavSchulleben .catList a:hover, 
#termine #subnavTermine .catList a:hover,
#klassen #subnavKlassen .catList a:hover,
#lehrer #subnavLehrer .catList a:hover,
#eltern #subnavEltern .catList a:hover,
#ehemalige #subnavEhemalige .catList a:hover,
#praktikanten #subnavPraktikanten .catList a:hover,
#verwaltung #subnavVerwaltung .catList a:hover,
#unterricht #subnavUnterricht .catList a:hover,
#ueber-uns #subnavUeberUns .catList a:hover,
#fotos #subnavFotos .catList a:hover,
#intern #subnavIntern .catList a:hover {
	background-image: none;
	background-color: #b8bfd1;
}

/*spezielle hover Zustaende fuer die gerade aktive Kategorie */
#schulleben #subnavSchulleben .catList a.currentCat:hover, 
#termine #subnavTermine .catList a.currentCat:hover,
#klassen #subnavKlassen .catList a.currentCat:hover,
#lehrer #subnavLehrer .catList a.currentCat:hover,
#eltern #subnavEltern .catList a.currentCat:hover,
#ehemalige #subnavEhemalige .catList a.currentCat:hover,
#praktikanten #subnavPraktikanten .catList a.currentCat:hover,
#verwaltung #subnavVerwaltung .catList a.currentCat:hover,
#unterricht #subnavUnterricht .catList a.currentCat:hover,
#ueber-uns #subnavUeberUns .catList a.currentCat:hover,
#fotos #subnavFotos .catList a.currentCat:hover,
#intern #subnavIntern .catList a.currentCat:hover {
	background-color: #fff;
	cursor: default;
}

.catList a,
#intern #subnavIntern .catList a {
	border-top: 1px solid #ccc;
}


/*hover Zustand der Kategorieliste, wenn eine Sektion geoeffnet ist */
#schulleben #subnavSchulleben .catList a:hover, 
#termine #subnavTermine .catList a:hover,
#klassen #subnavKlassen .catList a:hover,
#lehrer #subnavLehrer .catList a:hover,
#eltern #subnavEltern .catList a:hover,
#ehemalige #subnavEhemalige .catList a:hover,
#praktikanten #subnavPraktikanten .catList a:hover,
#verwaltung #subnavVerwaltung .catList a:hover,
#unterricht #subnavUnterricht .catList a:hover,
#ueber-uns #subnavUeberUns .catList a:hover,
#fotos #subnavFotos .catList a:hover,
#intern #subnavIntern .catList a:hover {
	background-image: none;
	background-color: #b8bfd1;
}

/*spezielle hover Zustaende fuer die gerade aktive Kategorie */
#schulleben #subnavSchulleben .catList a.currentCat:hover, 
#termine #subnavTermine .catList a.currentCat:hover,
#klassen #subnavKlassen .catList a.currentCat:hover,
#lehrer #subnavLehrer .catList a.currentCat:hover,
#eltern #subnavEltern .catList a.currentCat:hover,
#ehemalige #subnavEhemalige .catList a.currentCat:hover,
#praktikanten #subnavPraktikanten .catList a.currentCat:hover,
#verwaltung #subnavVerwaltung .catList a.currentCat:hover,
#unterricht #subnavUnterricht .catList a.currentCat:hover,
#ueber-uns #subnavUeberUns .catList a.currentCat:hover,
#fotos #subnavFotos .catList a.currentCat:hover,
#intern #subnavIntern .catList a.currentCat:hover {
	background-color: #fff;
	cursor: default;
}