/* CSS-File: my_styles.css */

/* my own defined stuff    */

#header
{
    margin:			0;
    padding:		0;
    border:			0;
	width: 			999px; /* header block size */
	height: 		80px;
	border: 		0px solid black; 
	
/*	padding:		10px; */
	padding-left:	10px; 
	padding-top: 	20px; 

	position:		fixed;
	top:			0px;
	left:			0px;
/*	right:			0px;*/
	background:		#FFFAF0;	/*floralwhite;*/
	
	overflow:		hidden;
}

#content
{
    height:		80%;
    overflow:	auto;
}

#footer
{
	width: 			100px; /* header block size */
	height: 		60px;
	border: 		0px solid black; 
	
	padding-left:	10px; 
	padding-bottom: 10px; 

	position:		fixed;
	bottom:			0px;
	left:			0px;
/*	right:			0px;*/
	background:		#FFFAF0;	/*floralwhite;*/
	
	overflow:		hidden;
}

/* standard re-defined stuff */

html, body
{
    margin:			0;
    padding:		0;
    border:			0;
    height:			100%;
    overflow:		auto; /*hidden;*/
}


body
{
    margin:					0;
    padding:				0;
    border:					0;
/*	font-family: 			"avalon" sans-serif; */
	font-family: 			sans-serif; 
	background-color:		#FFFAF0;	/*floralwhite;*/
	
	display:				inline;
	 
/*	background-image: 		url(images/baustelle.gif); */
/*	background-image: 		url(images/logo-embedd.it.gif); */
/*	background-position:	top left; */
/*	background-repeat: 		repeat; */
}

/* text stuff */
h1
{
    margin:			0;
    padding:		0;
    border:			0;
	color: 			#FFA500;	/*orange;*/
	font-size: 		240%;
/*	text-shadow: 	3px 3px 5px red;*/	/* does´t work??? */
}

h1.header
{
    margin:			0;
    padding:		0;
    border:			0;
	position: 		relative; 
	left: 			35%; 
	top: 			0px;	
/*	float: 			left; */
}

h2
{
	color: 			#FFA07A;	/*lightsalmon;*/
	font-size: 		200%;
}

h3
{
	color: 			black;
	font-size: 		150%;
}

h4
{
	color: 			black;
	font-size: 		100%;
}

h1, h2, h3, h4, h5, h6
{
	font-weight:	bold;
	text-align: 	left;
	margin: 		0px;
}

p
{
/*	color: 			black;*/
	font-size: 		100%; 
	font-weight: 	normal;
	text-align: 	left;
	margin: 		0px;
	
	letter-spacing:	0.02em;
	word-spacing:	0em;
}

/* images stuff */
img
{
    margin:			0;
    padding:		0;
    border:			0;
/*	border: 		1px solid floralwhite;  */
/*	border: 		1px dotted black; */
	border: 		none; 
	margin-top:		15px;
}

img.header
{
    margin:			0;
    padding:		0;
    border:			0;
/*	float: 			left; */
	position:				fixed;
	top:					30px;
	left:					20px;

	width:					250px;
}

/* Link stuff */
a	
{
/*	color: 			black;*/
	font-size: 		100%;
	font-weight:	bold;
	text-align: 	left;
	margin: 		0px;
	padding: 		0.1em;
	display: 		block; 	/* shows full size block for 'hover', inline compact run-in */
}

	a:link			{color: #6495ED} 		/*  {color: cornflowerblue} */    /* unvisited link */
	a:visited			(color: #87CEFA}  		/*	{color: lightskyblue}  	*/	/* visited link */
	a:hover			{color: red}  			/*	{color: red}  			*/	/* hover link */
/*	a:hover			{background: #FFFACD}*/	/*{background: lemonchiffon}*/  /* hover link */
	a:hover			{background: #FFFAF0;	/*floralwhite;*/
	a:active		{color: black}   		/*	{color: black}   		*/	/* selected link */

/* list stuff */
li 
{
	margin: 		0px;
	padding: 		0.2em;
/*	border:			0px dotted grey;*/
}

ul 
{
	position: 			relative; 
	left: 				-25px;
	list-style-type:	disk; /* disk square circle */
	color: 				#FFA500;	/*orange;*/
	font-weight: 		bold;
}