/*Zuccalmaglio*/

html{
	height:100%;
}

body {height: 100%; width: 100%; text-align: center; margin: 0px; padding: 0px; border: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 80%; color: #333333; background-color: white; }

#kopf {
	width: 100%;
	height: 25%;
	margin: 0;
	padding: 0;
	border: 0;
	background-color: #5e5e5e;
	overflow: hidden;
	vertical-align:bottom;
	background-image: url(img/design/hg_kopf2.gif);
	background-repeat: repeat-x;
	background-position:bottom
}

#kopfgrafik {
    position:absolute;
	top:25%;
	left:50%;
	width: 930px;;
	height: 128px;
	margin: -128px 0 0 -465px;
	padding: 0;
	border: 0;
	
}


#logo{
	position:absolute; left:50%; top:30%; margin: -155px 0px 0px -465px; padding: 0px; border: 0px; width:432px; height:157px; z-index:5;
	}

/* Seitenkörper */
#main {
	width: 100%;
	height: 55%;
	margin: 0px;
	border: 0px;
	padding: 0px;
	text-align: center;
	color: black;
	background-color: #efeee4;
	overflow: hidden;
	background-image: url(img/design/hg-grafik_startseite.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	}
	

	
#fuss {
	width: 100%;
	height: 20%;
	margin: 0;
	padding: 0px;
	background-color: #363636;
	overflow: hidden;
}

/* +++++++++++++++++++++       Inhalt    ++++++++++++++++++++++++++++++++ */

/*  Box, die den Inhalt auf der Startseite definiert, MIT Notenschlüssel */
/*  ... kann aber auch auf andern Seiten auftauchen... */
#text_inhaltsbox_startseite {
	height: 100%;
	width: 930px;
	margin: 0 auto 0 auto;
	border: 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	color: black;
	/*background-color: #f0f0f0;*/
	overflow: auto;
	}
	
/*  Box, die den Inhalt auf restlichen Seiten definiert , MIT Oval im Hintergrund ! */
#text_inhaltsbox {
	height: 100%;
	width: 930px;
	margin: 0 auto 0 auto;
	border: 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	color: black;
	background-color: #f0f0f0;
	overflow: auto;
	background-image: url(img/design/hg-grafik.gif);
	background-repeat: no-repeat;
	
}

/*  Box, die den Inhalt auf restlichen Seiten definiert , OHNE Oval ! */
#text_inhaltsbox_leer {
	height: 100%;
	width: 930px;
	margin: 0 auto 0 auto;
	border: 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	color: black;
	background-color: white;
	overflow: auto;
	
}


/*  Box, für den Textbereich auf der Startseite oder den Seiten auf denen der Florentin von Zuccalmaglio auftaucht */
#text_startseite {
	width: 560px;
	margin: 0px 0px 0px 0px;
	border: 0px;
	padding: 30px 0px 0px 30px;
	text-align: left;
	color: black;
}

/*  Box, für den Textbereich auf den restlichen Seiten */
#text {
	width: 870px;
	margin: 0px 0px 0px 0px;
	border: 0px;
	padding: 30px 0px 0px 30px;
	text-align: left;
	color: black;
}



/* +++++++++++++++++++++       Hauptnavigation   ++++++++++++++++++++++++++++++++ */

div#haupt_navi
{
	width: 100%;
	height: 22px;
	text-align: center;
	margin: 10px 0px 10px 0px;
	padding-top: 5px;
	border:0px;
	font-size: 13px;
	font-weight: bold;
	background-color: #ff6f03;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
}

#haupt_navi  a  		{
	color: #FFFFFF;
	font-weight: bold;
	text-decoration:none;
	padding: 5px 12px 5px 12px;

}

#haupt_navi  a:hover 	{
	color: #333333;
	font-weight: bold;
	background-color: white;
}

.haupt_navi_abstand
	{
	margin:0px 8px 0px 8px;
}
/* +++++++++++++++++++++       Impressum   ++++++++++++++++++++++++++++++++ */

div#impressum
{
	left: 50%;
	margin: 5px -690px 0px 0px;
	border:0px;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
}

#impressum  a  		{
	color: #A0A0A0;
	text-decoration:none;
}

#impressum  a:hover 	{
	color: #fe7108;
}

/*----- HG-Bild das Oval -------*/
#hg-bild {
	background-image: url(img/design/hg-grafik.gif);
	background-repeat: no-repeat;
	background-color: #f1f6fb;
	background-position: top;
	font-size:12px;
	width:700px;
}

/* +++++++++++ Schriften und Sonstiges ++++++++++ */

a 			{
	color:#666666;
}
a:hover 	{color: #fe7108;}

h1 		{color: #fe7209; font-style: normal; font-weight: bolder; font-size: 140%; margin-top:0px;  margin-bottom:15px;}
h2 		{color: gray; text-align: center; 120%;}
h3 {
	font-size: 12px;
	color: #333333;
}
em 			{text-decoration: underline; font-style: normal; }
.xl_bold  	{font-size : 120%; font-weight : bold;}
.xl 		{font-size: 120%;}
.l 			{ font-size:110%;}
.m 			{font-size: 100%;}
.s 			{font-size: 90%;}

.orange 	{color: #fe7209;}
.grau		{
	color: #515151;
	font-weight: bold;
}


/* +++++++++++++++++++++       Fuss Inhalt   ++++++++++++++++++++++++++++++++ */

#flash_leiste {
	width: 100%;
	background-color: #d3d3d3;
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.zurueck_nachoben {

	color: #666666;
	margin: 10px 0px 10px 0px;
	font-size: 10px;
	font-weight: normal;
}

#bilder_flash_leiste{
	width: 530px;
	border:5px solid #FFFFFF;
}

#musiknews a{
	color:#fe7209;
	font-weight: bold;
	line-height: 22px;
}