/**
 * 100% height layout with header and footer
 * ----------------------------------------------
 * Feel free to copy/use/change/improve
 */

html,body {
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
	background:#333333;
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:small;
	color:#170E09;
	behavior:url("csshover.htc");
}

.clear { clear:both; }

h1 { 
	font:3.5em Verdana, Arial, Helvetica, sans-serif; 
	margin:0.5em 0;
}

h2 {
	font:1.75em Verdana, Arial, Helvetica, sans-serif;
	margin:0 0 0.5em;
	font-weight: bold;
}
	h1, h2, a {
		color:E0DAD4;
	}
#content table {
	border: thin outset #000000;
}


p { 
	line-height:1.2; 
	margin:0 0 1em;
}

div#container {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:900px;
	background:#7F838F;
	
	height:auto; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/

	min-height:100%; /* real browsers */
}

div#header {
	background:#7F838F url("/pics/logo.png") 98% 0px no-repeat;
	border-bottom:2px double gray;
	background-position: absolute-bottom;
	padding-top: 1em;
	padding-right: 0em;
	padding-bottom: 1em;
	padding-left: 0em;
}
	div#header p {
		font-style:italic;
		font-size:1.1em;
		margin:0;
		color:#E0DAD4
	}
div#content {
	padding:1em 1em 5em; /* bottom padding for footer */
	background-color: #7F838F;
}
	div#content p {
		text-align:justify;
		padding:0 1em;
	}

div#footer {
	position:relative;
	width:100%;
	bottom:0; /* stick to bottom */
	background:#7F838F;
	border-top:6px double gray;
}
	div#footer p {
		padding:1em;
		margin:0;
	}


#navi, #navi ul { list-style-type:none; margin:0; padding:0; z-index:2; } /* Style-Reset */
#navcontainer { height:16px; position:relative; }	
#navi { position:absolute; }

#navi li { width:124px; float:left; }
#navi > li { height:16px; overflow:hidden; } /* Normalzustand eingeklappt */

#navi > li:hover { height:auto; overflow:visible; }
  



#navi a { font-weight:bold; text-align:center; display:block; padding:0; width:124px; }
#navi a:link, #navi a:visited { color:#CCCCCC; background:#333333; text-decoration:none; }
#navi a:active, #navi a:hover { color:#CCCCCC; background:#000000; text-decoration:underline; }

.imgfloatright {
	float: right;
	margin-top: 15px;
	margin-right: 15px;
	margin-bottom: 15px;
	margin-left: 15px;
	border: 2px ridge #000000;
}
.centered {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	z-index: 1;
}
.tablefloatright {

	float: right;
	margin-top: 15px;
	margin-right: 15px;
	margin-bottom: 15px;
	margin-left: 15px;
	border: 0;
}

.imgborder {
	border: 2px ridge #000000;
}