/*

**************************************
Stylehsheet AKB-Muenchen.de
**************************************

Farben:

gelb1
.#FFD96A {
Color: #FFD96A;
}

gelb2
.#FFF4DE {
Color: #FFF4DE;
}
gelb3
.#FFC77A {
Color: #FFC77A;
}

orange hart
.#FF7E16 {
Color: #FF7E16;
}

orange
.#FEA935 {
Color: #FEA935;
}

braun
.#605843 {
Color: #605843;
}

*/


/* Styles normalisieren
***************************************** */

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

h1,h2,h3,h4,h5,h6 {
   font-size:100%;
}

ol, ul {
   list-style: none;
}

address,caption, cite, code, dfn, em, strong, th, var {
   font-style:normal;
   font-weight:normal;
}

table {
   border-collapse: collapse;
   border-spacing: 0;
}

fieldset, img {
   border:0;
}

caption, th {
   text-align: left;
}


/* Allgemeine Styles
***************************************** */



body {
   /* background-color:#FFF7EA; */
}
body,td,th,a {
   font-family: Arial, Helvetica, sans-serif;
   font-size:12px;
   line-height:16px;
}

h1, h1 a {
   font-weight: normal;
   font-size:24px;
   line-height:30px;
   /* color: #FEA936; */
   color: #EE7F00;
   text-decoration:none;
}

h2, h2 a {
   /* color: #FEA936; */
   color: #EE7F00;
   font-size:12px;
   font-weight:bold;
   line-height:18px;
   text-decoration:none;
}

h3, h3 a {
   text-decoration:none;
}

h4, h4 a {
   text-decoration:none;
}

ul {
   list-style: square;
   margin-left:20px;
}
li {
   margin-left:0px;
}
acronym {
   cursor: help;
}
strong {
   font-weight: bold;
}

/* Kopfzeile oberhalb von �berschriften */
.superHead {
   color: #FF7F19;
   font-weight:bold;
}

.trenner {
   clear:both;
   height:4px;
   background-color:#FEA936;
   margin-top:16px;
   margin-bottom:16px;
}

.spacer {
   clear:both;
   height:8px;
}

table td {
   vertical-align: top;
}


/* Links
******************************** */

a {
   color:#14426F;
}

a:hover {
   text-decoration:underline;
}

a.link {
   display: block;
   padding-left:24px;
   text-decoration:none;
   background: url('/_images/arr2_orange-right.gif') 0px 5px no-repeat;
}

a.link:hover {
   text-decoration:underline;
}

a.detail {
   background:url('/_images/icn_linkdetail.gif') center left no-repeat;
   padding-left:24px;
   text-decoration:none;
   color: #EE7F00;
}
a.detail:hover {
   text-decoration:underline;
}


a.back {
   background:url('/_images/icn_linkback.gif') center left no-repeat;
   padding-left:18px;
   margin-left:10px;
   text-decoration:none;
}
a.back:hover {
}

a.linkint {
   display: block;
   background:url('/_images/icn_linkint.gif') top left no-repeat;
   padding-left:18px;
   text-decoration:none;
}
a.linkint:hover {
   text-decoration:underline;
}

a.linkext {
   display: block;
   background:url('/_images/icn_linkext_blau.gif') 0px 2px no-repeat;
   padding-left:18px;
   text-decoration:none;
}
a.linkext:hover {
   text-decoration:underline;
}


a.download {
   display: block;
   background:url('../_images/icn_linkdownload.gif') 0px 10px  no-repeat;
   padding-left:18px;
   padding-top:5px;
   padding-bottom:5px;
   text-decoration:none;
}
a.download:hover {
   text-decoration:underline;
}


a.downloadpdf {
   display:block;
   padding: 2px 0px 2px 20px;
   background:url('/_images/icn_pdfsmall.gif') top left no-repeat;
   text-decoration:none;
}
a.downloadpdf:hover {
   color:#F19731;
   text-decoration:underline;
}

a.print {
   background:url('/_images/icn_print.gif') center left no-repeat;
   text-decoration:none;
}
a.print:hover {
   text-decoration:underline;
}
a.email {
   display:block;
   background:url('/_images/icn_email.gif') 0px 2px no-repeat;
   padding-left:20px;
   text-decoration:none;
   color: #006699;
}
a.email:hover {
   text-decoration:underline;
}




/*
Seiten-Bereiche
**************************************
*/

#head {
   position:relative;
   top:0;
   left:0;
   background-color:#FF9900;
   height:140px;
   margin-bottom:60px;
}

#branding {
   position:relative;
   left:0;
   top:0;
   width:950px;
   height:120px;   
}

#headTitle {
   position:absolute;
   top:40px;
   left: 60px;
   z-index:1;
   text-decoration: none;
   color: #FFFFFF;
   font-size:28px;
   line-height:30px;
}

#headImage {
   position:absolute;
   top:0px;
   left:530px;
}

/* Hauptbereich */
#main {
   position:relative;
   top:0;
   left:0;
   background: url(/_images/main_bg.png) top left repeat-x;
}

/* Hauptbereich */
#content {
   position:relative;
   top:0;
   left:0;
   padding:6px;
   background-color:#FFFFFF;
   vertical-align: top;
}

#contentCanvas {
   padding-left:5px;
   padding-right:15px;
}
/* infobereich */
#info {
   background-color:#FEC77A;
   position:relative;
   top:0;
   left:0;
   padding-bottom:50px;
}

/* Footer */
#footerTop {
   height:150px;
   background-image: url(/_images/grid_muenchen.gif);
   background-repeat: no-repeat;
   background-position: 540px 70px;

}
#footer {
   clear:both;
   border-top: 2px #FFB43F solid;
   padding: 8px 0px 36px 34px;
   color:#8F8474;
}
#footer a,
#footer a.email {
   display:inline;
   color:#8F8474;
   text-decoration:none;
   background:none;
   padding-left:0;
}
#footer a:hover {
   text-decoration:underline;
}


/* linke Spalte (Nav2) */
td.nav2 {
   width:220px;
   vertical-align: top;
}
/* mittlere Spalte */
td.content {
   width:732px;
   background:#FFFFFF;
   vertical-align: top;
}
td.overview {
   width:732px;
   background:#FFFFFF;
   vertical-align: top;
}

/* mittlere Spalte */
td.detail {
   width:480px;
   background-color: #FFFFFF;
   vertical-align: top;
   padding-bottom:160px;
}
/* rechte Spalte (Sidebar, ergaenzender Inhalt) */
td.info {
   width:240px;
   vertical-align: top;
   padding-bottom:80px;
}

/*
Navigation: Top-Navigation (Nav1)
**************************************
*/

div.nav1 {
   margin-top:24px;
   height:26px;
}

a.nav1,
a.nav1Active,
a.nav1Start  {
   display:block;
   width:110px;
   height:22px;
   padding:4px;
   padding-top:10px;
   font-size:16px;
   font-weight:normal;
   text-decoration:none;
   color:#FFFFFF;
   background-color:#C8CDD0;
}

a.nav1:hover,
a.nav1Start:hover {
   background-color: #999999;
   /* color: #2F2A23; */
}

a.nav1Active {
   background-color: #999999;
   /* color:#2F2A23; */
}

a.nav1Start {
   width:120px;
   text-align:left;
}



/*
Navigation: Sub-Navigation (Nav2)
**************************************
*/

/* Nav 2 leicht nach oben versetzen */
div.nav2 {
   width:164px;
   position:relative;
   top:0px;
   left:60px;
   color:#000000;
   padding-top:20px;
   padding-bottom:60px;
   background-color: #FFFFFF;
   margin-bottom:4px;
}

a.nav2,
a.nav2Active {
   color: #000000;
   text-decoration:none;
   display:block;
   padding: 4px 4px 4px 8px;
   margin: 4px 0px 4px 0px;
}
a.nav2:hover {
   color: #000000;
   /* background-color:#FEA935; */
}
a.nav2Active {
   font-weight:bold;
   color: #000000;
   /* background-color:#FFF5DF; */
}

a.nav2Lang,
a.nav2LangEN,
a.nav2LangFR,
a.nav2LangTR,
a.nav2LangActive,
a.nav2LangENActive,
a.nav2LangFRActive,
a.nav2LangTRActive {
   position:relative;
   top:0px;
   left:60px;
   display:block;
   width:140px;
   padding: 4px 4px 8px 8px;
   background-color: #FFFFFF;
   margin-bottom:4px;
   display:block;
   width:88px;
   padding-left: 60px;
   color:#000000;
   text-decoration:none;
}
a.nav2Lang:hover,
a.nav2LangEN:hover,
a.nav2LangFR:hover,
a.nav2LangTR:hover {
   color: #FEA935;
}

a.nav2LangEN,
a.nav2LangENActive {
   background: #FFFFFF url('/_images/flag_en.gif') 0px 5px no-repeat;
}

a.nav2LangFR,
a.nav2LangFRActive {
   background: #FFFFFF url('/_images/flag_fr.gif') 0px 5px no-repeat;
}

a.nav2LangTR,
a.nav2LangTRActive {
   background: #FFFFFF url('/_images/flag_tr.gif') 0px 5px no-repeat;
}


a.nav2LangENActive,
a.nav2LangFRActive,
a.nav2LangTRActive {
   background-color: #FEC77A;
}



/*
Navigation: Sub-Navigation im Inhaltsbereich (Nav3Content)
**************************************
*/

div.nav2Content {
   height:15px;
   margin-top:5px;
   margin-bottom:15px;
   margin-left:10px;
   padding-right:5px;
}

div.nav2Content a {
   text-decoration:none;
}
div.nav2Content a:hover {
   text-decoration:underline;
}

div.nav2Content a.active {
   font-weight:bold;
}

/*
Navigation: Sub-Navigation (Nav3)
**************************************
*/

div.nav3 {
   margin-bottom:14px;
   padding-left:24px;
   padding-right:4px;
}

a.nav3,
a.nav3Active {
   display:block;
   color:#8F8474;
   text-decoration:none;
   padding-bottom:6px;
}
a.nav3:hover {
   text-decoration:none;
   color: #EE7F00;
}

a.nav3Active {
   text-decoration:none;
   color: #EE7F00;
   font-weight:bold;
}




/*
Locator
**************************************
*/

#locator {
   font-size:10px;
   color: #666666;
   width:778px;
   padding:8px 0px 2px 24px;
}
#locator a {
   font-size:10px;
   color: #666666;
   text-decoration:none;
}
#locator a:hover {
   color: #333333;
   text-decoration:underline;
}
#locator span {
   font-weight:bold;
}


/*
Meta-Navigation
**************************************
*/

.metaNav {
   width: 370px;
   height: 20px;
   padding-left:330px;
   padding-right:10px;
   background-color: #FFFFFF;
}
.metaNav a,
.metaNav a.aktiv {
   display: block;
   font-size: 12px;
   line-height:14px;
   font-weight: normal;
   color: #FF7E16;
   text-decoration: none;
   padding: 4px 8px 4px 8px;
}

.metaNav a:hover {
   text-decoration:underline;
}

.metaNavBoxActive {
   font-weight:bold;
}


/*
Multi-Site-Navigation
**************************************
*/
#siteNav {
   height: 34px;
   color: #000000;
   background-color:#D4D0C8;
   border-bottom: 1px solid #FFFFFF;
}
#siteNav a {
   font-size:10px;
   color: #000000;
   text-decoration: none;
}
#siteNav a:hover {
   color: #000000;
   text-decoration: underline;
}
#siteNav img {
   background-color:#FFFFFF;
}







/*
Styles Detailseiten
*********************************
*/

.canvas {

}

.detail {

}

/* Fuer Bild/Text Spaltendarstellung */
.detailImages {
   vertical-align:top;
   width:194px;
   padding-top:40px;
}

.detailImages img {
   margin-bottom:8px;
}

.detailText {
   vertical-align:top;
   padding-top:20px;
   width:280px;
   padding-right:10px;
}

/* Fuer NurText */
.detailCanvas {
   padding:20px;

}

/* Detail-Seite Ueberschrift */
.detail h1 {
   background-color:#FFFFFF;
   padding-top:20px;
   min-height:50px;
   background-repeat: no-repeat;
   padding-left:80px;
}

.detail h2 {
   margin-bottom:40px;
   font-size:24px;
   font-weight:normal;
}


img.detailMainImage {
   background-color:#FFFFFF;
   padding-top:20px;
   margin-bottom:20px;
}

/* Detail-Seite Text */
.detail p {
   margin: 0 16px 16px 0;
}

/* Detail-Seite Text */
.detail ul {
   margin-bottom:16px;
   margin-right:20px;
}



.detailTabInner {
   min-height: 600px;
   padding-top:18px;
   padding-left:12px;
   padding-bottom:48px;
}

.detailTabs h2,
.detailTabs p {
   padding-left:8px;
}

.detailTabs h2 {
   font-size:18px;
   font-weight:normal;
}


/*
Infobereich
*********************************
*/

.info .trenner {
   height:6px;
}

.info h2,
.info h3 {
   font-size:12px;
   font-weight:bold;
   color:#000000;
   margin-top:24px;
   margin-left:12px;
   padding:0;
}

.info p,
.info ul {
   padding-left:12px;
   padding-right:6px;
   padding-bottom:6px;
}

.info a {
   text-decoration:none;
   color:#14426F;
}
.info a:hover {
   text-decoration:underline;
}



.infoBox {
   margin-bottom: 15px;

}
.infoBox h1,
.infoBox h1 a {

}

.infoBox h2,
.infoBox h2 a {
}

.infoBox h2 {
   margin-bottom: 4px;
}

.infoBox p {
}
.infoBox ul {
}
.infoBox a {
}
.infoBox a.detail {
}

ul.navList {
   margin:0;
   padding:0;
   margin-left:10px;
   list-style: none;
}


ul.navList a {
   display:block;
   background: url(/_images/blt_orange.gif) 0px 2px no-repeat;
   padding-left: 20px;
   margin-bottom: 2px;
   color:#000000;
}



/*
Styles Tabellen (Listen)
*******************************
*/
table.list {
   border-top: 1px #FF7F19 solid;
}

table.list th {
   color: #FFFFFF;
   vertical-align: middle;
   text-align: left;
}

table.list td {
   border-bottom: 1px #FF7F19 solid;
   text-align: left;
   vertical-align: top;
   padding-top:8px;
   padding-bottom:8px;
}

ul.linklist {
   margin-left:24px;
}

ul.linklist li {
   display:block;
   margin-bottom:8px;
}

ul.linklist li a.download {
 display: block;
 padding-top:0;
 padding-bottom: 0;
 background-position: 0px 0px;
}

.info ul.linklist {
   margin-left:0;
}


/* News-Seite (Presse, Aktuelles) */

img.news {
   margin:8px;
   margin-top:0;
}




/* Raumliste
******************************************* */

table.raumliste {
}

table.raumliste td {
   text-align: center;
   border-bottom: 1px #FF7F19 solid;
}

table.raumliste tr {
   height:36px;
}

table.raumliste .iconLabel {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 9px;
   color:#000000;
}





/* Fachklassen
*********************************************** */

h3.fachklassen {
   color:#FFFFFF;
   background-color: #C26E17;
   padding:2px;
}

table.fachklassen {
   border-bottom: 1px #FF7F19 solid;
   margin-bottom:20px;
}

table.fachklassen th {
   padding-top: 5px;
   padding-bottom: 5px;
   font-weight: bold;
   border-bottom: 1px #FF7F19 solid;
}

table.fachklassen tr {

}
table.fachklassen td {
   padding-top: 5px;
   padding-bottom: 5px;
   padding-right: 5px;
   vertical-align: top;
   border-bottom: 1px #FF7F19 solid;
}


.contentTop {
   border-left:5px solid #FFFFFF;
   border-right:5px solid #FFFFFF;
   margin-left: 60px;
   width:880px;
   background-color:#999999;
   height:16px;
}



/*
Styles Startseite
*******************************
*/

/* Seitenkennung */
.start {
}

#startImage {
   position:absolute;
   left:68px;
   top:-36px;
   height:152px;
   /*
   padding-left:75px;
   background-color:#FEA935;
   */
   text-align:right;
}

.startIntro {
   color:#FFFFFF;
   background-color: #FF9900;
   padding:10px;
   margin-bottom:20px;
}


.startNews {
   margin-left:4px;
   margin-top:20px;
   margin-bottom:40px;
   background:none;
}

.startNews h2,
.startNews h2 a {
   color:#FF9900;
   font-size: 18px;
   font-weight: normal;
   margin-bottom:4px;
   text-decoration:none;
}

.startNews h3 {
   color:#FF9900;
   color:#FF9900;
}

.startNews h2 a {
   color:#FF9900;
   text-decoration:none;
}


.startTeaserContainer {
   background-color: #FFFFFF;
}

.startTeaserContainer a {
   color:#FFFFFF;
   font-weight: bold;
   display: block;
   width: 170px;
   height: 40px;
   margin-right:4px;
   margin-bottom:4px;
   float:left;
   background-position: left;
   background-repeat: no-repeat;
   padding-top:10px;
   padding-left:60px;
   cursor: pointer;
   text-decoration: none;
}
.startTeaserContainer a:hover {
   text-decoration: underline;
}




/*
Styles Überblick-Seiten
*********************************
*/

.overviewIntro {
   padding:20px;
}

.overviewItem h1,
.overview2 h1 {
   color: #EE7F00;
   padding-top:16px;
   padding-bottom:16px;
}

/* Overview-Seite Level 1 */
.overviewItem h2,
.overviewItem h2 a {
   font-size:24px;
   line-height:28px;
   font-weight:normal;
   color: #EE7F00;
   text-decoration:none;
}
.overviewItem h2 {
   padding-top:8px;
   padding-left:30px;
   padding-bottom:8px;
   margin-bottom: 0;
}

.overviewItem {
   background-color:#FFF5DF;
   padding-left:16px;
   padding-bottom:8px;
   padding-top:8px;
   padding-right:8px;
}
.overviewItem a.link{
   display:block;
   background: url('/_images/arr2_orange-right.gif') 0px 2px no-repeat;
   padding-left:24px;
   text-decoration:none;
   color: #EE7F00;
}
.overviewItem a.link:hover {
   text-decoration:underline;
}

.overviewText {
   min-height:90px;
   background-color:white;
   padding-left:30px;
   padding-top:5px;
   padding-bottom:10px;
}

.overviewItem p.text {
   padding-top:6px;
   padding-bottom:24px;
}

.overviewItem ul {
   list-style:none;
   margin:0;
   padding:0;
   padding-top:12px;
}

.overviewItem ul a.detail {
   font-size:14px;
   line-height:18px;
   display:block;
   padding-left:24px;
   text-decoration:none;
   color:#000000;
}

.overviewItem ul a.detail:hover {
   background: url('/_images/arr2_orange-right.gif') 0px 5px no-repeat;
   padding-left:24px;
   text-decoration:underline;
   color: #EE7F00;
}

.overviewItem ul a.detailSmall {
   background: url('/_images/arr2_grey-right.gif') 0px 5px no-repeat;
   display:block;
   padding-left:24px;
   text-decoration:none;
   color:#000000;
}

.overviewItem ul a.detailSmall:hover {
   background: url('/_images/arr2_orange-right.gif') 0px 5px no-repeat;
   padding-left:24px;
   text-decoration:underline;
   color: #EE7F00;
}

.overviewItem a.detailGroup {
   padding-bottom:10px;

}

/* Spezielle Overview-Styles */
.overviewArchivLink {
   margin-top:120px;
   border-top: #FF7E16 1px solid;
   padding-top:6px;
}


.overviewTeaserContainer {


}

.overviewTeaserContainer a {
   color:#FFFFFF;
   font-weight:bold;
   font-size:12px;
   display: block;
   min-height:50px;
   background-repeat: no-repeat;
   padding-top:4px;
   padding-left:70px;
   padding-bottom:10px;
   text-decoration: none;
   margin-bottom:5px;

}

.overviewTeaserContainer a .berufe {
   font-weight: normal;
}


img.person {
   margin-right:10px;
   margin-bottom:10px;
}


/*
Lehrersuche
*/

#teacherSearchBox {
   width: 350px;
   font-size:18px;
   line-height:20px;
   height:22px;
}

#teacherSearchInfo {
   margin-top: 10px;
   margin-bottom: 20px;
   padding:10px;
   padding-left:30px;   
}

/*
Formular
************************************** */

.errorBox {
	width:430px;
	color:#990000;
	background-color: #FFFFFF;
	border-left: #990000 20px solid;
}
.errorBoxInner {
	padding:16px;
}


.dvMarker {
	float:left;
	width:16px;height:16px;
	/* border: 1px solid #666666;	*/
}
.dvMarker.img {
	padding:2px;
}

form {
	padding:0px;
	margin:0px;
}


.textbox {
	width:215px;
	height:16px;
	padding:2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #000000;
	background-color: #FFFFFF;
	border: 1px solid #666666;
}
.textboxErr {
	width:215px;
	height:16px;
	padding:2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #000000;
	background-color:#FFFFFF;
	border: 1px solid #990000;
}

.selectbox {
	width: 217px;
	height:20px;
	padding:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #000000;
	border: 1px solid #666666;

}

textarea {
	width:215px;
	height:100px;
	padding:2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #000000;
	background-color: #FFFFFF;
	border: 1px solid #666666;
}


.marked {
	background-color: #FFD4D4;
}

input.button {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	width:200px;
	height:30px;
}