body	{font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;  font-size: 100.01%; background-color: #fff; color: #000;}
body, h1, h2, h3, h4, h5, h6, div, p, table, td, ul, ol, li, dd, dt, dl, blockquote, address, hr, pre {margin: 0px; padding: 0px; border: 0px;}	
a, p, li, h1, h2, h3, h4, h5, h6, input {font-weight: normal; font-size: 1em; text-decoration: none;}
img	{border: 0;}

body
{	height:100%;
	max-height: 100%;
	text-align: center;
	background-color: #ddd;
}

#container
{	margin: 5px auto;
	padding: 10px;
	width: 700px;
	height:	100%;
	text-align: left;
	font-size: 62.5%;
	background-color: white;
	border: 1px #a9a9a9;
}

#header
{	background: transparent url(bildmaterial/inklammerdrin.gif) repeat-y left; min-height: 50px;
	margin:  auto;
	padding: 0 0 0 50px;
	text-decoration:none;
	background-color: #C7D6A3;
	border: 1px white;
}

#header h1 		{font-size: 3em; }
#header a:link 		{color: #AAA; font-weight:normal; text-decoration:none;}
#header a:visited	{color: #222; font-weight:normal; text-decoration:none;}
#header a:active	{color: #222; font-weight:bold; text-decoration:none;}
#header a:hover		{color: #888; font-weight:normal; text-decoration:none;}


#einleitung { min-height:  100px; width: 550px; margin-left:  150px; padding: 6px 0 3px 0px;}
#einleitung p { padding: 3px 0px 0px 0px;}


#klammer { background: transparent url(bildmaterial/inklammerdrin.gif) repeat-y left; /* min-height: auto; */
					border-width: 1px; border-style: solid; border-color: #111; padding: 5px;}

				
#namensliste	{	float: left; width: 450px; height: 100%; padding: 0px; margin: 0px; border: 0px white; color: #888; background-color: transparent; }
					
					ul#karte {
						background: url(bildmaterial/landkarte.gif) no-repeat top right;
						height: 400px;
						width: 450px;
						}

					ul#karte li {
						padding: 0 0 0 10px;
						margin: 0;
						line-height:0.9em;
						list-style-type: none;
						}

					ul#karte li a {
						color: #000;
						text-decoration: none;
						}

					ul#karte li a .dot {
						position: relative;
						display: block;
						height: 8px;
						width: 8px;
						background: url(bildmaterial/dotnormal.gif) no-repeat center center;
						text-indent: -20000px;
						}

					ul#karte li a:hover {
						color: #f00;
						}

					ul#karte li a:hover .dot {
						background: url(bildmaterial/dotaktiv.gif) no-repeat center center;
						}

					ul#karte li a#anja .dot {
						top: 142px;
						left: 195px;
						}

					ul#karte li a#dirk .dot {
						top: 317px;
						left: 325px;
						}

					ul#karte li a#elin .dot {
						top:  108px;
						left: 185px;
						}

					ul#karte li a#ella .dot {
						top: 9px;
						left: 265px;
						}

					ul#karte li a#gunnar .dot {
						top: 3px;
						left: 265px;
						}

					ul#karte li a#hilmar .dot {
						top: 67px;
						left: 205px;
						}

					ul#karte li a#ingo .dot {
						top: 50px;
						left: 195px;
						}

					ul#karte li a#johanna .dot {
						top: 23px;
						left: 205px;
						}

					ul#karte li a#marc .dot {
						top: 182px;
						left: 245px;
						}

					ul#karte li a#oskar .dot {
						top: -1px;
						left: 185px;
						}

					ul#karte li a#meike .dot {
						top: -76px;
						left: 275px;
						}

					ul#karte li a#simon .dot {
						top: -99px;
						left: 275px;
						}
						
#person		{ height:  400px; width: 200px; margin:  0 0 0 490px; padding: 0px; background-color: transparent;}
#person li	{text-decoration: none; margin: 0px; padding: 0px 0px 4px 0px; list-style-type: none; line-height: 140%;}
#person h3	{font-size: 1.3em; font-weight: bold; color: #666; margin-top: 10px;}
#person a:link 		{color: #222; font-weight:normal; text-decoration:none;}
#person a:visited	{color: #222; font-weight:normal; text-decoration:none;}
#person a:active	{color: #222; font-weight:bold; text-decoration:none;}
#person a:hover		{color: #888; font-weight:normal; text-decoration:none;}
					
#abschluss  { min-height:  50px; width: 550px; margin-left:  150px; padding: 6px 0 3px 0px;}
#abschluss p { padding: 3px 0px 0px 0px;}

#footer	
{	clear: both;
	height: auto;
	min-height: 12px;
	padding-top:4px;
	font-size: 1em;
	color: #333;
	font-weight:normal;
	text-decoration:none;
	text-align: right;
	background-color: transparent;
	margin-bottom:0px;
}	
#footer a:link 		{color: #222; font-weight:normal; text-decoration:none;}
#footer a:visited	{color: #222; font-weight:normal; text-decoration:none;}
#footer a:active	{color: #222; font-weight:bold; text-decoration:none;}
#footer a:hover		{color: #888; font-weight:normal; text-decoration:none;}