/* G R U N D R A S T E R */

body {
	margin:            		0px; 			/* Browser-Offset auf 0 setzen */
	background-image:  		 url(../bilder/hintergrund.gif);
	background-repeat: 		repeat;
	background-color:  		#CCCCCC; 		/* Hintergrund hellgrau */
}
#einmitten {
 	position:				absolute;
	top:					50%;
	left:					0px;
	width:					100%;
	height:					1px;
	overflow:				visible;			
	text-align:        		center;
}
#container {
	position:				absolute;
	top:					-300px;
	left:					50%;
	margin-left:			-400px;
	border:					0px;
	width:					800px;
	height:					600px;
	background-color:		#FFFFFF; 		/* Hintergrund weiss */
}

/* I N N E N R A S T E R */

#spalte1 {
	position:				absolute;
	top:					1px;
	left:					1px;
	margin:					0px;
	border:					0px;
	width:					200px;
	height:					400px;
	text-align:				left;
}
#spalte2 {
	position:				absolute;
	top:					108px;
	left:					296px;
	margin:					0px;
	border:					0px;
	width:					280px;
	height:					478px;
	text-align:				left;
}
#spalte2top {
	position:				absolute;
	top:					1px;
	left:					296px;
	margin:					0px;
	border:					0px;
	width:					225px;
	height:					585px;
	text-align:				left;	
}
#spalte3 {
	position:				absolute;
	top:					1px;
	left:					650px;
	margin:					0px;
	border:					0px;
	width:					149px;
	height:					585px;
	text-align:				right;
}
#spalte3text_left {
	position:				absolute;
	top:					1px;
	left:					582px;
	margin:					0px;
	border:					0px;
	width:					218px;
	height:					588px;
	text-align:				left;
	
}
.nummer {
	float:					left;
	width:					20px;
	text-align:				left;
}
.beschrieb {
	float:					right;
	width:					129px;
	text-align:				right;
}
.trenner {
	height:					1px;
	width:					100%;
	text-align:				right;
}
#fusszeile {
	position:				absolute;
	top:					586px;
	left:					0px;
	margin:					0px;
	border:					0px;
	width:					800px;
	height:					14px;
	text-align:				left;
	background-color:  		#FFF450; 			/* Hintergrund gelb */
}
#links {
	float:					left;
	width:					520px;
	padding-left:			2px;
	text-align:				left;
}
#rechts {
	float:					right;
	width:					270px;
	padding-right:			2px;
	text-align:				right;
}

/* N A V I G A T I O N */

ul {
	list-style-type:   		none;
    margin:            		0px;
	border:					0px;
	padding:           		0px;
}
li a {
    display:				block;
    margin:            		0px;
	border:					0px;
	padding:           		0px;
	width:					200px;	/* Breite Hotspot */
	height:					25px;   /* Zeilenabstand in der Navigation */
	text-decoration:		none;
}

/* F O R M U L A R */

input {
	margin-bottom:			14px;
	border:					0px;
	height:					16px;
	width:					229px;
	vertical-align:			middle;
	line-height:			16px;
	background-color:		#ECECEC;
}
textarea {
	border:					1px solid #808080;
	background-color:		#FFFFFF;
}
.auswahl {
	height:					12px;
	width:					12px;
	margin-bottom:			2px;
	background-color:		#FFFFFF;
}
input:focus, input:hover {
	border:					0px;
	background-color:		#DBDBDB;
}
input.submit:focus, input.submit:hover {
	border:					1px solid #808080;
	background-color:		#DBDBDB;
}
input.reset:focus, input.reset:hover {
	border:					1px solid #808080;
	background-color:		#DBDBDB;
}
.submit, .reset {
	border:					1px solid #808080;
	height:					16px;
	width:					106px;
	text-align:				left;
	vertical-align:			middle;
	line-height:			16px;
	background-color:		#FFFFFF;
}

/* T E X T F O R M A T E */

.normal, form, input, textarea {
	font-family:       		Verdana, Helvetica, Arial, sans-serif;
	font-style:        		normal;
	font-weight:       		normal;
	font-size:         		10px;
	color:			   		#505050; 			/* Schrift dunkelgrau */
	line-height:       		12px;
}	
	.agenda {
	font-family:       		Verdana, Helvetica, Arial, sans-serif;
	font-style:        		normal;
	font-weight:       		normal;
	font-size:         		8px;
	color:			   		#505050; 			/* Schrift dunkelgrau */
	line-height:       		9px;
}
.gross {
	display:				block;
	margin-top:				10px;
	margin-bottom:			10px;
	font-family:       		Verdana, Helvetica, Arial, sans-serif;
	font-style:        		normal;
	font-weight:       		bold;
	font-size:         		12px;
	color:			   		#505050; 			/* Schrift dunkelgrau */
	line-height:       		15px; 
}
.gross_am_meer {
	display:				block;
	margin-top:				10px;
	margin-bottom:			2px;
	font-family:       		Verdana, Helvetica, Arial, sans-serif;
	font-style:        		normal;
	font-weight:       		bold;
	font-size:         		12px;
	color:			   		#505050; 			/* Schrift dunkelgrau */
	line-height:       		15px; 
}
.legende {
	margin-top:				5px;
	margin-bottom:			25px;
	border:					0px;
	width:					220px;
	font-family:       		Verdana, Helvetica, Arial, sans-serif;
	font-style:        		normal;
	font-weight:       		normal;
	font-size:         		9px;
	color:			   		#505050; 			/* Schrift dunkelgrau */
	line-height:       		11px;
	text-align:				left;
}
.fett, .aktiv {
	font-weight:       		bold;				/* Schrift fett */
}
.farbe {
	color:			   		red; 			/* Schrift dunkelgrau */
}
a {
	color:			   		#505050; 			/* Link dunkelgrau */
	text-decoration:       	none; 
}
a:hover {
	color:			   		#000000; 			/* Link schwarz */
	text-decoration:       	none; 
}