body         { font-family: Verdana,Arial,sans-serif;font-size: 0.72em;
               line-height:140%;
               background-color:#C0C0C0;
               margin-top: 0;
               margin-bottom:0;
               text-align: center;
                /*absoluter Pfad für behavoir - weil es sonst nicht funktioniert - jetzt im Body*/
               /*behavior: url(/cms/fileadmin/hblw-template/styles/csshover.htc);*/

               }


#container {    width: 980px;
                margin:0px auto 0;
                background-color : #FFFFFF;
                background-image:url(../grafik/back_image_4.jpg);
                background-position: 840px 125px;
                background-repeat:no-repeat;
                padding:0 0 0 0;
                position:relative;
                background-color: #FFFFFF;
                text-align: left;
            }

img.druckbild {display:none;
	visibility: hidden;}
div#barrierefrei {
	text-align: right;
   background-color:#C0C0C0;	
	padding-bottom: 3px;
}

div#barrierefrei a:link, div#barrierefrei a:visited, div#barrierefrei a:hover { 
	text-decoration: none;}
	
table#seitenmenue {
/*	display: block;
	visibility: visible;*/
}
table#seitenmenue td {
	font-size: 0.8em;
	text-align:	center;
}
#topbox      {
             margin:0 0 0 0;
             background-position: top left;
             background-repeat: no-repeat;
             background-image:url(../grafik/back_weiss_grau980.gif);
             text-align:left;
             padding:0 0 0 0;
             margin-top:0px;
             border-left-width: 0px;
             }


#tabelle {table-layout: fixed;
          border-spacing: 0px;
          }

.zelle { padding: 0px;
         vertical-align: top;
         }

.imagetransparent { border-width: 0px;
                    width: 65px;
                    height: 35px;
                    }
.MenuItem {
        padding: 0 0 0 0;
        vertical-align: top;
       /* background-color: #333333;*/
        }

.MenuItem a:link {
        display: block;
        }

#aktuell_button a:link
    {   background-image: url(../grafik/button_aktuell.gif);
        background-repeat:no-repeat;
        background-position: 0 0;
        display: block;
        }
#aktuell_button a:visited
    {   background-image: url(../grafik/button_aktuell.gif);
        background-repeat:no-repeat;
        background-position: 0 0;
        display: block;
        }
#aktuell_button a:hover
    {   background-image: url(../grafik/button_aktuell_hover.gif);
        background-repeat:no-repeat;
        background-position: 0 0;
        display: block;
        }

#extras_button a:link
    {   background-image: url(../grafik/button_extras.gif);
        background-repeat:no-repeat;
        background-position: 0 0;
        display: block;
        }
#extras_button a:visited
    {   background-image: url(../grafik/button_extras.gif);
        background-repeat:no-repeat;
        background-position: 0 0;
        display: block;
        }
#extras_button a:hover
    {   background-image: url(../grafik/button_extras_hover.gif);
        background-repeat:no-repeat;
        background-position: 0 0;
        display: block;
        }

#intranet_button a:link
    {   background-image: url(../grafik/button_bilder.gif);
        background-repeat:no-repeat;
        background-position: 0 0;
        display: block;
        }
#intranet_button a:visited
    {   background-image: url(../grafik/button_bilder.gif);
        background-repeat:no-repeat;
        background-position: 0 0;
        display: block;
        }
#intranet_button a:hover
    {   background-image: url(../grafik/button_bilder_hover.gif);
        background-repeat:no-repeat;
        background-position: 0 0;
        display: block;
        }

#projekte_button a:link
    {   background-image: url(../grafik/button_paedagogik.gif);
        background-repeat:no-repeat;
        background-position: 0 0;
        display: block;
        }
#projekte_button a:visited
    {   background-image: url(../grafik/button_paedagogik.gif);
        background-repeat:no-repeat;
        background-position: 0 0;
        display: block;
        }
#projekte_button a:hover
    {   background-image: url(../grafik/button_paedagogik_hover.gif);
        background-repeat:no-repeat;
        background-position: 0 0;
        display: block;
        }

#portrait_button a:link
    {   background-image: url(../grafik/button_ausbildung.gif);
        background-repeat:no-repeat;
        background-position: 0 0;
        display: block;
        }
#portrait_button a:visited
    {   background-image: url(../grafik/button_ausbildung.gif);
        background-repeat:no-repeat;
        background-position: 0 0;
        display: block;
        }
#portrait_button a:hover
    {   background-image: url(../grafik/button_ausbildung_hover.gif);
        background-repeat:no-repeat;
        background-position: 0 0;
        display: block;
        }

#service_button a:link
    {   background-image: url(../grafik/button_service.gif);
        background-repeat:no-repeat;
        background-position: 0 0;
        display: block;
        }
#service_button a:visited
    {   background-image: url(../grafik/button_service.gif);
        background-repeat:no-repeat;
        background-position: 0 0;
        display: block;
        }
#service_button a:hover
    {   background-image: url(../grafik/button_service_hover.gif);
        background-repeat:no-repeat;
        background-position: 0 0;
        display: block;
        }


/* Menue*/
div.unsichtbar {display:none; 
	visibility: hidden; }


div#wobinich { color:#000;
               background-color : #fff;
               margin: 0.8em  0 1px 8px;
               border: 1px none #fff;
               border-bottom-width:4px;
               border-bottom-style:solid;
               border-bottom-color:red;
               width:10em;
               /*font-size:1.2em;*/
               padding:0.25em 0.25em 0 0.25em;
            }


div#nav  {  background-color : #fff;
            float:left;
            margin: 0  0 0 0;
            left:10px;
            top:30px;
            width:10em;
            font-size:1.1em;
            }


div#nav ul { margin: 0;
             padding: 0;
             width: 11em;
             background: #fff;
             border: 1px solid #fff;
			 border-left-width: 3px;
              }

div#nav ul.level2 { background: #e1e1e1;
                    border-left-width: 1px;
					}
div#nav ul.level3 { background: #e1e1e1;
	                    border-left-width: 1px;
						}
div#nav ul.level4 { background: #e1e1e1;
	                    border-left-width: 1px;
						}
div#nav ul.level5 { background: #e1e1e1;
	                    border-left-width: 1px;
						}

div#nav li { position: relative;
              list-style: none;
              margin: 0;
              border-bottom: 3px solid #fff;
              }
div#nav li:hover { background: #eee;}
div#nav li.submenu { /*Pfeil:*/ /*background: url(submenu.gif) 95% 50% no-repeat;*/}
div#nav li.submenu:hover { background-color: #b7b7b7;
                           color:#fff;}
div#nav li a {  display: block;
                padding: 0.25em 0.15em 0.25em 0.35em;
                text-decoration: none;
                color:#333;
                width: 11em;
                border-left: 0.2em solid #fff;}

div#nav li a:hover {border-left-color:#fff;
                    color:#fff;
                    background-color:#b7b7b7;}
div#nav>ul a { width: auto;}
div#nav ul ul { position: absolute;
					top: -1px;
					left: 11em;
					display: none;}
                 
div#nav ul.level1 li.submenu:hover ul.level2,
div#nav ul.level2 li.submenu:hover ul.level3, 
div#nav ul.level3 li.submenu:hover ul.level4, 
div#nav ul.level4 li.submenu:hover ul.level5 
				{display:block;
                                              }

/* NEU */
/*div#nav ul.level1>li { border-top-width: 0;
                        border-bottom-width: 0;} */
/* NEU */

/* Ende Menue*/



#textbox     {
        text-align: left;
        top: 0px;
        margin-top: 0px;
        margin-left: 165px;
        margin-right: 170px;
        margin-bottom: 15px;
        /*border: 1px solid #ff0000;   */
		  min-height: 563px;
		}
		
		/*ACHTUNG: Workaround fuer Bug in TT-News:
		Phaenomen: Die Divs "siesindhier" und "kontaktleiste" sind auf der Seite Aktuell doppelt eingerückt.
		
		Vermutung: TT-News erzeugt ein Ende-DIV zu wenig.		
		Workaround: Auf der Aktuell-Seite haben wir nach TT-News ein HTML-Element eingefügt, nur mit </DIV>
		
		Fazit: Wenn ein Update oder Bugfix für TT-News eingespielt wird ist es moeglicherweise notwendig 
		diesen zusaetzlichen Tag zu entfernen!!!!!				
		*/
div#siesindhier     {
        text-align: left;
        margin-top: 1em;
        margin-left: 165px;
        margin-right: 165px;
        margin-bottom: 3px;
        /*border-bottom:1px solid #656565;*/
		/*border-top:1px solid #656565;*/
		padding-top: 1em;
}

div#kontaktleiste    {
	text-align: left;
	top: 0px;
	margin-top: 3px;
	margin-left: 165px;
	margin-right: 165px;
	margin-bottom: 3px;
	border-top:1px solid #aaa;
    border-bottom: 1em solid #fff;
	padding-top: 0.2em;
	padding-bottom:0.1em;
}

h1,h2,h3 {
           font-family : Verdana, Arial, Helvetica, sans-serif;
           margin-bottom : auto;
           color : #505050;
           font-weight:normal;
}

h1       { font-size : 150%;
           margin-top:10px;
		   /*10 px wg. Menü*/
		   margin-bottom: 1em;
           }

h2,*.csc-firstHeader, div.csc-header h1, div.csc-header-n1 h1, h1.csc-firstHeader       { font-size : 130%;
			color : #555555;
			margin-top:1em;
			margin-bottom: 0.5em;
			font-weight:bold;
			font-size: 115%;
           }


h3       { font-size : 105%;
           margin-bottom: 0.3em;
		   margin-top:0.75em;
           color : #606060;
		   font-weight:bold;
           }

p,bodytext        {text-align : justify;
          margin-top: 0px;
          margin-bottom: 0.5em;
          line-height:145%;
           }

div.news-list-item { 	
    padding-bottom: 10px;
    border-bottom:1px solid #aaa;
    }		   
    
hr.clearer {display:none; }  

ul,ol  {
	margin-top: 0.6em;
    margin-bottom: 0.6em;
    }		   
ul li {margin-bottom: 0.2em;
}

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

div.csc-textpic-text ul li {	list-style: disc inside;
	/* haesslicher workaround fuer Afzaehlung rechts von Bild
	nur kurze Aufz.Punkte (weniger als 1 Zeile), da Darstellung von bullet nicht haengend
	 zusaetzlicher linker Rand */ }



/*ANFANG contenttable-1*/
table.contenttable-1 {
	background-color: white;
	width: 95%; /* workaround: statt 100% wegen Verdraengung durch Menue bei IE6*/
	border-spacing: 0;
	border-collapse: collapse;
	border: 1px solid #ddd; /*border-color: #ddd;*/
}
table.contenttable-1 th	{
	text-align: left;
        vertical-align: top;
}

table.contenttable-1 td	{
	text-align: left;
	vertical-align: top;
}

table.contenttable-1 tr.tr-odd	{
	background-color: #fff;	
	}
table.contenttable-1 tr.tr-even	{
	background-color: #ddd;
}

/*ENDE contenttable-1*/

/*ANFANG contenttable-2*/
table.contenttable-2 {
	background-color: white;
	border-spacing: 0;
	border-collapse: collapse;
	border: 1px solid #ddd; /*border-color: #ddd;*/
}
table.contenttable-2 th	{
	text-align: left;
        vertical-align: top;
}

table.contenttable-2 td	{
	text-align: left;
	vertical-align: top;
}

table.contenttable-2 tr.tr-odd	{
	background-color: #fff;	
	}
table.contenttable-2 tr.tr-even	{
	background-color: #ddd;
}
/*ENDE contenttable-2*/

/*ANFANG contenttable-3*/
table.contenttable-3 {
	background-color: #777;
	/*keine width:  workaround: statt 100% wegen Verdraengung durch Menue bei IE6*/

}

table.contenttable-3 th	{
	background-color: #CCC;	
	}

table.contenttable-3 tr	{
	background-color: #fff;	
	}

/*ENDE contenttable-3*/	 

td.td-0,td.td-1,td.td-2,td.td-3,td.td-4,td.td-5,td.td-6,td.td-7,td.td-8,td.td-9 {vertical-align: top;}