frame/* Main.css */
/* hier befinden sich alle CSS, die für alle Webauftritte der MB-Webs, gleich sind */

html 
{
height: 100%;
}

BODY
{
	font-size: 95%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	background-image: url(images/BackgroundMarginalspalte.gif);
	background-repeat: repeat-y;

}
.Admin   /* InfoKom: Wird für die Bearbeitungsleiste benötigt */
{
    COLOR: #000000;
    BACKGROUND-COLOR: #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.8em;
    text-align: center;
    padding-bottom: 5px;
}




/*.iFrameBody{
	font-family:helvetica,arial,sans serif;
	font-size:100%;
	text-align:center;
	background: #ffff;
	margin:0;
	padding:0;
}*/
#overall {
	align:center;
	position:relative;
	width:62em;
	margin:5px auto 5px auto;
}
 
.iFrame{
	width:788px; 
	height:830px;
}
 
.pageTopContent,.pageContentBox,.pageBottomContent{
	width:100%;
	margin:0;
}
.pageTopContent{
	margin:0 0 0.15em 0em;
}
 
.pageLeftContent{
	float:left;
	text-align:left;
	width:15em;
	margin:0;
}
.pageRightContent{
	float:right;
	text-align:right;
	width:11.5em;
	margin:0;
}
.pageMainHeader{
	font-weight:bold;
	color:blue;
}
.pageMainContent{
	float:left;
	width:35em;
	margin:0 0 0.5em 0;
}
 
.pageBottomContent{
	margin:0.5em 0 0 0;
	border-top:1px solid #ccc;
}



.Admin A.Admin:visited
{
    COLOR: #000000
}

OBJECT
{
	background-color: ffffff;
}

.rechts	/* Positionierung auf der rechten Seite */
{
	float: right;
	padding-left: 0px; /* für Mozilla*/
	margin-left: 10px; /* für IE*/
	border-left: solid 10px #ffffff;

}
.rechts p, br
{
	padding-left: 100px;
	padding-right: 10px;
	border: solid 0px red;
}

.links	/* Positionierung auf der linken Seite */
{
	float: left;
	padding-right: 0px;
	border-right: solid 10px #ffffff;
}


.keinFluss, .keinfluss, .KeinFluss	/* Aufhebung der rechten und linken Positionierung */
{
	clear: both;
}

/* Die Rahmen werden als Layout-Rahmen verwendet
für jeden Bereich entsteht ein eigener Rahmen */

#Gesamtrahmen /* umfast eine Gesamtgröße von 994px für die Auflösung 1024, Abstand links und
				rechts siehe Body-Tag*/
{
	width: 1002px;
	/*height: 100%;*/
	font-family: Verdana;
}

/* Häck */
* html div#Gesamtrahmen {	/*  feste Angabe für IE, MiniSitemap wiederholt sonst den letzten Eintrag in einer weiteren Zeile? */
	height: 100%;
	margin-bottom: -22px;
}

#Logo
{
	width: 1002px;
	clear: left;
	text-align: right;
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
}


/* Schriftzug unterhalb des Verlaufes */
.kompetenz1
{	
	font-weight: bold;
	font-size: 1.2em;
	text-indent: 10px;
	color: #ffffff;
}
.kompetenz2
{
	font-size: 0.9em;
	padding-left: 1.0em;
}

/* APP-Erweiterung*/
.rahmenMenue
{
	float: left;
	background-color: #ffffff;
	height: 100%;
	width: 180px;
	margin: 10px 0px 10px 0px; /* oben rechts unten links*/
}
/**/

/* Contentbereich - allgemeingülige CSS */
.RahmenContent
{
	float: left;
	background-color: #ffffff;
	height: auto;
	width: 610px;/* oben rechts unten links*/
	font-size: 0.8em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-bottom: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-top: 10px;
}

.RahmenContent p, br /* der Abstand muss auf 0 gesetzt werden, da er im Rahmen definiert ist*/
{
	padding-left: 15px;
	padding-right: 15px;
}

.RahmenContent H2
{
	font-size: 1.05em;
}

.RahmenKanal
{
	height: auto;
	width: 1002px;
	margin: 0px;
	padding: 0px;
	clear: left;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFF;
}


/* innerhalb der umrandeten Darstellung muss für p und br der linke Abstand auf Null gesetzt werden, 
weil der Abstand schon in der Klasse linien angegeben ist */

.linien p, br
{
padding-left: 0px;
}

/* nachträglich mußte für den mittleren Teil der WebSite (Überschrift, Kanalbild
und Content) ein unsichtbarer Rahmen erstellt werden*/
.RahmenMitte
{
	margin: 0px; /* oben rechts unten links*/
	float: left;
	width: 584px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

hr 
{ 
	color: #000000;
	width: 96%;
	border-bottom-style: groove
}


/* Aussehen der Tabelle im Content-Bereich (=.RahmenContent)*/
.RahmenContent table
{
	/*font-size: 0.8em;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-left: 0px;
	padding-right: 0px;
	color: #333333;
}

.RahmenContent td
{
	font-size: 0.8em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-left: 10px;
	padding-right: 10px;

}


.RahmenContent td p, br /* im td muss links der Wert auf 0 gesetzt werden*/
{
	padding-left: 0px;
}


/* Die Bilder bekommen einen Abstand von 1 px, und werden linksbündig dargestellt*/
.RahmenContent img
{
	margin: 1px; /* oben rechts unten links*/
}

.ContentText /* ?? */
{
	font-size: 0.8em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
acronym
{
	cursor: help;
	border-bottom: dashed 1px #003399;
}

/* Pfad Verlinkungen - Hauptlinkfarbe ist in den verschiedenen navi.css*/
#Gesamtrahmen #Pfad a:link {
	text-decoration: none;
}
#Gesamtrahmen #Pfad a:visited {
	text-decoration: none;
}
#Gesamtrahmen #Pfad a:hover {
	text-decoration: underline;
}
#Gesamtrahmen #Pfad a:active {
	text-decoration: underline;
}

#Gesamtrahmen #Pfad p {
	margin: 0px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}

#Gesamtrahmen .RahmenPromoRechts .PromoContainer .Spacing {
	display: block;
	margin: 0px;
	padding-right: 8px;
	padding-left: 8px;
}

#Gesamtrahmen .RahmenMitte .ueberschrift h1 /*  app-erweiterung */
{
	font-weight: bold;
	color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	padding-left: 15px;
	padding-top: 7px;
	display: block;
	margin: 0px;
	padding-right: 15px;
	padding-bottom: 6px;
}
/* Navigation */
.NaviEbene1 {
	margin: 0px;
	font-weight: bold;
	text-decoration: none;
	font-size: 80%;
	color: #FFF;
	width: 210px;
	display: block;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	line-height: 1.5em;
}
a.NaviEbene1:link {
	background-color: #4d4d4d;
	background-image: url(images/PfeilEbene1-1.gif);
	background-repeat: no-repeat;
	background-position: 9px 12px;
} 
a.NaviEbene1:active {
	color: #ffffff;
	background-image: url(images/PfeilEbene1-2.gif);
	background-repeat: no-repeat;
} 
a.NaviEbene1:visited {
	color: #4D4D4D;
	background-image: url(images/PfeilEbene1-1.gif);
	background-repeat: no-repeat;
	background-position: 9px 12px;
	color: #FFF;
} 
a.NaviEbene1:hover {
	background-color: #737373;
	background-image: url(images/PfeilEbene1-2.gif);
	background-repeat: no-repeat;
}
.NaviEbeneAktiv1 {
	margin: 0px;
	font-weight: bold;
	text-decoration: none;
	font-size: 80%;
	color: #FFF;
	width:210px;
	display: block;
	background-color: #737373;
	background-image: url(images/PfeilEbene1-3.gif);
	background-repeat: no-repeat;
	background-position: 9px 12px;
	/*	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #737373;*/
	padding-left: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
}

.NaviEbene2 {
	margin: 0px;
	font-size: 0.8em;
	text-decoration: none;
	font-weight: bold;
	width:210px;
	color:#333;
	display: block;
	background-color: #e3e3e3;
	background-image: url(images/PfeilEbene2-1.gif);
	background-repeat: no-repeat;
	background-position: 13px 10px;
	padding-left: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
}

.NaviEbene3 {
	font-size: 0.78em;
	text-decoration: none;
	font-weight: bold;
	padding-left: 0px;
	margin: 0px;
	display: block;
	background-color: #ffffff;
	color:#333;
	width:210px;
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 3px;
}

.NaviEbene4 {
	font-size: 0.7em;
	text-decoration: none;
	padding-left: 0px;
	margin: 0px;
	display: block;
	color:#333;
	width:210px;
	background-color: #ffffff;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 3px;
}

.NaviEbene5 {
	font-size: 0.7em;
	text-decoration: none;
	padding-left: 0px;
	margin: 0px;
	display: block;
	color:#333;
	width:210px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 3px;
}

#Gesamtrahmen #FachTitel .Ebene1 li ul li ul li {
	line-height: 0.9em;
}
#Gesamtrahmen #FachTitel .Ebene1 li ul li ul li ul li {
	line-height: 0.8em;
}


.Menu1 {
	margin: 0px 5px 0px 24px;
	padding: 0px;
	display: block;
	line-height: 1.5em;
}
.Menu2 {
	padding: 0px;
	display: block;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 27px;
	line-height: 1.5em;
}
.Menu3 {
	margin: 0px 5px 0px 27px;
	padding: 0px;
	display: block;
	line-height: 1.2em;
}
.Menu4 {
	margin: 0px 5px 0px 40px;
	padding: 0px;
	display: block;
	line-height: 1.1em;
}
.Menu5 {
	margin: 0px 5px 0px 40px;
	padding: 0px;
	display: block;
	line-height: 1.1em;
}


/*Fusszeile */

.rahmenfuss /* ??*/
{
	float: left;
	margin: 0px 0px 0px 0px;
	position: relative;
	background-color: #ffffff;
}

.Fusszeile
{
	width: 1002px;
	margin: 0px;
	padding: 0px;
	clear: both;
}

.Fusstext
{
	font-family: Verdana;
	font-size: 0.7em;
	float: left;
	margin: 0px;
	width: 1004px;
	background-color: #FFFFFF;
	text-align: center;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
}
/* MiniSiteMap */

.RahmenMiniSiteMap
{
	width: 1002px;
	margin: 0px;
	background-color: #ececec;
	padding-right: 0px;
	padding-left: 0px;
	font-size: 1.0em;
}


.Portal {
	width: 195px;
	float: left;
	display: block;
	margin-left: 5px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	line-height: 1.2em;
	/*position: relative;
	left: 15px;*/
	border: solid 0px red;
	font-size: 1.1em;
}

.Seiten {
	display: block;
	float: left;
	width: 770px;
	line-height: 1.4em;
	left: 15px;
	margin-left: 5px;
	border: solid 0px blue;
}

#Gesamtrahmen #Quicklinks .Portal a {
	color: #3c3c3c;
}
a.Portal:link {
	color: #3c3c3c;
	
}
a.Portal:visited {
	color: #3c3c3c;
	
}
#Gesamtrahmen #Quicklinks .Seiten .BGBibliothek_und_Schule {
	color: #FF9900;
	font-size: 0.7em;
}
a.BGBibliothek_und_Schule:link{
	color: #FF9900;
	font-size: 0.7em;
}
a.BGBibliothek_und_Schule:visited{
	color: #FF9900;
	font-size: 0.7em;
}
#Gesamtrahmen #Quicklinks .Seiten .BGMedienzentrum_und_Schule {
	color: #3399FF;
	font-size: 0.7em;
}
a.BGMedienzentrum_und_Schule:link {
	color: #3399FF;
	font-size: 0.7em;
}
a.BGMedienzentrum_und_Schule:visited {
	color: #3399FF;
	font-size: 0.7em;
}
#Gesamtrahmen #Quicklinks .Seiten .BGMuseum_und_Schule {
	color: #990000;
	font-size: 0.7em;
}
a.BGMuseum_und_Schule:link {
	color: #990000;
	font-size: 0.7em;
}
a.BGMuseum_und_Schule:visited {
	color: #990000;
	font-size: 0.7em;
}
#Gesamtrahmen #Quicklinks .Seiten .BGVHS_und_Schule {
	color: #008232;
	font-size: 0.7em;
}
a.BGVHS_und_Schule:link {
	color: #008232;
	font-size: 0.7em;
}
a.BGVHS_und_Schule:visited {
	color: #008232;
	font-size: 0.7em;
}

#Gesamtrahmen #Quicklinks .Seiten .BGMusikschule_und_Schule {
	color: #E50083;
	font-size: 0.7em;
}
a.BGVHS_und_Schule:link {
	color: #E50083;
	font-size: 0.7em;
}
a.BGVHS_und_Schule:visited {
	color: #E50083;
	font-size: 0.7em;
}

#Gesamtrahmen #Quicklinks .Seiten .BGArchiv_und_Schule {
	color: #663399;
	font-size: 0.7em;
}
a.BGArchiv_und_Schule:link {
	color: #663399;
	font-size: 0.7em;
}
a.BGArchiv_und_Schule:visited {
	color: #663399;
	font-size: 0.7em;
}
#Gesamtrahmen #Quicklinks .Seiten a {
	color: #3c3c3c;
	font-size: 0.7em;
}

.Seiten a:visited {
	color: #3c3c3c;
	font-size: 0.7em;
}

/* Promo links Marginalspalte */
.PromoLinks ul
{
	list-style-type:none;
	padding: 0px;
	font-size: 0.78em;
	font-weight: bold;
	margin-top: 6px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;}

.PfeilMZ
{	background-image: url(images/PfeilMedienzentren.gif);
	background-repeat: no-repeat;
	display: block;
	padding-left: 12px;
	margin-left: 10px;
	background-position: left 7px;
}

.PfeilArchiv
{	background-image: url(images/PfeilArchive.gif);
	background-repeat: no-repeat;
	display: block;
	padding-left: 12px;
	margin-left: 10px;
	background-position: left 7px;
}

.PfeilVHS
{	background-image: url(images/PfeilVHS.gif);
	background-repeat: no-repeat;
	display: block;
	padding-left: 12px;
	margin-left: 10px;
	background-position: left 7px;
}

.PfeilMuseen
{	background-image: url(images/PfeilMuseen.gif);
	background-repeat: no-repeat;
	display: block;
	padding-left: 12px;
	margin-left: 10px;
	background-position: left 7px;
}
.PfeilBiblio
{	background-image: url(images/PfeilBibliotheken.gif);
	background-repeat: no-repeat;
	display: block;
	padding-left: 12px;
	margin-left: 10px;
	background-position: left 7px;
}
.PfeilMB
{	background-image: url(images/PfeilMedienberatung.gif);
	background-repeat: no-repeat;
	display: block;
	padding-left: 12px;
	margin-left: 10px;
	background-position: left 7px;
}

/* Allgemeine Klassen, für alle gültig */
.pdf
{
	list-style-image: url(icons/pdf.gif);
	padding: 0px 50px 5px 10px;

}
.rtf
{
	list-style-image: url(icons/rtf.gif);
	padding: 0px 50px 5px 10px;
}

.ppt
{
	list-style-image: url(icons/ppt.gif);
	padding: 0px 50px 5px 10px;
}

.doc
{
	list-style-image: url(icons/doc.gif);
	padding: 0px 50px 5px 10px;
}

.zip
{
	list-style-image: url(icons/zip.gif);
	padding: 0px 50px 5px 10px;
}

.gif
{
	list-style-image: url(icons/gif.gif);
	padding: 0px 50px 5px 10px;
}

.jpg
{
	list-style-image: url(icons/gif.gif);
	padding: 0px 50px 5px 10px;
}
.xls
{
	list-style-image: url(icons/xls.gif);
	padding: 0px 50px 5px 10px;
}
.wmv, .mp
{
	list-style-image: url(icons/wmv.gif);
	padding: 0px 50px 5px 10px;
}