html, body { margin: 0 0 0 0; height:100%; width:100%; }


body {
	padding:0;
	margin:0;
	text-align:left;
	min-width:600px;
	font-size:100.1%;
	font-family:"Times New Roman",Arial,Verdana,Tahoma,Helvetica,Sans-serif,sans-serif;
	color:#464646;
        margin: 0 0 0 0; 
        background-color: #C6FFFF;
         /* overflow:hidden; */ 
        overflow:scroll; 


	
}

div {
	padding:0;
	text-align:justify;
	font-size:1em;
	margin: 0 0 0 0; 
}

table, tr, td {
	padding:0;
        font-size:100.1%;
	margin: 0 0 0 0; 

}

span {
	padding:0;
	font-size:1em;
	margin: 0 0 0 0; 

}

/*      overflow:hidden;
        overflow-y:hidden;
        overflow-x:scroll;   
        overflow:-moz-scrollbars-vertical; 
   overflow:-moz-scrollbars-horizontal;
*/

html>body { height:auto; width:auto; }



/*--------------  tabelle im Text --------*/
table.tabelle-imText {
background-color: transparent; 
width: 90%; 
/*margin-left: auto; 
margin-right: auto;*/ 
padding:4 ; 
border-collapse:collapse;
border-spacing:2;

}


table.tabelle-imText td  {
text-align="left";
vertical-align: center; 
padding: 4 2 2 4;
}



td.vertikal-zentrieren {
text-align="left";
vertical-align: center;
}

/*--------------  tabelle im Text mit Rahmen--------*/
table.tabelle-imText-rahmen {
background-color: transparent; 
width: 90%; 
/* margin-left: auto; 
margin-right: auto; */
padding:4 ; 
border-collapse:separate;
border-spacing:2;
border-width:1px;
border-style:solid;
border-color:#c0c0c0;
}

table.tabelle-imText-rahmen td  { 
text-align="left";
vertical-align: center;
padding: 4 2 2 4;
border-width:1px;
border-style:solid;
border-color:#c0c0c0;
}

table.tabelle-imText-rahmen-60proz {
background-color: transparent; 
width: 65.7%; 
padding:4 ; 
border-collapse:separate;
border-spacing:2;
border-width:1px;
border-style:solid;
border-color:#c0c0c0;
}

table.tabelle-imText-rahmen-60proz td  { 
text-align="left";
vertical-align: center;
padding: 4 2 2 4;
border-width:1px;
border-style:solid;
border-color:#c0c0c0;
}



table.tabelle-imText-rahmen-60proz td.5spalten {  
width: 20%;
}


table.tabelle-imText-rahmen tr.kopf {  
font-weight: bold; 
text-align: center;
}

table.tabelle-imText-rahmen td.6spalten1 {  
width: 2,4%;
text-align: center
}
table.tabelle-imText-rahmen td.6spalten2 {  
width: 14.4%;
text-align: center
}
table.tabelle-imText-rahmen td.6spalten3 {  
width: 19%;
text-align: center
}
table.tabelle-imText-rahmen td.6spalten4 {  
width: 17%;
text-align: center
}
table.tabelle-imText-rahmen td.6spalten5 {  
width: 14.6%;
text-align: center
}
table.tabelle-imText-rahmen td.6spalten5 {  
width: 13.1%;
text-align: center
}


td.vertikal-zentrieren {
text-align="left";
vertical-align: center;
}

p.normal1   {
   margin-top: 6pt;
}
p.normal2   {
   line-height: 150%;
}

/* ---------- tabelle-imText-60proz ------------ */
table.tabelle-imText-rahmen-60proz {
background-color: transparent; 
width: 65.7%; 
padding:4 ; 
border-collapse:separate;
border-spacing:2;
border-width:1px;
border-style:solid;
border-color:#c0c0c0;
}

table.tabelle-imText-rahmen-60proz td  { 
text-align="left";
vertical-align: center;
padding: 4 2 2 4;
border-width:1px;
border-style:solid;
border-color:#c0c0c0;
}
/* ---------- table.tabelle-imText-60proz  td.stundenplan ------------ */

table.tabelle-imText-rahmen-60proz  tr.tr-stundenplan1 {
height: 11.35pt;
text-align: center;
vertical-align: center;
}

table.tabelle-imText-rahmen-60proz  td.stundenplan1 {
width: 3,7%;
height: 11.35pt;
text-align: center;
padding: 0cm 3.5pt;
}
table.tabelle-imText-rahmen-60proz  td.stundenplan2 {
width: 8,9%;
text-align: center;
padding: 0cm 3.5pt;
}

table.tabelle-imText-rahmen-60proz  td.stundenplan3 {
width: 6,8%;
text-align: center;
padding: 0cm 3.5pt;

}
table.tabelle-imText-rahmen-60proz  td.stundenplan4 {
width: 6,3%;
text-align: center;
padding: 0cm 3.5pt;
}

/* ---------- Unterricht ------------ */
div.unterrichttxt  {  
     float:right;
     margin: 0 10 0 0;
     width:84%;
}

p.faecherlogos {  
padding: 0 0 25 0;
}



/* ----------------------- */

/*--------------  tabelle in kollegium --------*/
table.lehrertabelle  {  
width: 450px;
padding-right: 10px; 
}

html>body table.lehrertabelle  {  
width: 60%;
max-width: 450px; 
}

table.lehrertabelle td {  
width: 225px;
font-weight: bold;

}

html>body table.lehrertabelle td {  
width: 50%;
max-width: 225px;
min-width: 150px;

}

/* ----------------------- */

.input {
	font-size:11px;
	font-family:Verdana,Tahoma,Arial,Helvetica,Sans-serif,sans-serif;
	color:rgb(0,0,0);
	width:240px;
	margin-bottom:8px;
	border-top:1px solid #999999;
	border-right:1px solid #999999;
	border-bottom:1px solid #999999;
	border-left:1px solid #999999;
}

.label {
	font-size:11px;
	font-family:Verdana,Tahoma,Arial,Helvetica,Sans-serif,sans-serif;
	color:rgb(0,0,0);
}

.small {
	font-size:9px;
}

#outer{
	height:100%;
	min-height:100%;
	width:780px;
	color:#000000;
	text-align:left;
	position:relative;
}
 
html>body #outer{ height:auto; } 

#innerwrap {
	float:left;
	width:600px;
}

#header{
	position:absolute;
	top:0;
	left:-1px;
	width:781px;
	height:103px;
	color:#000000;
	background-color:#ffffff;
	background:url("../images/schraffur_rechts_oben.gif");
	background-repeat:repeat-x;
	background-position:0px 0px ;
	z-index:5;
}
/****************** Organisation der Layer *****************************************
*
* -- Die linke Seite hat ein Hauptlayer, in dem sich oben das Bannerlayer
* -- und unten das Layer für den navi-container befinden.       
* -- Die rechte Seite hat zwei Hauptlayer, oben ein grosses (97%), unten
* -- 2% für bottomnavi. Das obere ist in der Hallo-Seite vertikal dreigeteilt,
* -- in den anderen Seiten wird das Hauptlayer direkt genutzt.
*
************************************************************************************* */


/* --------------------  Hauptlayer  -----------------*/

#linke-seite {
position:relative;
width: 20%;
height: 100%;
float:left;
margin: 0 0 0 0;
padding-left:0px;
padding-right:0px;
padding-top:0px;
padding-bottom:0px;
background-color: #00D6FF;
}
#linke-seite p { padding-left:3px;padding-right:2px }


#rechte-seite-oben {
position:relative;
width:80%;
height: 93.5%;  /* war  97%, dann 96%, */
float:right;
margin-top:0 0 0 0;
padding-top:0px;
overflow-x:hidden;
overflow-y: auto; 
overflow:-moz-scrollbars-vertical;
}
#rechte-seite-oben p.unterricht { padding-left:4px;padding-right:2pxm;padding-top:40px; }


/*
background-color: blue; 
overflow-x:hidden;
overflow-y: scroll; */
/* overflow-y: hidden; */

#rechte-seite-unten {
float: right;
position:relative;
text-align: center;
width:78.4%;
height: 2%;
margin: 0 0 0 0;
padding-top:0px; 
padding-left:7px; 
padding-right:7px;
padding-bottom:5px;
/*  background-color: yellow;  */
}




/* background-color: yellow; */



/* ********  Unterlayer in linke-seite  *************  */


#banner-links {
text-align: right;
position:relative;
right: 0;
top:0;
width:100%;
height: 2px;
margin: 0 0 0 0;
padding:0 0 0 0;
border: 0 0 0 0;
background-color:transparent;
}


.navi-container1  {
margin-top: 0px;
margin-bottom: 50px; 
}



/* ********  Unterlayer in rechte-seite-oben  ******  */


#banner-rechts {
text-align: left;
position:relative;
left: 0;
top:0;
width:100%;
height: 2px;
margin: 0 0 0 0;
padding:0 0 0 0;
border: 0 0 0 0;
background-color:transparent;
}

/* ********  Nur für Hallo-Seite ******  */

#mitte-links {
positin:relative;
width:20%;
float:left;
margin-top:20%;
padding-top:0px;
padding-bottom:0px;
}

#mitte-mitte {
position:relative;
width:55%;
float:left;
padding-top:0px;
padding-bottom:0px;
}


#mitte-rechts {
position:relative;
width:19%;
float:right;
margin-top:20%;
padding-top:0px;
padding-bottom:0px;
color:black;
}



div,p  { margin:0 0 0 0; }

/*
#centrecontent {
	width:408px;
	float:right;
	padding-left:0px;
	padding-right:0px;
	padding-top:105px;
	padding-bottom:20px;
	color:rgb(62,77,116);
}

#centrecontent p { padding-left:3px:color:rgb(62,77,116); }

#clearfooter { width:100%;height:52px;clear:both; }
*/

/* -----------   Navigation ----------*/

#td-navivert  {
        width: 80%;
        padding-left:7px; 
        padding-top:5px; 
        padding-right:7px;
        padding-bottom:7px;
}

#div-navihori  {
        float: right;
        width: 100%;
        padding-left:7px; 
        padding-top:5px; 
        padding-right:7px;
        padding-bottom:7px;
}


.servicenavi { color : #DF0000; font-size: 95%; font-weight: bold; text-decoration : none ; }

a.servicenavi { color : #DF0000; font-size: 95%; font-weight: bold;  padding-left: 0px; padding-right: 0px; text-decoration : none ;}
a.servicenavi:visited { color : #DF0000 ; font-size: 95%; font-weight: bold;  padding-left: 0px; padding-right: 0px; text-decoration: none}
a.servicenavi:hover { color: #9000E0 ; font-size: 95%; font-weight: bold; text-decoration: underline}
a.servicenavi:active { color : red ; font-size: 95%; font-weight: bolder; text-decoration: none}


.bottomnavi { color : #DF0000; font-size: 80%;  padding-left: 10px; padding-right: 10px; text-decoration : none ;}

a.bottomnavi { color : #DF0000; font-size: 80%; font-weight: bold;  padding-left: 8px; padding-right: 8px; text-decoration : none ;}
a.bottomnavi:link { color : #DF0000; font-size: 80%; font-weight: bold; padding-left: 8px; padding-right: 8px; text-decoration : none ;}
a.bottomnavi:visited { color : #DF0000 ; font-size: 80%; font-weight: bold; text-decoration: none}
a.bottomnavi:active { color : red ; font-size: 80%; font-weight: bold; text-decoration: none}
a.bottomnavi:hover { color: #9000E0 ; font-size: 80%; font-weight: bold; text-decoration: underline}


#rechte-seite-unten div.div-bottomnavi  {
     width: 57%; 
     text-align:center;
}



html>body #rechte-seite-unten div.div-bottomnavi  {
     width: 58%;  
     margin-left: auto;
     margin-right: auto;
}



#bottomnavi {
	text-align:center;
	color:rgb(210,210,210);
}

#bottomnavi-container1 {
   text-align: center; 
   float: left;
   margin: 0 7% 0 7%; 
   padding-left:0px;  
   padding-right:0px;
   padding-top:0px; 
 /*  background-color: silver;  */
}

html>body #bottomnavi-container1 {
   text-align: center; 
   float: left;
   margin: 0 7% 0 7%; 
   padding-left:0px;  
   padding-right:0px;
   padding-top:0px; 
}

/*
#bottomnavi-container2 {
   float: left;
   margin: 0 0 0 0;  
   padding-left:0px; 
   padding-right:0px;
   padding-top:0px; 
}
#bottomnavi-container3 {
   float: right;  
   margin: 0 0 0 0; 
   padding-left:0px; 
   padding-right:0px;
   padding-top:0px; 
}
*/
#bottomnavi-container2 {
   clear: both
   /* float: left; */
   margin: 0 0 0 auto;  
   padding-left:0px; 
   padding-right:0px;
   padding-top:0px; 
}
#bottomnavi-container3 {
   /*clear: both
   float: right; 
   float: left; */ 
   text-align: center  
   margin: 0 0 0 0;  
   padding-left:14%;  /* vorher 7% */
   padding-right:0px;
   padding-top:0px; 
}


/*
#additionalnavi {
	float:right;
	background-color:#ffffff;
	margin-top:3px;
	padding-bottom:2px;
	padding-top:0px;
	margin-left:10px;
	text-align:center;
	width:170px;
	color:rgb(160,160,160);
}
*/

#logo {
	width:780px;
	margin-top:18px;
}

#navipath {
	padding:0;
	padding-bottom:10px;
	background-color:#ffffff;
	color:rgb(99,99,99);
	width:388px;
}

.navi{
	width:180px;
	border-bottom:1px solid rgb(170,170,170);
	background-color:red;
}


/* --------------- vp Sitemap ----------------  */

td.td-sitemap {
        vertical-align: top;
}

#sitemap { 
      
}
ul.sitemap_ul_1 {
     list-style-type: square; 
     margin: 0 0 0 17;   
}
ul.vpsitemap_ul_1 {
     list-style-type: square; 
        margin-top: 0;   
}
li.sitemap_li_1 {
        padding-top: 6;
}
li.vpsitemap_li_1 {
        padding-top: 15;
}
a.sitemap_link_level1 {

}
sitemap_level2_container {
        margin-bottom: 5;
}
ul.sitemap_ul_2 {
     list-style-type: disc;
     margin: 0 0 0 35;     
}
ul.vpsitemap_ul_2 {
     list-style-type: disc;   
}
li.sitemap_li_2 {
        padding-top: 4;
}
li.vpsitemap_li_2 {
        padding-top: 2;
}
ul.sitemap_ul_3 {
     list-style-type: circle;  
     margin: 0 0 0 53;   
}
ul.vpsitemap_ul_3 {
     list-style-type: circle;   
}
li.sitemap_li_rest {
        padding-top: 2;
}
li.vpsitemap_li_rest {
        padding-top: 2;
}
ul.sitemap_ul_rest {
     list-style-type: circle; 
     margin: 0 0 0 71;    
}
ul.vpsitemap_ul_rest {
     list-style-type: circle;   
}
div.sitemap-spalte1 {
        float: left;
        font-variant: small-caps;
        color:#CC6600;
        padding: 15;           
}

div.sitemap-spalte2 {
        background-color: #FFFFFF;
        color:yellow;
}
div.sitemap-spalte3 {
        float: right;
        background-color: red;
}



/* ************ vp guestbook *************/

/****************************************/

a.smilie {
	border: none!important;
	margin-right: 5px;
	margin-bottom: 5px;
}
a img, a.externallink img, div.vpgb_infos a img, div.vpgb_infos a.externallink, div.vpgb_infos a , div.vpgb_infos a.externallink {
	background: none!important;
	border: none!important;
	padding: 0px!important;
}
div.vpgb_eintrag {
	margin-top: 10px;
	border-bottom: 1px dashed #0E399B;
	padding-bottom: 10px;
	display: block;
	float: left;
	width:80% ;  /*  org-500 */
}

html>body div.vpgb_eintrag {
        margin-left:auto;
        margin-right:auto;
	width:80% ;  /*  org-500 */
}


div.vpgb_fleft {
	float: left;
	text-align: left;
	width: 120px;
	margin-right: 10px;
	height: 100%;
}
html>body div.vpgb_fleft {  /* für firefox u. co */
	height: 20%;
}



div.vpgb_infos {
	margin-top: 10px;
	white-space: nowrap;
}
div.vpgb_entry {
	margin-left: 130px;
        width: 75%;
}
div.vpgb_comment {
	margin-left: 130px;
	margin-top: 20px;
	margin-bottom: 10px;
	font-style: italic;
}
div.vpgb_name {
	font-weight: bold;
}
div.vpgb_iphost {
	font-weight: bold;
}
.vpgb_datum {
	color: #0E399B;
	font-size: 10px;
	display: block;
	background: url(../images/datum_oben.gif) 0 0 no-repeat;
	text-align: left;   
	text-transform: uppercase;
	line-height: 1;
	margin-top: 5px;
	width: 35px;
	padding-top: 5px;
	margin-left: 0px;
	margin-bottom: 10px;
}
.vpgb_datum .tag {
	display: block;
	font-weight: bold;
	font-size: 20px;
	text-indent: -3px;
	letter-spacing: -2px;
	color: #0E399B;
	background: url(../images/datum_unten.gif) bottom left no-repeat;
	padding-bottom: 5px;
}
#vpgb_nav {
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	padding: 10px;
	line-height: 200%;
}
#vpgb_nav a {
	color: #0E399B;
	border: 1px solid #0E399B;
	text-decoration: none;
	padding: 2px;
}
#vpgb_nav span.vpgb_punkte {
	color: #0E399B;
	border: 1px solid #0E399B;
	text-decoration: none;
	padding: 2px;
}
#vpgb_nav a:hover, #vpgb_nav a.vpgb_aktiv {
	background: #EEEEEE;
}

label.fleft {
        float: left;
        text-align: right;
        width: 140px;
        margin-right: 30px;
}
/*  Firefox geht damit
div.formular span.fleft {
        float: left;
        text-align: right ;
        width: 140px;
        margin-right: 30px;
}
div.formular span.fleft2 {  
}
div.formular div.fleft {
        float: left;
        text-align: right;
        width: 140px;
        margin-right: 30px;
}
div.formular div.fright {
        display: block;
        margin-left: 160px;
}

div.formular {
	line-height: 26px;
        margin: 40 0 0 15;
        width: 550px;
}
*/

div.fright  a.bbcode {
        color: #0E399B;
        border: 1px solid #0E399B;
        background-color: #CCCCCC;
        padding: 4px;
        margin-right:10px;
        text-decoration: none;
}
.fleft { margin-right:30px; float:left; width: 140px; text-align:right;}
div.fleft { position: relative; margin-right:30px; float:left; width: 140px; text-align:right;}
div.fright { position: relative;; display: block; margin-right: 130px; }
.right {float:right;}
.left {float:left;}

#guestbook { /* fuer IE 
position:absolute;  */
text-align:center;
width:650px;   /* org 550 */
height: 300px;
background-color:transparent;
}
html>body #guestbook { /* be nice to opera (&gekko) */
width:auto;  
max-width:650px;  
height: auto;
min-height: 300px;
}

div.formula { 
margin-left:auto;
margin-right:auto;	
line-height: 13px; 
margin-left:0px; 
margin-top:20px; 
position: relative; 
width: 550px; 
height:100.01%; 
}

p.output { 
margin-left:auto;
margin-right:auto;	
margin-top:20px; 
/* position: relative; */
width: 550px; 
height:100.01%; 
}

div.formular br {
	/* clear: both;
*/
}
label, select, input[type=checkbox], input[type=radio], input[type=button], input[type=submit] {
	cursor: pointer;
}

legend {
	font-size: 12px;
	font-weight: bolder;
}
a.button1 {
        display: block;
        color: #0E399B;
        background-color: #ECF1FF;
        border: 1px outset #0E399B;
        font-weight: bold;
        line-height: 16px;
        padding: 1 4 1 4 ; 
}
input {
        border: 1px dashed #0E399B;
        margin-right: 5px;
        background-color: #CCCCCC;
}
input[type=text], select {
	float: left;
        width: 160px;
}
input, textarea {
        border: 1px dashed #0E399B;
        background-color: #CCCCCC;
        padding: 3px;
}
textarea {
        width: 350px;
}
input[type=submit] {
        color: #0E399B;
        background-color: #ECF1FF;
        border: 1px outset #0E399B;
        font-weight: bold;
        line-height: 16px;        
        padding: 1 4 1 4 ; 
}
/*--------------------------------- */



/*---------------------------------------------*/ 
/*               galerie Lindher               */ 
/*---------------------------------------------*/ 
.galerielayer {
   width:800px;  /* vorher bei 90%, ging gut -  */
   height: 100.01%
   text-align:left; 
   margin: 0% 3% 0% 0%;
   border:0px solid green;
/*   background-color:yellow; */
}

html>body .galerielayer { /* fuer alle restlichen Browser */
width:95.01%; 
min-width:550px;     
height: auto;
min-height:400px;
margin: 0% 3% 0% 0%;
}


div.iframe-layer {
 /*  background-color: green;  */
   float:left;
   text-align:center;
   vertical-align: top;
   padding:0px;
   height:520px;
/*   width:70.01%;  */
   width:598px;
   max-width:70.01%;
   margin:0% 0% 0% 0%;
   border:0px solid red;
   z-index:10;
  /* scrolling:yes; */
    scrolling:no;
} 
}

div {
	padding:0;
	text-align:justify;
	font-size:1em;
	margin: 0 0 0 0; 
}

table, tr, td {
	padding:0;
        font-size:100.1%;
	margin: 0 0 0 0; 

}

span {
	padding:0;
	font-size:1em;
	margin: 0 0 0 0; 

}

/*   overflow:hidden;
        overflow-y:hidden;
        overflow-x:scroll;   
        overflow:-moz-scrollbars-vertical; 
   overflow:-moz-scrollbars-horizontal;
*/

html>body { height:auto; width:auto; }



/*--------------  tabelle im Text --------*/
table.tabelle-imText {
background-color: transparent; 
width: 90%; 
/*margin-left: auto; 
margin-right: auto;*/ 
padding:4 ; 
border-collapse:collapse;
border-spacing:2;

}


table.tabelle-imText td  {
text-align="left";
vertical-align: center; 
padding: 4 2 2 4;
}



td.vertikal-zentrieren {
text-align="left";
vertical-align: center;
}

/*--------------  tabelle im Text mit Rahmen--------*/
table.tabelle-imText-rahmen {
background-color: transparent; 
width: 90%; 
/* margin-left: auto; 
margin-right: auto; */
padding:4 ; 
border-collapse:separate;
border-spacing:2;
border-width:1px;
border-style:solid;
border-color:#c0c0c0;
}

table.tabelle-imText-rahmen td  { 
text-align="left";
vertical-align: center;
padding: 4 2 2 4;
border-width:1px;
border-style:solid;
border-color:#c0c0c0;
}

table.tabelle-imText-rahmen-60proz {
background-color: transparent; 
width: 65.7%; 
padding:4 ; 
border-collapse:separate;
border-spacing:2;
border-width:1px;
border-style:solid;
border-color:#c0c0c0;
}

table.tabelle-imText-rahmen-60proz td  { 
text-align="left";
vertical-align: center;
padding: 4 2 2 4;
border-width:1px;
border-style:solid;
border-color:#c0c0c0;
}



table.tabelle-imText-rahmen-60proz td.5spalten {  
width: 20%;
}


table.tabelle-imText-rahmen tr.kopf {  
font-weight: bold; 
text-align: center;
}

table.tabelle-imText-rahmen td.6spalten1 {  
width: 2,4%;
text-align: center
}
table.tabelle-imText-rahmen td.6spalten2 {  
width: 14.4%;
text-align: center
}
table.tabelle-imText-rahmen td.6spalten3 {  
width: 19%;
text-align: center
}
table.tabelle-imText-rahmen td.6spalten4 {  
width: 17%;
text-align: center
}
table.tabelle-imText-rahmen td.6spalten5 {  
width: 14.6%;
text-align: center
}
table.tabelle-imText-rahmen td.6spalten5 {  
width: 13.1%;
text-align: center
}


td.vertikal-zentrieren {
text-align="left";
vertical-align: center;
}

p.normal1   {
   margin-top: 6pt;
}
p.normal2   {
   line-height: 150%;
}

/* ---------- tabelle-imText-60proz ------------ */
table.tabelle-imText-rahmen-60proz {
background-color: transparent; 
width: 65.7%; 
padding:4 ; 
border-collapse:separate;
border-spacing:2;
border-width:1px;
border-style:solid;
border-color:#c0c0c0;
}

table.tabelle-imText-rahmen-60proz td  { 
text-align="left";
vertical-align: center;
padding: 4 2 2 4;
border-width:1px;
border-style:solid;
border-color:#c0c0c0;
}
/* ---------- table.tabelle-imText-60proz  td.stundenplan ------------ */

table.tabelle-imText-rahmen-60proz  tr.tr-stundenplan1 {
height: 11.35pt;
text-align: center;
vertical-align: center;
}

table.tabelle-imText-rahmen-60proz  td.stundenplan1 {
width: 3,7%;
height: 11.35pt;
text-align: center;
padding: 0cm 3.5pt;
}
table.tabelle-imText-rahmen-60proz  td.stundenplan2 {
width: 8,9%;
text-align: center;
padding: 0cm 3.5pt;
}

table.tabelle-imText-rahmen-60proz  td.stundenplan3 {
width: 6,8%;
text-align: center;
padding: 0cm 3.5pt;

}
table.tabelle-imText-rahmen-60proz  td.stundenplan4 {
width: 6,3%;
text-align: center;
padding: 0cm 3.5pt;
}

/* ---------- Unterricht ------------ */
div.unterrichttxt  {  
     float:right;
     margin: 0 10 0 0;
     width:84%;
}

p.faecherlogos {  
padding: 0 0 25 0;
}



/* ----------------------- */

/*--------------  tabelle in kollegium --------*/
table.lehrertabelle  {  
width: 450px;
padding-right: 10px; 
}

html>body table.lehrertabelle  {  
width: 60%;
max-width: 450px; 
}

table.lehrertabelle td {  
width: 225px;
font-weight: bold;

}

html>body table.lehrertabelle td {  
width: 50%;
max-width: 225px;
min-width: 150px;

}

/* ----------------------- */

.input {
	font-size:11px;
	font-family:Verdana,Tahoma,Arial,Helvetica,Sans-serif,sans-serif;
	color:rgb(0,0,0);
	width:240px;
	margin-bottom:8px;
	border-top:1px solid #999999;
	border-right:1px solid #999999;
	border-bottom:1px solid #999999;
	border-left:1px solid #999999;
}

.label {
	font-size:11px;
	font-family:Verdana,Tahoma,Arial,Helvetica,Sans-serif,sans-serif;
	color:rgb(0,0,0);
}

.small {
	font-size:9px;
}

#outer{
	height:100%;
	min-height:100%;
	width:780px;
	color:#000000;
	text-align:left;
	position:relative;
}
 
html>body #outer{ height:auto; } 

#innerwrap {
	float:left;
	width:600px;
}

#header{
	position:absolute;
	top:0;
	left:-1px;
	width:781px;
	height:103px;
	color:#000000;
	background-color:#ffffff;
	background:url("../images/schraffur_rechts_oben.gif");
	background-repeat:repeat-x;
	background-position:0px 0px ;
	z-index:5;
}
/****************** Organisation der Layer *****************************************
*
* -- Die linke Seite hat ein Hauptlayer, in dem sich oben das Bannerlayer
* -- und unten das Layer für den navi-container befinden.       
* -- Die rechte Seite hat zwei Hauptlayer, oben ein grosses (97%), unten
* -- 2% für bottomnavi. Das obere ist in der Hallo-Seite vertikal dreigeteilt,
* -- in den anderen Seiten wird das Hauptlayer direkt genutzt.
*
************************************************************************************* */


/* --------------------  Hauptlayer  -----------------*/

#linke-seite {
position:relative;
width: 20%;
height: 100%;
float:left;
margin: 0 0 0 0;
padding-left:0px;
padding-right:0px;
padding-top:0px;
padding-bottom:0px;
background-color: #00D6FF;
}
#linke-seite p { padding-left:3px;padding-right:2px }


#rechte-seite-oben {
position:relative;
width:80%;
height: 93.5%;  /* war  97%, dann 96%, */
float:right;
margin-top:0 0 0 0;
padding-top:0px;
overflow-x:hidden;
overflow-y: auto; 
overflow:-moz-scrollbars-vertical;
}
#rechte-seite-oben p.unterricht { padding-left:4px;padding-right:2pxm;padding-top:40px; }


/*
background-color: blue; 
overflow-x:hidden;
overflow-y: scroll; */
/* overflow-y: hidden; */

#rechte-seite-unten {
float: right;
position:relative;
text-align: center;
width:78.4%;
height: 2%;
margin: 0 0 0 0;
padding-top:0px; 
padding-left:7px; 
padding-right:7px;
padding-bottom:5px;
/*  background-color: yellow;  */
}




/* background-color: yellow; */



/* ********  Unterlayer in linke-seite  *************  */


#banner-links {
text-align: right;
position:relative;
right: 0;
top:0;
width:100%;
height: 2px;
margin: 0 0 0 0;
padding:0 0 0 0;
border: 0 0 0 0;
background-color:transparent;
}


.navi-container1  {
margin-top: 0px;
margin-bottom: 50px; 
}



/* ********  Unterlayer in rechte-seite-oben  ******  */


#banner-rechts {
text-align: left;
position:relative;
left: 0;
top:0;
width:100%;
height: 2px;
margin: 0 0 0 0;
padding:0 0 0 0;
border: 0 0 0 0;
background-color:transparent;
}

/* ********  Nur für Hallo-Seite ******  */

#mitte-links {
positin:relative;
width:20%;
float:left;
margin-top:20%;
padding-top:0px;
padding-bottom:0px;
}

#mitte-mitte {
position:relative;
width:55%;
float:left;
padding-top:0px;
padding-bottom:0px;
}


#mitte-rechts {
position:relative;
width:19%;
float:right;
margin-top:20%;
padding-top:0px;
padding-bottom:0px;
color:black;
}



div,p  { margin:0 0 0 0; }

/*
#centrecontent {
	width:408px;
	float:right;
	padding-left:0px;
	padding-right:0px;
	padding-top:105px;
	padding-bottom:20px;
	color:rgb(62,77,116);
}

#centrecontent p { padding-left:3px:color:rgb(62,77,116); }

#clearfooter { width:100%;height:52px;clear:both; }
*/

/* -----------   Navigation ----------*/

#td-navivert  {
        width: 80%;
        padding-left:7px; 
        padding-top:5px; 
        padding-right:7px;
        padding-bottom:7px;
}

#div-navihori  {
        float: right;
        width: 100%;
        padding-left:7px; 
        padding-top:5px; 
        padding-right:7px;
        padding-bottom:7px;
}


.servicenavi { color : #DF0000; font-size: 95%; font-weight: bold; text-decoration : none ; }

a.servicenavi { color : #DF0000; font-size: 95%; font-weight: bold;  padding-left: 0px; padding-right: 0px; text-decoration : none ;}
a.servicenavi:visited { color : #DF0000 ; font-size: 95%; font-weight: bold;  padding-left: 0px; padding-right: 0px; text-decoration: none}
a.servicenavi:hover { color: #9000E0 ; font-size: 95%; font-weight: bold; text-decoration: underline}
a.servicenavi:active { color : red ; font-size: 95%; font-weight: bolder; text-decoration: none}


.bottomnavi { color : #DF0000; font-size: 80%;  padding-left: 10px; padding-right: 10px; text-decoration : none ;}

a.bottomnavi { color : #DF0000; font-size: 80%; font-weight: bold;  padding-left: 8px; padding-right: 8px; text-decoration : none ;}
a.bottomnavi:link { color : #DF0000; font-size: 80%; font-weight: bold; padding-left: 8px; padding-right: 8px; text-decoration : none ;}
a.bottomnavi:visited { color : #DF0000 ; font-size: 80%; font-weight: bold; text-decoration: none}
a.bottomnavi:active { color : red ; font-size: 80%; font-weight: bold; text-decoration: none}
a.bottomnavi:hover { color: #9000E0 ; font-size: 80%; font-weight: bold; text-decoration: underline}


#rechte-seite-unten div.div-bottomnavi  {
     width: 57%; 
     text-align:center;
}



html>body #rechte-seite-unten div.div-bottomnavi  {
     width: 58%;  
     margin-left: auto;
     margin-right: auto;
}



#bottomnavi {
	text-align:center;
	color:rgb(210,210,210);
}

#bottomnavi-container1 {
   text-align: center; 
   float: left;
   margin: 0 7% 0 7%; 
   padding-left:0px;  
   padding-right:0px;
   padding-top:0px; 
 /*  background-color: silver;  */
}

html>body #bottomnavi-container1 {
   text-align: center; 
   float: left;
   margin: 0 7% 0 7%; 
   padding-left:0px;  
   padding-right:0px;
   padding-top:0px; 
}

/*
#bottomnavi-container2 {
   float: left;
   margin: 0 0 0 0;  
   padding-left:0px; 
   padding-right:0px;
   padding-top:0px; 
}
#bottomnavi-container3 {
   float: right;  
   margin: 0 0 0 0; 
   padding-left:0px; 
   padding-right:0px;
   padding-top:0px; 
}
*/
#bottomnavi-container2 {
   clear: both
   /* float: left; */
   margin: 0 0 0 auto;  
   padding-left:0px; 
   padding-right:0px;
   padding-top:0px; 
}
#bottomnavi-container3 {
   /*clear: both
   float: right; 
   float: left; */ 
   text-align: center  
   margin: 0 0 0 0;  
   padding-left:14%;  /* vorher 7% */
   padding-right:0px;
   padding-top:0px; 
}


/*
#additionalnavi {
	float:right;
	background-color:#ffffff;
	margin-top:3px;
	padding-bottom:2px;
	padding-top:0px;
	margin-left:10px;
	text-align:center;
	width:170px;
	color:rgb(160,160,160);
}
*/

#logo {
	width:780px;
	margin-top:18px;
}

#navipath {
	padding:0;
	padding-bottom:10px;
	background-color:#ffffff;
	color:rgb(99,99,99);
	width:388px;
}

.navi{
	width:180px;
	border-bottom:1px solid rgb(170,170,170);
	background-color:red;
}


/* --------------- vp Sitemap ----------------  */

td.td-sitemap {
        vertical-align: top;
}

#sitemap { 
      
}
ul.sitemap_ul_1 {
     list-style-type: square; 
     margin: 0 0 0 17;   
}
ul.vpsitemap_ul_1 {
     list-style-type: square; 
        margin-top: 0;   
}
li.sitemap_li_1 {
        padding-top: 6;
}
li.vpsitemap_li_1 {
        padding-top: 15;
}
a.sitemap_link_level1 {

}
sitemap_level2_container {
        margin-bottom: 5;
}
ul.sitemap_ul_2 {
     list-style-type: disc;
     margin: 0 0 0 35;     
}
ul.vpsitemap_ul_2 {
     list-style-type: disc;   
}
li.sitemap_li_2 {
        padding-top: 4;
}
li.vpsitemap_li_2 {
        padding-top: 2;
}
ul.sitemap_ul_3 {
     list-style-type: circle;  
     margin: 0 0 0 53;   
}
ul.vpsitemap_ul_3 {
     list-style-type: circle;   
}
li.sitemap_li_rest {
        padding-top: 2;
}
li.vpsitemap_li_rest {
        padding-top: 2;
}
ul.sitemap_ul_rest {
     list-style-type: circle; 
     margin: 0 0 0 71;    
}
ul.vpsitemap_ul_rest {
     list-style-type: circle;   
}
div.sitemap-spalte1 {
        float: left;
        font-variant: small-caps;
        color:#CC6600;
        padding: 15;           
}

div.sitemap-spalte2 {
        background-color: #FFFFFF;
        color:yellow;
}
div.sitemap-spalte3 {
        float: right;
        background-color: red;
}



/* ************ vp guestbook *************/

/****************************************/

a.smilie {
	border: none!important;
	margin-right: 5px;
	margin-bottom: 5px;
}
a img, a.externallink img, div.vpgb_infos a img, div.vpgb_infos a.externallink, div.vpgb_infos a , div.vpgb_infos a.externallink {
	background: none!important;
	border: none!important;
	padding: 0px!important;
}
div.vpgb_eintrag {
	margin-top: 10px;
	border-bottom: 1px dashed #0E399B;
	padding-bottom: 10px;
	display: block;
	float: left;
	width:80% ;  /*  org-500 */
}

html>body div.vpgb_eintrag {
        margin-left:auto;
        margin-right:auto;
	width:80% ;  /*  org-500 */
}


div.vpgb_fleft {
	float: left;
	text-align: left;
	width: 120px;
	margin-right: 10px;
	height: 100%;
}
html>body div.vpgb_fleft {  /* für firefox u. co */
	height: 20%;
}



div.vpgb_infos {
	margin-top: 10px;
	white-space: nowrap;
}
div.vpgb_entry {
	margin-left: 130px;
        width: 75%;
}
div.vpgb_comment {
	margin-left: 130px;
	margin-top: 20px;
	margin-bottom: 10px;
	font-style: italic;
}
div.vpgb_name {
	font-weight: bold;
}
div.vpgb_iphost {
	font-weight: bold;
}
.vpgb_datum {
	color: #0E399B;
	font-size: 10px;
	display: block;
	background: url(../images/datum_oben.gif) 0 0 no-repeat;
	text-align: left;   
	text-transform: uppercase;
	line-height: 1;
	margin-top: 5px;
	width: 35px;
	padding-top: 5px;
	margin-left: 0px;
	margin-bottom: 10px;
}
.vpgb_datum .tag {
	display: block;
	font-weight: bold;
	font-size: 20px;
	text-indent: -3px;
	letter-spacing: -2px;
	color: #0E399B;
	background: url(../images/datum_unten.gif) bottom left no-repeat;
	padding-bottom: 5px;
}
#vpgb_nav {
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	padding: 10px;
	line-height: 200%;
}
#vpgb_nav a {
	color: #0E399B;
	border: 1px solid #0E399B;
	text-decoration: none;
	padding: 2px;
}
#vpgb_nav span.vpgb_punkte {
	color: #0E399B;
	border: 1px solid #0E399B;
	text-decoration: none;
	padding: 2px;
}
#vpgb_nav a:hover, #vpgb_nav a.vpgb_aktiv {
	background: #EEEEEE;
}

label.fleft {
        float: left;
        text-align: right;
        width: 140px;
        margin-right: 30px;
}
/*  Firefox geht damit
div.formular span.fleft {
        float: left;
        text-align: right ;
        width: 140px;
        margin-right: 30px;
}
div.formular span.fleft2 {  
}
div.formular div.fleft {
        float: left;
        text-align: right;
        width: 140px;
        margin-right: 30px;
}
div.formular div.fright {
        display: block;
        margin-left: 160px;
}

div.formular {
	line-height: 26px;
        margin: 40 0 0 15;
        width: 550px;
}
*/

div.fright  a.bbcode {
        color: #0E399B;
        border: 1px solid #0E399B;
        background-color: #CCCCCC;
        padding: 4px;
        margin-right:10px;
        text-decoration: none;
}
.fleft { margin-right:30px; float:left; width: 140px; text-align:right;}
div.fleft { position: relative; margin-right:30px; float:left; width: 140px; text-align:right;}
div.fright { position: relative;; display: block; margin-right: 130px; }
.right {float:right;}
.left {float:left;}

#guestbook { /* fuer IE 
position:absolute;  */
text-align:center;
width:650px;   /* org 550 */
height: 300px;
background-color:transparent;
}
html>body #guestbook { /* be nice to opera (&gekko) */
width:auto;  
max-width:650px;  
height: auto;
min-height: 300px;
}

div.formula { 
margin-left:auto;
margin-right:auto;	
line-height: 13px; 
margin-left:0px; 
margin-top:20px; 
position: relative; 
width: 550px; 
height:100.01%; 
}

p.output { 
margin-left:auto;
margin-right:auto;	
margin-top:20px; 
/* position: relative; */
width: 550px; 
height:100.01%; 
}

div.formular br {
	/* clear: both;
*/
}
label, select, input[type=checkbox], input[type=radio], input[type=button], input[type=submit] {
	cursor: pointer;
}

legend {
	font-size: 12px;
	font-weight: bolder;
}
a.button1 {
        display: block;
        color: #0E399B;
        background-color: #ECF1FF;
        border: 1px outset #0E399B;
        font-weight: bold;
        line-height: 16px;
        padding: 1 4 1 4 ; 
}
input {
        border: 1px dashed #0E399B;
        margin-right: 5px;
        background-color: #CCCCCC;
}
input[type=text], select {
	float: left;
        width: 160px;
}
input, textarea {
        border: 1px dashed #0E399B;
        background-color: #CCCCCC;
        padding: 3px;
}
textarea {
        width: 350px;
}
input[type=submit] {
        color: #0E399B;
        background-color: #ECF1FF;
        border: 1px outset #0E399B;
        font-weight: bold;
        line-height: 16px;        
        padding: 1 4 1 4 ; 
}
/*--------------------------------- */



/*---------------------------------------------*/ 
/*               galerie Lindher               */ 
/*---------------------------------------------*/ 
.galerielayer {
   width:800px;  /* vorher bei 90%, ging gut -  */
   height: 100.01%
   text-align:left; 
   margin: 0% 3% 0% 0%;
   border:0px solid green;
/*   background-color:yellow; */
}

html>body .galerielayer { /* fuer alle restlichen Browser */
width:95.01%; 
min-width:550px;     
height: auto;
min-height:400px;
margin: 0% 3% 0% 0%;
}

div.iframe-layer {
 /*  background-color: green;  */
   float:left;
   text-align:center;
   vertical-align: top;
   padding:0px;
   height:520px;
/*   width:70.01%;  */
   width:598px;
   max-width:70.01%;
   margin:0% 0% 0% 0%;
   border:0px solid red;
   z-index:10;
  /* scrolling:yes; */
    scrolling:no;
  /*border-color: #FFFF66; border-style: solid; border-width: 2px ;*/
} 
html>body div.iframe-layer { /* fuer alle restlichen Browser */
   height:90.01%;
   min-height:300px;
   width:80.01%;
   min-width:65.01%;
   scrolling:no; 
}

div.iframe-layer p {
    margin: 0 10 0 10 ;
    padding: 0 0 0 0 ;
   text-align:center;
}


.detail-picture2 {
   background-color: transparent;
   margin:0% 0% 0% 0%;
   vertical-align:middle;
   padding:0px;
   border:0px solid black;
   width:95.01%;
   height:100.01%; 
   min-height:50%;
   min-width:60%;
   z-idnex:11; 
   text-align:center; 
   scrolling:no; 
}

html>body .detail-picture2 { /* fuer alle restlichen Browser */
   width:90.01%;
   height:100.01%; 
   min-height:50%;
   min-width:60%;
   scrolling:no;  
}


body.body-iframe1 {  
   width:95.01%;
   height: 100.01%;
   text-align:center; 
   background-color:transparent;
   margin: 0% 0% 0% 0%;
   border:0px solid green;
   scrolling:no; 
}

body.body-iframe1 table {
width:88.01%;
height: 100.01%;
padding:0;
border: 0;

}

html>body body.body-iframe1 table {
width:88.01%;
height: auto

}

.thumbnail-div {
width:160px;
height: 300px:
margin: 0 0 0 0;
padding: 0 0 0 0 ;
/*  background-color: red; */
}

html>body .thumbnail-div {
width:24.01%;
height: auto;
/* background-color: red; */
}

.thumbnail-table {
width:90.01%;
}

html>body .thumbnail-table {
width:100.01%;
}

/* ------------------Galerie lindher 2------------------------------------ */

.galerielayer2 {
   width:900px;  /* vorher bei 90%, dann 800, ging gut -  */
   height: 100.01%;
   height: auto;
   text-align:left; 
   margin: 0% 3% 0% 0%;
   border:2px solid green;
   background-color:yellow; 
}

html>body .galerielayer2 { /* fuer alle restlichen Browser */
width:100.01%; /* vorher bei 95% -  */
min-width:650px;  /* vorher bei 550 -  */    
height: 50%;
min-height:400px;
margin: 0% 0% 0% 0%;
}

div.iframe-layer2 {
  /* background-color: green;  */
   background-color: transparent; 
   /*float:left;  
   text-align:center;*/
   vertical-align: top;
   padding:0px;
   height:560px;
   max-width:100.01%;
   width:898px;     /* vorher vorher bei 90.01%, 70.01%- , bei 598px -  */  
  /* vorher bei 70.01%-  */  
   margin:0% 0% 0% 0%;
   border:0px solid red;
   z-index:10;
  /* scrolling:yes; */
    scrolling:no;
} 

html>body div.iframe-layer2 { /* fuer alle restlichen Browser */
   height:90.01%;
   min-height:300px;
   width:100.01%;     /* vorher bei 80.01%-  */
   min-width:95.01%; /* vorher bei 65.01%-  */ 
   scrolling:no; 
}

div.iframe-layer2 p {
    margin:  0 0 0 0 ;
    padding: 0 0 0 0 ;
   text-align:center;
   width:100.01%;
}
.detail-picture3 {
   background-color: transparent; 
   margin:0% 0% 0% 0%;
   padding:0px;
   border:2px solid black;  //hier ist der margin*********
   /* width:899px;    vorher bei 95.01% -  */
   /* height:99.01%;  vorher bei 100.01% -  */
  /*  min-height:500px; */
   /* min-width:700px;  vorher bei 60.01%- 
   z-idnex:11; 
   text-align:center; 
   scrolling:no; 
}

html>body .detail-picture3 { /* fuer alle restlichen Browser */
   width:100.01%;  /* vorher bei 90.01%-  */
   height:99.01%; /* vorher bei 100.01% -  */
   min-height:50%;
   min-width:90%;  /* vorher bei 60.01%-  */
   scrolling:no; 
   margin-left:auto; margin-right:auto; 
}


body.body-iframe2 { 
   width:899px;  /* vorher bei 95.01% -  */
   height: 100.01%;
   text-align: center; 
   background-color:transparent; 
   /* background-color:silver; */
   margin: 0% 0% 0% 0%;
   border:0px solid black;
   scrolling:no; 
}

body.body-iframe2 table {
width:100.01%;  /* vorher bei 88.01% -  */
height: 100.01%;
padding:0;
border: 0;
margin-left: 0; margin-left: 0;
border:0px solid blue;
}

html>body body.body-iframe2 table {
width:100.01%;  /* vorher bei 88.01% -  */
height: auto
margin-left: 0; margin-left: 0;
}

.thumbnail-div2 {
width:700px;  /* vorher 160px -  */
height: 300px:
margin: 0 0 0 0;
padding: 0 0 0 0 ;
background-color: red;
}

html>body .thumbnail-div2 {
width:100.01%;  /* vorher 24.01% -  */
height: auto;
/* background-color: red; */
}

.thumbnail-table2 {
width:90.01%;
}

html>body .thumbnail-table2 {
width:100.01%;
}




/* ---------  texte Galerie Lindher  --------------*/

.next-navi1  {
  font: normal 7pt/11pt Verdana, sans-serif; padding:4 4 4 20%; /*  vorher - 75 - */
  width:50%; margin:0px; text-align:left;
}

.next-navi2  {
  font: normal 7pt/11pt Verdana, sans-serif; padding:4 20% 4 4; /*  vorher - 75 - */
  width:50%; margin:0px; text-align:right;
}
.next-navi2 a {
}
.next-navi3  {
  font: normal 7pt/11pt Verdana, sans-serif; padding:4 4 4 4;
  width:100%; margin:0px; text-align:center;
}
.next-navi3 a {
font: normal 7pt/11pt Verdana, sans-serif; 
margin-top:0px; margin-bottom:0px; 
}
a.next-navi3  {
font: normal 7pt/11pt Verdana, sans-serif; 
margin-top:0px; margin-bottom:0px; 
}

/* fuer die anzeige im editor */
.button-change {  /* - Ändern Buttom--  */
  font: bold 11px Verdana, Arial, Helvetica, sans-serif; color: #000000; border: 1px solid #ffffff; background: #ffcc00; width: 100px;
}
/* fuer die anzeige im editor */
.button-del {  /* - Löschen Buttom--  */
  font: bold 11px Verdana, Arial, Helvetica, sans-serif; color: #000000; border: 1px solid #ffffff; background: #ffcc00; width: 100px;
  background:#bb0000; color:#ffffff;
}

.fotoposition {  /* -- input Eingabefeld der Fotopostionsnummer --  */
  font: 11px Verdana, Arial, Helvetica, sans-serif; background: #ffffff; height: 20px; width: 320px; border: 1px solid #ffcc00; margin-bottom: 0px;
  width:30px;
}
.descbox {   /* -- textarea Beschreibung unter dem Detailbild --  */
  font: 11px Verdana, Arial, Helvetica, sans-serif; background: #ffffff; height: 140px; width: 320px; border: 1px solid #ffcc00; margin-bottom: 5px;
}
.hl4  {  /* - h1, h2 für Übersicht -  */
  font: bold 10pt/12pt Verdana, sansserif; color: #000066; text-transform: uppercase;

}
#foto_text  {   /* -- id textaerea --  */
height:100px; width:380px;
}
#foto_pos  {   /* --id field --  */
width: 50px ;
}

/* --------- Galerie Übersicht  -----------*/
.newsdiv  {   /* -- DIV für Übersichtstabele  --  */
margin: 0 30 0 30;
}

.newstable  {    /* -- table in Übersichts-DIV  --  */
 border: 1px solid #ffffff; padding: 5px; margin-bottom: 10px; font: 12px/16px Verdana, sans-serif; color: #000000; width: 100%;
 border-collapse:collapse;
 border-spacing:0;
} 

table.newstable  {   /* -- table in Übersichts-DIV  --  */  }



/* --------------------------------------------*/


/*---------------------------------------------*/ 
/*               sKalender                     */ 
/*---------------------------------------------*/ 

#mod_sK a { 
 font-family:sans-serif;
 font-size:12px;
 text-decoration:none; 
 color:#444444;
}

#mod_sK a.tag { 
 font-size:9px;
}

#mod_sK table {
 width: 160px;
 border: 1px solid #ffffff;
 margin-left: 10px;
 border-spacing:4pt;
 font-size:12px;
 font-family:sans-serif;
 text-decoration:none; 
 color:#000000;
}

#mod_sK td.navl {
 text-align:left; 
 width:20%;
 font-weight:bold;
}

#mod_sK td.navr {
 text-align:right; 
 width:20%;
 font-weight:bold;

}
#mod_sK td.navm {
 text-align:center; 
 width:60%;
 font-weight:bold;
}

#mod_sK td.wtag {
 width:14%;
 background-color:#ffffff;	
 text-align:center; 
 color:#000000;
 font-family:sans-serif;
}


#mod_sK td.wochenende {
 background-color:#eeeeee;	
 color:#aaaaaa;	
 text-align:right; 
 border:1px solid #AAAAAA;
 padding-right:3px;}

#mod_sK td.wochentag {
 color:#999999;	
 text-align:right; 
 border:1px solid #AAAAAA;
 padding-right:3px;}

#mod_sK td.heute {
 color:#43A0AF;	
 text-align:right; 
 border:1px solid #AAAAAA; 
 paddin-right:3px;}

#mod_sK td.belegt {
 background-color:#e3e3ff;
 color:#9E5357;	
 text-align:right; 
 border:1px solid #AAAAAA; 
 padding-right:3px;}

#mod_sK td.belegtwe {
 background-color:#bfbfff;
 color:#9E5357;	
 text-align:right; 
 border:1px solid #AAAAAA; 
 padding-right:3px;}

#mod_sK td.tangiert {
 background-color:#ffffcc;
 color:#9E5357;	
 text-align:right; 
 border:1px solid #AAAAAA; 
 padding-right:3px;}

#mod_sK td.tangiertwe {
 background-color:#ffff99;
 color:#9E5357;	
 text-align:right; 
 border:1px solid #AAAAAA; 
 padding-right:3px;}

/*---------------------------------------------*/ 
/*               Terminein/ausgabe             */ 
/*---------------------------------------------*/ 
#mod_te { 
   margin: 40 20 10 40; 
/* background-color: yellow; */
  width:750px ;
}

html>body #mod_te { 
/* background-color: yellow; */
  width:80% ;
}

#mod_te h1 {font-size:150%; color:#000000; margin-bottom:5px;}
#mod_te h2 {font-size:120%; font-weight:bold; color:#000000; margin-bottom:5px; text-align: left;}
#mod_te p {font-size:100%; color:#222222; text-align: left;}

.terminabstand0 { margin-top: 60px; }
.terminabstand1 { margin-top: 40px; }
.terminabstand2 { margin-top: 20px; }
.terminabstand3 { margin-top: 10px; }
.terminabstand4 { margin-top: 5px; }

.termintext0 { padding-left: 100px; font.size:160%,font-weight: bold;}
.termintext1 { padding-left: 100px; font.size:140%,font-weight: bold;}
.termintext2 { padding-left: 200px; font.size:120%;font-weight: bold;}
.termintext3 { padding-left::100px; font.size:100%;font-weight: bold;}
.termintext4 { padding-left: 100px; font.size:90%;font-weight: bold;}
.termintext5 { padding-left: 100px; font.size:80%;font-weight: bold;}

/*---------------------------------------------*/ 

/*---------------------------------------------*/ 
/*                 Terminliste                 */ 
/*---------------------------------------------*/ 

#mod_tlh {
   text-align:left;
   width:80%; 
   margin: 10 40 0 40;
margin-left: 40px;
}

a.termincat {
}

select  a.termincat { 
    bachground-color: transparent;
}

#mod_tl {
   text-align:left;
   width:80%;
   margin: 0 40 0 40;
margin-left: 40px;
}
#mod_tlf {
   text-align:left;
   width:80%;
   margin: 0 40 0 40;
margin-left: 40px;
}

#mod_tl table {
   width:100%; 
   background-color:#transparent;
   border-collapse:collapse;
margin-left: 40px;
}

#mod_tl th {
   width:100%;
   text-align: left;
   vertical-align: top;
   line-height: 200%;
   background-color:#cacaca;
   margin-top:5px;
   margin-bottom:5px;
   padding-left:5px;
}

#mod_tl td {
   text-align: left;
   vertical-align: top;
   line-height: 130%;
}

#mod_tl .monat-jahr-zeile { border-top:1px solid #000000; border-bottom:1px solid #000000; }
#mod_tl .abstandszeile { background-color:transparent; width:5px}
#mod_tl .abstandszeile1 { padding-top:5px ;background-color:transparent; width:5px}
#mod_tl .abstandszeile2 { background-color:transparent; width:5px}
#mod_tl .dunkel { background-color:#dfdfdf; }
#mod_tl .sp0 { width:11%; text-align:left; margin:0; }  /*  */
#mod_tl .sp1 { width:15%; text-align:left; margin:0; }  /*  */
#mod_tl .sp2 { width:19%; text-align:left; margin:0; }  /*  */
#mod_tl .sp3 { width:36%; text-align:left;  margin:0;}  /*  */
#mod_tl .sp4 { width:18%; text-align:left; margin:0;}  /*  */
#mod_tl .einrueck { padding-left:15px;margin:0; }

/*---------------------------------------------*/ 

/*---------------------------------------------*/ 
/*                 Terminteaser                */ 
/*---------------------------------------------*/ 
#mod_ttl {
   font-size:120%;
   fontcolor:red;
   text-align:center;
   margin-left: 7%;
   margin-right: 7%;
   width: 80%
}   
#mod_ttl table {
   width:300px; 
   background-color:#ffffff;
   border-collapse:collapse;
}

#mod_ttl th {
   width:100%;
   font-size:120%;
   border-top:1px solid #000000;
   border-bottom:1px solid #000000;
   text-align: left;
   vertical-align: top;
   line-height: 200%;
   background-color:#cacaca;
   margin-top:5px;
   margin-bottom:5px;
   padding-left:5px;
}

#mod_ttl td {
   text-align: left;
   vertical-align: top;
   line-height: 130%;
}

#mod_ttl .hell { background-color:#ffffff; }
#mod_ttl .dunkel { background-color:#dfdfdf; }
#mod_ttl .sp1 { width:110px; }
#mod_ttl .sp2 { width:190px; }


/*---------------------------------------------*/ 


/*------------------ up- download ---------------------------*/ 
#upload { 
position:relative; 
}

#downloadlist table { 
 
}


/*---------------------------------------------*/ 

/*-------------  Bilder   -------------------*/

/*-------------------------------------------------------------------------------------*/ 
/*  Hier wird der Internetexplorer überlistet er liest nur die erste Anweisung,        */
/*    die zweite liest mozilla und dadurch wird dortdie erste überschrieben            */ 
/*-------------------------------------------------------------------------------------*/ 
.bilder-unterricht { 

 width: 95%;
}

html>body  .bilder-unterricht  { 
width:12%; 
}


.bilder-unterricht2 { 
 width: 95%;

}

html>body  .bilder-unterricht2  { 
width:8%;

}


/* -----------   Titel ----------*/

h1, h2, h3, h4, h5, h6 {
font-family:"Times New Roman",Arial, Verdana,Tahoma,Helvetica,Sans-serif,sans-serif;
}

h1 {
	text-align:center;
	font-weight:bold;
	font-size:140%;
	color:black;
	margin:0;
}


h2 {
	text-align:center;
	font-weight:bold;
	font-size:120%;
	color:black;
	margin:0;
}

h3 {
	text-align:center;
	font-weight:bold;
	font-size:100%;
	color:black;
	margin:0;
}


h1.content {
	margin-bottom:12px;
	padding:0;
}

hr { color:black; }  /* waagerechte Linie */



/* -----------   Backgrounds ----------*/

.bg-red{
	background-color:red;
}
.bg-blue{
	background-color:blue;
}
.bg-grau {
background-color: rgb(204, 204, 204);
}

/*  ------------- Texte ----------- */

.text0 {
font-size: 160%;
font-family:"Times New Roman",Arial,Verdana,Tahoma,Helvetica,Sans-serif,sans-serif;
}

.text0-bold {
font-size: 160%;
font-weight: bold;
font-family:"Times New Roman",Arial,Verdana,Tahoma,Helvetica,Sans-serif,sans-serif;
}

.text0-uppercase-bold {
color:red;
font-size: 160%;
font-weight: bold;
font-family:"Times New Roman",Arial,Verdana,Tahoma,Helvetica,Sans-serif,sans-serif;
}

.text0-bold-blau {
font-size: 160%;
font-weight: bold;
color: blue;
font-family:"Times New Roman",Arial,Verdana,Tahoma,Helvetica,Sans-serif,sans-serif;
}


.text1 {
font-size: 140%;
font-family:"Times New Roman",Arial,Verdana,Tahoma,Helvetica,Sans-serif,sans-serif;
}

.text1-bold {
font-size: 140%;
font-weight: bold;
font-family:"Times New Roman",Arial,Verdana,Tahoma,Helvetica,Sans-serif,sans-serif;
}

.text2 {
font-size: 115%;
}

.text2-bold {
font-size: 115%;
font-weight: bold;
font-family:"Times New Roman",Arial,Verdana,Tahoma,Helvetica,Sans-serif,sans-serif;
}

.text3 {
font-size: 100%;
font-family:"Times New Roman",Arial,Verdana,Tahoma,Helvetica,Sans-serif,sans-serif;
}

.text3-bold {
font-size: 100%;
font-weight: bold;
font-family:"Times New Roman",Arial,Verdana,Tahoma,Helvetica,Sans-serif,sans-serif;
}

.text4 {
font-size: 90%;
font-family:"Times New Roman",Arial,Verdana,Tahoma,Helvetica,Sans-serif,sans-serif;
}

.text4-bold {
font-size: 90%;
font-weight: bold;
font-family:"Times New Roman",Arial,Verdana,Tahoma,Helvetica,Sans-serif,sans-serif;
}

.text5 {
font-size: 80%;
font-family:"Times New Roman",Arial,Verdana,Tahoma,Helvetica,Sans-serif,sans-serif;
}

.text5-bold {
font-size: 80%;
font-weight: bold;
font-family:"Times New Roman",Arial,Verdana,Tahoma,Helvetica,Sans-serif,sans-serif;
}

.text6 {
font-size: 70%;
font-family:"Times New Roman",Arial,Verdana,Tahoma,Helvetica,Sans-serif,sans-serif;
}

.text6-bold {
font-size: 70%;
font-weight: bold;
font-family:"Times New Roman",Arial,Verdana,Tahoma,Helvetica,Sans-serif,sans-serif;
}

.bildunterschr1 {
font-size: 80%;
font-weight: bold;
}

.besucher {
font-size: 100%;
font-weight: bold;
color: #646464;
margin-top:20px;
}

.zentrieren {
text-align: center;
}

/*
.block-zentrieren {
text-align:center;
}
*/

html>body .block-zentrieren {
margin-left:auto; 
margin-right:auto;
}


.kursiv {
 font-style: italic;
}

.unterstreichen { 

}

.vertikal-zentrieren {  
vertical-align: center;
}
.vertikal-top {  
vertical-align: top;
}
.blau {
color: blue;
}

.rot {
color : #DF0000;
}



.linkclass1 { color: #009090 ; font-size: 140%;font-weight:bold; } 
.linkclass2 { color: #009090 ; font-size: 120%;font-weight:bold; } 
.linkclass3 { color: #009090 ; font-size: 100%;font-weight:bold; }  
.linkclass4 { color: #009090 ; font-size: 90%;font-weight:bold; }
.linkclass5 { color: #009090 ; font-size: 80%;font-weight:bold; }   


/* ------------ Links --------- */

a { font-size:100%; color:blue; text-decoration:none; }
a:hover { text-decoration:underline; }

a.normal-bold {
font-weight: bold;
}

a.zentrieren {
text-align: center;
}


a.email, a.www {
color:blue;
font-size: 100%;
}




a.text1 {
font-size: 140%;
font-family:"Times New Roman",Arial,Verdana,Tahoma,Helvetica,Sans-serif,sans-serif;
}

a.text1-bold {
font-size: 140%;
font-weight: bold;
font-family:"Times New Roman",Arial,Verdana,Tahoma,Helvetica,Sans-serif,sans-serif;
}

a.text2 {
font-size: 120%;
font-family:"Times New Roman",Arial,Verdana,Tahoma,Helvetica,Sans-serif,sans-serif;
}

a.text2-bold {
font-size: 120%;
font-weight: bold;
font-family:"Times New Roma