/*------------------------------------------------------------- body details */
body {
	text-align:center;
	padding: 0px;
	margin:5px 0px;
   font-family:Verdana, Arial, sans-serif;
	font-size:12px;
}
/*----------------------------------------------------------- container details */
#container {
	width:1000px;
	margin : 0px auto;
}

/*----------------------------------------------------------- banner details */
#banner {
	height:95px;
	width:auto;
}

#logo-links {
	width: 155px;
	float:left;
}

#logo-mitte {
	background-color: #1e3f86;
	width: 690px;

	float:left;
}

#logo-rechts {
	width: 155px;
	float:right;
}


/*----------------------------------------------------------- inhalt details*/
#header {
	width: 690px;
	height: 30px;
	background-color: #27295A;
	margin-top:5px;
	margin-left:5px;
	text-align:left;
	color: #ffffff;
	font-size: 12px;
	font-family: Verdana, Arial, sans-serif;
	font-weight: bold;
	overflow:hidden;
	float:left;
}
#inhalt {
	width: 688px;
	margin-left:5px;
	margin-top:2px;
	margin-bottom:5px;
	border: 1px solid #1e3f86;
	background-image:url(images/page/flb_gross.gif);
	background-repeat:no-repeat;
	background-position:center;
	background-attachment: fixed;
	color: #1e3f86;
	line-height: 16px;
	float:left;
}

#content {
	margin-top:5px;
	margin-left:20px;
	margin-right:20px;
	margin-bottom:5px;
	text-align:left;
	z-index:1;
}

#content img {vertical-align:middle}

#technische-hinweise {
	margin-left:20px;
	text-align:left;
	width:auto;

}
#technische-hinweise a{
	font-weight: bold;
	color: #1e3f86;
}

.val {border:0; width:88px; height:31px;}
/*-----------------------------------------------------lehrer content details */
#inhalt {
background: none;
}

#tabview tr { font-size:100%; }
#tabview td,th { border:1px solid; border-color:white silver white silver; }
#tabview tr:hover { background:#27295A; }
#tabview td a:link { color:#ffffff; text-decoration: none; font-weight:normal; display:block;}
#tabview td a:visited { color:#666699; text-decoration: none; font-weight:normal; display:block;}

div.koest {
	width: 150px; height: 100px;
	}
div.koest a {
	display: block;
	width:100%; height:100%;
	background: url( 'images/content/koestk.jpg' ) top left no-repeat;
	}
div.koest a:hover {
	background: url( 'images/content/koestk.jpg' ) 0 -100px no-repeat;
	}
	
div.beck {
	width: 150px; height: 100px;
	}
div.beck a {
	display: block;
	width:100%; height:100%;
	background: url( 'images/content/beck.jpg' ) top left no-repeat;
	}
div.beck a:hover {
	background: url( 'images/content/beck.jpg' ) 0 -100px no-repeat;
	}

div.men {
	width: 150px; height: 100px;
	}
div.men a {
	display: block;
	width:100%; height:100%;
	background: url( 'images/content/men.jpg' ) top left no-repeat;
	}
div.men a:hover {
	background: url( 'images/content/men.jpg' ) 0 -100px no-repeat;
	}

div.back {
	width: 150px; height: 100px;
	}
div.back a {
	display: block;
	width:100%; height:100%;
	background: url( 'images/content/backk.jpg' ) top left no-repeat;
	}
div.back a:hover {
	background: url( 'images/content/backk.jpg' ) 0 -100px no-repeat;
	}


div.sper {
	width: 150px; height: 100px;

	}

div.sper a {
	display: block;
	width:100%; height:100%;
	background: url( 'images/content/sperk.jpg' ) top left no-repeat;
	}

div.sper a:hover {
	background: url( 'images/content/sperk.jpg' ) 0 -100px no-repeat;
	}

div.pie {
	width: 150px; height: 100px;

	}
div.pie a {
	display: block;
	width:100%; height:100%;
	background: url( 'images/content/piek.jpg' ) top left no-repeat;
	}
div.pie a:hover {
	background: url( 'images/content/piek.jpg' ) 0 -100px no-repeat;
	}
div.wk {
	width: 150px; height: 100px;

	}
div.wk a {
	display: block;
	width:100%; height:100%;
	background: url( 'images/content/wkk.jpg' ) top left no-repeat;
	}
div.wk a:hover {
	background: url( 'images/content/wkk.jpg' ) 0 -100px no-repeat;
	}
div.spi {
	width: 150px; height: 100px;

	}
div.spi a {
	display: block;
	width:100%; height:100%;
	background: url( 'images/content/spik.jpg' ) top left no-repeat;
	}
div.spi a:hover {
	background: url( 'images/content/spik.jpg' ) 0 -100px no-repeat;
	}
div.kfl {
	width: 150px; height: 100px;

	}
div.kfl a {
	display: block;
	width:100%; height:100%;
	background: url( 'images/content/kflk.jpg' ) top left no-repeat;
	}
div.kfl a:hover {
	background: url( 'images/content/kflk.jpg' ) 0 -100px no-repeat;
	}
div.ef {
	width: 150px; height: 100px;

	}
div.ef a {
	display: block;
	width:100%; height:100%;
	background: url( 'images/content/efk.jpg' ) top left no-repeat;
	}
div.ef a:hover {
	background: url( 'images/content/efk.jpg' ) 0 -100px no-repeat;
	}
div.schf {
	width: 150px; height: 100px;

	}
div.schf a {
	display: block;
	width:100%; height:100%;
	background: url( 'images/content/schfk.jpg' ) top left no-repeat;
	}
div.schf a:hover {
	background: url( 'images/content/schfk.jpg' ) 0 -100px no-repeat;
	}

/*------------------------------------------------------linker layer details */
#linker-layer {
	width: 150px;
	margin-top:5px;
	margin-bottom:5px;
	overflow:visible;
	text-align:left;
	float:left;
}

/*-----------------------------------------------------rechter layer details */
#rechter-layer {
	width: 150px;
	margin-top:5px;
	margin-bottom:5px;
	overflow:visible;
	text-align:left;
	float:right;
}
#flbshop {
margin-top:20px;
float:right;
}


/*----------------------------------------------------sonstige layer details */
.header-o-l, .header-u-l, .header-o-r, .header-u-r {
	width:150px;
	background-color: #27295A;
	height: 30px;
	text-align:left;
	color: #ffffff;
	font-weight: bold;
	margin-bottom: 2px;
	float:left;
}
.header-u-l {margin-top:20px;} /*eingaben für die 2 unteren Layer, damit sie auf einer höhe  bleiben*/
.header-u-r {margin-top:100px;} /* alt 119px */


.header-p-align {
	margin-top:8px;
	margin-left:8px;
}
.header-t-align {
	line-height:30px;
	margin-left:8px;
	vertical-align:2px;
}


 .loginform  {
display : inline;
}
 .loginform .c1 input {
width : 5em;
}
.loginform .c1 label {
font-size: 9px;
}

.loginform .c1 .Button { 
background-color:#1e3f86;
color:#fff;
width:130px;
border:3px solid #ddd; 
}


 .loginform .c1 {
margin : 0.3em 0.8em;
text-align : right;
display : block;
}
 .loginform div.c1.btn {
text-align : center;
} 

/*----------------------------------------------linker layer inhalte details */
#menu {
	margin-top:0px;
	background-color: #ffffff;
	width: 150px;
	overflow:visible;
	float:left;
}

#kontakt {
	background-color: #1e3f86;
	width: 150px;
	float:left;
}
/*------------------------------------------------- Vertikale Navigation */
  div#Tmenu {
    font-size: 11px;
    width: 150px;
    padding: 0;
    background-color: #ffffff;
	z-index:99;
  }
  * html div#Tmenu {
    width: 150px;
  }
  div#Tmenu .bild {
		margin-top:20px;
		border:0px;
	}
  ul#Navigation {
    margin: 0; padding: 0;
  }
  ul#Navigation li {
    list-style: none;
    position: relative;
    margin: 0px 0px 0px 0px; padding: 0;
  }
  ul#Navigation li ul {
    margin: 0px;
    padding: 0px;
    position: absolute;
    top: 0;
    left: 150px;
    background-color: #1e3f86;
    /* border-left: 2px solid #ffffff; */
    border: 1px solid #ffffff;
  }
  ul#Navigation li ul li {
    margin: 0; /*padding-left: 1px;*/
  }

  ul#Navigation a, ul#Navigation span {
    display: block;
    width: 150px;
    height:17px;
    line-height:17px;
    /* font-family: "Trebuchet MS", "Century Gothic", Helvetica, Arial, sans-serif; font-weight: bold;*/
    font-family: Verdana, Arial, sans-serif;
    text-decoration: none;
    /* border-bottom: 2px solid; */
    border: 1px solid;
    color: white;
    background-color: #1e3f86;
  }

  * html ul#Navigation a, * html ul#Navigation span {
    width: 150px;
  }
  ul#Navigation a:hover, ul#Navigation span, li a#aktuell:hover {
    border-color: #27295A;
    background-color: #27295A;
    /* border-bottom: 2px solid #ffffff; */
    border: 1px solid;
  }
/* dynamisches Ein-/Ausblenden */
  ul#Navigation li ul {
    display: none;
  }
  ul#Navigation li:hover>ul {
    display: block;
  }
  ul#Navigation>li:hover>a {
    width: 150px;
  }
 
/* dynamisches Ein-/Ausblenden der JavaScript-generierten Klasse im IE */
  * html ul#Navigation li.hoverIE {
    margin-right:0;  /* reservierten Platz freigeben */
    margin-bottom:-1.15em;  /* Fehlerkorrektur, ggfls. anpassen */
  }
  * html ul#Navigation li.hoverIE ul {
    display: block;
  }
  * html ul#Navigation li .hoverIE {
    width: 10.3em;
    width: 8.2em;  /* (IE 6 in standards-compliant mode) */
  }


/*---------------------------------------------rechter layer inhalte details */
#teilnehmer {
	width: 150px;
	background-color: #1e3f86;
	float:left;
}

#logo {
	margin-top:40px;
	background-color: #c0c5f5;
	width: 150px;
	float:right;
}

/*---------------------------------------------------------------boden layer */

#unten {
	font-size: 10px;
	text-align:left;
	height: 25px;
	clear:both;
	/*
	background-image: url(images/page/t4.gif);
	background-repeat: repeat-x;
	color: #CCCC99;
	font-size: 10px;
	
*/
}

#unten td a:link { color:#666699; font-weight:bold; }
#unten td a:visited { color:#666699; font-weight:bold; }

/*--------------------------------------------------styles im content bereich */
#inhalt h3 {
	color: #ffffff; background: #1e3f86;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 15px;
	padding: 2px 0 2px 0; margin: 0 -20px 0 0;
	border-left: solid black 1px;
	border-right: solid black 0px;
	border-top: solid black 1px;
	border-bottom: solid black 1px;
	text-align:center;
	line-height: 22px;
}

.tabellelink td a:link { color:#ffffff; font-weight:bold; }
.tabellelink td a:visited { color:#666699; font-weight:bold; }

.tabellenamenslink td a:link { color:#ffffff; font-weight:normal; }
.tabellenamenslink td a:visited { color:#666699;font-weight:normal; }
.tabellenamenslink td a:hover { color:#666699;font-weight:normal; }

/*stundenplan formatierungen*/
.sptabelle{
	background-color: #1e3f86;
	width:100%;
}

a.infobox { border-bottom: 1px dashed #c30; text-decoration:none; color:#ffffff; font-weight:bold; }
a.infobox:hover { cursor:help; color:#c30; background:white; }


#dhtmltooltip{
	position: absolute;
	width: 150px;
	border: 2px solid black;
	padding: 2px;
	background-color: #dee7f7;
	visibility: hidden;
	z-index: 100;
}

.rahmenfett {
	background-color: #27295A;
	font-weight: bold;
}
.rahmen {
	background-color: #1e3f86;
	border-spacing:5px;
	vertical-align:middle;
}
.rahmen, .rahmenfett, .sptabelle {
	border-collapse:collapse;
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	color: white;
	/*border-left: 1px solid #FFFFFF;*/
	border: 1px solid #FFFFFF;
	text-align: left;
	padding-bottom: 4px;
	padding-top: 4px;
}
.rahmen.center {
	text-align: center;
}

.normalschrift a {
	font-weight: bold;
	line-height: 16px;
	color: #1e3f86;

}
.normalschrift a:visited, .normalschrift a:hover {color: #666699;}

.Aufzaehlung {
	list-style-position: outside;
	list-style-type: disc;
	white-space: normal;
}

.w50px {width: 50px;}
.w118px{width:118px;}
.w178px{width:178px;}
.w182px{width:182px;}

.titellink {
	text-decoration: none;
	font-size: 14px;
	font-weight: bolder;
	color: #1e3f86;
}

.killbxd {text-decoration:none; border:0px; color: #1e3f86;}

.bildmitte {

	margin:3px 0px 0px 15px;
	 width:300px;
}


.bildrechtsgross {
	float:right;
	margin:3px 0px 0px 15px;
	 width:300px;
}
.bildrechtsklein {
	float:right;
	margin:3px 0px 0px 15px;
}
.bildlinks {
	float:left;
	margin:3px 15px 0px 0px;
}
/*.caption {
	font-size: 10px;
	line-height: 10px;
	text-align:center;
	margin-top:5px;
	background-color:#1e3f86;
}
*/
.caption{
	color: #1e3f86;
		font-size: 10px;
	line-height: 10px;
       text-align:center;
	margin-top:5px;
}
caption{
	color: #ffffff;
	background-color: #1e3f86;
	font-size: 15px;
	line-height: 22px;
}
.killfloat {
	clear:both;}

#sendeform{visibility: hidden;}

.redframe {background-color: #B74141;
				color: #ffffff;}

.newsholder {
	height:20px;
	width:620px;
	background-color:#1e3f86;
	color: #ffffff;
	margin-top:2px;
}

.dlnewsholder {
	height:20px;
	width:620px;
	background-color:#B74141;
	color: #ffffff;
	margin-top:2px;
}

.newsholder a, .dlnewsholder a {
	color:#ffffff;
	text-decoration: none;
}

.newsholder a:hover, .dlnewsholder a:hover{
	color: #E96769;
}

.newsid {width:20px; float:left;}
.newsthema {width:300px; float:left;}
.arnewsthema {width:450px; float:left;}
.newsersteller { width:150px; float:left;}
.newsdatum {width:150px; float:left;}
.vcode {width:300px; float:left;}
.vstyle {width:300px; float:left;}

/*--------------------------------------------------pure textformationen! */
/*--------------------------------------------------diese styles müssen IMMER mit der Datenbank übereinstimmen */
.uberschrift-1 {
	font-size: 14px;
	font-weight: bolder;
	border-bottom: solid #1e3f86 1px;
	padding: 8px 0 2px 0; margin-top: -0px;
	margin-right:-20px;
}
.uberschrift-2{
	font-size: 12px;
	font-weight: bold;
	border-bottom: solid #1e3f86 1px;
	padding: 8px 0 2px 0; margin-top: -0px;
	margin-right:-20px;
}

.uberschrift2 {font-size: 17px;}

.normalschrift {
	font-size: 12px;
	font-weight: normal;
	line-height: 16px;
	text-align:justify;
}

.normbig {
	font-size: 1.3em;
	font-weight: bolder;
	line-height: 1.5em;
	text-align:justify;
}

.center-align {text-align:center;}
.left-align {text-align:left;}
.right-align{text-align: right;}

.txt-justify {text-align: justify;}

.normrotschrift {
	font-size: 12px;
	font-weight: normal;
	line-height: 16px;
	color:red;
}

/* ----textformation -- */
.bold {font-weight: bold;}
.kursive{font-style: italic;}
.underline{text-decoration: underline;}
.deleted{text-decoration: line-through;}

.normcolor {color: #1e3f86;}
.rot { color: #ff001a; }
.white {color: #ffffff;}
.black {color: #000000;}
.blue {color: #0000a0;}
.green {color:#008000;}
.yellow {color: #ffff00;}
/* -- background formation -- */
.redbg {background-color:#ff001a;  }
.whitebg {background-color:#ffffff;  }
.blackbg {background-color:#000000;  }
.bluebg {background-color:#0000a0;  }
.greenbg {background-color:#008000;  }
.yellowbg {background-color:#ffff00;  }