html {
	margin: 0px; 
	padding: 0px;
	}
	
body { 
	background-color: #ffffff;
	margin: 0px;
	padding: 0px;
	}


/*
div { 
	border-width: 1px;
	border-style: solid;
	border-color: #000000;
	}
*/


/*wird nur in screenreadern u.ae. angezeigt */
.textversion {
	display:none;
}

img {	
	border-width: 0px;
}

/* ### START hauptspalten ### */

/*gesamter rahmen ohne rechte spalte*/
div#main { /*breite minus margin, 809 sichtbar, ie5 braucht keine alternative breitenangabe!!!*/ 
	width: 779px;
	position: absolute; top: 0px; left: 0px;
	margin: 20px 0px 0px 30px; /*t r b l */ /*abstand nach oben 20, absolut 48 ### */
	}	

/*spalte links aussen unter logo*/
div#logonavspalte {
	width: 110px;
	float:left;
	margin-top: 28px; /*differenz zu main, absoluter abstand nach oben 48 */
	overflow: hidden;
}


/*2. spalte von links mit subnavigation*/
div#subnavspalte {
	width: 216px;
	float:left;
}

div#sprache {
	height: 28px; /*hoehe entspricht margin-top-versatz bei anderen spalten */
	padding: 0px 0px 0px 13px; /*t r b l */ 
}

div#sprache a {
	font-size: 11px;
	line-height: 100%;
	color: #696964;
	text-decoration: none;
	padding: 6px 0px 0px 0px; /*t r b l */ 
	display: block;	
}

div#sprache a:hover,  div#sprache a:focus {
	color: #000000;
}

/*inhaltsspalte*/
div#contentspalte { /*hier und bei contentrahmen kein abzug von padding und border, wieso auch immer */
	width: 453px; 
	float: right;
}



/*inhaltsrahmen also ohne quernav*/
div#contentrahmen {
	min-height: 393px; /* geht bei ie nicht */ /*hoehe sichtbar 432 minus padding und border  */
	border-width: 2px;
	border-style: solid;
	border-color: #C0C0C0;
	padding: 22px 13px 13px 13px; /*t r b l */
	overflow: visible;
	margin-bottom: 20px;
}

/*hack nur fuer ie mac, MUSS vor dem hide from ie mac stehen und darf keine kommentarzeilen innerhalb enthalten !*/
/*\*//*/ 
div#contentrahmen {	
	overflow: visible;
	clear: left;
	margin: 23px 0px 0px -13px;
}
/* */ 

/* fix ie. hide from ie mac \*/
* html div#contentrahmen {	
	height: 432px; 
}
/* end */


/*content homepage mit bild als hintergrund*/
div#contenthome { 
	height: 432px;
	background: url(../images/musikhochschule_luebeck.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}


/*hack nur fuer ie mac, MUSS vor dem hide from ie mac stehen und darf keine kommentarzeilen innerhalb enthalten !*/
/*\*//*/ 
div#contenthome {	
	height: 430px;
	overflow: visible;
	clear: left;
	margin: 26px 0px 0px -13px;
}
/* */ 




/*rechte spalte*/
div#rechtespalte { /*ausserhalb von main, kein scrollbalken wenn keine rechte spalte */
	position: absolute; top: 48px; left: 808px;
	width: 177px; 	/*breite minus padding, 197 sichtbar */
	padding: 22px 10px 13px 10px; /*t r b l */
	}

/* ### END hauptspalten ### */


/* ### START alle elemente mit farbvarianten:
farben fuer home und allgemein (orange)	 ### */

div#logo {
	height: 108px;
	background-color:#FF4C0B;
	}

a.logoimg {
	width: 110px;
	height: 108px;
	display: block;
	background: url(../images/mhl_logo.gif);
	background-repeat: no-repeat;
}

div#quadratunterlogo {
	height: 108px;
	background-color:#E2DBBE;
}

div#grossesquadrat {
	position: absolute;
	width: 216px;
	height: 216px;
	background-color:#B2B0A8;
	}

div#grossesquadrat img  {
	display: block;
	vertical-align: bottom;
}

div#grossesquadrat a {
	color: #000;
	padding: 10px;
	text-decoration: none;
	
}

div#grossesquadrat p.bodytext a {
	color: #fff;
	font-weight: bold;
	font-size: 12px;
}

div#grossesquadrat a:hover {
	text-decoration: underline;
}

div#grossesquadrat p  {
	color: #fff;
}

div.aktionmittext { /*dunklere flaeche fuer text*/
	height: 216px;
	background-color:#B2B0A8;
	}

div#subnav2block { 
	min-height: 306px; /* hoehe minus padding, sichtbar 324. min-height damit flaeche bei mehr navpunkten mitlaeuft */
	background-color:#E1E1E1;
	padding: 10px 10px 8px 10px; /*t r b l ### */
	margin-top: 216px;
}

/*hack nur fuer ie mac, MUSS vor dem hide from ie mac stehen und darf keine kommentarzeilen innerhalb enthalten !*/
/*\*//*/ 
div#subnav2block {	
	height: 304px;
	width: 196px;
}
/* */ 

/* fix ie. hide from ie mac \*/
* html div#subnav2block {	
	height: 324px; 
	margin-top: 0px;
	padding-top: 226px;
}
/* end */

/* ### END alle elemente mit farbvarianten ### */



/* ### START navigationselemente ### */

div#hauptnavblock	{
	width:110px;
	padding: 10px 0px 8px 0px; /*t r b l */
	}

	
ul#hauptnav, ul#subnav2, ul.subnav3, ul#englishsubmenu, ul.quersubnav { /*margin + padding wegen liste ohne einzug */
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	list-style-position: outside;
	}
	
ul#hauptnav li { /*anderer abstand als zweizeiler*/
	margin: 0px 0px 4px 0px; /*t r b l */
	padding: 0px;
	display: block;
	font-size: 11px;
	line-height: 120%;
}



ul#subnav2 li, ul.subnav3 li, ul.quersubnav li { /*anderer abstand als zweizeiler*/
	margin: 0px 0px 4px 0px; /*t r b l */
	padding: 0px;
	display: block;
	font-size: 69%;
	line-height: 120%;
}


ul#englishsubmenu li {
	font-size: 100%;
	line-height: 120%;
}



ul#subnav2 li ul.subnav3 li { /*verschachtelte schriftgroessen aufheben*/
	font-size: 100%;
	line-height: 120%;
}


ul#hauptnav li a, ul#englishsubmenu li a, div#quernavblock ul li a, ul.quersubnav li a  {
	color: #696964;
	text-decoration: none;
	}

ul#subnav2 li a {
	color: #595955;
	text-decoration: none;
} 


ul.subnav3 {
	margin: 4px 0px 0px 16px; /*t r b l */ 
}


ul.subnav3 li a {
	color: #595955;
	text-decoration: none;
} 

ul#hauptnav li a {
	font-weight:bold;
	}

ul#englishsubmenu {
	margin: 4px 0px 0px 12px; /*t r b l */ 
}

ul#englishsubmenu li a {
	font-weight:normal;
}


ul#hauptnav li a.aktiv, ul#subnav2 li a.aktiv, ul.subnav3 li a.aktiv, div#quernavblock ul li a.aktiv, ul.quersubnav li a.aktiv { /*klasse allein reicht nicht*/
	color: #FF0000;
	text-decoration: underline;
}


ul#hauptnav li a:hover, ul#subnav2 li a:hover, ul.subnav3 li a:hover, div#quernavblock ul li a:hover, ul.quersubnav li a:hover, ul#hauptnav li a:focus, ul#subnav2 li a:focus, ul.subnav3 li a:focus, div#quernavblock ul li a:focus, ul.quersubnav li a:focus { /*klasse allein reicht nicht*/
	color: #000000;
}

ul#hauptnav li a.aktiv:hover, ul#subnav2 li a.aktiv:hover, ul.subnav3 li a.aktiv:hover, div#quernavblock ul li a.aktiv:hover, ul.quersubnav li a.aktiv:hover, ul#hauptnav li a.aktiv:focus, ul#subnav2 li a.aktiv:focus, ul.subnav3 li a.aktiv:focus, div#quernavblock ul li a.aktiv:focus, ul.quersubnav li a.aktiv:focus { /*klasse allein reicht nicht*/
	color: #FF0000;
}

div.subnav3block { /*breite und hoehe minus padding und border, 216 sichtbar */
	border-width: 2px;
	border-style: solid;
	border-color: #C0C0C0;
	padding: 8px 10px 8px 10px; /*t r b l */
	background-color:#ffffff;
	width: 216px;
	height: 216px;
	voice-family: "\"}\"";
 	voice-family: inherit;
 	width: 192px;
 	height: 196px;
}

html>body .subnav3block {
  	width: 192px;
} 

/*hack nur fuer ie mac, MUSS vor dem hide from ie mac stehen und darf keine kommentarzeilen innerhalb enthalten !*/
/*\*//*/ 
div#subnav3block {	
	height: 196px;
	width: 196px;
}
/* */ 

/* fix ie. hide from ie mac \*/
* html div.subnav3block {
	w\idth: 216px;
	height: 216px; 
}
/* end */


div#quernavblock { 
	height: 28px; /*hoehe entspricht margin-top-versatz bei anderen spalten */
	padding: 0px 0px 0px 13px; /*t r b l */ 
	}


div#quernavblock ul {
	margin: 0px;
	padding: 5px 0px 0px 0px; /*t r b l */ 
	list-style-type: none;
	list-style-position: outside;
}


div#quernavblock ul li {
	/*width: 73px;*/
	float:left;
}


div#quernavblock ul li a {
	display: block;
	width: 70px;
	font-size: 11px;
}


ul.quersubnav {
	border-width: 2px;
	border-style: solid;
	border-color: #C0C0C0;
	padding: 8px 6px 8px 6px; /*t r b l */
	background-color:#ffffff;
	min-width: 108px;
	height: 108px;
	voice-family: "\"}\""; 
 	voice-family: inherit;
 	min-width: 92px; /*absolut 108*/
	height: 88px;
}


html>body .quersubnav {
  	min-width: 92px;
} 


/*hack nur fuer ie mac, MUSS vor dem hide from ie mac stehen und darf keine kommentarzeilen innerhalb enthalten !*/
/*\*//*/ 
ul.quersubnav {	
	height: 84px;
	min-width: 92px;
}
/* */ 
/* fix ie. hide from ie mac \*/
* html ul.quersubnav { /*fuer ie 5 sowie ie 6 muss hier jeweils 108 stehen!!!*/
	width: 108px;
	w\idth: 108px;
	height: 108px;
}
/* end */

/*style fuer zurueck-link auf vorherige seite*/
.vorherige {
	margin: 0px 0px 16px 0px; /*t r b l */
	padding: 0px 0px 0px 0px; /*t r b l */
}

.vorherige a {
	background: url(../images/pfeil_back.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding: 0px 0px 0px 14px; /*t r b l */
	color: #696964;
	font-size: 69%;
	line-height: 140%;
	text-decoration: none;
	vertical-align: top;

}
/* ### END navigationselemente ### */





/* ### START inhalt mitte  ### */

html, body {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color:#000000;
}


a {
	color: #000000;
	text-decoration: underline;
	}
	

b, strong 	{
	font-weight:bold;
	}
	
p { /*soll keinen sichtbaren abstand machen wegen fehlendem br in rte, auch nicht fuer p.bodytext*/
	margin: 0px;
	padding: 0px;
}
	

p.seitenanfang {
	clear: both;
	padding-top: 20px;
}

a.totop {
	background: url(../images/pfeil_totop.gif);
	background-repeat: no-repeat;
	background-position: 0px 1px;
	text-decoration: none;
	padding-left: 14px;
	color: #696964;
	}
	

div#contentrahmen p, div#contentrahmen h1, div#contentrahmen h2, div#contentrahmen h3, div#contentrahmen h4, div#contentrahmen h5, div#contentrahmen ul, div#contentrahmen ol, div#contentrahmen input { 
	font-size: 69%;
	line-height: 152%;
	margin-top: 0px;
  }


h1, h2, h3, h4, h5{ /*abstand fuer alle header-arten*/
 	padding-top: 20px;
 	margin: 0px 0px 2px 0px; /*t r b l */ 
}

 
div#contentrahmen h2.seitentitel {
	font-weight: bold;
	padding-top:0px;
	margin-bottom: 20px;
 }


div#contentrahmen h2.parent { /*titel und link uebergeordnete seite*/
	color:#696964;
	font-weight: bold;
	padding-top:0px;
 }


h3.fett, .bnb-header-layout-0 h2, .bnb-header-layout-1 h2 { /* zwischenueberschrift fett*/
	font-weight: bold;
}

h4.mager, .bnb-header-layout-2 h2{ /* kleine ueberschrift mager*/
	font-weight: normal;
}

h4.pfeil, .bnb-header-layout-3 h2 { /* mehr infos zu mit pfeil*/
	font-weight: normal;
	background: url(../images/pfeil_link.gif);
	background-repeat: no-repeat;
	background-position: 0px 24px;
	text-decoration: none;
	padding-left: 14px;
}

p.pfeil { /* mehr infos zu mit pfeil*/
	font-weight: normal;
	background: url(../images/pfeil_link.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	text-decoration: none;
	padding-left: 14px;
}

div.bnb-uploads-obj img { /*preview von datei mittig zu bullet*/
	display: none;
	}

div#contentrahmen div.bnb-upload-caption {
	font-size: 69%;
	line-height: 140%;
	}

div#contentrahmen .csc-menu ul { /*sitemap im content ohne ul-einrŸckung*/
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	list-style-position: outside;
}

div#contentrahmen .csc-menu li { /*sitemap im content ohne ul-einrŸckung*/
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	list-style-position: outside;
}

div#contentrahmen .csc-menu li a { 
	text-decoration: underline;
}
 

/*fuer bildgalerie o.Š., viele bilder je mit einer bu, image-only verwenden und alle divs inline setzen*/
/*
div#contentrahmen div.bnb-img-obj, div#contentrahmen div.bnb-img-obj > div,  div#contentrahmen div.bnb-img-obj * div {
	float: left;
}
*/



div#contentrahmen img, div#rechtespalte img { /*verlinkte bilder ohne rahmen*/
	border: 0px;
	}


div#contentrahmen div.bnb-caption-layout {
	font-size: 69%;
	line-height: 140%;
	margin: 6px 0px 0px 0px; /*t r b l */ 
	padding: 0px 0px 2px 0px; /*t r b l */
	color: #686863;
	}

div#contentrahmen div.bnb-textpic-obj div.bnb-bodytext { /*minusabstand von bild zu text ausgleichen*/
	margin-top: 20px;
}
	
table.contenttable {
	width: 420px;
	border-collapse: collapse;
	margin: 6px 0px 0px 0px; /*t r b l */ 
}

table.contenttable, table.contenttable th, table.contenttable td {
	border-width: 1px;
	border-style: solid;
	border-color: #000000;
}

table.contenttable td {
	padding: 4px;
}

div#contentrahmen .bnb-date {
	font-size: 69%;
	line-height: 140%;
	}
	




/*start styles fuer suchseite*/

div.suchbox {
	margin-top: 20px;
}

label.suchlabel, div.suchinputfield {
	float: left;
	margin-right: 10px;
}

.weiter a {
	background: url(../images/pfeil_weiter.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding: 0px 0px 0px 14px; /*t r b l */
	text-decoration: none;
	font-size: 69%;
}

.zurueck a {
	background: url(../images/pfeil_back.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding-left: 14px;
	text-decoration: none;
	font-size: 69%;
}

h4.searchresult {
	font-weight: normal;
	margin:0px;
}


h3.csc-noSearchResultMsg {
	clear: left;
}

/*end styles fuer suchseite*/


/*starts styles fuer rte-editor*/
div#contentrahmen p.aktualisiert {
	color:#8E8E8A;
	font-size: 65%;
	line-height: 152%;
	padding-top:20px;
}


p.aktualisiert a {
	color: #8E8E8A;
	text-decoration: none;
}

.zwischenueberschrift {
	font-weight:bold;
	font-size: 69%;
	line-height: 152%;
	padding-top: 20px;
 	margin: 0px 0px 2px 0px; /*t r b l */ 
	}

.kleineueberschrift {
	font-size: 69%;
	line-height: 152%;
	padding-top: 20px;
 	margin: 0px 0px 2px 0px; /*t r b l */ 
}




/*end styles fuer rte-editor*/


/* ###  END inhalt mitte  ### */


/* ### START inhalt linke spalte  ### */

div.teasertext {
	height: 88px; /*sichtbar 108 abzgl padding to/bottom*/
	padding: 12px 12px 8px 12px ;/*t r b l*/ 
	color:#ffffff;
	font-size: 69%;
	font-weight: bold;
	line-height: 140%;
	}
	
	
/*hack nur fuer ie mac, MUSS vor dem hide from ie mac stehen und darf keine kommentarzeilen innerhalb enthalten !*/
/*\*//*/ 
div.teasertext {	
	height: 88px;
}
/* */ 

/* fix ie. hide from ie mac \*/
* html div.teasertext {	
	height: 108px; 
}

/* end */



div.teasertext p {	
	margin: 0px 0px 0px 0px ;/*t r b l*/ 
}

div.teasertext a {	
	color: #ffffff;
}
	
	

div#grossesquadrat div.teaserbild div.bnb-img-obj div.bnb-img-cap-position-1 {
	height: 108px;
	text-align: left;
	margin-right: 0px; /* angaben zu generellem  */
	margin-bottom: 0px;
}

/* ### END inhalt linke spalte  ### */


	
/* ### START inhalt rechte spalte  ### */

div#rechtespalte p, div#rechtespalte h1, div#rechtespalte h2, div#rechtespalte h3, div#rechtespalte h4, div#rechtespalte h5, div#rechtespalte ul {	
	color: #595955;
	font-size: 65%;
	line-height: 130%;
	font-weight:normal;
}	

div.bnb-uploads-obj h3 {
	background: url(../images/pfeil_down.gif);
	background-repeat: no-repeat;
	background-position: 0px 22px;
	text-decoration: none;
	padding-left: 14px;
	font-weight: normal;
}

div.bnb-uploads-obj ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	list-style-position: outside;
}

div#rechtespalte p {
	margin-top: 0px;
}

div#rechtespalte a {
	color: #595955;
	text-decoration: underline;
}

/* ### END inhalt rechte spalte  ### */

/* ### START bildpositionen ### */

/*
fŸrs typo3-backend ist allerdings nur 1 bildposition freigeschaltet
*/


div#contentrahmen .bnb-textpic-obj {
	clear: left;
	}

/* bnb-img-cap-position-0: bild oben mitte*/
div#contentrahmen .bnb-img-cap-position-0 {
	text-align: center;
	}


/* bnb-img-cap-position-1: bild oben rechts: layout randlos rechts! */
div#contentrahmen div.bnb-img-cap-position-1 {
	text-align: right;
	margin-top: 20px;
	margin-right: -13px; /* padding von contentrahmen als minus */
	margin-bottom: -16px; /*braucht mehr minus als padding vom rahmen!*/
}



/* bnb-img-cap-position-2: bild oben links*/
div#contentrahmen .bnb-img-cap-position-2 {
	text-align: left;	
}



/*bnb-img-block-position-8: bild unten mittig: layout randlos rechts!*/
div#contentrahmen .bnb-img-cap-position-8 {
	margin-top: 20px;
	margin-right: -13px; /* padding von contentrahmen als minus */
	margin-left: -13px; /* padding von contentrahmen als minus */
	}


div#contentrahmen .bnb-img-cap-position-8 .bnb-img-block {/*linie nur um bildblock ohne bu*/
	border-width: 2px 0px 2px 0px; /*t r b l */
	border-style: solid;
	border-color: #C0C0C0;
	}


div#contentrahmen .bnb-img-cap-position-8 .bnb-caption-layout{ /*bu wieder einruecken */
	margin-right: 13px; /* padding von contentrahmen als minus */
	margin-left: 13px; /* padding von contentrahmen als minus */
}

div#contentrahmen .bnb-img-cap-position-8 div { /*luecke bild/linie bei ff verhindern*/
	margin-bottom: -3px;
	}
	

/* fix ie. hide from ie mac \*/
* html div#contentrahmen .bnb-img-cap-position-8 div {
	margin-bottom: 0px;
	}
	
/* end */



/*bnb-img-block-position-9: bild unten rechts */
div#contentrahmen .bnb-img-cap-position-9 {
	text-align: right;
	margin-right: -13px; /* padding von contentrahmen als minus */
	margin-bottom: -16px; /*braucht mehr minus als padding vom rahmen!*/
	}

/*bnb-img-block-position-10: bild unten links*/
div#contentrahmen .bnb-img-cap-position-10 {
	text-align: left;
	}

/*bnb-img-block-position-17: bild im textfluss rechts*/
div#contentrahmen .bnb-img-cap-position-17 {
	float:right;
	padding-bottom: 10px;
	padding-left: 10px;
	
}

/*bnb-img-block-position-17: bild im textfluss links*/
div#contentrahmen .bnb-img-cap-position-18 {
	float:left;
	padding-right: 10px;
	padding-bottom: 10px;
	}
	
/*bnb-img-block-position-25: bild rechte spalte neben text*/
div#contentrahmen .bnb-img-cap-position-25 {
	float:right;
	}
	
div#contentrahmen .bnb-bodytext-position-25 {
	float:left;
	width: 220px;
	}


	
/*bnb-img-block-position-26: bild linke spalte neben text*/
div#contentrahmen .bnb-img-cap-position-26 {	
	float:left;
	}
div#contentrahmen .bnb-bodytext-position-26 {
	float:right;
	width: 220px;
	}



/* ausrichtung der bildunterschrift*/
.bnb-caption-align-left {
	text-align: left;
}

.bnb-caption-align-right {
	text-align: right;
}

.bnb-caption-align-center {
	text-align: center;
}

#grossesquadrat .bnb-image-obj {
	position: absolute;
	bottom: 0px;
}





/* #### END bildpositionen ### */