<style type="text/css">

body {
	background-image: url(http://www.bildungszentrum-weissacher-tal.de/fileadmin/design/img/background.gif);
	margin: 0;
	padding: 0;
}
#wrapper-background {
	background-image: url(http://www.bildungszentrum-weissacher-tal.de/fileadmin/design/img/background-top.gif);
	background-repeat: repeat-x;
	height: 868px;
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
}
#wrapper {
	width: 1100px;
	margin: 30px auto 0 auto;
	position: relative;
	text-align: left;

}
#header {
	background-image: url(http://www.bildungszentrum-weissacher-tal.de/fileadmin/design/img/header.png);
	height: 95px;
	width: 1100px;

}


#header-image {
	height: 170px;
	width: 1100px;
	border: 10px solid #FFF;
}

/* Korrektur für IE - IE kann die folgende Angabe nicht lesen: */
html>body #header-image {
width: 1080px;
}
/* Ende Hack */

#content-startpage {
	height: 670px;
	width: 1080px;
	border: 10px solid #FFF;
}

#wrapper-newsbox {
	width: 300px;
	height: 650px;
	float: right;
	margin: 10px;	
}

#wrapper-content {
	position: relative;
	float: left;
	width: 1100px;
	margin-top: 5px;
	background-image: url(http://www.bildungszentrum-weissacher-tal.de/fileadmin/design/img/background-content.png);
	z-index: 0;
}

#content {
	position: relative;
	float: left;
	width: 760px;
	padding: 10px;
}

#breadcrump, #spacerbreadcrump {
	height: 10px;
	margin-top: -10px;
	padding-top: 10px;
}

#sidebar {
	position: relative;
	width: 295px;
	padding: 10px;	
	float: right;
}


#footer {
	position: relative;
	float: left;
	height: 15px;
	width: 1100px;
	margin-top: 5px;
	margin-bottom: 30px;
	padding: 10px;
	background-color: #FFF;
	font-family: verdana;
    font-size: 10px;
    font-weight: bold;
    color: #2e2e2e;
}

/* Korrektur für IE - IE kann die folgende Angabe nicht lesen: */
html>body #footer {
width: 1080px;
}
/* Ende Hack */


#footer a, #footer a:visited, #footer a:active {
    color: #2e2e2e;
    text-decoration: underline;
}

#footer a:hover {
    text-decoration: none;
}


#sidebar:after { display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; }

/* NAVIGATION */

#nav {
	position: absolute;
	top: 65px;
	left: 10px;
}

ul.menu, ul.menu ul {
	margin: 0;
	padding: 0;
    list-style-type: none;
	z-index: 1;
    
}

ul.menu a {
    display: block;
    font-weight: bold;
    color: #1c1c1d;
    text-decoration: none;
    font-family: verdana;
    font-size: 12px;
}

ul.menu li {
    padding: 5px;
	padding-bottom: 20px;
    margin: 0;
    float: left;    
    list-style: none;
    position: relative;
    height: 19px;
    top: 0px;
    }
	
ul.menu li:hover {
	background-color: #c4c4c4;
}

#menuitem4:hover {
	background-color: #61c322;
}

#menuitem5:hover {
	background-color: #fff21e;
}

#menuitem6:hover {
	background-color: #ff4030;
}



/* Für Unterpunkte keine Float-Eigenschaft */
ul.menu ul li {
    float:none;
	background-color: #c4c4c4;
}

#menuitem4 ul li {
	background-color: #61c322;
}

#menuitem5 ul li {
	background-color: #fff21e;
}

#menuitem6 ul li {
	background-color: #ff4030;
}

/* Links auf Unterpunkten sollen die Hintergrundfarbe ändern */
ul.menu ul li.hover, ul.menu ul li:hover {
	background-color: #FFF !important;
}

ul.menu ul li.hover a, ul.menu ul li:hover a {
	color: #36C;
}


/* Zweite Ebene */

ul.menu ul {
	top: 40px;
	margin:0;
    padding: 0;
	position: absolute;
    background-color: #c4c4c4;
    border: 5px solid #FFF;
	border-top: 0;
    display: none;
	width: 210px;
	left: -5px;
}

#menuitem4 ul {
	background-color: #61c322;
}

#menuitem5 ul {
	background-color: #fff21e;
}

#menuitem6 ul {
	background-color: #ff4030;
}

html>body ul.menu ul {
	width: 200px;
}
	

ul.menu ul li {
	padding: 3px 0 3px 5px;
}

ul.menu ul li ul {
	left: 210px;
	border-top: 5px solid #FFF;
	top: -5px;
}

html>body ul.menu ul li ul {
	left: 200px;
}

ul.menu ul li ul li {
		background-color: #f0f0f0;
}

ul.menu ul li ul li a {
		color: #1c1c1d !important;
}

ul.menu ul li ul li:hover a {
		color: #36C !important;
}

   /* Zweite Ebene anzeigen */

       ul.menu li.hover ul, ul.menu li:hover ul  {

               display: block;

   }



/* Dritte Ebene */

   ul.menu li.hover ul ul, ul.menu li:hover ul ul {

		display: none;

        }



   /* Dritte Ebene anzeigen */

       ul.menu li.hover ul li.hover ul, ul.menu li:hover ul li:hover ul {

                display: block;

   }





/* Vierte Ebene */

     ul.menu li.hover ul li.hover ul ul, ul.menu li:hover ul li:hover ul ul {

                  display: none;

    }



   /* Vierte Ebene anzeigen */

       ul.menu li.hover ul li.hover ul li.hover ul , ul.menu li:hover ul li:hover ul li:hover ul {

               display: block;

   }
   

ul.menu {

margin-top: 0;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;

}


/*-------------
Bilddarstellung
-------------*/



/*-------------
SEARCH
-------------*/

#container {
    width:110px;
    height:100%;
    margin:0 auto;
	margin-left: 620px;
	margin-top: 5px;
	position:relative;
}

/* IE8 only */
@media \0screen {
  #container { margin-top: 10px; }
}

#main {
    width:110px;
    position:absolute;
    margin:-10px 0 -120px 0;
	z-index: 3;
}

#main fieldset {
    width:110px;
    position:relative;
    display:block;
	border: 0;
}

div.input {
    width:55px;
    padding:3px 10px 3px 10px;
    border-radius:20px;
    border:0px solid #c6d2db;
    border-top:0px solid #b4c1cb;
    
    float:right;
    background:#fff;
}

div.input.focus {
        border:1px solid #9ecbe2;
        box-shadow:0 0 1px #36F, inset 0 1px 2px rgba(0,0,0,0.08);
    }

input#s {
    width:100%;
    border:0;
    border-radius:20px;
    background:transparent;
    height:16px;
    color:#b4bdc4;
    text-shadow:0 1px 1px #fff;
	font-size: 12px;
	color:#999;
}

    input#s {
        outline:none
    }

input#searchSubmit {
    width:15px;
    height:15px;
    text-indent:-9999px;
    overflow:hidden;
    background: url(http://www.bildungszentrum-weissacher-tal.de/fileadmin/design/img/search-icon.png) no-repeat;
    border:0;
    position:absolute;
    top:10px; right:23px;
    z-index:5;
    display:none;
    cursor:pointer;
}

#homelink {
	height: 100px;
	width: 340px;
	float: right;
}

#homelink a {
	display: block;
	width: 100%;
	height: 100%;
}

.align-right {
	text-align: right;
}

.align-center { text-align: center; }
.align-justify { text-align: justify !important; }

/*---------------------------------------
Startseite
---------------------------------------*/

#news-startseite {
	font-size: 11px;
	line-height: 11px;
}

#content-startpage .tx-keyac-pi1 {
width: 250px !important;
}

#content-startpage .tx-keyac-pi1 .cal-teaser .header {
background: none !important;
height: 0 !important;
padding-left: 0 !important;
margin-bottom: 0 !important;
}

#content-startpage .tx-keyac-pi1 .cal-teaser {
border: none !important;	
}

#content-startpage .tx-keyac-pi1 .cal-teaser ul {
border: none !important;
padding: 0 !important;
list-style-type: none !important;	
}

#content-startpage .tx-keyac-pi1 .cal-teaser ul li {
background-color: #f4f4f4;
padding: 3px;
margin-bottom: 5px !important;
}

/*---------------------------------------
AB HIER ALTER INHALT !
---------------------------------------*/
   

.suchfeld {
    font-family: verdana;
    font-size: 10px;
    font-weight: bold;
    color: white;
    height: 15px;
    width: 126px;
    border: 0px; 
    background: transparent;
    margin-bottom: 1px;
    margin-left: 2px;
    
     }

 
 .suchfeld_indexedsearch {
    font-family: verdana;
    font-size: 11px;
    font-weight: bold;
    color: white;
    height: 17px;
    width: 532px;
    border: 1px solid black; 
    background-color: #B4B4B4;
    
     }
  
  .suchfeld_indexedsearch_erweitert {
    font-family: verdana;
    font-size: 11px;
    font-weight: bold;
    color: white;
    height: 17px;
    width: 164px;
    border: 1px solid black; 
    background-color: #B4B4B4;
    margin-top: 2px;
    margin-bottom: 2px;
    
     }
      .suchfeld_indexedsearch_submit {
    font-family: verdana;
    font-size: 11px;
    font-weight: bold;
    color: white;
    height: 17px;
    width: 100px;
    border: 1px solid black; 
    background-color: #36C;
    margin-top: 2px;
    margin-bottom: 2px;
    
     }      

.tx-indexedsearch-whatis {
	color: white;
}

.tx-indexedsearch-browsebox {
	font-family: verdana;
    font-size: 13px;
    color: black;
     } 


.pfad {
font-family: verdana;
    font-size: 10px;
    color: #666666;
     } 

.pfad a {
    color: #666666;
    text-decoration: underline;
    font-style: italic;
     }     


.pfad a:visited {
    color: #666666;
    text-decoration: underline;
    font-style: italic;
     }

.pfad a:hover {
    color: #666666;
    text-decoration: underline;
    font-style: italic;
     }

.pfad a:active {
    color: #666666;
    text-decoration: underline;
    font-style: italic;
     }    


.datum {
font-family: verdana;
    font-size: 10px;
    font-weight: normal;
    color: black;
    } 


.ueberschrift1 {
    font-family: verdana;
    display: block;
    font-size: 13px;
    font-weight: bold;
    color: black;
	padding-bottom: 3px;
	padding-top: 3px;
	border-bottom: 2px solid #c4c4c4;
	border-top: 2px solid #c4c4c4;	
    } 

.ueberschrift2 {
    font-family: verdana;
    display: block;
    font-size: 13px;
    font-weight: bold;
    color: black;
	border-bottom: 2px solid #61c322;
	border-top: 2px solid #61c322;
	padding-bottom: 3px;
	padding-top: 3px;	
    } 
    
.ueberschrift3 {
    font-family: verdana;
    display: block;
    font-size: 13px;
    font-weight: bold;
    color: black;
	border-bottom: 2px solid #fff21e;
	border-top: 2px solid #fff21e;
	padding-top: 3px;
	padding-bottom: 3px;
    } 

.ueberschrift4 {
    font-family: verdana;
    display: block;
    font-size: 13px;
    font-weight: bold;
    color: black;
	border-bottom: 2px solid #ff4030;
	border-top: 2px solid #ff4030;	
	padding-top: 3px;
	padding-bottom: 3px;
    } 
        
.ueberschrift5 {
    font-family: verdana;
    display: block;
    font-size: 13px;
    font-weight: bold;
    color: black;
	padding: 10px;
	background: #f0f0f0;
    } 


.inhalt {
font-family: verdana;
    font-size: 13px;
    color: black;
     } 

.inhalt a {
    color: #36C;
    text-decoration: underline;
     }     


.inhalt a:visited {
    color: #36C;
    text-decoration: underline;
     }

.inhalt a:hover {
    text-decoration: underline;
     }

.inhalt a:active {
    text-decoration: underline;
     }     


.inhalt_klein {
font-family: verdana;
    font-size: 11px;
    color: black;
     } 

.inhalt_klein a {
    color: #36C;
    text-decoration: underline;
     }     


.inhalt_klein a:visited {
    color: #36C;
    text-decoration: underline;
     }

.inhalt_klein a:hover {
    text-decoration: underline;
     }

.inhalt_klein a:active {
    text-decoration: underline;
     } 



.inhalt_klein_fett {
font-family: verdana;
    font-size: 11px;
    color: black;
    font-weight: bold;
     } 

.inhalt_klein_fett a {
    color: #36C;
    text-decoration: underline;
     }     


.inhalt_klein_fett a:visited {
    color: #36C;
    text-decoration: underline;
     }

.inhalt_klein_fett a:hover {
    text-decoration: underline;
     }

.inhalt_klein_fett a:active {
    text-decoration: underline;
     } 



.news_list_titel_latest {
    font-family: verdana;
    font-size: 13px;
    font-weight: normal;
    color: black;
	
}

.news_list_titel_latest a {
    color: #36C;
    text-decoration: underline;
}

.news_list_titel_latest a:visited {
    color: #36C;
    text-decoration: underline;
}

.news_list_titel_latest a:hover {
    text-decoration: underline;
}

.news_list_titel_latest a:active {
    text-decoration: underline;
}


.news_list_titel {
    font-family: verdana;
    display: block;
    font-size: 13px;
    font-weight: bold;
    color: black;
	padding: 10px;
	background: #f0f0f0;
}

.news_list_titel a {
    color: #36C;
    text-decoration: underline;
}

.news_list_titel a:visited {
    color: #36C;
    text-decoration: underline;
}

.news_list_titel a:hover {
    text-decoration: underline;
}

.news_list_titel a:active {
    text-decoration: underline;
}


.news_list_datum {
    font-family: verdana;
    font-size: 11px;
    color: black;
}

.news_list_untertitel {
    font-family: verdana;
    font-size: 13px;
    color: black;
    font-style: italic;
}

.news_list_untertitel a {
    color: #36C;
    text-decoration: underline;
     }     


.news_list_untertitel a:visited {
    color: #36C;
    text-decoration: underline;
     }

.news_list_untertitel a:hover {
    text-decoration: underline;
     }

.news_list_untertitel a:active {
    text-decoration: underline;
     } 

.news_list_autor {
    font-family: verdana;
    font-size: 13px;
    color: black;
    font-style: italic;
}

.news_list_autor a {
    color: #36C;
    text-decoration: underline;
}

.news_list_autor a:visited {
    color: #36C;
    text-decoration: underline;
}

.news_list_autor a:hover {
    text-decoration: underline;
}

.news_list_autor a:active {
    text-decoration: underline;
}

.news_list_bildtext {
    font-family: verdana;
    font-size: 9px;
    color: black;
}

.news_list_bildtext_uebersicht {
font-size: 1px;
color: white;
}


.news_pagebrowser {
font-family: verdana;
    font-size: 11px;
    color: black;
     } 

.news_pageprowser a {
    color: #36C;
    text-decoration: none;
     }     


.news_pagebrowser a:visited {
    color: #36C;
    text-decoration: none;
     }

.news_pagebrowser a:hover {
    text-decoration: underline;
     }

.news_pagebrowser a:active {
    text-decoration: underline;
     }  


.galerie_list_bilder {
	float: left;
}

.galerie_list_bild a img {
	border: 1px solid black;
	margin: 2px;
	
}

.galerie_list_bild a:hover img {
	border: 1px solid #999999;
}




.galerie_single_bild a img {
	border: 1px solid black;
	margin: 0px;
	
}

.galerie_single_bild a:hover img {
	border: 1px solid #999999;
}

.galerie_comment_titel {
	font-family: verdana;
    font-size: 13px;
    font-weight: bold;
    color: black;
    display: block;
    width: 100%;
	background-color: #B4B4B4;
}


.galerie_comment_inhalt {
	font-family: verdana;
    font-size: 13px;
    color: black;
    display: block;
    width: 100%;
	background-color: #EFEFEF;
	border-bottom: 1px solid #FFFFFF;
}


.kalender_submit {
    font-family: verdana;
    font-size: 11px;
    font-weight: bold;
    color: white;
    height: 17 px;
    width: 100px;
    border: 1px solid black; 
    background-color: #36C;
    margin-top: 2px;
    margin-bottom: 2px;
}

.kalender_kategorie {
    font-family: verdana;
    font-size: 11px;
    font-weight: bold;
    color: white;
    height: 17px;
    border: 1px solid black; 
    background-color: #B4B4B4;

}



   

 


</style>
