/* Standart-CSS fUer Webdesign */

/* saemtliche Abstaede auf NULL stellen */

* {
	margin: 0; /* Seitenabstände */
	padding: 0; /* Innenabstand */
}

/* Grundeinstellungen fuer den Body */

html, body {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 10px;
    overflow:hidden;
 }
 
#hintergrund {
  	position:absolute;
  	background-repeat: no-repeat;
	width:100%;
  	height:100%;
  	z-index:1;
}

#inhalt {
  	position:absolute;
  	top: 20px;
  	width:100%;
  	height:100%;
  	overflow: auto;
  	z-index:3;
}

p {
	margin-bottom: 10px; /*Abstand zwischen den Abschnitten*/
	text-align:justify;
}

ul, ol {
	padding-left: 25px;
}

/* Standarttabelle ohne Rahmen */
table {
	empty-cells:show;
	border-collapse: collapse;
	border: 0px;
	font: normal 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

td {
	padding: 5px;
	border: 0px;
}


/*************/
/* Sektionen */
/*************/
#right {
text-align:right
}

/* Titelleiste */
#kopf {
  background: url('pics/skyline.jpg');
  background-attachment:fixed;
  position: absolute;
  top: 2px;
  left: 0px;
  width: 100%;
  height: 70px;
  font-family: CascriptDB;
  font-size: 0.9em;
  color: #b5d8ee;
}

div#kopf h1 {
  font-size : 3.4em;
}

div#kopf a {	/* normale, nicht angewaehlte Links */
  color: #0000ff;
  background: #b5d8ee;
  margin-right: 1em;
  padding: 0em 2em;
  font-family: arial;
  font-size: 10px;
  text-transform: none;
  text-decoration: none;
  border-top: 1px solid #e1e1e1;
  border-left: 1px solid #e1e1e1;
  border-right: 1px solid #888;
}

div#kopf a:hover {
  color: #fff;
  background: #b5d8ee;
  border-top: 1px solid #888;
  border-left: 1px solid #888;
  border-right: 1px solid #e1e1e1;
}


/* Hauptbereich */
#inhalt_mitte {
  background: url('pics/hintergrund.schule.blas.jpg');
  background-attachment:fixed;
  background-repeat:no-repeat;
  background-position:top;  
  position: absolute;
  top: 90px;
  left: 200px;  
  height: 150%;
  width: 81%;
  padding: 10px 0px 10px 0px;
  margin-bottom: 145px;
  font-family: Arial;
  font-size: 1em;
  color: #000000;
  line-height : 1.6em;
}

div#inhalt_mitte h1 {
  font-family : CascriptDB;
  font-size : 2.5em;
  font-weight: bold;
  text-align: center;
  text-decoration:underline;
  letter-spacing:3px;
  color:#005EBF;  
  line-height: 1;
}
	
div#inhalt_mitte h2 {
  font-family: CascriptDB;
  font-size: 1.7em;
  font-weight: bold;
  letter-spacing: 1.5px;
  color: #005EBF;  
  margin-bottom: 7px;
}

div#inhalt_mitte h3 {
  font-size: 1.4em;
  font-weight:normal;
  font-family:CaScriptDB;
  color: #005EBF;
  text-align: left;
  margin-bottom: 5px;
}

div#inhalt_mitte h4 {
  font-size: 16px;
  font-family: CascriptDB;
  color: #005EBF;
  text-align: center;
  margin-bottom: 7px;
}

div#inhalt_mitte h5 {
  position: absolute;
  top: 400px;
  left: 500px;
  font-size: 1.5em;
  font-family: CascriptDB;
  color: #005EBF;
}

div#inhalt_mitte h6 {
  position: absolute;
  top: 250px;
  left: 300px;
  font-size: 16px;
  font-family: CascriptDB;
  color: #005EBF;
}

div#inhalt_mitte h7 {
  font-size: 14px;
  font-family: CascriptDB;
  color: #005EBF;
}

div#inhalt_mitte a:link, div#nav a:link { 
  color:#66A0BB;
  text-decoration: none;
}
	
div#inhalt_mitte a:visited, div#nav a:visited{ 
  color: #66A0BB;
  text-decoration: none;
}

div#inhalt_mitte a:active, div#nav a:active{ 
  color: #66A0BB;
  text-decoration: underline;
}
	
div#inhalt_mitte a:hover, div#nav a:hover{ 
  color:#66A0BB;
  text-decoration: underline;
}

/* Formularfelder */
div#inhalt_mitte input {
  font: normal 16px Comic Sans MS,Arial,Helfetica,sans-serif;
  color: black;
  border: 1px solid blue;
  background-color: #CCC;
}

div#inhalt_mitte input:focus {
  background-color: #99CCCC;
  color: red;
} 

/*Buttons*/
div#inhalt_mitte a.button1 {	
  color: #fff;	
  background-color: #009595;
  margin-right: 1em;
  padding: 0em 2em;
  text-transform: none;
  text-decoration: none;
  border-top: 1px solid #e1e1e1;
  border-left: 1px solid #e1e1e1;
  border-right: 1px solid #888;
}

div#inhalt_mitte a.button1:hover {
 color: #009595;
 background: #fff;
 border-top: 1px solid #888;
 border-left: 1px solid #888;
 border-right: 1px solid #e1e1e1;
}

/* Navigation */
#inhalt_links {
height: auto;
width: 170px;
position: absolute;
top: 90px;
left: 20px;
padding: 2px 0px 2px 2px;
background: #f3f3f3;
padding: 2px 8px 7px 0px;
}

/* First Level Navigation */
a.fstLevel {
  text-decoration: none;
  display: block;
  padding: 4px;
  margin: 0px;
  text-align: left;
  font-size: 14px;
  color: #000;
  border-left: 7px solid #005EBF;
}

a:hover.fstLevel  {
  color: #000;
  background: #fff;
  border-left: 7px solid #005EBF;
}

a.fstLevelActive {
  text-decoration: none;
  display: block;
  padding: 4px;
  margin: 0px;
  text-align: left;
  font-size: 14px;
  color: #000;
  border-left: 7px solid #D9EAF7;
}

/* Second Level Navigation */
a.secLevel {
  text-decoration: none;
  display: block;
  padding: 3px;
  margin-left: 7px;
  font-size: 12px;
  color: #000;
  border-left: 7px solid #b5d8ee;
}

a:hover.secLevel {
  color:#000;
  background: #fff;
  border-left: 7px solid #b5d8ee;
}

a.secLevelActive {
  text-decoration: none;
  display: block;
  padding: 3px;
  margin-left: 7px;
  font-size: 12px;
  color:#000;
  border-left: 7px solid #182DA1;
}

/* Unterinhalt */
#unterinhalt {
  /* background: url('pics/hintergrund.schule.blas.jpg'); */
  /* background-attachment:fixed; */
  height:81%;
  width: 93%;
  position: absolute;
  top: 0px;
  left: 0px;
  padding: 10px 10px 10px 30px;
  margin-bottom: 145px;
  font-size: 1.2em;
  color: #000000;
  line-height : 1.6em;
}
/* Login */
#inhalt_links_unten {
height: 180;
width: 170px;
position: absolute;
top: 500px;
left: 20px;
padding: 2px 0px 2px 4px;
background: #e3e3e3;
font-family:arial;
font-size:1em;
}

#container {
	margin: auto;
    font-size: 1.4em;
}
#container #content {
	padding: 0px;
	text-align:center;
}
th {
    padding:5px;
	background-repeat: repeat-x;
    font-family: DIGITALDB;
    color: #ff0000;
}

td {
    padding:5px;
    font-size: 1.2em;
}

.countTable {
    font-size: 1em;
    font-family: CascriptDB;
    text-align:center;
    font-style:bold;
    color: #ff0000;    
}

/* Schulleitung */
#sl_info {
height: 40;
width: 170px;
position: absolute;
top: 450px;
left: 20px;
padding: 2px 0px 2px 4px;
background: #e3e3e3;
font-color:#0000ff;
font-family:arial;
font-style:;
font-size:1.5em;
}