/* CSS Document */
html, body {
margin: 0px; 
padding: 0px;
}

/************************ topnavi *******************************/
#url {position:absolute; left:0px; top:188px; width:500px; height:20px; z-index:7; overflow: visible;}
#tabelle
 {width: 800px; margin-top: 0px; margin: 0px; padding: 0px; border: 0; border-collapse:collapse;}
#tabelle tr,td
 {
      width: 154px; height: 30px;  margin: 0px; padding: 0px;

 }
.right {
position:absolute; left:382px; 
}
.right2 {
position:absolute; left:550px; 
}


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


.termine {
	background-image: url(../img/hgrot.gif);
	vertical-align: middle;
        padding: 6px;	
        margin: 0px;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px; 
	
         }
.termine a:link, .termine a:visited
{
	color: #ffffff;
	text-decoration: none;
	
}

.termine a:hover, .termine a:active
{
	color: #333333;
	text-decoration: underline;
}

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

.jugend
 {
padding: 6px;	background-color: #669933;
	vertical-align: middle;
	margin: 0px;
	border: none;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
 }
.jugend a:link, .jugend a:visited
{
	color: #ffffff;
	text-decoration: none;
}

.jugend a:hover, .jugend a:active
{
	color: #333333;
	text-decoration: underline;}


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

.lehrer
 {
padding: 6px;	background-color: #EEA521;
	vertical-align: middle;
	margin: 0px;
	border: none;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
 }
.lehrer a:link, .lehrer a:visited
{
	color: #ffffff;
	text-decoration: none;
}
.lehrer a:hover, .lehrer a:active
{
	color: #333333;
	text-decoration: underline;}

/*********************************************************/
.eltern
 {
padding: 6px;	background-color: #2069B0;
	vertical-align: middle;
	margin: 0px;
	border: none;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
 }
.eltern a:link, .eltern a:visited
{
	color: #ffffff;
	text-decoration: none;
}

.eltern a:hover, .eltern a:active
{
	color: #333333;
	text-decoration: underline;}


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

.ausbildung
 {
	padding:6px;
	background-color: #C41D74;
	vertical-align: middle;
	margin: 0px;
	border: none;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
 }
 
.ausbildung a:link, .ausbildung a:visited
{
	color: #ffffff;
	text-decoration: none;
}

.ausbildung a:hover, .ausbildung a:active
{
	color: #333333;
	text-decoration: underline;}


 /*********************************************************/
/***************** rechte navi ******************************/

#renav {position:absolute; left:620px; top:200px; width:178px; z-index:3; overflow: visible;}
#renav table
{
 width:178px;
 border:none; 
 valign: center;
 border-collapse: collapse;
}
/********************linke navi*************************/
#linav {position:absolute; left:2px; top:222px;  z-index:5; overflow: visible;
}

#pfeil
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	color: #777777;
	margin-left: 0px;
}
#pw
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	color: #ffffff;
	margin-left: 0px;
}
#pfeil2
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	color: #777777;
	margin-left: 0px;
}
#pfeil3
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	color: #777777;
	margin-left: 6px;
}
#pfeil4
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	color: #777777;
	margin-left: 0px;
}

#aktiv
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	color: #DF2E29;
	margin-left: 0px;
}

#aktiv2
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	color: #DF2E29;
	margin-left: 0px;
}
#aktiv3
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	color: #DF2E29;
	margin-left: 6px;
}
/*******************blau neu******************/

.blau
{
  	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	padding-left: 8px; 
	line-height: 16px;
}

.blau p
{
  	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 9pt;
	color: #333333;
	text-align: left;
	padding-left: 8px; 
	line-height: 16px;
}


.blau a:link, .blau a:visited
{
       color: #6b8fc6;
	text-decoration: none;
}

.blau a:hover, .blau a:active
{
	color: #333333;
	text-decoration: underline;
        }

.blau tr, td
 {
       height: 30px;  margin: 0px; padding: 0px; font-size: 9pt;

 }
 
 .blau b
{
	color: #6b8fc6;
	font-size: 10pt;
}

.blau ul
{
list-style-image: url(../img/square_bl.gif);
margin-left: 8px;
margin-right: 0px; 
padding-left: 0px;
padding-right: 0px;  }

.blau li
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-style: normal;
	font-weight: bold;
	color: #6b8fc6;
}

.blau h1
{
	color:  #6b8fc6;
	font-size: 10pt;
        padding-left: 8px;
}

/***************gelb**************/

.gelb
{
  	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	padding-left: 8px; 
	line-height: 16px;
}

.gelb p
{
  	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 9pt;
	color: #333333;
	text-align: left;
	padding-left: 8px; 
	line-height: 16px;
}

.gelb a:link, .gelb a:visited
{
	color: #FF9933;
	text-decoration: none;
}

.gelb a:hover, .gelb a:active
{
	color: #333333;
	text-decoration: underline;
        }

.gelb h1
{
	color: #ff9933;
	font-size: 12pt;

}

.gelb p
{
  	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 9pt;
        color: #333333;
	text-align: left;
	padding-left: 8px; 
	line-height: 16px;
}

.gelb ul
{
list-style-image: url(../img/square_ge.gif);
margin-left: 8px;
margin-right: 0px; 
padding-left: 0px;
padding-right: 0px;  }

.gelb li
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-style: normal;
	font-weight: bold;
	color: #ff9933;
}


/***************pink**************/

.pink
{
  	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	padding-left: 8px; 
	line-height: 16px;
}

.pink p
{
  	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 9pt;
	color: #333333;
	text-align: left;
	padding-left: 8px; 
	line-height: 16px;
}

.pink a:link, .pink a:visited
{
	color: #B9076F;
	text-decoration: none;
}

.pink a:hover, .pink a:active
{
	color: #333333;
	text-decoration: underline;
        }

.pink h1
{
	color: #B9076F;
	font-size: 12pt;

}

.pink p
{
  	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 9pt;
        color: #333333;
	text-align: left;
	padding-left: 8px; 
	line-height: 16px;
}

.pink ul
{
list-style-image: url(../img/square_pi.gif);
margin-left: 8px;
margin-right: 0px; 
padding-left: 0px;
padding-right: 0px;  }
.pink li
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-style: normal;
	font-weight: bold;
color: #B9076F;
}

/***************pink**************/
 /***************gruen**************/

.gruen
{
  	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	padding-left: 8px; 
	line-height: 16px;
}

.gruen p
{
  	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 9pt;
	color: #333333;
	text-align: left;
	padding-left: 8px; 
	line-height: 16px;
}


.gruen a:link, .gruen a:visited
{
	color: #78A835;
	text-decoration: none;
}

.gruen a:hover, .gruen a:active
{
	color: #333333;
	text-decoration: underline;
        }

.gruen tr, td
 {
       height: 30px;  margin: 0px; padding: 0px;

 }
 
 .gruen h1
{
	color: #78A835;
	font-size: 12pt;

}
 
 .gruen ul
{
list-style-image: url(../img/square_gr.gif);
margin-left: 8px;
margin-right: 0px; 
padding-left: 0px;
padding-right: 0px;  }
/************list-style-type:square;*********/
.gruen li
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-style: normal;
	font-weight: bold;
	color: #78A835;
}


  /********grau***************/
.grau
{
  	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 9pt;
	color: #333333;
	text-align: left;
	padding-left: 8px; 

}
.grau p
{
  	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-align: left;
	line-height: 14px;
	margin-bottom: 8px;

}


.grau a:link, .grau a:visited
{
	
color: #777777;
        font-weight: bold;
	font-size: 10pt;
	text-decoration: underline;
}

.grau a:hover, .grau a:active
{
	
color: #333333;
        font-weight: bold;
        font-size: 10pt;
	text-decoration: underline;
        }
        
.grau h1
{
	color: #777777;
	font-size: 12pt;

}

.grau tr, td
 {
       height: 25px;  margin: 0px; padding: 0px;


 }
 
.grau ul
{
list-style-image: url(../img/square.gif);
margin-left: 8px;
margin-right: 0px; 
padding-left: 0px;
padding-right: 0px;  } 
}
.grau li
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-style: normal;
	font-weight: bold;
	color: #777777;
}

  /********home***************/
.home
{
  	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 9pt;
	color: #333333;
	text-align: left;
	padding-left: 8px; 

}
.home p
{
  	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-align: left;
	line-height: 14px;
	margin-bottom: 8px;

}


.home a:link, .home a:visited
{
	
color: #777777;
        font-weight: bold;
	text-decoration: none;
	
}

.home a:hover, .home a:active
{
	
color: #333333;
        font-weight: bold;
	text-decoration: underline;
        }
        
.home h1
{
	color: #777777;
	font-size: 11pt;

}

.home tr, td
 {
       height: 25px;  margin: 0px; padding: 0px;


 }
 
.home ul
{
list-style-image: url(../img/square.gif);
margin-left: 8px;
margin-right: 0px; 
padding-left: 0px;
padding-right: 0px;   
}
.home li
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-style: normal;
	font-weight: bold;
	color: #777777;
}

/********blue***************/
.blue
{
  	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	padding-left: 8px; 
	line-height: 16px;
    font-color: #3b6eae;

}

.blue ul
{
list-style-image: url(../img/square_blue.gif);
margin-left: 8px;
margin-right: 0px; 
padding-left: 0px;
padding-right: 0px;  }

.blue li
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-style: normal;
	font-weight: bold;
	color: #3b6eae;
}

.blue a:link, .blue a:visited
{
	color: #3b6eae;
	text-decoration: none;
}

.blue a:hover, .blue a:active
{
	color: #333333;
	text-decoration: underline;
}


.blue h1
{
	color: #3b6eae;
	font-size: 11pt;
}

.blue tr, td
 {
       height: 30px;  margin: 0px; padding: 0px;

 }

.blue p
{
  	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 9pt;
	color: #333333;
	text-align: left;
	padding-left: 8px; 
	line-height: 16px;
}












#abstand
{ line-height: 9px; }
/**************links********************************/
a:link,a:visited
{
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight: bold;
	font-size: 9pt;
	color: #ffffff;
	text-decoration: none;
}
a:hover,a:active
{
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: underline;
	font-weight: bold;
	font-size: 9pt;
	color: #333333;
	text-decoration: underline;}


/*************** Schriften    **************************/

h1 {
	font-family: Arial, Helvetica, sans-serif;
	color: #777777;
	font-size: 11pt;
	margin-top: 8px;
	margin-bottom: 8px;
	margin-left: 0px;
	font-weight: bold;
}

p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	line-height: normal;
	text-decoration: none;

}
.hinweis
{	
  	font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
	font-size: 8pt;
	color: #777777;
	text-align: left;
	padding-left: 4px;
	line-height: 16px;
}
.hinweis a:link, .hinweis a:visited
{       
	font-size: 8pt;
	color: #777777;
	text-decoration: none;
}
.hinweis a:hover, hinweis a:active
{
        font-size: 8pt;
	color: #333333;
	text-decoration: underline;
        }
#rot {
color:#CC0000; margin-right:20px; 
}
#big {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;}
/**************************************content*************************/
#mitte {position:absolute; left:170px; top:8px; width:423px; z-index:4;}
#mitte2 {position:absolute; left:170px; top:8px; width:600px; }

/**********************text ohne rechte navi*************************/

/***************farben***/
#blue {color: #3b6eae;}
#weiss {color: #ffffff;}
#blau {	color: #6b8fc6;}
#grau { color: #777777;}
#home { color: #777777;}
#rot {color: #DF2E29;}
#gelb {color: #FF9933;}
#pink {color: #B9076F;}
#white {color: #ffffff;}
#gruen {color: #78A835;}


/*************** Tabellen    **************************/

.breit2 {width:115px; height:20px;}
.breit3 {width:116px; height:20px;}
.breit1 {width:154px; height:20px;}


.breit {width:460px;}

.ter {width:130px; }

.schmall {width:105px;}
.breit4 {width:190px;}
.breit6 {width:310px;}
INPUT.btn {BORDER-RIGHT: #999999 1px outset; PADDING-RIGHT: 2px; BORDER-TOP: #999999 1px outset; PADDING-LEFT: 2px; PADDING-BOTTOM: 0px; FONT: 11px arial; MARGIN-LEFT: 10px; BORDER-LEFT: #999999 1px outset; COLOR: #FFFFFF; PADDING-TOP: 0px; BORDER-BOTTOM: #999999 1px outset; BACKGROUND-COLOR: #6b8fc6}

.wir {font-family: Arial, Helvetica, sans-serif;
	
        vertical-align: middle;
        padding: 6px;	
        margin: 0px;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;	
	background-image: url(../img/hgblue.gif);
	display: block;
         }
.wir a:link, .wir a:visited
{
	color: #ffffff;
	text-decoration: none;
}

.wir a:hover, .wir a:active
{
	color: #000000;
	text-decoration: underline;
}


.herz {  font-family: Arial; font-size: 20px; color: #000000}
.lernende {  font-family: Arial; font-size: 34px; font-weight: bolder; color: #6b87c6}
.toelz {  font-family: Arial; font-size: 26px; font-weight: bold; color: #6b87c6}

.text {  font-family: Arial; font-size: 12px}
.blau2 {  font-family: Arial; font-size: 12px; color: #6b8fc6; font-weight: bold}

.grau2 {  font-family: Arial; font-size: 12px; color: #444444; font-weight: bold}
.blau3 {  font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #6699CC}