@charset "utf-8";

/*
	color swatches

	#ec8b1a		font orange (hover on buttons & menu)
	#1a2533		font blue dark (main text)
	#8a9099		font grey (impressum)
*/

/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*\
											MISC	*|
\*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

/* 
this class should be placed on a div or break element
and should be the final element before the close of a
container that should fully contain its child floats
*/
.clearfloat {
	clear: both;
    height: 0px;
    font-size: 1px;
    line-height: 0px;
}

/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*\
											BASIC	*|
\*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

html, body {
	margin: 0;
	padding: 0;
	height: 100%;
}

html {
	overflow-y: scroll;				/* always show vertical scrollbar (CSS3) */
}

body {
	color: #1a2533;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	text-align: center;				/* center #container for IE 5* browsers */
	background-color: #000000;
}

img {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: text-bottom;	/* align e-mail gfx in impressum & footer */
}

h1, h2, h3, h4, h5, h6, p {
	margin: 0 7px;
	padding: 0;
}

h1 {
	padding: 25px 10px 0.5em 10px;
	color: #ec8b1a;
	text-align: center;
	font-size: large;
}

h2 {
	padding: 1.25em 10px 0.5em 10px;
	color: #ec8b1a;
	font-size: medium;
	font-variant: small-caps;
}

h3 {
	padding: 1em 10px 0.1em 15px;
}

p {
	padding: 0 10px 1em 15px;
	line-height: 1.5;
}

a:link,
a:visited {
	color: #1a2533;
	text-decoration: none;
}

a:hover,
a:active,
a:focus
{
	color: #ec8b1a;
	text-decoration: none;
}

ul {
	margin: 0 7px;
	padding: 0 10px 1.25em 35px;

	list-style-type: disc;
	list-style-image: none;
/*	list-style-image: url(../gfx/loading.gif);	*/
		
	line-height: 1.5;
}


/* no javascript alert (align center) */
.jsAlert1 {
	margin: 0 auto;
	padding: 0 0 8px 0;
	color: #ff0000;
	text-align: center;
	line-height: 1.5;
}

/* 
	no javascript alert (align left) 
	for use with common paragraphs
*/
.jsAlert2 {
	margin: 0 7px;
	padding: 0 10px 1em 15px;
	color: #ff0000;
	text-align: left;
	line-height: 1.5;
}

/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*\
											MAIN	*|
\*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

#container {
	margin: 0 auto;
	padding: 0;
	width: 1000px;
	height: 575px;
	text-align: left;
}

#floater {
	width: 1px;
	height: 50%;
	margin-bottom: -320px;		/* for vertical center use half of #main height */
	float: left;
}

#main {
	width: 1000px;
	height: 575px;
	min-height: 575px;
	
	margin: 0;
	padding: 0;
	
	clear: left;
/*	overflow: auto;	*/
}

#footer {
	margin: 0 auto;
	padding: 0 42px 42px 42px;
}