/* *** css by miss monorom www.intensivstation.ch *** */
/* css released under Creative Commons License -  http://creativecommons.org/licenses/by/2.0/deed.en  */

body {
	background-color: #e1ddd9;
	font-size: 0.8em;
	font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
	color:#564b47;
/*	background-image:url(hg.jpg);*/
	padding:0;
	margin:0;
}
a {color: #008A8A; text-decoration:none;}
a:visited {color:#408080; text-decoration:none;}
a:hover {color: #000000; text-decoration:none;}
a:active { color:#000000; text-decoration:none;}


h1 {
	font-size: 2em;
	font-weight: normal;
 }

h2 {
	font-size: 1.7em;
	font-weight: normal;
}

img.download {vertical-align:middle;}

/* ----------container zentriert das layout-------------- */
#container {
	width: 70em;
	margin: 0 auto;
	padding: 0;
	background-color: #564b47;
}

#map24 {
	width: 220px;
	margin: 0 0 0 2em;
	padding: 0;
}

#bild {
	float: left;
	margin: 0;
	padding: 0px 0px 0px 20px;
	text-align:center;
}


/* ----------banner for logo-------------- */
#banner {
	margin: 0;
/*	margin-top: 2em;*/
	padding: 0;
	background-color: #008A8A;
	vertical-align: middle;
	text-align:center;
}
#banner p{
	margin-left: 0.5em;
	padding: 5px;
	font-size: 3.5em;
	font-weight: 900;
}
#mainnavi {
	margin: 0;
	padding: 0;
	background-color: #564b47;
	color: #008A8A;
	font-size: 1.3em;
}

#mainnavi p{
/*	margin-left: 17em;*/
	padding: 0;
	text-align:center;
}

/* -----------------Inhalt--------------------- */
#content {
	min-height:700px;
	background-color: #ffffff;
	padding: 0;
	margin: 0 0 0 20em;
}

p, pre {
	padding: 0 20px 15px 25px;
	margin:0;
}
ul {
	padding: 0 20px 15px 30px;
	margin: 0 0 0 1.5em;
/*	list-style-type: disc;*/
}
li {
/*	padding: 0 20px 15px 30px;*/
	padding: 0 0 0.3em 0.5em;
	margin:0;
}
pre, code { font-size: 1em;}

h1 {
	padding: 15px 25px;
	margin:0;
}
h2 {
	padding: 5px 25px;
	margin:0;
}

.gross {
	width: 5.71em;
	height: 1.07em;}

/* --------------left navigavtion------------- */
#left {
	float: left;
	width: 20em;
	margin: 0;
	padding:15px 0 0 0;
	color:#ffffff;
	border-top:1px solid #ffffff;
	a:active { color:#000000;}
}
#left ul{
	list-style-type: none ;
	padding: 0 0 0 25px;
	margin: 0;
}
#left ul.borderbottom{
	border-bottom:1px solid #ffffff;
/*	padding: 0 0 10px 25px;*/
	padding: 0 0 0 25px;
}

#left li a {
	font-size: 1.2em;
	text-decoration:none;
}
#left  li li a { font-size: 1em; }
#left li{
	margin: 0;
	padding: 0 0 4px 0;
}
#left li li{
	margin: 0;
	padding: 0 0 3px 0;
}
#left li a.selected {
	margin: 0;
	padding: 0;
	color:#ffffff;
}
#left li a.unselected {
	margin: 0;
	padding: 0;
	color:#008A8A;
}

#left li li a.selected {
	margin: 0;
	padding: 0;
}

#left p {
	text-align: center;
}


/* -----------footer--------------------------- */
#footer {
	clear: left;
	background-color: #ffffff;
	padding: 0;
	padding-left: 2em;
	padding-right: 2em;
	margin: 0;
/*	margin-bottom: 2em;*/
	background-color: #008A8A;
}
#footer a{
    color: #564b47;
    a:visited {color:#564b47;}
    a:hover {color: #000000;}
    a:active { color:#000000;}
}

/* ------------table-------------------------- */
table {
	table-layout: auto;
	border-collapse: collapse;
	width:590px;
	margin: 0 0 0 2em ;
	padding: 0 2em 0 2em;
}
.tr1 {
	background-color: #ffffff;
}
.tr2 {
	background-color: #cccccc;
}
.tr3 {
	background-color: #80C5C5;
}
.td1 {
	border-width: 1px;
	border-style: solid;
	border-color: #008A8A;
	color: #008A8A;
	width: 30%;
}
.td2 {
	border-width: 1px;
	border-style: solid;
	border-color: #008A8A;
	color: #008A8A;
/*	width: 70%;*/
	padding-left: 0.5em;
}
.td3 {
	border-width: 1px;
	border-style: solid;
	border-color: #008A8A;
	background-color: #564b47;
	color: #008A8A;
	text-align: center;
	vertical-align: left;
	font-weight: bold;
	width: 30%;
}
.td4 {
	border-width: 1px;
	border-style: solid;
	border-color: #008A8A;
	background-color: #564b47;
	color: #008A8A;
	text-align: left;
	padding-left: 0.5em;
	vertical-align: left;
}
.td5 {
	border-width: 1px;
	border-style: solid;
	border-color: #008A8A;
	color: #008A8A;
	width: 128px;
	height: 128px;
	text-align: center;
	vertical-align: middle;
}
.clsCursor {  cursor: pointer}

.td_stammbaum {
	border:thin solid #008A8A;
	height:4em;
	font-size: 0.7em;
}
.div_stammbaum_1 {
	position:absolute;
	border:1px solid #008A8A;
	vertical-align:middle;
	height:3em;
	width:20em;
	font-size: 0.7em;
	padding: 0.7em 0em 0.7em 0.7em;
	margin-left: 1em;
	margin-bottom: 1em;
	margin-right: 0em;
}
.div_stammbaum_2 {
	position:absolute;
	border:1px solid #008A8A;
	vertical-align:middle;
	height:3em;
	width:20em;
	font-size: 0.7em;
	padding: 0.7em 0em 0.7em 0.7em;
	margin-left: 23em;
	margin-bottom: 1em;
	margin-right: 0em;
}
.div_stammbaum_3 {
	position:absolute;
	border:1px solid #008A8A;
	vertical-align:middle;
	height:3em;
	width:20em;
	font-size: 0.7em;
	padding: 0.7em 0em 0.7em 0.7em;
	margin-left: 45em;
	margin-bottom: 1em;
	margin-right: 0em;
}
.green {
	color: #008A8A;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}