@charset "utf-8";
/* CSS Document */

/*
################################
# Typo CSS                     #
################################
*/
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #3e3d40;
}
#main .mod_article {
line-height:150%;
}
a {
text-decoration:none;
color:#333333;
}
#main a {
color:#0c59a3;
}
h1 {
color:#0c59a3;
font-size:16px;
width:500px;
display:block;
line.height:120%;
}
h2 {
font-size:14px;
font-weight:bold;

}
h3 {
font-size:12px;
font-weight:bold;
}
input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}
#right input#username {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

#main .image_container img{
background-color:#CCCCCC;
padding:2px;
}
#main .image_container .caption {
font-size:10px;
padding:0px;
margin:0px;
color:#000000;
line-height:100%;
}
#main blockquote{
	font-size: 12px;
	font-style: italic;
	font-family: "Times New Roman", Times, serif;
	border-left:1px solid #cccccc;
	padding-left:5px;
}

.ce_accordion{
width:auto;
height:auto;
}
.toggler {
	cursor:pointer;
	font-weight:bold;
	background-image: url(../../hp_media/classic/toggler.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:18px;

}
#main a[onclick="window.open(this.href); return false;"] {
	background-image:url(../../hp_media/classic/blank.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding-right:20px;
	
	}
/*
################################
# Standard CSS fuer das Layout #
################################
*/
#wrapper_styleup {
display:none;
}
#wrapper_classic {
width:870px;
height:auto;
padding-left:140px;
overflow:hidden;
margin-bottom:50px;
}
#schatten {
	width:870px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
	background-image:url(../../hp_media/classic/schatten_bg.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
img.logo
 {
border:none;
float:left;
width:225px;
}
#top_navi {
width:870px;
height:auto;
overflow:hidden;

}
#top_navi #member_nav {
display:none;
}
					#img_header {
					width:840px;
					height:213px;
					padding-left:16px;
					z-index:-9999998;
					position:relative;
					overflow:hidden;
					}
					.search_headline {
					background-color:#e2e2e2;
					width:179px;
					padding-left:10px;
					line-height:35px;
					z-index:999999;
					position:absolute;
					top:178px;
					left:667px;
					color:#0c59a3;
					font-size:14px;
					font-weight:bold;
					}
/*MIN HEIGHT HACK IE 6*/
* html div#main { 
   height: expression( this.scrollHeight < 361 ? "360px" : "auto" ); /* sets min-height for IE */
   min-height: 360px; /* sets min-height value for all standards-compliant browsers */
}
#main {
min-height:500px;
padding-left:16px;
padding-right:50px;
padding-bottom:75px;
overflow:hidden;
width:601px;
float:left;
}
#main .content {
margin-left:15px;
height:auto;
overflow:hidden;
		}
#right {
	width:189px;

	height:auto;
	
	background-color:#e2e2e2;
	float:left;		/* #N1# padding-left:10px;   */ 
}


		/*
		################################
		# IE HACK #
		################################
		*/
		* html #right {
		width:185px;
		}
		* html #right .mod_login {
			width:180px;
			overflow:hidden;
		}
		
		

#unten {
padding-left:580px;
}
/*
################################
# Teachernav #
################################
*/
.mod_quicknav {
margin-right:15px;
background-color:#e2e2e2;
line-height:35px;
padding-left:15px;
width:645px;
}
.mod_quicknav br {
display:none;
}
.mod_quicknav h3  {
margin:0px;
padding:0px;
width:130px;
float:left;
}
.mod_quicknav form {
padding-top:10px;
overflow:hidden;
float:left;
}
.mod_quicknav .select {
width:auto;
float:left;
}
.mod_quicknav input.submit {
margin-left:5px;
width:auto;
float:left;
}

.mod_quicknav option.level_0{
color:#ffffff;
background-color:#0c54a3;
}
.mod_quicknav option.level_1{
color:#333333;
background-color:#cccccc;
}
.mod_quicknav option.level_2{
color:#333333;
background-color:#ebebeb;
}

/*
################################
# CSS fuer die Hovernavigation #
################################
*/
#top_navi .styleup   {
display:none;
}

#top_navi div.navi {
width:631px;
height:50px;
float:left;
overflow:hidden;
background-color:#2a2a2b;
background-image:url(../../hp_media/classic/nav_normal_bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
margin-top:25px;
}
#top_navi div.mod_navigation
{

    height:250px;


}
#top_navi .mod_navigation
{
	font-size:13px;
	position:absolute;
	overflow:visible;
	z-index:999;

}

#top_navi .mod_navigation a
{
    padding-left:5px;
    color:#ffffff;
    text-decoration: none;
	display:block;

}


#top_navi .mod_navigation li:hover,
#top_navi .mod_navigation li.sfhover
{

	background-image:url(../../hp_media/classic/navi_active_background.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	background-color:#0b59a3;
	
}
#top_navi .mod_navigation li.active,
#top_navi .mod_navigation li.trail {
		background-color:#0b59a3;
	background-image:url(../../hp_media/classic/navi_active_background.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	color:#ffffff;

}

#top_navi .mod_navigation p
{
    margin:0px;
    padding:0px;
}

#top_navi .mod_navigation ul
{
    margin:0px;
    padding:0px;
    list-style-type:none;
}
#top_navi .mod_navigation li
{
    width:auto; /* Breite eines Menüpunktes festlegen(Automatische Breite) */
	padding-left:25px; padding-right:25px; /* Abstände nach Links und Rechts */
    position:relative; /* Position */
    float:left; /* links nebeneiander anordnen */
	background-image:url(../../hp_media/classic/nav_normal_bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
					line-height:50px; /* bestimmt die Höhe eines Menüeintrages */
		
	cursor:pointer;
}

/*Höhe der subnavigation*/
#top_navi .mod_navigation ul.level_2 li
{
    width:auto; /* Breite eines Menüpunktes festlegen(Automatische Breite) */
	padding-left:25px; padding-right:25px; /* Abstände nach Links und Rechts */
    position:relative; /* Position */
    float:left; /* links nebeneiander anordnen */
    background-color:#2a2a2b; /* eine Hintergrundfarbe */
	background-image:url(../../hp_media/classic/nav_normal_bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
    line-height:28px; /* bestimmt die Höhe eines Menüeintrages */
	background-image:none; /* Entfernen des Hitnergrundbildes */
	color:#3e3d40;
}
#top_navi .mod_navigation span.active
{
    display:block;
}
#top_navi .mod_navigation ul.level_2 span.active
{
    padding-left:5px;
}
#top_navi .mod_navigation li ul
{
    bottom:0px;
    left:0px;
    right:0px;
    top:50px;
    position:absolute;
    display:none; /* Ausbleden der Untermenüs */
    
}

#top_navi .mod_navigation li ul ul
{
    /*left:171px;*/
		left:170px;
		top:0px;
   	 	position:absolute;
}
#top_navi .mod_navigation li:hover ul
{
    display:block;
}
#top_navi .mod_navigation ul li:hover ul ul
{
    display:none;
}
#top_navi .mod_navigation ul ul li:hover ul  /* dritte Ebene des Menü */
{
    display:block;
		width:220px;    /* Breite der Einträge */
		height:auto;    /* Höhe auf auto  */          

}

#top_navi .mod_navigation ul li:hover ul,
#top_navi .mod_navigation ul li.sfhover ul
{
    display:block;
}

#top_navi .mod_navigation ul li:hover ul ul,
#top_navi .mod_navigation ul li.sfhover ul ul
{
    display:none;
}

#top_navi .mod_navigation ul ul li:hover ul,
#top_navi .mod_navigation ul ul li.sfhover ul
{
    display:block;

}
/*Zweites Menulevel */
#top_navi .mod_navigation ul.level_2 li {
border-bottom:1px solid #e5e5e5;
background-color:#ffffff;

width:120px;
}
#top_navi .mod_navigation ul.level_2 li a {
color:#3e3d40;
}
#top_navi .mod_navigation ul.level_2 li:hover,
#top_navi .mod_navigation ul.level_2 li.trail{
color:#3e3d40;
font-weight:bold;
background-image:none;
}
/*drittes menulevel*/
#top_navi .mod_navigation ul.level_3 li {
	font-weight:normal;
	display:block;
	line-height:28px;


}
/* anpassung der Submenüs von Berufsschule*/
#top_navi .mod_navigation ul.level_2 ul.level_3 li.berufsschule {
width:180px;
}
#top_navi .mod:navigation ul.level_3 li:hover {
font-weight:bold;
}
/*
################################
# SITEMAP			           #
################################
*/
.mod_sitemap {

}

.mod_sitemap ul.level_1 {
margin-left:15px;
padding:0px;
}
.mod_sitemap ul.level_2 {
margin-left:20px;
padding:0px;

}
.mod_sitemap ul.level_3 {
margin-left:25px;
padding:0px;

}

/*
################################
# Member Navigation            #
################################
*/
#member_nav {
background-color:#e2e2e2;
padding-left:10px;
}

#member_nav ul {
margin-top:0px;
margin-left:15px;
padding:0px;
overflow:hidden;
list-style-type:none;
list-style-image:none;
}
#member_nav span.active {
color:#0c59a3;
}
#right .mod_customnav h1 {
display:none
}
/*
################################
# Breadcrumb                   #
################################
*/


.mod_breadcrumb {

line-height:50px;
}
.mod_breadcrumb  {
	background-position: 5px center;
	color: #999999;
}

.mod_breadcrumb a {
	font-size: 10px;
	color: #999999;
	text-decoration: none;
	padding:0px;
	margin:0px;
}

.mod_breadcrumb span.active {
	color:#0c59a3;
	text-decoration: none;
	padding:0px;
	margin:0px;
	font-size: 10px;
}

/*
################################
# Customnav Footer             #
################################
*/
#unten ul.bm {
margin:0px;
padding:0px;
width:auto;
float:left;
}
#unten ul li.bm {
list-style-image:none;
list-style-type:none;
overflow:hidden;
margin-right:8px;
float:left;
color:#00457d;
}
#unten .mod_customnav {
margin:0px;
padding:0px;
overflow:hidden;
text-decoration:none;
background-color:#ffffff;
}

#unten .mod_customnav ul {
list-style-image:none;
list-style-type:none;
margin:0px;
padding:0px;
}
#unten .mod_customnav li {
margin-right:5px;
padding:0px;
list-style-image:none;
list-style-type:none;
float:left;
}
#unten .mod_customnav li a {
color:#00457d;
}



/*
################################
# Login                        #
################################
*/

.mod_login {
overflow:hidden;
height:auto;
width:auto;
padding-top:5px;
padding-bottom:10px;
padding-left:10px;

background-color:#e2e2e2;
}
.mod_login h1 {
font-size:14px;
color:#0c59a3;
}

.mod_login input {
	background-color:#ffffff;
	border: solid 1px #525252;
	margin-bottom:10px;
	width:140px;
	height:14px;
	font-family: "Courier New", Courier, monospace;
	padding-left:2px;
}
.mod_login label {
display:none;
}
.mod_login input.submit {
	border:none;
	background-image:url(../../hp_media/classic/login_button.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 18px;
	width: 18px;
	cursor:pointer;

}
.mod_login .submit_container{
width:auto;
float:left;
}
.mod_login #password {
margin-right:5px;
float:left;
}

.mod_login p.error {
color:#CC0000;
}
.mod_login p.login_info{
font-weight:bold;
width:150px;

}
.mod_login .misc_container {
width:150px;
height:auto;
overflow:hidden;
clear:both;
}
/*doppelpfeile right*/
.mod_login a.doppelpfeil {
	background-image:url(../../hp_media/classic/doppelpfeil.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
	background-color:#e2e2e2;
	color:#000000;
	width:150px;
	height:20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	clear:both;
	padding-bottom:1px;
}
/*
################################
# .mod_lostPassword            #
################################
*/

.mod_lostPassword {

margin:0px;
padding:0px;
overflow:hidden;
width:auto;
height:auto;
}
.mod_lostPassword input {
border:solid 1px #525252;
margin-bottom:5px;
margin-left:5px;
}
.mod_lostPassword input.submit {
	background-image:url(../../hp_media/classic/doppelpfeil.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
	background-color:#ffffff;
	color:#000000;
	cursor:pointer;
	height:20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	clear:both;
	border:none;
	padding-bottom:3px;
}

.logout input.submit {
background-image:none;
margin:0px;
padding-left:12px;
width:auto;
height:auto;
background-image:url(../../hp_media/classic/doppelpfeil.jpg);
background-repeat: no-repeat;
background-position: left center;
background-color:#e2e2e2;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/*
################################
# Aktuelles Nachrichten        #
################################
*/

.mod_newslist {
margin-bottom:50px;

}

.mod_newslist .layout_latest {
border-bottom: 1px solid #e5e5e5;
padding-bottom:5px;
}
.mod_newslist .layout_latest .image_container { /* Ausblenden des Bildes in der Newslist (wird aber im Reader angezeigt) */
/*display:none;*/
background-color:#fff;
margin:0px;
width:152px;
overflow:hidden;
float:left;
padding:0px;
margin-right:7px;
margin-bottom:7px;
}
.mod_newslist .layout_latest .image_container img { 

width:145px;


border: solid 1px #333;
float:left;
}
.mod_newslist h2 a, 
.mod_newslist h2  { /* Nachrichten Überschrift und dazugehöriger link  (  bsp  <a><h2>headline</h2></a>  ) */
margin-top:0px;
padding-top:0px;
color:#0c59a3;
font-size:14px;

}
.mod_newslist .image_container,
.mod_newsreader .image_container { /* Div der das Bild und die Caption umgibt */
	margin-right:5px;
	margin-bottom:2px;
	padding:7px;
	background-color:#F7F7F7;

}
.mod_newslist .caption,
.mod_newsreader .caption { /* Bildunterschrift */
font-size:10px;
margin:0px;
padding:0px;
}
.mod_newslist p.teaser { /* Einleitungstext */
	width:auto;
	margin-bottom:0px;
	padding-bottom:0px;

}

.mod_newslist p.more { /* Link weiterlesen */
	margin-top:0px;
	padding-top:0px;
	color: #0c59a3;
}
.mod_newslist p.more a { /* Links  "weiterlesen" Blau einfärben*/
color:#0c59a3;
font-size:11px;
}

.mod_newslist p.info {  /* Datum, Erstellt von */
font-size:10px;
margin-bottom:0px;
padding-bottom:0px;

}
/* Newsarchiv */


/* Pagination */
#aktuelles .pagination,#suche .pagination  {
	height:50px;
	width:358px;
}
#aktuelles .pagination ul {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#aktuelles  .pagination li {
	float: left;
	width: auto;
	list-style-image: none;
	list-style-type: none;
	padding-right: 5px;
	padding-left: 5px;
	text-transform: capitalize;
	font-size: 12px;
}
#aktuelles  .pagination p {
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #000000;
	padding-left: 0px;
	clear: both;
	float: left;
	height: 10px;
	width: 560px;
	display: block;
	margin: 0px;
	padding-top: 15px;
	padding-bottom: 5px;
	padding-right: 0px;
}
/*
################################
# Suche					       #
################################
*/

#suche_Aktuelles,
#suche_Bildung,
#suche_Infos,
#suche_Service,
#suche_Kontakt {
display:none;
}
#f2 h1.styleup {
display:none;
}
#f2 {
margin-bottom:10px;
padding-left:10px;
padding-top:10px;
}
#f2 br {
display:none;
}
#f2 #ctrl_1  {
width:142px;
float:left;
border: solid 1px #000000;
margin-right:4px;
}
/*
################################
# Navigation Stundenplan       #
################################
*/
.mod_customnav,
.lehrer_klassen {
width:auto;
height:auto;
overflow:hidden;
padding-left:10px;
background-color:#e2e2e2;

}
.mod_customnav ul,
.lehrer_klassen ul {
padding-left:20px;

}
.mod_customnav li,
.lehrer_klassen li {
	list-style-image: url(../../hp_media/classic/doppelpfeil.jpg);
	margin-bottom:5px;
	padding:0px;
}
.mod_customnav ul li a,
.lehrer_klassen ul li a {
color:#000000;
}
/*
################################
# Stundenplan			       #
################################
*/
#stundenplaene .Table1 tr{
	background-color:#FFFFFF;
}
#stundenplaene .Table1 {
	background-color:#FFFFFF;
}
#stundenplaene .Table1 .even {
					/*background-color:#e5e5e5; */
					background-color:#C4C4C4;
}
#stundenplaene .Table1 .odd{
	background-color:#C4C4C4;
}
#stundenplaene .Table1 .odd .col_first{
					/*background-color:#0c59a3F; */
					background-color:#C4C4C4;
}
#stundenplaene .Table1 .even .col_first{
					/*background-color:#0c59a3; */
					background-color:#C4C4C4;
					/*color:#ffffff;*/
				
}
#stundenplaene .Table1 .row_first{
					background-color:#0c59a3; 
					/*background-color:#C4C4C4;*/
					color:#ffffff;
}

#stundenplaene .Table2 {
	margin-top:50px;
}
#stundenplaene .Table2 tr{
	background-color:#FFFFFF;
}
#stundenplaene .Table2 {
	background-color:#FFFFFF;
}
#stundenplaene .Table2 .even {
					/*background-color:#e5e5e5; */
					background-color:#C4C4C4;
}
#stundenplaene .Table2 .odd{
					background-color:#C4C4C4;
}
#stundenplaene .Table2 .odd .col_first{
				/*	background-color:#0c59a3F; */
					background-color:#C4C4C4;
}
#stundenplaene .Table2 .even .col_first{
				/*	background-color:#0c59a3;*/
					background-color:#C4C4C4;
					/*color:#ffffff;*/
}
#stundenplaene .Table2 .row_first{
					/*background-color:#0c59a3; */
					background-color:#C4C4C4;
					/*color:#ffffff;*/

}

/*
################################
# Daten ändern 			       #
################################
*/
.mod_personalData #ctrl_email {
margin-left:25px;
border:solid 1px #333333;
}
.mod_personalData #ctrl_password {
margin-left:42px;
margin-bottom:5px;
border:solid 1px #333333;
}
.mod_personalData #ctrl_password_confirm {
margin-left:42px;
border:solid 1px #333333;
}
.mod_personalData input.submit  {
margin-top:10px;
margin-left:2px;
border:solid 1px #333333;
}


/*
################################
# vertretungsplan   	       #
################################
*/
#vertretungsplan td {
font-size:11px;
padding:2px;
border:solid 1px #ffffff;
}
#vertretungsplan td.col_0 {
width:60px;
height:60px;
}
#vertretungsplan td.col_1 {
width:90px;

}
#vertretungsplan td.col_2 {
width:400px;

}
#main #vertretungsplan tr.even {
background-color:#c4c4c4;
}
#main #vertretungsplan tr.odd{
background-color:#c4c4c4;
}

#vertretungsplan .mod_customnav,
#vertretungsplan .mod_customnav ul,
#vertretungsplan .mod_customnav li {
background-color:#ffffff;
background-image:none;
list-style-image:none;
list-style-type:none;
margin:0px;
padding:0px;
}
#vertretungsplan .mod_customnav li {
float:left;
padding-left:5px;
padding-right:5px;
}
#vertretungsplan .mod_customnav span.active {
font-weight:bold;
}
#vertretungsplan .mod_customnav li.first {
padding-left:0px;
}

/*
################################
# SUCHE				   	       #
################################
*/

.mod_search span.highlight {
color:#0c59a3;
}

.mod_search input.submit {
border:solid 1px #333333;
}


/*
################################
# Bildergalerie		   	       #
################################
*/
.mod_gallerylist .info {
font-size:11px;

}
.mod_gallerylist .location,
.mod_gallerylist .photographer{
font-weight:bold;

}

table.image_gallery {
float:left;
width:150px;
}
/* Pagination */



.mod_galleryviewer  .pagination  {

	height:50px;
	float:left;
	clear:both;
	width:358px;

}



.mod_galleryviewer  .pagination ul {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}



.mod_galleryviewer   .pagination li {
	float: left;
	width: auto;
	list-style-image: none;
	list-style-type: none;
	padding-right: 5px;
	padding-left: 5px;
	text-transform: capitalize;
	font-size: 12px;
}



.mod_galleryviewer   .pagination p{
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #000000;
	padding-left: 0px;
	clear: both;
	float: left;
	height: 10px;
	width: 560px;
	display: block;
	margin: 0px;
	padding-top: 15px;
	padding-bottom: 5px;
	padding-right: 0px;
}



/*
################################
# SUCHMASCHINE		   	       #
################################
*/

#keywords  {
width:auto;
float:left;
padding-bottom:2px;
margin-right:5px;
}

#submit  {
width:auto;
float:left;
}


/*
################################
# Tabellen			       #
################################
*/

#main #farbe table {
	background-color:#FFFFFF;
	width:100%;
	border:solid 1px #999999;
}
#main #farbe table tr{
	background-color:#FFFFFF;
}
#main #farbe table td{
	padding:2px;
	border:solid 1px #e5e5e5;
}
#main #farbe table .even {
	background-color:#c4c4c4;
}
#main #farbe table .odd{
	background-color:#C4C4C4;
}
#main #farbe table .odd .col_first{
	background-color:#c4c4c4;
}
#main #farbe table .even .col_first{
	background-color:#c4c4c4;
	
}

#main #farbe table .row_first{
	background-color:#c4c4c4;
}
#main #farbe table tr.row_0 td.col_0{
	background-color:#c4c4c4;
}


/*
################################
# Printlink				       #
################################
*/
#main .pdf_link {
	width:auto;
	padding-right:25px;
	padding-top:3px;
	padding-bottom:3px;
	float: right;
}



#main .pdf_link a {
	font-size:11px;
	padding-top:2px;
	text-decoration: none;
}


#invisible {
display:none;
}

#invisible h1 {
font-size:1%;
color:#fff;
}


#main .ohne_rahmen .image_container img

{
background-color: #fff;

}