/* *** Style TC Geesthacht *** */

body {
	background-color: 		#2A530;
	font-size: 					13px;
	font-family: 				Arial, Sans-Serif;
	color:						#564b47;
	padding:						0px;
	margin:						0px;
}
th, td {
	font-size: 					13px;
	font-family: 				Arial, Sans-Serif;
	color:						#564b47;
	vertical-align:			top;
}

/* ----------container to center the layout-------- */
#container {
	width: 						99%;
	float:						left;
	min-width:					980px;
	padding:						0px;
	margin-left: 				auto;
	margin-right: 				auto;
}
/* Mindestbreite auch fuer IE */
#container {
	width:		expression(document.body.clientWidth  < 980? "980px": "auto" );
}



/* ----------banner for logo-------------- */
#banner {
	background-image:			url(bilder/kopf2.jpg);
	background-repeat:		no-repeat;
	background-position:		right top;
	position:					relative;
	top:							1px;
	float:						left;
	width:						100%;
	min-width:					980px;
	padding: 					0px;
	margin-bottom: 			5px;
}

#banner img.schrift {
	position: 					absolute;
	top:							40px;
	left:							180px;
}

#servicemenu {
	background-image:			url(/images/schrggrn.gif);
	background-repeat:		no-repeat;
	background-position:		left top;
	background-color: 		#049244;
	position:					absolute;
	bottom:						1px;
	right:						1px;
	bottom:						0px;
	width:						84%;
	float:						right;
	font-family: 				Verdana, Arial, Sans-Serif;
	font-size:					15px;
	text-align: 				left;
	font-weight:				bold;
	padding:	 					3px 0px 0 30px;
	height:						25px;
}
#servicemenu a {
	color:					#FFFFFF;
	text-decoration:		none;
	margin:					0 10px 0 10px;
	padding:					0 5px 2px 5px;
}
#servicemenu a:hover {
	color:					#049244;
	background-color:		#DCEBE3;
}

/* ----------outer and inner----------------- */

#outer{
	float: 				left;
	width:				100%;
	min-width:			980px;
	clear:				left;
}

/* --------------left and right navi------------- */
#left {
 width:						20%;
 min-width:					200px;
 max-width:					200px;
 min-height:  				400px;
 overflow:					visible;
 background-color:		#E0E0E0;
 float:						left;
 position:					relative;
 margin-top:				20px;
}

#right, #rightbox {
 width:						20%;
 min-width:					200px;
 max-width:					200px;
 min-height:				400px;
 overflow:					visible;
 float:						right;
 margin:	  					20px 0 5px -200px;
}
#rightbox {
 min-width:					200px;
 max-width:					200px;
 margin-left:				-200px;
 background-color:		#DCEBE3;
 border:						1px solid #888888;
 margin-top:				20px;
}

/* Mindesthoehe auch fuer IE */
#rightbox, #left {
	height:		expression("400px");
}


/* -----------------content--------------------- */
#content, #contentbreit {
	float:					left;
	margin:					15px 10px 10px 20px;
	width:					56%;
	padding-right:			250px solid #FFFFFF;
}
#contentbreit {
	width:					76%;
	border-right:			0px;
}

/*  ----------------footer---------------------- */
#footer {
	clear:					left;
	background-color:		#049244;
	color:					#FFFFFF;
	height:					14px;
	font-size:				0.85em;
	padding:					3px;
	margin:					0px;
	text-align: 			center;
}
#footer a{
	color:					#FFFFFF;
}


/*- Menu --------------------------- */

#menu {
	font-family: 				Verdana, Arial, Sans-Serif;
	font-size: 					12px;
	margin: 						0 0 2px 0;
	border-bottom:	 			2px solid #FFFFFF;
}

#menu a.m0, #menu a.m0:link, #menu a.m0:visited {
	color:						#FFFFFF;
	background-color:			#049244;
	height: 						20px;
	text-decoration: 			none;
	display: 					block;
	padding: 					5px 0 5px 10px;
	font-size: 					14px;
	font-weight:				bold;
}
#menu a.m0:hover {
	background-color:			#E0E0E0;
	color:						#049244;
}

#menu a.m1, #menu a.m1:link, #menu a.m1:visited, #menu a.m1aktiv {
	background-color:			#E0E0E0;
	color: 						#049244;
	border-top:					2px solid #FFFFFF;
	min-height: 						18px;
	text-decoration: 			none;
	display: 					block;
	padding: 					5px 0 5px 10px;
	font-size: 					14px;
	font-weight:				bold;
}

#menu a.m1:hover, #menu a.m1aktiv {
	background-color:			#049244;
	color:						#FFFFFF;
}

#menu a.m2, #menu a.m2:link, #menu a.m2:visited, #menu a.m2aktiv {
	background-color:			#FFFFFF;
	color: 						#444444;
	height: 						16px;
	text-decoration: 			none;
	display: 					block;
	padding: 					3px 0 3px 10px;
	margin:						0 0 0 10px;
}

#menu a.m2:hover, #menu a.m2aktiv {
	background-color:			#DCEBE3;
}

#menu a.m3, #menu a.m3:link, #menu a.m3:visited, #menu a.m3aktiv {
	color: 						#191919;
	height: 						16px;
	text-decoration: 			none;
	display: 					block;
	padding: 					2px 0 0 10px;
	margin:						0 0 0 15px;
}

#menu a.m3:hover, #menu a.m3aktiv {
	background-color:			#B0B0B0;
}

#menu a.m1aktiv, #menu a.m2aktiv, #menu a.m3aktiv {
	background-image:			url(/images/list_image.gif);
	background-repeat:		no-repeat;
	background-position:		right center;
}






a, a:active {
	color: 					#00A657;
}
a:visited {
	color:					#005F2A;
}
a:hover {
	color: 					#63B77B;
}


h1 {
	font-family: 				Verdana, Arial, Sans-Serif;
	font-size: 					20px;
	text-transform:			uppercase;
	font-style:					italic;
	font-weight:				bold;
	letter-spacing:			1px;
	color:						#049244;
	padding:						10px 0 0 0;
	margin-bottom:				10px;
}


h2 {
	font-size:					14px;
	font-weight: 				bold;
	color:						#049244;
	padding: 					5px 10px 5px 0;
	margin:						0px;
}
#left h2, #right h2, #rightbox h2 {
	color:						#FFFFFF;
	background-color: 		#049244;
	text-align:					center;
	margin:						0px;
	padding:			 			5px 0 5px 0;
}


#left div.block, #right div.block, #rightbox div.block {
	padding:						10px 5px 10px 5px;
	border-bottom:				1px solid #888888;
}

div.sitemap {
	padding:						10px;
}
div.sitemap a.m1 {
	margin-left:				10px;
}
div.halb {
	float:						left;
	width:						47%;
	padding-right:				1%;
}

ul {
	margin-top:					0;
	margin-bottom:				0;
	padding-top:				0;
}
li {
	list-style-type:			square;
	list-style-image:			url(images/list_image.gif);
	margin-bottom:				3px;
}
blockquote {
	margin-top:					5px;
	margin-bottom:				3px;
}

img.bild {
	margin:						5px;
}
img.rechts {
	float:						right;
	margin:						0 0px 3px 5px;
}

div.zentriert, div.center {
	text-align:					center;
}

/* Definition der versch. Templates */
div.abschnitt {
	padding:	  					5px 0 0 0;
	clear:						right;
}
div.rechts {
	float:						right;
	margin-left:				10px;
	width:						250px;
	overflow:					visible;
}
a.titel, span.titel, h3 {
	font-size:					1.1em;
	font-weight:				bold;
}

/*- Formulare --------------------------- */
form, form table {
	width:						500px;
	border-width:				0px;
	border-spacing:			0px;
}
form td {
	padding:						2px 0 2px 5px;
}
form tr.kopf, form tr.fuss, form tr.kopf {
	background-color:			#00A657;
	height:						20px;
	font-weight:				bold;
	color:						#FFFFFF;
}
form tr.fuss {
	background-color:			#909090;
}
form tr.zeile {
	border-bottom:				1px solid gray;
	vertical-align:			top;
}
form tr.grau {
	background-color:			#C7E6D8;
}
input, textarea {
	width:						300px;
	float:						right;
	font-size:					13px;
	font-family: 				Arial, Sans-Serif;
	padding:						2px;
	border:						1px solid #606060;
}
form .pflicht {
	background-color:			#C7E6D8;
	border-width:				1px;
	border-color:				#000000;
}
input.knopf {
	border:						1px solid #191919;
	padding:                0 5px 0 5px;
	background-color:			#00A657;
	color:						#FFFFFF;
	font-weight:				bold;
	width:						auto;
}


/*- Druckausgabe --------------------------- */


@media print {

#container {
	width:					650px;
}

#outer{
	border-left: 			0;
	margin:					0;
	padding:					0;
}

#content, #contentbreit {
	padding:					0;
	margin:					0;
	width:					600px;
}
#contentbreit{
	width:					100%;
}


#left, #menu, #servicemenu, .noprint {
	visibility:					hidden;
	display:						none;
	width:						1px;
}

#footer {
	color:					#191919;
	border:					none;
}

}