/*style für sing und swing festival*/

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;
	}
	
	/*#fahnen_startseite{
	position:absolute; left:50%; top:30%; margin: 100px 0px 0px -445px; padding: 0px; border: 0px; width:70px; height:18px; z-index:10;
	}*/

/* Seitenkörper */
#main {
	width: 100%;
	height: 55%;
	margin: 0px;
	border: 0px;
	padding: 0px;
	text-align: center;
	color: black;
	background-color: #FFFFFF;
	overflow: hidden;
	background-image: url(img/design/hg-grafik_startseite.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	/*background-attachment:fixed;*/
	}
	
/*  main Bereich nur für die Startseite und auch nur Zeitweise, da siehe Stempel */
/*  später kann man es löschen und die normale main verwenden */
	#main_startseite {
	width: 100%;
	height: 55%;
	margin: 0px;
	border: 0px;
	padding: 0px;
	text-align: center;
	color: black;
	background-color: #FFFFFF;
	overflow: hidden;
	background-image: url(img/design/hg-grafik_stempel.jpg);
	background-repeat: no-repeat;
	background-position: center top;	/*background-attachment:fixed;*/
	}
	
/*für die englische Seite*/
	#main_startseite_en {
	width: 100%;
	height: 55%;
	margin: 0px;
	border: 0px;
	padding: 0px;
	text-align: center;
	color: black;
	background-color: #FFFFFF;
	overflow: hidden;
	background-image: url(english/img/design/hg-grafik_stempel_en.jpg);
	background-repeat: no-repeat;
	background-position: center top;	/*background-attachment:fixed;*/
	}
	
#fuss {
	width: 100%;
	height: 20%;
	margin: 0;
	padding: 0px;
	border: 0px;
	background-color: #363636;
	overflow: hidden;
}

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

/*  Box, die den Inhalt auf der Startseite definiert, MIT Oval + Sängerin im Hingergrund */
/*  ...sie 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 index, auf der auch das Video läuft */
#text_index {
	width: 450px;
	margin: 0px 0px 0px 0px;
	border: 0px;
	padding: 30px 0px 0px 30px;
	text-align: left;
	color: black;
}

/*  Box, für den Textbereich auf der Startseite oder den Seiten auf denen die Sängerin auftaucht */
#text_startseite {
	width: 550px;
	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;
}



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

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

/* +++++++++++++++++++++       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: #69A442;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
}

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

}

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

.haupt_navi_abstand
	{
	margin:0px 1px 0px 0px;
}
/* ++++++++++++++ Hauptnavigation englisch  ++++++++++++++++++++++++++++++++ */

div#haupt_navi_en
{
	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: #69A442;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
}

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

}

#haupt_navi_en  a:hover 	{
	color: #333333;
	font-weight: bold;
	background-color: #FFCC00;
}

.haupt_navi_abstand_en
	{
	margin:0px 4px 0px 4px;
}
/* +++++++++++++++++++++       Impressum   ++++++++++++++++++++++++++++++++ */

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

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

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

/*----- 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: #58853a;}

h1 		{color: #58853a; font-style: normal; font-weight: bolder; font-size: 140%; margin-top:0px;  margin-bottom:20px;}
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%;}

.rot		{color: #CC0000;}



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

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

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