/* General Style */ 
body {
	background:#DCDCDC;
	font-size:100%;
	margin:0em;
	padding:0em;
}

h1 {
	font-size:2.1em;
	line-height:1.8em;
	font-family:Helvetica;
	font-weight:100%;
	color:white;
	margin:0em;
}
form{
	margin:0px;
}
h2 {
	font-size:1.563em;
	line-height:1em;
	font-family:Helvetica;
	font-weight:100%;
	color:black;
	margin-top: -.7em;
	padding:.2em .1em .1em .5em;
	text-align:left;
}

p {
	line-height:1.25em;
	font-family:Helvetica;
	font-weight:100%;
	color:black;
	margin:0em;
	padding:0.5em 0.5em 0.5em 1em;
	text-align:justify;
}

ul {
	margin:0px;
	padding:0px;
}

li {
	list-style:square;
	font-family:Helvetica;
	font-weight:100%;
	color:#2F2D2C;
	line-height:1.25em;
	margin:0em;
	padding:0em;
	margin:0.313em 0em 0.313em 0em;
	float:left;
}

img {
	width:90%;
	height:auto;
	max-width:100%;
}
a {
	text-decoration: none;
	color: black;
	font-family: Helvetica;
}
.admin_chk{
	margin:0em;
	padding:0em;
	height:1.25em;
}
.li_link{
	cursor:pointer;
}
.user_dialog{
	font-size:100%;
	width:99%;
}
/* On Top Bar */
#menubar {
	display:block;
	background:#FFFFFF;
}
#a_main_menu{
		display:none;
} 
#menubar ul {
	display:block;
	width:2em;
	padding:0.9em;
}
#menubar ul li {
	display:inline;
}
#menubar ul li a.menubutton {
	display:none;
}
#menubar ul li img {
	max-height: 16px;
        max-width: 16px;
}
/* Header */ 
header {
	display:block;
	background:#0898DB;
	text-align:center;
	border-bottom: 1em solid white;
}
button:disabled{
	opacity:.5;
}
.div_table{
	height:20em;
	overflow-y: auto;
	overflow-x:hidden;
	margin-left:-.5em;
	padding-top:0.75em;
	padding-right: .5em;
}
.tt2{
    font-size:50%;
    line-height: 0.5em;
}
.tt75{
    font-size:75%;
    line-height: 0.75em;
}
.quelle{
	line-height: 1em;
    padding: 0em;
    text-decoration: underline;
}
.modual{
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 10000;
  background-color: #dedede;
  opacity: .9;
  top: 0px;
  left: 0px;
  margin: 0px;
  padding: 0px;
  overflow: hidden;
  display: none;
}
.Login{
  width: 22em;
  height: auto;
  position: absolute;
	border: 1px solid grey;
	padding: .2em;
  left: 50%;
  margin-left: -11em;
  top: 45%;
  margin-top: -5em;
  background-color: white;
  opacity: 1;
  z-index: 11000;
  display: none;
}
/* Navigation */ 
nav {
	display:block;
	height:2.5em;
	background:#FFFFFF;
	text-align:center;
	box-shadow:2px 2px 10px -5px #4c4948;
	-webkit-box-shadow: 10px 10px 10px -5px #4c4948;
}
nav table:after {
	clear: both;
	content: " ";
	display: block;
	font-size: 0;
	height: 0;
	visibility: hidden;
}
nav table {
	display:block;
	font-size: 1.5em;
    line-height: 1.5em;
}
nav table td {
	border-bottom: 0.188em solid white;
}

nav table td:hover {
	background:#eee;
	border-bottom: 0.188em solid #0898DB;
	visibility: visible;
        z-index: 1000;
}
nav table td:focus {
	background:#eee;
	visibility: visible;
}
nav table td.active {
	border-bottom: 0.188em solid #0898DB;
}


nav table li ul{
	display: inline-block;
	padding:0px;
}
.unter_menu{
	display:none;
	margin-left:1em;
	font-size: .5em;
}
/* Content Area */ 
#main {
	display:inline-block;
	width:96%;
	max-width:980px;
	margin:.5em .5em;
	padding:0em;
}

#main article {
	display:inline-block; 
	width:65.3%; 
	background:#FEFEFE;
	vertical-align: top;
	margin:0em;
	padding:0em;
	text-align:center;
	border-bottom: 0.188em solid #466F84;
	border-right: 0.188em solid grey;
}

#main article #content_img {
	max-width:800px;
	background:#F0F0F0;
	box-shadow:2px 2px 10px -5px #4c4948;
	-webkit-box-shadow:10px 10px 10px -5px #4c4948;
	border-radius: 10px;
	border: 1px solid lightgrey;
}
.arrow{
    height: 43px;
    width: 30px;
	display:none;
    background:url('../galerie/img/arrows.png') no-repeat;
    top:40%;
	position:absolute;
    margin-left:-10px;
    cursor:pointer;
    z-index:5000;
}
.pers{
	cursor:pointer;
	text-decoration:underline;
}
#content_title{
    float:left;
}
#diashow{
    float:right;
    width: auto;
    border: 1px solid lightgrey;
    top: -.9em;
    left:1em;
    position: relative;
}
#main .previous{ background-position:left top;left:0;}
#main .previous:hover{ background-position:left bottom;}

#main .next{ background-position:right top;}
#main .next:hover{ background-position:right bottom;}
#main aside {
	display:inline-block;
	width:30.6%;
	margin-left:1%; 
	padding:1em 0em 0em 0em;
	vertical-align:top;
}

#main aside section {
	margin-bottom:1.563em;
	background:#FFFFFF;
	border-bottom: 0.188em solid #466F84;
	border-right: 0.188em solid grey;
}

#main article h2 {
	padding:1em 1em 0.25em .75em;
}

#main aside section ul {
	padding:0em 1.875em 0.25em 2.5em;
}
#table_auswertung{
	margin-top:-2em;
	margin-left:1em;
	background-color:#dedede;
	width:100%;
	font-size:60%;
	line-height: 1em;
	border:1px solid lightgrey;
}
#table_auswertung thead{
	background-color:#0898DB;
}
.ueberschrift{
	background-color:#0898DB;
	color:white;
}
#table_auswertung img{
	width:16px;
}
.table_steckbrief{
	line-height:1em;
	font-size:80%;
	width:100%
}
.odd, .table_steckbrief thead {
	background:#dedede;
	font-weight:bold;
}
.table_steckbrief tbody td {
	width:20%;
}
.img_steckbrief{
	width:100%;
	margin-bottom:-5px;
	max-width: 200px;
}
.img_ahnenliste_big{
	position: absolute;
	width:100%;
	min-width:120px;
	margin-bottom:-5px;
	margin-left: 30px;
	border: 3px solid gray;
	border-style: outset;
}
.img_spalte{
	width:10px;
	height:10px;
}
#javascript_must_be {
  opacity: 0.93;
  filter: Alpha(opacity=93);
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 99999;
  border-bottom: 2px solid #333;
  padding: 1px;
  text-align: center;
  font-weight: bold;
  color: #000 !important;
  line-height: 20px;
  background-color: orange;
}
/* Footer */ 
footer {
	display:block;
	background:#2F2C2C;
	text-align:center;
        position: fixed;
        bottom: 0px;
        width: 100%;
		z-index: 5002;
}

footer ul {
	display:block;
	width:100%;
	max-width:980px;
	text-align:left;
	margin:0px auto;
}

footer ul li {
	display:inline;
	font-size:0.8em;
	line-height:2.8em;
	color:#E2DBDB;
	padding:0em 0.625em 0em 0.625em;
}
footer ul li a {
	color:#E2DBDB;
}

@media screen and (max-width:800px) {
	body {
		font-size:90%;
	}
}
@media screen and (max-width:650px) {
	#main aside, #main article {
		width:100%;
		display:inline-block;
		margin:0.625em 0em 0.625em 0.25em;
	}
	#diashow{
		top:-.09em;
	}
	#a_main_menu{
            display:none;
	}
}
@media screen and (min-width:600px) {
	nav.nav {
		display:block !important;
		position:static;
		height:auto;
		width:auto;
		text-align:left;
		border-right: 1px solid grey;
		z-index: 5001;
		float: left;
		margin-right: 1%;
		margin-top: -1em;

	}
	#diashow{
		top:-.09em;
	}
	#a_main_menu{
            display:block;
	}

}
@media screen and (max-width:600px) {
    body {
            font-size:86%;
    }
    #menubar ul li a.menubutton {
            display:block;
			position: absolute;
			top: .4em;
			font-size:130%;			
    }
	#a_main_menu{
            display:none;
	}		
	#main{
		margin:.5em auto;
	}
    nav {
        display:none;
		position:absolute;
		top: 4.5em;
		height:auto;
		text-align:left;
		border-right: 1px solid grey;
		z-index: 5001;
	}
    #diashow{
        top:-.5em;;
    }
    h1{
        font-size: 1.5em;
    }
	h2 {
	font-size:1.2em;
		line-height:1em;
		font-family:Helvetica;
		font-weight:100%;
		color:#2F2D2C;
		margin-top: -.7em;
		padding:.2em .1em .1em .5em;
		text-align:left;
	}
}
@media screen and (min-width:1270px) {
	body {
		font-size:100%;
	}
	button{
		padding:.25em;
		font-size:100%;
	}
	select{
		font-size:100%;
	}
	#ul_nav_main{
		display:block;
	}
	#a_main_menu{
        display:none;
	}
	#main{
		max-width:80%;
	}
	#table_auswertung {
		font-size: 70%;
		margin-top: -1em;
	}	
	.div_table{
		height:auto;
	}
	.chk_user{
		display:inline;
		float:right;
		margin:0.8em 0.5em 0em -1em;
	}
}
.country{
    display: inline;
    margin-top: -22px;
    margin-right: 8px;
    height: 16px;    
    float: right;
    background-color: transparent;
    padding: 1px;
}
.flag {
	width: 25px;
	height: 15px;
        cursor: pointer;
	background:url("../images/flags.png") no-repeat;
        opacity: .8;
}
.flag:hover {
    opacity: 1;
}
.flag.flag-de {background-position: -25px 0}
.flag.flag-dk {background-position: -50px 0}
.flag.flag-es {background-position: 0 -15px}
.flag.flag-fr {background-position: -25px -15px}
.flag.flag-gb {background-position: -50px -15px}
.flag.flag-nl {background-position: 0 -30px}
.flag.flag-pd {background-position: -25px -30px}
.controls, .img_controls {
    width: 24px;
    height: 24px;
    cursor: pointer;
    border:hidden;
    display: none;
    background:url("../images/css_sprites.png") no-repeat;
    opacity: .8;
	float:left;
}
.img_c_ahnen {
    width: 21px;
    height: 21px;
    cursor: pointer;
    border:hidden;
    display: inline;
    background:url("../images/css_sprites.png") no-repeat;
	float:left;
	zoom:75%;
}
.controls:hover, .img_controls:hover {
    opacity: 1;
}
.c_male{background-position: -72px -102px;;}
.c_female{background-position: -103px -101px;}
.c_pause {background-position: -9px -188px;}
.c_play {background-position: -39px -188px;}
.c_stop {background-position: -69px -188px;}
.c_lastnews {background-position: -609px -188px;}
.c_pause:hover {background-position: -9px -218px}
.c_play:hover {background-position: -39px -218px;}
.c_stop:hover {background-position: -69px -218px;}
.c_down {background-position: -219px -128px;float:right}
.c_up {background-position: -458px -128px;float:right}
.c_links {background-position: -189px -158px}
.c_plus {background-position: -219px -158px}
.c_minus {background-position: -249px -158px}
.c_mail {background-position: -129px -158px}
.c_quicklinks {background-position: -99px -158px}
.c_gbg {background-position: -99px -248px}
.c_dead {background-position: -370px -69px}
.c_birth {background-position: -340px -69px}
.c_taufe {background-position: -550px -69px}
.c_marriage {background-position: -580px -69px}
.c_user {background-position: -249px -248px}
.c_debug {background-position: -549px -248px}
.c_settings {background-position: -400px -8px}
.c_pageedit {background-position: -490px -38px}

.flip3D{ width: 100%; height: 100%; /* margin:10px; */ /* float:left; */ background: #FFFFFF;}
.flip3D > .front{
	position: absolute;
	-webkit-transform: perspective( 600px ) rotateY( 0deg );
	transform: perspective( 600px ) rotateY( 0deg );
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transition: -webkit-transform .5s linear 0s;
	transition: transform .5s linear 0s;
}
.flip3D > .back{
	position: absolute;
	-webkit-transform: perspective( 600px ) rotateY( 180deg );
	transform: perspective( 600px ) rotateY( 180deg );
	background: #80BFFF; 
	width: auto; 
	height: 100%; border-radius: 7px;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transition: -webkit-transform .5s linear 0s;
	transition: transform .5s linear 0s;
}
.flip3D:hover > .front{
	-webkit-transform: perspective( 600px ) rotateY( -180deg );
	transform: perspective( 600px ) rotateY( -180deg );
}
.flip3D:hover > .back{
	-webkit-transform: perspective( 600px ) rotateY( 0deg );
	transform: perspective( 600px ) rotateY( 0deg );
}