@media screen {

  html, body {
    margin-top:20px;
    padding:0; 
    }

  body {
    background-color: #ffdd99;
    color:black;
    font-family:Helvetica,Arial,Tahoma,sans-serif;
    font-size:12px;
    text-align:left;
    }

  .vpfuer { 
    font-size:14px;
    }
    
  .vpfuerdatum { 
    font-weight:bold;
    }
    
  .vpschulname { 
    font-size:10px;
    }
    
  .vpdatum { 
    font-size:10px;
    }  

  .ueberschrift {
    font-size:12px;
    font-weight:bold;
    padding:0px;
    }  

  table {
    border-collapse:collapse;
    border-color:black;
    table-layout:fixed;
    width:100%;
    font-size:12px;
    }
    
  .tableplan {
    }
   
  .thplanklasse {
    font-size:12px;
    width:100px;
    }
     
  .thplanstunde {
    font-size:12px;
    width:50px;
    }
     
  .thplanfach {
    font-size:12px;
    width:50px;
    }

     
  .thplanlehrer {
    font-size:12px;
    width:150px;
    }
     
  .thplanraum {
    font-size:12px;
    width:50px;
    }
     
  .thplaninfo {
    font-size:12px;
    }
     
  .thlplanstunde {
    width:20px;
    }
     
  .thlplanfach {
    width:40px;
    }
     
  .thlplanlehrer {
    width:150px;
    }

  .thlplanklasse {
    width:100px;
    }

  .thlplanvfach {
    width:40px;
    }

  .thlplanvlehrer {
    width:150px;
    }
     
  .thlplanvraum {
    width:40px;
    }

.thlplaninfo {
    width:200px;
}



.kopfstunde {
    font-size:12px;
    font-weight:bold;
    width:50px;
    text-align:center;
}

     

.kopftag {
    font-size:12px;
    font-weight:bold;
    text-align:center;
}

     

.stunde {
    font-size:12px;
    text-align:center;
}


.klasse {
}

   

tr {
    vertical-align:middle;
}

   

td {
    padding:2px;
    border-color:black;
}

    

th {
    padding:2px;
    border-color:black;
    text-align:left;
}

    

.thkopfabwesend {
    font-size:12px;
    width:150px;
}



.thabwesend {
	font-size:12px;

}



.thaktionen {
    font-weight:bold;
    font-size:12px;
}



.tdaktionen {
    font-size:12px;
}



.aufsichtenkopf {
    font-weight:bold;
    font-size:12px;
}



.aufsichtendetails {
    font-size:12px;
}

	

.hintengruen {
   border: 3px green dashed;
   background: white;
   margin:100px;
}  

	

a:active { color: #990000; text-decoration: none;  }
a:hover { color: #000000; text-decoration: none; background-color: #ffffdd }
a:link { color: #990000; text-decoration: none;}
a:visited { color: #990000; text-decoration: none; }	



h1{font-size:16pt;color:#009900; font-style:normal; font-family: Arial,Helvetica,Geneva,Swiss,SunSans-Regular,Verdana, sans-serif;}
h2{font-size:13pt;color:#009900; font-style:normal; font-family: Arial,Helvetica,Geneva,Swiss,SunSans-Regular,Verdana, sans-serif;}
h3{font-size:16pt;color:#0066ff; font-style:normal; font-family: Arial,Helvetica,Geneva,Swiss,SunSans-Regular,Verdana, sans-serif; margin:0px;}
h4{font-size:10pt;color:#0099ff; font-style:normal; font-family: Arial,Helvetica,Geneva,Swiss,SunSans-Regular,Verdana, sans-serif; margin:0px;}
h5{font-size:16pt;color:#990000; font-style:normal; font-family: Arial,Helvetica,Geneva,Swiss,SunSans-Regular,Verdana, sans-serif; margin:0px;}
h6{font-size:13pt;color:#990000; font-style:normal; font-family: Arial,Helvetica,Geneva,Swiss,SunSans-Regular,Verdana, sans-serif; margin:0px;}	
}

#logo img {
	border: none;
	display: block;
	position: absolute;
	left: 20px;
	top: 15px;
}

*+html #logo img, * html #logo img {
	 position: absolute;
	 left: 20px;
	 top: 35px;
}

#logo a:hover {
	background:none;
}

#gesamt {
	width: 880px;
	margin:0px;
	margin-left:auto;
	margin-right:auto;
} 

/*////Menü/////////*/
#menu {
	width: 880px;
	height: 140px;
	background: transparent url(bild/menu.gif) no-repeat bottom left;
	text-align:center;
	padding: 5px;
	padding-left:10px;
	padding-right:10px;
}

#menu a{ /* Links */
	position:relative;
}

#menu ul { /* alle Listen */
	padding: 0;
	margin: 0;
	list-style: none;
}

#menu li { /* alle Listenelemente */
	float: left;
	position: relative;
	width: 100px;
	text-align:center;
}

div #container { /*Container für Untermenüs*/
	top: 64px;
	left: 0px;
	display: none;
	position: absolute;
}

html>/**/body div #container { /* alle Browser ohne IE, automatische Positionierung unter dem Elternelement*/
	top: auto;
	left: auto;
}

#main li #container ul { /* Untermenüs */
	width:150px;
	text-align:left;
	margin-left:-25px;
}

#main li #container ul li{ /* Untermenüpunkte */
	width:150px;
	background: transparent url(bild/middle.png) repeat-y;
	padding-top:3px;
}


/**
Nicht mehr verwendet! Dafür jetzt die DD_belatedPNGfix.js!
 html #main li #container ul li { IE bis einschlieslich IE6 bkommen GIF-Hintergrund (kein PNG-Support)
	background-image: url(bild/middle.gif);
}*/

#menu li:hover #container, #menu li.over #container { /* einblenen des Menüs bei mouseover */
	display: block;
}

#main li #container ul li.top {
	height:30px;
	background:transparent url(bild/top.png) left bottom no-repeat;
}

/**
Nicht mehr verwendet! Dafür jetzt die DD_belatedPNGfix.js!
html #main li #container ul li.top { IE bis einschlieslich IE6 bkommen GIF-Hintergrund (kein PNG-Support)
	background-image: url(bild/top.gif);
}*/

#main li #container ul li.bottom {
	height:20px;
	background:transparent url(bild/bottom.png) left top no-repeat;
}

/**
Nicht mehr verwendet! Dafür jetzt die DD_belatedPNGfix.js!
html #main li #container ul li.bottom { /*IE bis einschließlich IE6 bkommen GIF-Hintergrund (kein PNG-Support)
	background-image: url(bild/bottom.gif);
}*/

#menu.admin #main {
	margin-left: 130px;
	padding-top: 55px;
}

#menu.sek2 #main {
	margin-left: 130px;
	padding-top: 55px;
}

#menu.sek1 #main {
	margin-left: 180px;
	padding-top: 55px;
}

#menu.only_logout #main {
	margin-left: 380px;
	padding-top: 55px;
}

/*////Menü////ENDE/////*/

/*////Inhalt/////////*/
#content {
	margin: 0px;
	padding-top: 1px;
	padding-left: 45px;
	padding-bottom: 1px;
	padding-right: 50px;
	width: 795px;
	background: transparent url(bild/body.gif) repeat-y left top;
}

div.tableft {width: 33px; float:left;}

div.tableft.kl {width: 28px;}

div.tabcenter {width: 80px; float:left; text-align: center;}

div.tabcenter.kl {width: 30px;}

div.tabright {width: 30px; float:left; text-align:right;}

#bottom {
	display:block;
	margin:0px;
	padding:0px;
	padding-left: 45px;
	padding-right: 45px;
	width:800px;
	height:50px;
	background: url(bild/bodybottom.gif) no-repeat top left;
}

/*///////////////Registrierung/////////////////*/
#reg_container {
	position:absolute;
	left:50%;
	margin-left: -215px;
	width:438px;
}

#reg_top {
	height:35px;
	width:438px;
	background: transparent url(bild/reg_top.gif) no-repeat left top;
}

#reg {
	width:298px;
	margin-top:0px;
	padding-top:10px;
	margin-bottom:0px;
	padding-bottom:20px;
	padding-left: 150px;
	background: transparent url(bild/reg.gif) repeat-y left top;
}

#forgotten {
	text-align:justify;
	width:330px;
	margin-top:0px;
	margin-bottom:0px;
	padding-top:10px;
	padding-right:60px;
	padding-bottom:20px;
	padding-left:50px;
	background: transparent url(bild/reg.gif) repeat-y left top;
}

*+html #forgotten, * html #forgotten {
	width:450px;
}

#reg_bottom {
	height:54px;
	width:438px;	
	background: transparent url(bild/reg_bottom.gif) no-repeat left top;
}

/*///////Autocompleter///////////*/
div.autocomplete {
  position:absolute;
  width:250px;
  background-color:white;
  border:1px solid #888;
  margin:0px;
  padding:0px;
  text-align: left;
}

div.autocomplete ul {
  list-style-type:none;
  margin:0px;
  padding:0px;
}

div.autocomplete ul li.lehrer { background-color: #ff9999;}

div.autocomplete ul li.selected { background-color: #ffffbb;}

div.autocomplete ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px;
  height:32px;
  cursor:pointer;
  font-weight: bold;
}

div.autocomplete ul li a {
  display:block;
}

div.autocomplete span {
	font-size: 10px;
	color: #898989;
	font-weight: normal;
}

 /*Aktivierung*/
 tr.lehrer {
  background-color: #ff9999;
 }
 
  /*Umfrage*/
.umfrage legend
{
	font-weight: bold;
	font-size: 12px;
}