/*

Basis Stylesheet
Used examples from http://de.selfhtml.org/
angepasst von Detlef Hartz 2009

*/




body{
color:purple;
background-color: white;
/*background-image:url(Carmen_Hintergrund);*/
background-image:url(Carmen_Hintergrund2017_01.jpg);
background-repeat: no-repeat;
background-position:center top;
background-attachment:fixed;
font-size: 100.01%;
font-family: "Comic Sans MS",Verdana,Helvetica,Arial,sans-serif;
padding: 0.1em;
text-align: center;
text-shadow: 2px 2px gray;
/* color:purple; */
overflow: auto;



/*
	Nur f�r Webentwicklung interessant
	border: 1px dashed red;
*/


}



/* Layoutelemente */


div#Seite {
text-align: center;
margin-right:auto;
margin-left:auto;
padding: 0.5em;
/*
	feste px weil sonst das Aussehen
 	mit dem Hintergrundbild unberechenbar wurde
*/
min-height:900px;
max-width:980px;
min-width:640px;
/*
	Nur f�r Webentwicklung interessant
	border: 1px dashed blue;
*/

}

div#Seite h1 {
font-size: 2.5em;
padding: 0.1em;
text-align: center;
}

div#Seite h2 {
font-size: 1.8em;
padding: 0.1em;
text-align: center;
font-style:italic;
}

/*
	Menue festlegen
*/

ul#Menu {
font-size: 1.2em;
min-width: 50em;
padding: 0.1em;
display:inline;
margin-right:auto;
margin-left:auto;
text-align: center;
text-shadow: none;
color: #6600ff

/*
	Nur f�r Webentwicklung interessant
	border: 1px dashed silver;
*/
}

ul#Menu a {
padding: 0.2em;
font-weight: bold;
display:inline;
}

ul#Menu li {
list-style: none;
margin: 0;
padding: 0.5em;
display:inline;
}


ul#Menu a:link {
color:deeppink;
}

ul#Menu  a:hover {
color: deeppink;
}


ul#Menu a:active {
color: white;
/* background-color: pink;*/
}

/*
Seiteninhalt Format festlegen
*/

div#Inhalt {
padding: 0 1em;
max-width:900px;
min-width:750px;
min-height:600px;
margin-right:auto;
margin-left:auto;
text-shadow: none;

/*
	Nur f�r Webentwicklung interessant
	border: 1px dashed green;
*/
}

div#Inhalt h1 {
font-size: 1.5em;
margin: 0 0 1em;
text-align: center;
}

div#Inhalt h2 {
font-size: 1.2em;
margin: 0 0 1em;
text-align: center;
}

div#Inhalt p {
font-size:1em;
margin: 0 auto;
text-align: center;
}


div#Inhalt img{
border:20em;
}


/*
News Format festlegen
*/

div#News{
font-size: 0.91em;
margin-right:auto;
margin-left:auto;
text-align: center;
max-width:740px;
padding: 0;
text-shadow: none;
/*
	Nur f�r Webentwicklung interessant
	border: 1px dashed magenta;
*/
}




div#News  p {
font-size:1.2em;
font-weight: bold;
margin: 0 auto;
text-align: center;
}

div#News h1{
font-size: 1.75em;
text-align: center;

}

div#News marquee{
font-size:1.75em;
color:red;
font-weight: bold;
}


div#News  a:hover {
color:#ff0099;
}


div#Footer {
clear: both;
font-size: 0.8em;
padding: 2em;
text-align:left;
text-shadow: none;
}

/*
Fusszeilen definition festlegen
*/


p#Fusszeile {
clear: both;
font-size: 1em;
padding: 2em;
text-align:left;
text-shadow: none;
color:#0000cc  ;
}