@import url("form.css");
@import url("text.css");





.OnlySchueler {
 display: none;
}



body {
    background: #569a00 url(../img/bg.jpg) top left repeat-x;
    margin: 0; 
    padding: 0;
 color: #333; 
 font-size: 12px;
 font-family: Verdana,Arial,Helvetica,sans-serif;
  }


/** IE6 **/
*html body {
    background: #569a00 url(../img/ie6-bg-grafik-oben.jpg) center -18px no-repeat;
  }
/** *** **/


  
* {
	padding:0;
	margin:0;
	border:0;
}	



/*************** ICONS ************************/

.IconZertifikat,
.IconTermin,
.IconNewsletter,
.IconMail,
.IconInfo {
 width: 31px;
 height: 33px;
 display: block;
 background: url(../img/icons-weiss.jpg) no-repeat 0px 0px;
 float: left;
}

.IconZertifikat { background-position: -1356px top; } 
.IconTermin { background-position: -335px top; } 
.IconNewsletter { background-position: -929px top; } 
.IconInfo { background-position: -421px top; } 
.IconMail { background-position: -887px top; } 




.tx-fontsizer-pi1 {
 width: 41px;
 height: 47px;
 display: block;
 float: left;
}


.IconLesezeichen,
.IconStartseite,
.IconDrucken,
.IconSchriftNormal,
.IconSchriftGross {
 width: 41px;
 height: 47px;
 display: block;
 background: url(../img/icons-gruen.jpg) no-repeat 0px 0px;
 float: left;
}

.IconStartseite { background-position: -56px top; width:31px; } 
.IconStartseite:hover { background-position: -56px -51px; }

.IconLesezeichen { background-position: -101px top; } 
.IconLesezeichen:hover { background-position: -101px -51px; }

.IconSchriftGross { background-position: -783px top; } 
.IconSchriftGross:hover { background-position: -783px -51px; }

.IconSchriftNormal { background: url(../img/icon-schrift.jpg) 0px top; } 
.IconSchriftNormal:hover { background: url(../img/icon-schrift.jpg) 0px -51px; }

.IconDrucken { background-position: -206px top; } 
.IconDrucken:hover { background-position: -206px -51px; }




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









/***************************************/
#Alles {
 margin: 0 auto;
 width: 980px;
 min-height: 1610px;
}


#BgGrafikOben {
 width: 100%;
 height: 477px;
 background: url(../img/bg-grafik-oben.jpg) center -18px no-repeat;
 position: absolute;
 top: 0px;
 left: 0px;
 z-index: -1;
}

/** IE6 **/
*html #BgGrafikOben {
 width: 980px;
 height: 477px;
 position: absolute;
 top: 0px;
 left: 0px;
 bottom: 0;
 z-index: 1;
}

/** *** **/

#BgGrafikUnten {
 width: 100%;
 height: auto;
 background: url(../img/bg-grafik-unten.jpg) bottom center no-repeat;
 float: left;
}

/** IE6 **/
*html #BgGrafikUnten {
 margin: 0px;
 padding-left: 14px;
}
/** *** **/


/***************************************/
.BoxMitteS,
.BoxUntenS,
.BoxOben,
.BoxMitte,
.BoxUnten {
 width: 980px;
 height: 22px;
 background: url(../img/box-oben.png) top left no-repeat;
 float: left;
 clear: both;
}

.BoxMitteS,
.BoxMitte {
 height: auto;
 min-height: 20px;
 background: url(../img/box-mitte.png) top left repeat-y;
 padding: 10px 30px;
}

.BoxUntenS,
.BoxUnten {
 background: url(../img/box-unten.png) top left no-repeat;
}



/** IE6 **/
*html .BoxMitteS,
*html .BoxUntenS,
*html .BoxOben,
*html .BoxMitte,
*html .BoxUnten {
 background: url(../img/ie6-box-oben.gif) top left no-repeat;
}
*html .BoxMitteS,
*html .BoxMitte {
 background: url(../img/ie6-box-mitte.gif) top left repeat-y;
}
*html .BoxUntenS,
*html .BoxUnten {
 background: url(../img/ie6-box-unten.gif) top left no-repeat;
}
/** *** **/


.Trenner {
 margin: 0 10px 0 0px;
 width: 1px;
 height: 217px;
 background: url(../img/trenner.jpg) left top no-repeat;
 float: left;
}







/***************************************/
#Header {
 width: 980px;
 height: 216px;/*185px*/
 margin: 6px 0 0 0;/*35px*/
 float: left;
 clear: both;
}

#Logo {
 margin: 24px 0 0 10px;
 float: left;
 clear: both;
}

#HeaderLinks {
 margin: 0px 8px 0 0;
 float: right;
}







/***************************************/
#Navi {
 width: 980px;
 height: 55px;
 padding: 0 14px 0 14px;
 float: left;
 clear: both;
}

#NaviLink1,
#NaviLink2 {
 border-right: 1px solid #78ad79;
}
#NaviLink3,
#NaviLink2 {
 border-left: 1px solid #78ad79;
}







/***************************************/
.Menu {
 width: 180px;
 margin: 20px 20px 20px 0;
 list-style-type: none;
 float: left;
 clear: both;
}


.Submenu {
 width: 182px;
 padding: 0;
 margin: 0;
 list-style-type: none;
 /*background: #e1f7d1 url(../img/menu-sub.jpg) bottom left repeat-x;*/
 float: left;
 clear: both;
}



.Menu li a {
 width: 170px;
 padding: 6px 0 8px 12px;
 min-height: 18px;
 margin: 0;
 border-top: 1px solid #A6D48B;
 background: url(../img/menu-bg.jpg) 0px 0px repeat-x;
 line-height: 17px;/*35px;*/
 color: #fff;
 font-size: 12px;
 display: block;
 float: left;
 clear: both;
}
.Menu li a:hover {
 background: url(../img/menu-bg.jpg) 0px -70px repeat-x;
 text-decoration: none;
}
.Menu li a.Aktiv {
 background: url(../img/menu-bg.jpg) 0px -140px repeat-x;
}


.Submenu li {
 line-height: 17px;
 padding: 0;
 height: 17px;
}
.Submenu li a {
 background: url(../img/menu-sub.jpg) 0px -40px repeat-x;
 line-height: 17px;
 height: auto;
 width: 168px;
 border-top: 1px solid #4bad24;
 padding: 5px 2px 5px 12px;
 color: #005d00; 
 font-size: 12px;
 display: inline;
 float: left;
 clear: both;
}
.Submenu li a.Aktiv {
 background: #a0cf81;
 text-decoration: none;
}
.Submenu li a:hover {
 background: #daecce;
}



/** IE6 **/
*html .Submenu {
 width: 170px;
 margin: 0 !important;
 overflow-x: hidden;
}
*html .Submenu li {
 height: auto;
}
*html .Submenu li a {
 width: 170px;
 margin: 0 !important;
}
/** *** **/

/** IE7 **/
*+html .Submenu {
 width: 182px;
 margin: 0 !important;
 overflow-x: hidden;
}
*+html .Submenu li {
 height: auto;
}
*+html .Submenu li a {
 width: 170px;
 margin: 0 !important;
}
/** *** **/





/***************************************/
#Content {
 width: 980px;
 float: left;
 clear: both;
}

#Content .BoxMitteS { 
 min-height: 300px;
 padding: 0px 14px;
}

#Content .BoxMitte { 
 min-height: 400px;
 padding: 0px 14px !important;
}




.ContentLinks { 
 background: url(../img/box-mitte.png) top right repeat-y;
 padding: 0 14px 0 0;
 width: 726px;
 float: left;
 clear: both;
}


.ContentCover { 
 height: 400px;
 overflow: hidden;
}

.ContentPfad { 
 height: 40px;
 background: url(../img/pfad.jpg) top left repeat-x;
}
.PfadLinks { 
 float: left;
}
.PfadRechts { 
 width: 526px;
 float: right;
}

.ContentCover,
.ContentPfad,
.ContentInhalt { 
 width: 726px;
 float: left;
 clear: both;
}
.ContentInhalt { 
 min-height: 600px;
}

.ContentRechts { 
 width: 212px;
 overflow-x: hidden;
 float: left;
}
.ContentRechts .InfospalteInnen {
 margin: 3px 0 0 32px;
}

.ContentUnten { 
 width: 30px;
 height: 12px;
 margin: 0 0 0 724px;
 background: url(../img/box-unten.png) top right no-repeat;
 float: left;
 clear: both;
}




/** IE6 **/
*html .ContentLinks { 
 background: none;
}


*html .Menu {
 width: 180px;
 margin: 20px 10px 20px 0;
}
  

*html .ContentUnten { 
 display: none;
}
/** *** **/


.InhaltText { 
 width: 526px;
 min-height: 940px;
 margin: 20px 0 30px 0;
 float: left;
}















/***************************************/
#Partner .PartnerBilder {
 margin: 10px 0 4px 0;
 float: left;
}
#Partner .csc-textpic-text {
 width: 340px;
 margin: 10px 0 4px 0;
 float: left;
}
#Partner .csc-textpic-text h1 {
 font-size: 18px;
 padding: 4px 0 3px 0;
}
#Partner .csc-textpic-imagewrap {
 width: 140px !important;
 padding: 3px !important;
 margin: 0 20px 0px 0;
}
#Partner .csc-textpic-imagewrap img {
 border: 1px solid #aaa;
 padding: 3px !important;
}
#Partner .csc-textpic-imagewrap div {
 width: 140px !important;
}









/***************************************/
.NewsListContainer {
 width: 526px;
 margin: 10px 0 10px 0;
 float: left;
 clear: both;
}
.NewsListDate {
 width: 85px;
 float: left;
}
.NewsListText {
 width: 300px;
 padding: 3px 1px 0 0;
 float: left;
}

.NewsListBild {
 width: 140px;
 padding: 17px 0 0 0;
 float: left;
}
.NewsListBild img {
 border: 1px solid #aaa;
 padding: 3px;
}

.RechteNewsContainer {
 width: 170px;
 margin: 0 20px 20px 0;
 float: left;
 clear: both;
}
.RechteNews {
 width: 170px;
 margin: 0 0 10px 0;
 float: left;
 clear: both;
}
.RechteNews p {
 margin: 0 !important;
 padding: 0 !important;
}

















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

#Startbox {
 width: 980px;
 float: left;
 clear: both;
}

#StartbildLinks,
#StartbildMitte,
#StartbildRechts {
 width: 316px;
 height: 316px;
 overflow: hidden;
 float: left;
}
#StartbildLinks,
#StartbildMitte {
 border-right: 1px solid #78ad79;
}
#StartbildRechts,
#StartbildMitte {
 border-left: 1px solid #78ad79;
}


.DreiSpalten {
 width: 301px;
 min-height: 190px;
 margin: 26px 0 0 0px;
 padding: 0 0 0 16px;
 float: left;
}


#StartSpalte2,
#StartSpalte3 {
 background: url(../img/trenner.jpg) 0px -30px no-repeat;
}


.VierSpalten {
 width: 230px;
 float: left;
}
.VierSpaltenInnen {
 margin: 3px 0 0 30px;
}


/** IE6 **/


*html .DreiSpalten {
 width: 316px;
}

*html #StartbildRechts {
 width: 320px;
}
*html #StartbildRechts img {
 width: 320px;
}
*html .VierSpalten {
 width: 220px;
}
/** *** **/








#Break {
 clear: both;
}


#SponsorText,
#Sponsor1,
#Sponsor2 {
 width: 158px;
 height: 61px;
 background: url(../img/sponsoren.jpg) -5px -167px no-repeat;
 float: left;
 clear: both;
}
#Sponsor2 {
 height: 91px;
 background-position: -5px -233px;
}
#Sponsor1:hover {
 background-position: -5px -5px;
}
#Sponsor2:hover {
 background-position: -5px -71px;
}
#SponsorText {
 height: 59px;
 background-position: -4px -324px;
}






/***************************************/
#Socials {
 width: 980px;
 float: left;
 clear: both;
}
#Socials .BoxMitte {
 padding: 0px 20px 5px 35px;
}

/** IE6 **/

/** *** **/







/***************************************/
#Footer {
 width: 980px;
 margin: 0 0 200px 0;
 float: left;
 clear: both;
}
#FooterCopy {
 margin: 0 0 0 30px;
 float: left;
 clear: both;
}
#FooterLinks {
 margin: 0 30px 0 0;
 float: right;
}










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

.AufklappBox {
 margin-bottom: -15px !important;
}

.AufklappBox .csc-textpic-imagewrap {
 margin-top: 16px !important;
}

.AufklappBox .csc-textpic-single-image {
 margin-top: 16px;
}
.AufklappBoxInhalt {
 height: 150px;
 overflow: hidden;
}
.AufklappBoxLinkZu,
.AufklappBoxLinkAuf {
 background: url(../img/aufklappbox-bg.png) left top repeat-x;
 display: block;
 width: 526px;
 height: 20px;
 padding-top:20px !important;
 cursor: pointer;
 position: relative;
 top: -40px;
}
.AufklappBoxLinkZu {
 display: none;
 padding-bottom: 15px !important;
 top: 0px;
}

/** IE6 **/
*html .AufklappBoxLinkZu,
*html .AufklappBoxLinkAuf {
 background: url(../img/aufklappbox-bg.jpg) left top repeat-x;
 height: 40px;
}
/** *** **/







#Popup {
 position:absolute; 
 top:272px; 
 margin-left:-4px; 
 width:960px; 
 height:200px; 
 overflow:hidden; 
 z-index:5;
}

#PopupClose {
 position:relative; 
 top:-200px; 
 left:920px; 
 width:40px; 
 height:40px; 
 display:block; 
 z-index:10; 
 background: url(fileadmin/fav-dateien/banner-ausbildungsnavi-2011.png) right top no-repeat;
}

#PopupNavi {
 position:relative; 
 top:-130px; 
 left:420px; 
 width:290px; 
 height:40px; 
 display:block; 
 z-index:12; 
 background: url(fileadmin/fav-dateien/banner-ausbildungsnavi-2011.png) -130px -420px no-repeat;
}

*html #Popup {
 margin-left: -956px;
}

*+html #Popup {
 margin-left: -956px;
}



/********* WEIHNACHTEN ********/

#WPopup {
 position:absolute; 
 top:272px; 
 margin-left:-4px; 
 width:960px; 
 height:330px; 
 overflow:hidden; 
 z-index:5;
}

#WPopupClose {
 position:relative; 
 top:-330px; 
 left:920px; 
 width:40px; 
 height:40px; 
 display:block; 
 z-index:10; 
 background: url(fileadmin/fav-dateien/banner-weihnachtsgruss-2010.png) right top no-repeat;
}

#WPopupNavi {
 display: none;
 position:relative; 
 top:-130px; 
 left:420px; 
 width:290px; 
 height:40px; 
 display:block; 
 z-index:12; 
 background: url(fileadmin/fav-dateien/banner-ausbildungsnavi-2011.png) -130px -420px no-repeat;
}

*html #WPopup {
 margin-left: -956px;
}

*+html #WPopup {
 margin-left: -956px;
}





/********* PLAKAT A1-Format ********/

#APopup {
 position:absolute; 
 top:160px; 
 margin-left:250px; 
 width:460px; 
 height:650px; 
 overflow:hidden; 
 z-index:5;
}

#APopupClose {
 position:relative; 
 top:-650px; 
 left:420px; 
 width:40px; 
 height:40px; 
 display:block; 
 z-index:10; 
 background: url(fileadmin/fav-dateien/popup-5vor12-2012.png) right top no-repeat;
}

*html #APopup {
 margin-left: -206px;
}

*+html #APopup {
 margin-left: -206px;
}




/* Editiert: 29.04.11 */

#Suche {
 background: url(../img/suche.jpg) top left no-repeat !important;
 width: 144px !important;
 height: 23px !important;
 margin: 0 16px 0 0 !important;
 padding: 0 !important;
 float: right;
 clear: both;
}

#Suche #SuchFeld {
 background: transparent !important;
 border: 0 !important;
 height: 16px !important;
 width: 110px !important;
 padding: 0px 0px 2px 6px !important;
 margin: 0 !important;
 line-height: 16px !important;
 font-size: 11px !important;
 color: #427300 !important; 
}

#Suche #SuchButton {
 background: transparent !important;
 border: 0 !important;
 height: 23px !important;
 width: 23px !important;
 padding: 2px !important;
 margin: 0 !important;
 line-height: 19px !important;
 cursor: pointer;
}



#Lehrstellenbutton {
 width: 211px !important;
 height: 68px !important;
 margin: 78px 67px 0 0 !important;
 padding: 0 !important;
 float: right;
 clear: both;
}

#Lehrstellenbutton a {
 width: 211px !important;
 height: 68px !important;
 margin: 0 !important;
 padding: 0 !important;
 background: url(../img/lehrstellenbutton.png) 0 0 no-repeat;
 text-decoration: none !important;
 display: block;
}





#HeaderNeuLinks {
 float: left;
}

#HeaderNeuRechts {
 width: 298px;
 background: url(../img/headerneu.png) right bottom no-repeat;
 float: right;
}




/* IE6: Editiert: 29.04.11 */

*html #Suche {
 height: 23px !important;
 margin: 0 16px 0 0 !important;
 padding: 0 !important;
}

*html #Suche #SuchFeld {
 height: 22px !important;
 padding: 0 0 0 6px !important;
 margin: 0 !important;
 line-height: 22px !important;
}

*html #Lehrstellenbutton {
 margin: 78px 37px 0 30px !important;
 padding: 0 !important;
}

*html #Lehrstellenbutton a {
 margin: 0 !important;
 padding: 0 !important;
 background: url(../img/lehrstellenbutton.gif) 0 0 no-repeat;
}


*html #HeaderNeuRechts {
 background: url(../img/headerneu.gif) right bottom no-repeat;
}