/* CSS fuer das Vorgebirge */

* {
 padding: 0;
 margin:	0;
 border:	0;
}

body,html {
 font-family:	/* "Comic Sans MS", */ Arial, Helvetica, Tahoma, Verdana, sans-serif;
 font-size:100.01%;
 color: black;
 height: 100%;
}

body {
 background:	url(../img/logoprotokachel.jpg) repeat-y;
 padding: 0em 0em 0em 15em;
 /* overflow:	auto; */
/* Warum dieser Eintrag und der Star-Html-Hack hier eingebaut waren, kann ich nicht mehr nachvollziehen
 *  Bis jetzt ;)
 */
}

/*
* html body { height: 100%; }
*/

#navbox {
 margin: 0;
 padding: 0;
 position: absolute;
 top: 0px;
 left: 0px;
 width:	14em;
 text-align: left;
}

#navbox[id] {
/*  position: fixed; */
}

/* Eine leere Box, so grosz wie der Logo-Link #home zur Indexseite */
#xhome {
	width:	6.7em;
	height:		3.8em;
}

#home {
  margin-left: 0.5em;
  margin-top: 0.8em;
  margin-bottom: 0.5em;
}
#home img {
  width: 5em;
/*  height: 2.7em; */
}

#home a {
	text-decoration:none;
}

#home .linksraus, #xhome .linksraus {
	display:	block;
	position:	relative;
	left:		-1000px;
	font-size:	0em;
}

ul#nav {
 margin: 0;
 padding: 0px 0px 0px 10px;
}
ul#nav li {
	margin-bottom:	0.7em;
	list-style-type:none;
}

ul#nav li a {
	display:	block;
 border:	solid 2px transparent;
 font-size: 1.2em;
 line-height: 1.5em;
 height: 1.5em;
	font-weight:	bold;
	text-decoration: none;
	color:		#000;
}

* html ul#nav li a {
padding:		2px 2px 2px 42px;
border: none;
}

ul#nav li a:hover {
	border:		2px solid #baecc6;
 color: #ff0000;
}

* html ul#nav li a:hover {
padding: 0px 0px 0px 40px;
}

#nav0,#nav1, #nav2, #nav3, #nav4, #nav5, #nav6, #nav7, #nav8, #nav9, #nav10, #nav11{
display: block;
padding: 2px 0px 2px 40px;
}

#nav0 {	background:	url(../img/home.gif) center left no-repeat; }
#nav1 {	background:	url(../img/schulleben.gif) center left no-repeat; }
#nav2 {	background:	url(../img/menschenfertig.gif) center left no-repeat; }
#nav3 {	background:	url(../img/schule.gif) center left no-repeat; }
#nav4 {	background:	url(../img/schueler.gif) center left no-repeat; }
#nav5 {	background: url(../img/kontakt.gif) center left no-repeat; }
#nav6 {	background: url(../img/favorites.png) center left no-repeat; }

ul#nav li a.active  {
color:			#84DD9B;
}

ul.submenue {
	margin: 0px 0px 15px 0px !important;
	padding: 0px !important;
}

* html ul.submenue {
margin : 15px 0px !important;
}

ul.submenue li {
	list-style-type: none;
	height: 1em !important;
	margin-bottom: 0.5em !important;
}

ul.submenue li a {
	display: block;
	font-size: 1em !important;
    height: 1.2em !important;
	line-height: 1.2em !important;
	margin-left: 40px;
}

* html ul.submenue li a {
	margin-left: 0px;
}

#header {
	width:		100%;
	height:		2em;
}

 .breadcrumb {
  	background:	transparent;
  	color:		#000;
  	text-align:	right;
  	font-size:	0.8em;
  	padding:	0em;
  	margin:		0em 0em 0.5em 0em;
  	border-bottom:	dotted 1px #9dffcc;
  }

  .breadcrumb a:link, .breadcrumb a:visited {
  	margin:		0px;
  	padding:	0px;
  	color:		#0056BA;
  	text-decoration:none;
  }

.breadcrumb a:hover {
			background-color: #ccff99;
  	color:		#0056BA;
}

#content {
 position: relative;
 margin:0em 0.5em 0em 0em;
 padding: 0em 0.5em;
 text-align: center;
}

#content h2 {
 margin:	0em 0em 2em 0em;
}

#footer {
 clear: both;
 width: 100%;
 padding: 0.3em 0em;
 font-size:0.75em;
}

.linkbox1 {
 display: inline-block;
 margin-top: 0.5em;
 background: transparent;
 list-style-type: none;
}

.linkbox1 li {
 display: -moz-inline-box; /* Moz */
 display: inline-block; /* Op, Saf, IE \*/
 vertical-align: top; /* IE Mac kapiert hier irgendwas mit v space nicht */
 margin: 0.5em;
 border: solid 1px #14273D;
}

.listwrapper {
 display: block;
 width: 15.6em;
 min-height: 8.0em;
 padding: 0.2em;
 background: #fff;
}

* html .listwrapper {
 height: 8.0em;
}

.linkbox1 .titel {
  display: block;
  height:1.6em;
  line-height: 1.6em;
  font-size: 1.2em;
  background: #ccffcc;
}

.linkbox1 .descript  {
  font-size: 0.9em;
  font-weight: bold;
  display: block;
  text-align: left;
  padding-top: 0.2em;
}

.linkbox1 .termin {
  text-align: right;
  font-size: 0.7em;
  background: #DCDCDC;
}


.linkbox1 .picto {
  display: block;
  width: 5.3em;
  height: 5.3em;
  margin: 0.2em 0.2em 0.2em 0em;
  /*			background: #ffff66; */
  float: left;
}

.linkbox1 .picto img {
		width: 5.3em;
		height: 5.3em;
}

.linkbox1 .space {
			display: block;
			height: 0.1em;
			font-size: 0.1em;
			line-height: 0.1em;
			width: 100%;
			clear: left;
}

.linkbox1 a {
			display: block;
			background: #fff;
			width: 100%;
}

.linkbox1 a:hover {
			background: cccfff;
}

.seitennavi {
			display: inline-block;
			padding: 0em;
			margin: 1em 0em;
			list-style: none;
			text-align: center;
}

li.sidetop, li.overview {
 display: -moz-inline-box; /* Moz */
 display: inline-block; /* Op, Saf, IE \*/
 vertical-align: top; /* IE Mac kapiert hier irgendwas mit v space nicht */
 width: 8em;
 height: 2.4em;
 margin: 0em 0.5em;
 background: #ccffcc;
 border: solid 1px #c0c0c0;
}

.overview a, .sidetop a {
 display: block;
 height: 100%;
 width: 8em;
 text-decoration: none;
 color: #000;
 text-align: left;
}

.overview a span, .sidetop a span {
 display: block;
 padding-left: 2.6em;
}

.sidetop a{
 background: url(../img/sidetop.png) center left no-repeat;
}

.sidetop a:hover {
 background: url(../img/sidetop.png) center left no-repeat #ffcc66;
}

.overview a{
 background: url(../img/logout.png) center left no-repeat;
}

.overview a:hover {
 background: url(../img/logout.png) center left no-repeat #ffcc66;;
}

* html li.overview, * html li.sidetop, * html .seitennavi {
 display: inline;
 height: 1;
 h\eight: auto;
}

.jahrgang {
 display: inline-block;
 margin: 0.8em 0em;
 list-style: none;
 padding: 0px;
}

 .jahrgang li {
 display: -moz-inline-box; /* Moz */
 display: inline-block; /* Op, Saf, IE \*/
 vertical-align: top; /* IE Mac kapiert hier irgendwas mit v space nicht */
 border: 1px solid #000;
 margin: 0em 0.5em;
 }

 .jahrgang li a {
 display: block;
 width: 2.6em;
 background-color: #fff;
 text-decoration: none;
 color: #000;
 text-align: center;
}

 .jahrgang li a:hover {
			background-color: #ffcc66;
		}

 .jahrgang li span.jahrgangaktiv {
			display: block;
			width: 2.6em;
			background-color: #ccffcc;
			color: #000;
		}

.cleaner {
	clear:		both;
}

/* Der Kern von Clearfix */
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

/* IE-Patches für Clearfix */
.clearfix { display: inline-block; }
/* Vor IE5/Mac verstecken \*/
* html .clearfix { height: 1px; }
.clearfix { display: block; }
/* Ende des Versteckspiels für den IE5/Mac */

hr {
	margin:		5px auto;
	width:		98%;
	border:		groove #a9a9a9 1px;
}

.hidden {
	float:		left;
	height:		20px;
	width:		20px;
 background-color: #e6e6e6;
}

.gr {
	font-size:		1.2em;
}

.kl {
		font-size:		0.8em;
}

.nachoben {
margin-left: 0.2em;
height: 1em;
line-height: 1em;
text-align: left;
font-size: 0.8em;
}

.smalldiv {
 height: 1px;
	font-size:0.1em;
 overflow: hidden;
}

.inaktiv {
 color: lightgray !important;
}

.linie_rechts {
 padding-right: 0.2em;
 border-right: dotted 1px #000;
}