/* ========================
// Stylesheet fuer den Webauftritt
// www.miramue.de
// --------------------------------
// Zielmedien: screen, projection
// Approb.: 2007-11-07 ths
// --------------------------------
// Das Stylesheet besteht aus zehn Sektionen:
//
// Sektion 01: Container
// Sektion 02: Tabellen
// Sektion 03: Listen
// Sektion 04: Formularfelder
// Sektion 05: Bilder
// Sektion 06: Headlines
// Sektion 07: Absaetze
// Sektion 08: Anker
// Sektion 09: Freie Klassen
// Sektion 10: Besondere Tags
// ---------------------------------
// Farben:
// ---------------------------------
// Dunkles Braungrau: #B1A186
// Helles Braungrau: #D9D9B8
// Gelb: #FF0
// Orange: #FF7A09
// Dunkles Azurblau: #8DD9F8
// Helles Azurblau: #9EF
// Dunkles Blau: #009
// Mira-Violett: #9A007C
// Link-Blau auf rechter Buehnenseite: #0e2596
========================= */

/* --------------------------------
// Sektion 01:
---------------------------------- */

body	{
	font-family:arial,helvetica,sans,sans-serif;
	font-size:13px;
	color:#000;
	background-color:#B1A186;
	margin-top:0px;
	}
	
#bereich	{
	position:relative;
	top:0px;
	left:0px;
	
	width:800px;
	height:620px;
	
	margin-left:auto;
	margin-right:auto;
	
	background-color:#FF0;
	color:#000;
	
	z-index:1;
	}
	
body.startseite #bereich	{
	background-image:url("graphik_dachdeko/header_komplette_breite.jpg");
	}
	
body.startseite_spezial_ueber_uns #bereich	{
	background-image:url("graphik_dachdeko/header_ueber_uns.jpg");
	background-repeat:no-repeat;
	background-position:188px 0px;
	}
	
body.subseite_ueber_uns #bereich	{
	background-image:url("graphik_dachdeko/header_ueber_uns.jpg");
	background-repeat:no-repeat;
	background-position:188px 0px;
	}
	
body.subseite_angebote #bereich	{
	background-image:url("graphik_dachdeko/header_angebote.jpg");
	background-repeat:no-repeat;
	background-position:188px 0px;
	}
	
body.subseite_koop #bereich	{
	background-image:url("graphik_dachdeko/header_koop.jpg");
	background-repeat:no-repeat;
	background-position:188px 0px;
	}
	
body.subseite_presse #bereich	{
	background-image:url("graphik_dachdeko/header_presse.jpg");
	background-repeat:no-repeat;
	background-position:188px 0px;
	}
	
body.subseite_foerdern #bereich	{
	background-image:url("graphik_dachdeko/header_foerdern.jpg");
	background-repeat:no-repeat;
	background-position:188px 0px;
	}
	
body.subseite_kontakt #bereich	{
	background-image:url("graphik_dachdeko/header_kontakt.jpg");
	background-repeat:no-repeat;
	background-position:188px 0px;
	}
	
	
body.subseite_ueber_uns #bereich_kern_buehne h1,
body.subseite_ueber_uns #bereich_kern_buehne h2,
body.subseite_ueber_uns #bereich_kern_buehne h3,
body.subseite_ueber_uns #bereich_kern_buehne h4,
body.subseite_ueber_uns #bereich_kern_buehne h5,
body.subseite_ueber_uns #bereich_kern_buehne p,
body.subseite_ueber_uns #bereich_kern_buehne ul,
body.subseite_ueber_uns #bereich_kern_buehne ol,
body.subseite_ueber_uns #bereich_kern_buehne table,
body.subseite_ueber_uns #bereich_kern_buehne img,
body.subseite_angebote #bereich_kern_buehne h1,
body.subseite_angebote #bereich_kern_buehne h2,
body.subseite_angebote #bereich_kern_buehne h3,
body.subseite_angebote #bereich_kern_buehne h4,
body.subseite_angebote #bereich_kern_buehne h5,
body.subseite_angebote #bereich_kern_buehne p,
body.subseite_angebote #bereich_kern_buehne ul,
body.subseite_angebote #bereich_kern_buehne ol,
body.subseite_angebote #bereich_kern_buehne table,
body.subseite_angebote #bereich_kern_buehne img,
body.subseite_koop #bereich_kern_buehne h1,
body.subseite_koop #bereich_kern_buehne h2,
body.subseite_koop #bereich_kern_buehne h3,
body.subseite_koop #bereich_kern_buehne h4,
body.subseite_koop #bereich_kern_buehne h5,
body.subseite_koop #bereich_kern_buehne p,
body.subseite_koop #bereich_kern_buehne ul,
body.subseite_koop #bereich_kern_buehne ol,
body.subseite_koop #bereich_kern_buehne table,
body.subseite_koop #bereich_kern_buehne img,
body.subseite_presse #bereich_kern_buehne h1,
body.subseite_presse #bereich_kern_buehne h2,
body.subseite_presse #bereich_kern_buehne h3,
body.subseite_presse #bereich_kern_buehne h4,
body.subseite_presse #bereich_kern_buehne h5,
body.subseite_presse #bereich_kern_buehne p,
body.subseite_presse #bereich_kern_buehne ul,
body.subseite_presse #bereich_kern_buehne ol,
body.subseite_presse #bereich_kern_buehne table,
body.subseite_presse #bereich_kern_buehne img,
body.subseite_foerdern #bereich_kern_buehne h1,
body.subseite_foerdern #bereich_kern_buehne h2,
body.subseite_foerdern #bereich_kern_buehne h3,
body.subseite_foerdern #bereich_kern_buehne h4,
body.subseite_foerdern #bereich_kern_buehne h5,
body.subseite_foerdern #bereich_kern_buehne p,
body.subseite_foerdern #bereich_kern_buehne ul,
body.subseite_foerdern #bereich_kern_buehne ol,
body.subseite_foerdern #bereich_kern_buehne table,
body.subseite_foerdern #bereich_kern_buehne img,
body.subseite_kontakt #bereich_kern_buehne h1,
body.subseite_kontakt #bereich_kern_buehne h2,
body.subseite_kontakt #bereich_kern_buehne h3,
body.subseite_kontakt #bereich_kern_buehne h4,
body.subseite_kontakt #bereich_kern_buehne h5,
body.subseite_kontakt #bereich_kern_buehne p,
body.subseite_kontakt #bereich_kern_buehne ul,
body.subseite_kontakt #bereich_kern_buehne ol,
body.subseite_kontakt #bereich_kern_buehne table,
body.subseite_kontakt #bereich_kern_buehne img	{
	/* Anfang Uebernahme */
	margin-left:25px;
	margin-right:35px;
	/* Ende Uebernahme */
	}
	
#bereich_kern	{
	position:absolute;
	top:125px;
	left:0px;
	width:100%;
	height:430px;
	background-color:#D9D9B8;
	z-index:3;
	}
	
#bereich_kern_buehne	{
	position:absolute;
	top:33px;
	left:28px;
	
	width:750px;
	height:360px;
	}
	
body.subseite_ueber_uns #bereich_kern_buehne,
body.subseite_angebote #bereich_kern_buehne,
body.subseite_koop #bereich_kern_buehne,
body.subseite_presse #bereich_kern_buehne,
body.subseite_foerdern #bereich_kern_buehne,
body.subseite_kontakt #bereich_kern_buehne	{
	position:absolute;
	top:56px;
	left:28px;
	width:750px;
	height:314px;
	/* vormals: --------------------------
	background-image:url("sysgra/rahmen_h360_ras2.gif");
	background-repeat:no-repeat;
	---------------------------------- */
	background-image:url("./sysgra/orabo_mitte.gif");
	background-repeat:repeat-y;
	background-color:#FFF;
	overflow:auto;
	}
	
	
#bereich_kern_buehne_links	{
	position:absolute;
	top:0px;
	left:0px;
	width:555px;
	height:360px;
	background-image:url("./sysgra/rahmen_hp_h360_ras2_innen_b.png");
	background-repeat:no-repeat;
	overflow:auto;
	background-color: #8DD8F8;
	}
	
#bereich_kern_buehne_links h1,
#bereich_kern_buehne_links h2,
#bereich_kern_buehne_links h3,
#bereich_kern_buehne_links h4,
#bereich_kern_buehne_links h5,
#bereich_kern_buehne_links p,
#bereich_kern_buehne_links ul,
#bereich_kern_buehne_links ol,
#bereich_kern_buehne_links table,
#bereich_kern_buehne_links img	{
	margin-left:25px;
	margin-right:35px;
	}
	
#bereich_kern_buehne_rechts	{
	position:absolute;
	top:0px;
	left:580px;
	width:191px;
	height:396px;
	
	text-align:center;
	
	background-color:#8DD9F8;
	}
	
#bereich_kern_buehne_rechts_aktuelles	{
	position:absolute;
	top:166px;
	left:14px;
	width:165px;
	height:200px;
	overflow:auto;
	background-image:url("./sysgra/rahmen_hp_sb_ras200.gif");
	background-repeat:no-repeat;
	background-position:top left;
	}
	
#bereich_kern_unavzeile	{
	position:absolute;
	top:400px;
	left:0px;
	
	width:400px;
	}
	
#bereich_kern_schaleo	{
	position:absolute;
	top:33px;
	left:28px;
	
	width:750px;
	height:23px;
	
	background-image:url("./sysgra/orabo_oben.gif");
	background-position:0px 0px;
	background-repeat:no-repeat;
	
	z-index:6;
	}
	
#bereich_kern_schaleu	{
	position:absolute;
	top:360px;
	left:28px;
	
	width:750px;
	height:23px;
	
	background-image:url("./sysgra/orabo_unten.gif");
	background-position:0px 0px;
	background-repeat:no-repeat;
	
	z-index:6;
	}
	
#bereich_naviszeile	{
	position:absolute;
	top:106px;
	left:0px;
	
	width:100%;
	height:30px;
	
	background-color:#8DD9F8;
	color:#FFF;
	z-index:1;
	}
	
#bereich_navis_nr01	{
		position:relative;
		top:0px;
		left:0px;
		z-index:2;
		width:80px;
		}
	

		
#bereich_navis_nr02	{
		position:absolute;
		top:106px;
		left:125px;
		z-index:2;
		}
		
#bereich_navis_nr03	{
		position:absolute;
		top:106px;
		left:255px;
		z-index:2;
		}

#bereich_navis_nr04	{
		position:absolute;
		top:106px;
		left:380px;
		z-index:2;
		}
		
#bereich_navis_nr05	{
		position:absolute;
		top:106px;
		left:520px;
		z-index:2;
		}
		
#bereich_navis_nr06	{
		position:absolute;
		top:106px;
		left:610px;
		z-index:2;
		}
		
#bereich_navis_nr07	{
		position:absolute;
		top:106px;
		left:715px;
		z-index:2;
		}
		
#bereich_navis_nr01:hover,
#bereich_navis_nr02:hover,
#bereich_navis_nr03:hover,
#bereich_navis_nr04:hover,
#bereich_navis_nr05:hover,
#bereich_navis_nr06:hover,
#bereich_navis_nr07:hover	{
		z-index:4;
		}

/* Der MS-IE 7 braucht es genauer und ein Proforma-Rahmen ist fuer ihn notwendig */		
#bereich_navis_nr01:hover a,
#bereich_navis_nr02:hover a,
#bereich_navis_nr03:hover a,
#bereich_navis_nr04:hover a,
#bereich_navis_nr05:hover a,
#bereich_navis_nr06:hover a,
#bereich_navis_nr07:hover a	{
		display:block;
		border-left:dotted 1px #CCC;
		z-index:4;
		}
		

	
#bereich_unten	{
	position:absolute;
	top:555px;
	left:0px;
	
	width:100%;
	height:65px;
	
	background-color:#FFF;
	color:#000;
	}
	
/* --------------------------------
// Sektion 02: Tabellen
---------------------------------- */


/* --------------------------------
// Sektion 03: Listen
---------------------------------- */
li	{
	font-size:13px;
	}

/* --------------------------------
// Sektion 04: Formularfelder
---------------------------------- */


/* --------------------------------
// Sektion 05: Bilder
---------------------------------- */
img	{
	border:none;
	}
	
#bereich_kern_buehne_links img	{
	margin-left:20px;
	margin-top:105px;
	}
	
#bereich_kern_buehne_rechts	img {
	margin-top:24px;
	}
	
#bereich_unten img {
        	float:right;
        	margin-top:2px;
        	margin-right:4px;
        	border:none;
	}

/* --------------------------------
// Sektion 06: Headlines
---------------------------------- */
h1	{
	/* Anfang Uebernahme */
	padding:0px 1em 0.2em;
        	font-size: 150%;
        	font-weight: bold;
        	/* Ende Uebernahme */
        	} 
        	
h2        {
        font-size: 16px;
         margin-top:12px;
         margin-bottom:11px;
         }

h3        {
        font-size: 14px;
         margin-top:12px;
         margin-bottom:10px;
         }

/* --------------------------------
// Sektion 07: Absaetze
---------------------------------- */
p	{
	font-size:13px;
	color:#000;
	line-height:120%;
	margin-top:12px;
	}
	
#bereich_kern_buehne_rechts_aktuelles p	{
	font-size:12px;
	color:#009;
	}
	
p.rechtsb	{
	text-align:right;
	margin-right:30px;
	}


/* --------------------------------
// Sektion 08: Anker
---------------------------------- */
#bereich_kern_buehne_rechts a	{
		text-decoration:none;
		font-size:10px;
		color:#0e2596;
		}
		
#bereich_kern_buehne_rechts_aktuelles a	{
		display:block;
		text-align:left;
		margin-left:6px;
		margin-top:2px;
		margin-right:6px;
		margin-bottom:6px;
		}

#bereich_kern_unavzeile a	{
		font-weight:400;
		font-size:0.9em;
		margin-left:28px;
		}
		
#bereich_kern_unavzeile a:link,
#bereich_kern_unavzeile a:visited	{
		text-decoration:none;
		color:#000;
		}
		
#bereich_kern_unavzeile a:hover,
#bereich_kern_unavzeile a:active,
#bereich_kern_unavzeile a:focus	{
		text-decoration:underline;
		color:#9A007C;
		}

#bereich_navis_nr01 a,
#bereich_navis_nr02 a,
#bereich_navis_nr03 a,
#bereich_navis_nr04 a,
#bereich_navis_nr05 a,
#bereich_navis_nr06 a,
#bereich_navis_nr07 a	{
		display:block;
		text-decoration:none;
		height:19px;
		}
		
		
#bereich_naviszeile a	{
		width:72px;
		margin-left:28px;
		}
		
div.fuga_vacui a	{
		border-top:solid 1px #FF7A09;
		color:#FF7A09;
		}
		
a.nav_c,
a.nav_c_aktiv	{
	font-family:"lucida sans",helvetica,geneva,arial,sans-serif;
	font-size:11px;
	font-weight:600;
	}
		
a.nav_c:link,
a.nav_c:visited	{
	color:#009;
	background-color:#8DD9F8;
	}
	
a.nav_c:hover,
a.nav_c:active,
a.nav_c:focus	{
	color:#FF0;
	background-color:#8DD9F8;
	}
	
a.nav_c_aktiv:link,
a.nav_c_aktiv:visited	{
	color:#009;
	background-color:#9EF;
	}
	
a.nav_c_aktiv:hover,
a.nav_c_aktiv:active,
a.nav_c_aktiv:focus	{
	color:#FF0;
	background-color:#9EF;
	}
	
a.nav_s,
a.nav_s_aktiv	{
	display:block;
	width:100px;
	font-size:10px;
	}
	
a.nav_s:link,
a.nav_s:visited	{
	color:#000;
	background-color:#D9D9B8;
	}
	
a.nav_s:hover,
a.nav_s:active,
a.nav_s:focus	{
	color:#9A007C;
	background-color:#D9D9B8;
	text-decoration:underline;
	font-weight:800;
	}
	
a.nav_s_aktiv:link,
a.nav_s_aktiv:visited	{
	color:#000;
	background-color:#D9D9B8;
	}
	
a.nav_s_aktiv:hover,
a.nav_s_aktiv:active,
a.nav_s_aktiv:focus	{
	color:#9A007C;
	background-color:#D9D9B8;
	}
		
/* --------------------------------
// Sektion 09: Freie Klassen
---------------------------------- */
.abstand_lo	{
	position:relative;
	top:2px;
	left:2px;
	}
	
div.bildhalter_links        {
        float:left;
         margin-right:0px;
         margin-bottom:2px;
         }

div.bildhalter_rechts        {
        float:right;
         margin-left:0px;
         margin-bottom:2px;
         }
		 

		 
/*von mir am 140509 eingefügt, um beim Videoclip atlantic sisters, eine box für weiterführung doku zu haben*/
div.bildhalter_rechtsunten	{
		float: right;
		width: 150px;
        margin-right: 4%;
		margin-top: -5%;
		}
/*von mir am 140509 eingefügt, um bei der Videoclip-Seite die Überschrift rechts oben einzufügen*/		
div.bildhalter_rechtsoben	{
	float: right;
	width: 150px;
	margin-right: 4%;
	
		}
/*von mir am 140509 eingefügt, um das Video zu platzieren*/	
div.bildhalter_video	{
	width:480px;
	padding-left: 3%;
	}
	

		
div.fuga_vacui	{
	height:100px;
	width:90%;
	text-align:right;
	}
	
/*von mir am 140509 erstellt. Diese Box kann in die Box div.fuga_vacui eingefügt werden. Damit ist ein Link auf der
gleichen Höhe wie der Seitenanfang-Anker möglich*/

div.boxlinksunten	{
	heigth: 100px;
	width: 60%;
	float:left;
	margin-left: 5%;
	text-align:left;
	}
	
.in_bereich_unten_info	{
		font-family:arial,helvetica,geneva,sans-serif;
                 		font-size:10px;
                 		text-align:left;
                 		background-color:#FFF;
                 		padding-top:20px;
                 		margin-left:26px;
                 		}


/* --------------------------------
// Sektion 10: Besondere Tags
---------------------------------- */