body {
	background-color:#FFEED6;
	font-family:Arial, Verdana;
	font-size:11px;
	color:3C3C3C;
	margin:0px;
	padding:0px;
	line-height:16px;
}
img {
	border:0px;
}
td {
	font-size:11px;
}
th {
	text-align:left;
}
/*Page layout */
#top {
	width:100%;
	height:120px;
	background-color:#D9E0EB;
	background-image:url(../img/logo.gif);
	background-repeat:no-repeat;
	background-position:99% 28px;
}
#werbebanner {
	padding:16px 0px 0px 12px;
	float:left;
}
#container {
	border-top:solid 12px #FFC777;
	clear:both;
	font-size:11px;
	width:100%;
	background-color:#FFEED6;
	padding-bottom:24px;
}
#container h2{
	font-size:12px;
}
#containerleft {
	width:20%;
	vertical-align:top;
	padding-top:24px;
	padding-left:12px;
}
#containerleft .box {
	width:200px;
	background-color:#ffffff;
	border:1px dotted #999999;
	padding:6px;
	margin-bottom:12px;
	float:left;
}
#containerleft input,#containerright input {
	margin-top:4px;
	margin-bottom:6px;
}

#containerleft ul {
	
	
}
#containerleft ul li {
	font-size:12px;
	line-height:18px;
	list-style-type:upper-roman;
}
#containermiddle {
	width:60%;
	vertical-align:top;
	padding: 24px 12px 12px 12px;
	text-align:center;
}
#content, .content {
	font-size:12px;
	line-height:14px;
	text-align:left;
	display:block;	
}
#content div.box {
	/*clear:both;*/
	background-color:#FFF6EA;
	border:1px dotted #999999;
	padding:8px 8px 8px 8px;
}
#content h1 {
	font-family:Georgia;
	font-size:15px;
}
h2, h3, h4 {
	font-family:Georgia;
	margin-bottom:6px;
}
h3 {
	font-size:11px;
	line-height:12px;
}
#content tr td {
	padding:0px;
	font-size:12px;
	line-height:16px;
}
#content form {
	padding:0px;
	margin:0px;
}
form fieldset {
	padding:0px;
	margin:0px;
	border:0px
}
#content form label{
	clear:both;
	display: block;
	width:40%;
	height:28px;	
	float: left;
	text-align: right;
	padding-right:13px;
	
}
#content form input,select{
	width:142px;
	margin-bottom:8px;
	color:#3C3C3C;
	border:1px solid #999999;
	
}

#content input.readonly {
	color:#999999;
}

#content input.yearDateInput {
	width:80px;

}

#content input.DateInput {
	width:20px;
}

#content legend {
	font-family:Georgia;
	font-weight:bold;
	margin-bottom:16px;
	text-align:left;
	padding:0px;
	margin-left:0px;
}
br.clear {
	border:0px;
	clear:left;
	height:1px;
}
#content div div.description {
	width:40%;
	text-align:right;
	line-height:18px;
	font-weight:bold;
	float:left;
	padding-right:20px;
}
#containerright {
	width:20%;
	vertical-align:top;
	margin-left:15px;
	padding-top:24px;
	padding-right:12px;
}

#containerright .box {
	width:200px;
	background-color:#ffffff;
	border:1px dotted #999999;
	padding:6px;
	margin-bottom:12px;
	float:right;
}

.boxright {
	width:200px;
	background-color:#ffffff;
	border:1px solid #999999;
	padding:6px;
	margin-bottom:12px;
}

/* Homepage TOP TEN */
#topten ul {
	margin:0px 0px 0px 22px;
	padding:0px 0px 4px 8px;
}
#topten ul li {
	line-height:18px;
	list-style:none;
	list-style-type:decimal;
}
#topten td {
	width:33%;
}
#topten th {
	width:33%;
	font-family:Georgia;
	font-size:12px;
	text-align:left;
	margin:0px 0px 8px 0px;
	padding:0px 0px 8px 0px;
	
}
#besttrees td {
	width:50%;
}

#standards {
	float:right;
	padding-right:8px;
	font-size:12px;
}
#standards a {
	color:#000000;
}
#standards a:hover {
	text-decoration:none;
}
#standards ul {
	margin:0;
	padding:4px;
	
}
#standards ul li {
	margin:0;
	padding:0;
	list-style:none;
	display:inline;
	line-height:18px;
	
}
#standards ul li img {
	vertical-align:middle;
	margin:0px 4px 0px 0px;
}

#navigation {
	position:absolute;
	float:left;
	top:93px;
}
#navigationtree {
	position:absolute;
	float:left;
	top:22px;
}
#navigation ul {
	margin:0px 0px 0px 12px;
	padding:0;
	list-style:none;
}
#navigation ul li {
	float:left;
	display:block;
	margin:0 6px 0 0px;
	padding: 5px 10px 5px 10px;
	font-size:12px;
	border-left:1px solid #ACACAC;
	border-top:1px solid #FFFFFF;
	border-right:1px solid #FFFFFF;
	background-color:#FDDBAC;
}
#navigation ul li.aktiv {
	background-color:#FFC777;
	font-weight:bold;
}
#navigation ul li.aktiv a{
	text-decoration:none;
}
#navigation a {
	color:#000000;
	text-decoration:none;
	font-weight:bold;
	
}
#navigation a:hover {
	text-decoration:none;
}

/* STAMMBAUM AUSAGABE */
div#treestart {
	width:300px;
	border:1px solid #999999;
	background-color:#ffffff;
	line-height:20px;
	vertical-align:top;
	padding:4px;
	font-size:12px;
}
div#treestart input{
	float:right;
	margin-left:4px;
}
table.tree{
	border:0px;
}
#treecontainer {
	padding:12px;
	background-color:#FFEED6;
}
div.person {
	border:1px solid #999999;
	background-color:#ffffff;
	padding:5px;
	width:100px;
	font-size:9px;
	margin-bottom:4px;
}

div.partner-m-white {
	border:1px solid #999999;
	background-color:#ffffff;
	background-image:url(../img/symbol-m-klein.gif);
	background-repeat: no-repeat;
	background-position: 4px;
	padding:5px;
	width:100px;
	font-size:9px;
	padding-left:17px;
}

div.partner-w-white {
	border:1px solid #999999;
	background-color:#ffffff;
	background-image:url(../img/symbol-w-klein.gif);
	background-repeat: no-repeat;
	background-position: 4px;
	padding:5px;
	width:100px;
	font-size:9px;
	padding-left:17px;
}
div.partner-m-pink {
	border:1px solid #999999;
	background-color:#FDCDCD;
	background-image:url(../img/symbol-m-klein.gif);
	background-repeat: no-repeat;
	background-position: 4px;
	padding:5px;
	width:100px;
	font-size:9px;
	padding-left:17px;
}
div.partner-w-pink {
	border:1px solid #999999;
	background-color:#FDCDCD;
	background-image:url(../img/symbol-w-klein.gif);
	background-repeat: no-repeat;
	background-position: 4px;
	padding:5px;
	width:100px;
	font-size:9px;
	padding-left:17px;
}
div.partner-m-blue {
	border:1px solid #999999;
	background-color:#C2CBFF;
	background-image:url(../img/symbol-m-klein.gif);
	background-repeat: no-repeat;
	background-position: 4px;
	padding:5px;
	width:100px;
	font-size:9px;
	padding-left:17px;
}
div.partner-w-blue {
	border:1px solid #999999;
	background-color:#C2CBFF;
	background-image:url(../img/symbol-w-klein.gif);
	background-repeat: no-repeat;
	background-position: 4px;
	padding:5px;
	width:100px;
	font-size:9px;
	padding-left:17px;
}
div.partner-m-yellow {
	border:1px solid #999999;
	background-color:#FFFEBF;
	background-image:url(../img/symbol-m-klein.gif);
	background-repeat: no-repeat;
	background-position: 4px;
	padding:5px;
	width:100px;
	font-size:9px;
	padding-left:17px;
}
div.partner-w-yellow {
	border:1px solid #999999;
	background-color:#FFFEBF;
	background-image:url(../img/symbol-w-klein.gif);
	background-repeat: no-repeat;
	background-position: 4px;
	padding:5px;
	width:100px;
	font-size:9px;
	padding-left:17px;
}

div.children {
	border:1px solid #999999;
	background-color:#ffffff;
	padding:5px;
	width:100px;
	font-size:9px;
	margin-top:4px;
	margin-bottom:4px;
}

div.married {
	background-color:#E9E9E9;
	border:1px solid #999999;
	border-bottom:0px;
	background-image:url(../img/symbol-heirat.gif);
	background-position: 4px;
	background-repeat: no-repeat;
	padding:5px;
	font-size:9px;
	width:100px;
	padding-left:17px;
}

div.divorced {
	background-color:#E9E9E9;
	border:1px solid #999999;
	border-top:0px;
	background-image:url(../img/symbol-scheidung.gif);
	background-position: 4px;
	background-repeat: no-repeat;
	padding:5px;
	font-size:9px;
	width:100px;
	padding-left:17px;
}

div.friend {
	background-color:#E9E9E9;
	border:1px solid #999999;
	border-bottom:0px;
	background-image:url(../img/symbol-mw-freund.gif);
	background-position: 2px;
	background-repeat: no-repeat;
	padding:5px;
	font-size:9px;
	width:100px;
	padding-left:17px;
}

div.line-vertical {
	background-image:url(../img/klammer.gif);
	background-position: left;
	background-repeat: no-repeat;
	padding-left:28px;
	margin-left:4px;
}

/* Profil Ansicht */
#profile {
	width:320px;
	border:1px solid #999999;
	display:none;
}
#profile table tr td {
	font-size:11px;
	vertical-align:top;
	line-height:14px;
}
.label {
	color:#666666;
}
#topbanner {
	background-color:#B0B0B0;
	color:#ffffff;
	font-weight:bold;
	text-align:right;
	width:400px;
	height:17px;
}
#topbanner img {
	margin-right:2px;
}

#profile h2 {
	font-size:12px;
	padding-left:8px;
}

#profile div.padding {
	padding-left:8px;
}

.thumb {
	float:left;
	margin-right:8px;
	padding-left:8px;
}
#account {
	width:100%;
	margin:0;
	padding:0;
}
.button {
	background-color:#C6CCD5;
	border:1px solid #999999;
}
#note {
	overflow:hidden;
	height:64px;
	float:left !important;
	width:250px !important;
	text-align:left;
	margin-bottom:16px;
	color:#3C3C3C;
	border:1px solid #999999;
}
.filebutton {
	width:250px !important;
}
div.textfeld {
	height:70px !important;
}
#content input.buttonsmall {
	width:60px;
	background-color:#C6CCD5;
	border:1px dotted;
}
#content input.checkbox {
	width:13px;
}
#content fieldset div {
	line-height:22px;
	vertical-align:top;
}
#content fieldset div span{
	line-height:22px;
	vertical-align:top;
}
#note {
	width:240px;
	float:right;
}
#account td {
	vertical-align:top;
}

table.people th{
	text-align:left;
	font-size:12px;
	padding-bottom:8px;
}
table.people td{
	vertical-align:top;
}
#imgupload {
	width:150px;
	float:right;
	margin-right:4px;
	margin-left:4px;
}
span.error {
	line-height:16px;
	vertical-align:top;
	color:red;
	margin: 4px 0 4px 0px;
}
.copyright {
	padding-left:20px;
	font-size:11px;
}
div.code {
	display:none;
	padding:4px 4px 4px 4px;
	border:1px dotted #999999;
	background-color:#EFEFEF;
}
code {	
	font-family: monosize; 
	white-space: pre; 
}