/* CSS Style Sheet */

/* GLOBAL STYLES */
body		{	background:	#6699CC;
				font:		normal 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
				border:		0px;
				padding:	0px;
				margin:		-100px 0px 30px 0px;
				color:		#000000;
			}
img			{	border:		none;
			}
a,
a:link,
a:visited,
a:active	{	text-decoration:	none;
				color:		#003366;
			}
a:hover		{	text-decoration:	underline;
				color:		#660033;
			}
h1			{	font-size:	1.5em;
				color:		#6699CC;
			}
h2			{	font-size:	1em;
				color:		#6699CC;
			}
ul			{	list-style-type:	none;
				margin:		0px;
				padding:	0px;
				padding-left: 10px;
			}
/* ID STYLES */
#site		{	margin:		0px auto;
				padding:	0px;
				width:		855px;
				background:	#ADD8E6;
				z-index:	10;
				text-align: left;
			}
#logo		{	position:	relative;
				top:		120px;
				left:		420px;
				z-index:	999;
				width:		1;
				height:		1;
				display:	block;
			}
/*------------------------------------------------------*/			
#head		{	position:	relative;
				height:		20px;
				width:		855px;
				z-index:	20;
			}
#body		{	position:	relative;
				min-height:	760px;
				width:		685px;
				clear:		left;
				padding:	20px 20px 20px 150px;
				z-index:	30;
			}
#foot		{	position:	relative;
				height:		20px;
				width:		855px;
				clear:		left;
				z-index:	20;
			}
/*------------------------------------------------------*/
#tl			{	width:		20px;
				height: 	20px;
				background:	url(img/tl.gif) no-repeat;
				position:	relative;
				float:		left;
				z-index:	40;
			}
#tr			{	width:		20px;
				height:		20px;
				background:	url(img/tr.gif) no-repeat;
				position:	relative;
				float:		left;
				z-index:	40;
			}
#bl			{	width:		20px;
				height:		20px;
				background:	url(img/bl.gif) no-repeat;
				position:	relative;
				float:		left;
				z-index:	40;
			}
#br			{	width:		20px;
				height:		20px;
				background:	url(img/br.gif) no-repeat;
				position:	relative;
				float:		left;
				z-index:	40;
			}
#content	{	padding:	0px;
				min-height:	500px;
				position:	relative;
				float:		left;
				z-index:	30;
			}
#menu		{	width:		138px;
				top:		150px;
				left:		0px;
				padding:	0px;
				position:	absolute;
				float:		left;
				z-index:	1000;
				overflow:	hidden;
			}
#menu ul	{	padding:	0px;
				margin:		0px;
			}
#menu li	{	width:		138px;
				display:	block;
				font-size:	10px;
				color:		#660033;
				font-weight:bold;
				line-height:16px;
				border-bottom:	1px solid #ADD8E6;
				background-color:	#6699CC;
			}
#menu li:hover	{	background-color:	#660033;
					color:				#6699CC;
					text-decoration:none;
					font-weight:	bold;
				}
#menu a	{	display:	block;
			padding:	8px 10px 10px 20px;
			font-weight:bold;
			letter-spacing: 0.05em;
			line-height:16px;
			background-color:	#6699CC;
			color:		#660033;
			}
#menu a:hover	{	background-color:	#660033;
					color:				#6699CC;
					font-weight:		bold;
					text-decoration:	none;
				}
/* CLASS STYLES */

.hori		{	width:		815px;
				height:		20px;
				position:	relative;
				float:		left;
				z-index:	20;
			}
.l			{	text-align:	left;
			}
.c			{	text-align:	center;
			}
.r			{	text-align:	right;
			}
.j			{	text-align:	justify;
			}
.pic_left	{	float:		left;
				margin:		5px;
			}
.pic_right	{	float:		right;
				margin:		5px;
			}
.verkleidung {	margin:			0px auto;
				margin-left:	5px auto;
				padding-left:	5px;
			}