/* CSS für BIS Bildungsakademie, 30.06.09 */

/* für die korrekte valide XHTML 1.0 W3C Darstellung ist das notwendig */
html, body
{
height: 100%;
}


body	    {
margin: 0px;
font-size: 11px;
line-height: 16px;
font-family: verdana,arial,helvetica,times;
color: #46423C;
}

a			{font-size: 11px; font-family: verdana,arial,helvetica,times;}
a:link		{color: #46423C; text-decoration: underline; font-weight: bold;}
a:visited	{color: #46423C; text-decoration: underline; font-weight: bold;}
a:hover     {color: #FFFFFF; text-decoration: none; background-color: #46423C;}
a:active    {}

.td		{
color: #46423C;
}

b	{
font-weight: bold; 
color: #46423C;
}

h1	{
font-size: 11px;
font-weight: bold; 
color: #2EBBBD;
}

/* FORMATIERUNG DES NEWS-DATUMS AUF NEUES-SEITE */
h2	{
font-size: 11px;
color: #0EB1B3;
font-weight: bold;
}

/* FORMATIERUNG DER NEWS-ÜBERSCHRIFT AUF NEUES SEITE*/
h3	{
font-size: 11px;
color: #46423C;
font-weight: bold;
margin: 0px;
}


/* HAUPTNAVI-Ausrichtung*/
#vertical_slide	{
width: 100%;
height: 69px;
background-image: url(/pictures/basis/hnavi_oben-hg.gif);
background-repeat: repeat-x;
}

#hauptnavi	{
width: 100%;
height: 36px;
background-image: url(/pictures/basis/hnavi_unten-hg.gif);
background-repeat: repeat-x;
vertical-align: top;
}


.formbeschreibung	{
background-color: #D8FF01;
}

.formular	{
background-color: #D8FF01;
width: 288px;
border: 0px;
margin: 0px;
margin-bottom: 16px;
}

.formbutton	{
margin: 0px;
border: 0px;
padding: 0px;
background-color: #FFFFFF;
font-weight: bold;
font-family: verdana,arial,helvetica,times;
text-decoration: underline;
}

/* Befindet sich am Abschluss jeder Seite und definiert den Abstand zum unteren Ende des Broserfensters */
.seitenende	{
height: 40px; clear: both;
}

/*************** HAUPTNAVIGATIONS-BUTTONS ***********************/


a#start, a#ueberuns, a#neues, a#programm, a#materialien, a#qualitaet, a#kontakt, a#impressum, a#start2, a#ueberuns2, a#neues2, a#programm2, a#materialien2, a#qualitaet2, a#kontakt2, a#impressum2	{
background-repeat: no-repeat;
text-align: center;
display: block;
height: 24px;
padding: 0px;
margin: 0px;
margin-right: 22px;
float: left;
/* fixt den IE 5.5+ WIN Bug, das PNG-Dateien transparent werden */
behavior: url(/includes/iepngfix.htc);
}	

a#start	{
	width: 48px;
	background-image: url(/pictures/navi/start_1.png);
}

a#start:hover, a#start:active	{
	width: 48px;
	background-image: url(/pictures/navi/start_2.png);
}

a#start2	{
	width: 48px;
	background-image: url(/pictures/navi/start_2.png);
}


a#ueberuns	{
	width: 72px;
	background-image: url(/pictures/navi/ueberuns_1.png);
}

a#ueberuns:hover, a#ueberuns:active	{
	width: 72px;
	background-image: url(/pictures/navi/ueberuns_2.png);
}

a#ueberuns2	{
	width: 72px;
	background-image: url(/pictures/navi/ueberuns_2.png);
}


a#neues	{
	width: 51px;
	background-image: url(/pictures/navi/neues_1.png);
}

a#neues:hover, a#neues:active	{
	width: 51px;
	background-image: url(/pictures/navi/neues_2.png);
}

a#neues2	{
	width: 51px;
	background-image: url(/pictures/navi/neues_2.png);
}


a#programm	{
	width: 82px;
	background-image: url(/pictures/navi/programm_1.png);
}

a#programm:hover, a#programm:active	{
	width: 82px;
	background-image: url(/pictures/navi/programm_2.png);
}

a#programm2	{
	width: 82px;
	background-image: url(/pictures/navi/programm_2.png);
}


a#materialien	{
	width: 90px;
	background-image: url(/pictures/navi/materialien_1.png);
}

a#materialien:hover, a#materialien:active	{
	width: 90px;
	background-image: url(/pictures/navi/materialien_2.png);
}

a#materialien2	{
	width: 90px;
	background-image: url(/pictures/navi/materialien_2.png);
}


a#qualitaet	{
	width: 63px;
	background-image: url(/pictures/navi/qualitaet_1.png);
}

a#qualitaet:hover, a#qualitaet:active	{
	width: 63px;
	background-image: url(/pictures/navi/qualitaet_2.png);
}

a#qualitaet2	{
	width: 63px;
	background-image: url(/pictures/navi/qualitaet_2.png);
}


a#kontakt	{
	width: 66px;
	background-image: url(/pictures/navi/kontakt_1.png);
}

a#kontakt:hover, a#kontakt:active	{
	width: 66px;
	background-image: url(/pictures/navi/kontakt_2.png);
}

a#kontakt2	{
	width: 66px;
	background-image: url(/pictures/navi/kontakt_2.png);
}


a#impressum	{
	width: 84px;
	background-image: url(/pictures/navi/impressum_1.png);
}

a#impressum:hover, a#impressum:active	{
	width: 84px;
	background-image: url(/pictures/navi/impressum_2.png);
}

a#impressum2	{
	width: 84px;
	background-image: url(/pictures/navi/impressum_2.png);
}




/****** SONSTIGE BUTTONS ************/

/* Mailkontakt-Button */
a#mailkontakt
{
background-repeat: no-repeat;
text-align: center;
display: block;
width: 132px;
height: 82px;
padding: 0px;
margin: 0px;
}	

a#mailkontakt	{
	background-image: url(/pictures/navi/mailkontakt_1.gif);
}

a#mailkontakt:hover, a#mailkontakt:active	{
	background-image: url(/pictures/navi/mailkontakt_2.gif);
}

/* PDF-Button (Programm-Seite) */
a#pdf, a#pdf-sw
{
background-repeat: no-repeat;
text-align: center;
display: block;
width: 44px;
height: 55px;
padding: 0px;
margin: 0px;
}	

a#pdf	{
	background-image: url(/pictures/navi/pdf_1.gif);
}

a#pdf:hover, a#pdf:active	{
	background-image: url(/pictures/navi/pdf_2.gif);
}

a#pdf-sw	{
	background-image: url(/pictures/navi/pdf_1_sw.gif);
}

a#pdf-sw:hover, a#pdf-sw:active	{
	background-image: url(/pictures/navi/pdf_2_sw.gif);
}



/*************** SPEZIAL-AUSZEICHNUNGEN ***********************/


/* dunkelbraune Trenner */
.trenner-288	{
width: 288px;
height: 4px;
background-color: #46423C;
margin-bottom: 12px;
}

.trenner-600	{
width: 600px;
height: 4px;
background-color: #46423C;
}

.trenner-782	{
width: 782px;
height: 4px;
background-color: #46423C;
border-bottom: 12px solid #D8FF01;
float: left;
}

.trenner-912	{
width: 912px;
height: 4px;
background-color: #46423C;
border-top: 31px solid #FFFFFF;
border-bottom: 43px solid #FFFFFF;
margin-left: 26px;
clear: left; 
}

.trenner-938	{
width: 938px;
height: 4px;
background-color: #46423C;
border-bottom: 12px solid #D8FF01;
float: left;
}


/* gepunkteter Trenner */

/* Spezial : für Kurse-Spalte (Admin-Bereich) 288er-Trenner in Kurzsschreibweise*/
.trenner	{
background-image: url(/pictures/basis/punkttrenner_288px.gif);
width: 288px;
height: 1px;
margin-top: 8px;
margin-bottom: 8px;
}

.punkttrenner-132	{
background-image: url(/pictures/basis/punkttrenner_132px.gif);
width: 132x;
height: 1px;
margin-top: 13px;
margin-bottom: 24px;
}

.punkttrenner-288	{
background-image: url(/pictures/basis/punkttrenner_288px.gif);
width: 288px;
height: 1px;
margin-top: 8px;
margin-bottom: 8px;
}

.punkttrenner-288-oben	{
background-image: url(/pictures/basis/punkttrenner_288px.gif);
width: 288px;
height: 1px;
margin-top: 8px;
margin-bottom: 2px;
}

.punkttrenner-288-unten	{
background-image: url(/pictures/basis/punkttrenner_288px.gif);
width: 288px;
height: 1px;
margin-top: 8px;
border-bottom: solid 8px #d8ff01;
}

.punkttrenner-468	{
background-image: url(/pictures/basis/punkttrenner_468px.gif);
width: 468px;
height: 1px;
margin-top: 13px;
margin-bottom: 56px;
}

.punkttrenner-600	{
background-image: url(/pictures/basis/punkttrenner_600px.gif);
width: 600px;
height: 1px;
margin-top: 8px;
margin-bottom: 8px;
}

.punkttrenner-756	{
background-image: url(/pictures/basis/punkttrenner_756px.gif);
width: 756px;
height: 1px;
border-top: 12px solid #D8FF01;
margin-bottom: 39px;
}

.punkttrenner-912	{
background-image: url(/pictures/basis/punkttrenner_912px.gif);
width: 912px;
height: 1px;
border-top: 12px solid #D8FF01;
margin-bottom: 39px;
}


/*************** LINK AUSZEICHNUNGEN ***********************/

.link-seitenanfang	{
	text-align: right; margin-right: 26px;
}

/*************** CONTAINER-CONTENT ***********************/

/* Hauptcontainer: display Block mit 966 Pixel Breite*/
.maincontent	{
display: block; 
width: 966px;
margin-left: 28px;
}

/* STARTSEITE */
.start-c1	{
width: 338px; height: 100%; margin-top: 95px; text-align: left; float: left; vertical-align: top;
}

.start-c2	{
width: 288px; height: 100%; margin-top: 95px; text-align: left; float: left; margin-right: 24px; vertical-align: top;
}

.start-c3	{
width: 288px; height: 100%; margin-top: 95px; text-align: left; float: left; vertical-align: top;
}

/* NEUES */
.text	{
width: 444px;
line-height: 16px;
}

.text-mw	{
width: 117px;
margin-left: 15px;
font-weight: bold;
}


/* ÜBER UNS*/
.ueberuns-c1	{
width: 912px; border-left: 26px solid #D8FF01; background-color: #D8FF01; text-align: left; vertical-align: top;
}

.ueberuns-c1-content	{
width: 600px; text-align: left; vertical-align: top;
}

.ueberuns-c1-teamfotos	{
width: 912px; text-align: left; vertical-align: top;
}

.ueberuns-teamfoto	{
float: left; width:288px; height:288px; margin-top: 9px; margin-right: 24px; margin-bottom: 24px;
}

.ueberuns-teamname	{
float: left; width: 312px; margin-bottom: 39px;
}


/* PROGRAMM */
.programm-c1	{
width: 756px; float: left; background-color: #D8FF01; text-align: left; vertical-align: top; border-left: 26px solid #D8FF01;
}

.programm-c1-content	{
width: 600px; float: left; background-color: #D8FF01; text-align: left; vertical-align: top;
}

.programm-c2-content	{
width: 132px; float: left; background-color: #D8FF01; text-align: left; vertical-align: top; margin-left: 24px;
}

/* MATERIALIEN */
.materialien-c1-downloads	{
width: 44px; margin-left: 582px; float: left;
}

.materialien-c2-downloads {
width: 288px; margin-left: 24px; float: left;
}


/* QUALITÄT */
.aufzaehler	{
	width: 651px; height: 25px; line-height: 25px; text-align: left; padding-left: 5px; background-color: #d8ff01; margin-bottom: 7px;
}

.aufzaehler-zahl	{
	margin-left: 4px; margin-right: 7px; margin-top: 4px; float: left;
}


/* KONTAKT*/
.kontakt-c1-content	{
margin-left: 338px; margin-top: 95px; width: 600px;
}

/* IMPRESSUM */
.impressum-c1-content	{
width: 288px; margin-left: 338px; margin-top: 95px; vertical-align: top; text-align: left;
}