* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 background-image: url(images/hg.jpg);
 background-attachment:fixed;
 padding-top: 0px;
}
.gaeste   {
padding-top: 18px;
}
#wrapper { 
 margin: 0 auto;
 width: 1022px;
 padding-bottom: 10px;
}
#header {
 width: 1022px;
 height: 145px;
 margin: 0px 0px 0px 0px;
 background-image: url(images/header.png);
 border-top-right-radius: 15px;
 border-top-left-radius: 15px;
}

#content {
 width: 998px;
 color: #000000;
 background: #FFFFFF;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 float:left;
 border-left: 2px solid #0C374D;
 border-right: 2px solid #0C374D;
 border-bottom: 10px solid #0C374D;
}

#navigation {
 width: 1022px;
 height:30px;
 margin: 0px 0px 0px 0px;
}

#footer {
 width: 1022px;
 text-align:right;
 color: #FFFFFF;
 font-size: 13px;
 background: #0C374D;
 margin: 0px 0px 0px 0px;
 padding-left: 0px;
 border-bottom: 10px solid #0C374D;
 border-bottom-right-radius: 15px;
 border-bottom-left-radius: 15px;
}
a {
	color: #0000CC;
	text-decoration: none;
}
a:hover {
	color: #33CC00;
}
.fuss a {
	color: #FFFFFF;
	font-size: 14px;
    font-weight:bold;
    font-style:italic;
	text-decoration: none;
}
.fuss a:hover {
	color: #33CC00;
}
.menu{
    width: 1002px;
    border:none;
    border:0px;
    margin:0px;
    padding:0px;
    font-size:16px;
    font-weight:bold;
    }
.menu ul{
    background:#0C374D;
    height:30px;
    list-style:none;
    margin:0;
    padding:0;
    }
    .menu li{
        float: left;
		padding-left:0px;
        }
    .menu li a{
        background:#0C374D;
        color:#FFFFFF;
        display:block;
        font-weight:normal;
        line-height:30px;
        margin:0px;
        padding:0px 10px 0px 10px;
        text-align:center;
        text-decoration:none;
        }
        .menu li a:hover, .menu ul li:hover a{
            background: #99CC00;
            color:#FFFFFF;
            text-decoration:none;
            }
    .menu li ul{
        background: #0C373D;
        display:none;
        height:auto;
        padding:0px;
        margin:0px;
        border:0px;
        position:absolute;
        width:250px;
        z-index:260;
        /*top:1em;
        /*left:0;*/
        }
    .menu li:hover ul{
        display:block;

        }
    .menu li li {
        display:block;
        float:none;
        margin:0px;
        padding:0px;
        width:250px;
        }
    .menu li:hover li a{
        background:none;

        }
    .menu li ul a{
        display:block;
        height:14px;
        font-size:13px;
        font-style:normal;
        margin:0px;
        padding:1px 10px 15px 15px;
        text-align:left;
        }
        .menu li ul a:hover, .menu li ul li:hover a{
            background:#99CC00;
            border:0px;
            color:#ffffff;
            text-decoration:none;
            }
    .menu p{
        clear:left;
}

.datumkopf {
	color: #000000;
	font-weight:bold;
	font-size:18px;
}
.ue1 {
	color: #990000;
	text-align:center;
	font-style: italic;
	font-weight:bold;
	font-size:40px;
}
.ue2 {
	font-size:22px;
    color:#000000;
	text-align:center;
    font-style: italic;
	font-weight:bold;
}
.box {
	padding: 10px 10px 10px 10px;
	float: inherit;
}
.boxhome {
    background-image:url(images/baum.jpg);
	padding: 10px 10px 10px 10px;
	float:left;
	width:740px;
}
.boxgeburt {
	padding: 10px 10px 10px 10px;
	width:210px;
	float: right;
	border: 2px solid #0C374D;
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	    -ms-border-radius: 15px;
	     -o-border-radius: 15px;
	        border-radius: 15px;
}
.boxstamm {
    width:108px;
	position: relative;
	background: #ffffff;
	float:left;
}

.stammnamen {
	font-size:12px;
	text-align:center;
}
.stamm {
	color: #000000;
	font-style: italic;
	font-weight:bold;
	font-size:20px;
}
.boxnamen1 {
	padding: 10px 10px 10px 10px;
	float:left;
	width:740px;
}
.boxnamen2 {
	padding: 10px 10px 10px 10px;
	width:700px;
	float: left;
	border: 2px solid #0C374D;
	-webkit-border-radius: 10px;
	   -moz-border-radius: 10px;
	    -ms-border-radius: 10px;
	     -o-border-radius: 10px;
	        border-radius: 10px;
}


.geburtue {
	color: #990000;
	font-weight:bold;
	font-size:18px;
	text-align:center;
}
.geburtname {
	color: #000000;
	font-weight:bold;
	font-size:13px;
}
.geburtalter {
	color: #990033;
	font-weight:bold;
	font-size:12px;
}
.geburtdatum {
	color: #000000;
	font-size:12px;
}
.foto {
	border: 1px solid #FFFFFF;
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	    -ms-border-radius: 15px;
	     -o-border-radius: 15px;
	        border-radius: 15px;
}
.fotoklein {
	border: 1px solid #FFFFFF;
	-webkit-border-radius: 8px;
	   -moz-border-radius: 8px;
	    -ms-border-radius: 8px;
	     -o-border-radius: 8px;
	        border-radius: 8px;
}
.kopf {
	color: #0C374D;
	font-weight:bold;
	font-size:16px;
}
.liste {
	color: #0C374D;
	font-weight:bold;
	font-size:20px;
}
.index {
	color: #FFFFFF;
	font-style: italic;
	font-weight:bold;
	font-size:40px;
}
.besucher {
	color: #000000;
	font-size:14px;
}


/* ################################### Container f�r die Ausgabe ################################### */
#cont_all {
	width:750px;
	margin: 10px auto 10px auto;
}
/* ################################### Breite der News ################################### */
.show_news_container,
.show_news_headline,
.show_news_headline_hover,
.show_news_inhalt,
.show_news_footer,
#formular_make_news,
#formular_titel_headline,
#formular_titel_inhalt,
#formular_titel_footer,
#formular_input_headline,
#formular_input_inhalt,
#formular_input_footer,
.options {
	width:710px;
}
/* ################################### Breite der Formular Input Felder ################################### */
.input_feld , .input_area {
	width: 700px;
}
/* ################################### Suchmaske ################################### */
#input_search {
	background-color:#FFFFFF;
	border:1px solid #A6A39B;
	background-image: url("news_system/data/graphic/lupe.png");
	background-repeat: no-repeat;
	padding-left:20px;
}
/* ################################### Admin Login Dialog ################################### */
#admin_login {
	width:235px;
	margin: 0px auto 0px auto;
	font-weight:bold;
	font-size:smaller;
}
#i_login, #i_pass {
	width:200px;
	margin-top:5px;
	text-align:right;
}
#i_button {
	text-align:right;
	margin:0px 15px 5px 0px;
}

/* ################################### News Anzeige ################################### */

.show_news_container {
	height :auto;
	padding:8px 20px 5px 20px;
	margin:0px auto 20px auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	line-height: 14Px;
/*border:1px solid #544F43;
	-moz-border-radius:8px;*/
/*clear:both;*/
}

.show_news_headline , .show_news_headline_hover {					/* News Headline */
	margin-bottom:5px;
	padding-bottom:5px;
	border-bottom-style:dotted;
	border-bottom-width:1px;
	border-bottom-color:#544F43;
/*clear:both;*/
	cursor:pointer;
}
.show_news_headline_hover {
	background-color:#F1EBC9;
}
.show_news_inhalt {													/* News Inhalt */
/*clear:both;*/
}
.show_news_footer {													/* News Footer */
	margin-top:5px;
	padding-top:5px;
	border-top-style:dotted;
	border-top-width:1px;
	border-top-color:#544F43;
/*clear:both;*/
}
.show_news_admin_buttons {padding-top:10px;}						/* Admin Button Edit und Delete */

.show_news_container a {											/* News Link */
	color: #FF6600;
	text-decoration: none;
	outline: 0;
}

.show_news_container a:hover {										/* ### News hover link ### */
	color: #544F43;
	text-decoration: none;
	outline: 0;
}
.linie {border-top:1px dotted #000000;}								/* Trennlinie (Line) */

/* ################################### Formular News erstellen ################################### */

#formular_titel_headline,											/* Headline */
#formular_titel_inhalt,
#formular_titel_footer,
#formular_input_headline,
#formular_input_inhalt,
#formular_input_footer {
	margin-top:10px;
	font-weight:bold;
}

#formular_input_headline,											/* Headline Input */
#formular_input_inhalt,
#formular_input_footer{
	padding:2px;
	font-weight:normal;
}
.input_feld,														/* Input Felder und Textarea */
.input_area {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size:12px;
}
.input_area {
	height: 260px;
	line-height:16px;
	letter-spacing:1px;
}
#text_format {														/* Zeile f�r Formatierungen etc. */
	padding-top: 5px;
	float:left;
}
#listen_format {													/* Listen */
	padding-top: 5px;
}
#diverse_format {													/* Link, Break, Code.... */
	padding-top: 5px;
}
#make_news_button {													/* Preview, Save, Cancel */
	padding-top: 5px;
}
.show_news_container .bbcode a {									/* Link in BBCode Zeile */
	text-decoration: none;
	outline: 0;
}
.show_news_container .bbcode a:hover {								/* hover in BBCode Zeile */
	text-decoration: none;
	outline: 0;
}
/* ################################### News Formular Bilder  ################################### */
.bilder {}

.bild {
	text-align:center;
	width:120px;
	float:left;
}
.insert {
	text-align:center;
	width:240px;
	float:left;
}
.delete {
	text-align:center;
	width:200px;
	float:left;
}
.options {
	color: #544F43;
	text-align:left;
	padding:2px;
}
/* ################################### News Formular Dateien  ################################### */
.dateien {}

.datei {
	width:auto;
	float:left;
	margin-right:20px;
}
.datei_insert {
	text-align:center;
	width:140px;
	float:left;
}
.datei_delete {
	text-align:right;
	width:100px;
	float:left;
	margin-top:-6px;
}
/* ################################### Buttons und Hover effekt f�r Buttons Seiten Navigation ################################### */

.button_normal,
.button_mover{
	margin: 5px 5px 0px 0px;
	padding:0px 5px 2px 5px;
	background-color: #544F43;
	color: #0C374D;
	background-image: url("news_system/data/graphic/button.png");
	background-repeat: repeat-x;
	height:19px;
	border:1px solid #000000;
	font-size:9px;
	font-weight:bold;
}
.button_mover {
	background-color: #EFEFEF;
	color: #FF6600;
	background-image: url("news_system/data/graphic/button_a.png");
}
/* ################################### ab hier Seiten Navigation ################################### */

.show_news_container .seiten_navi a {
	margin: 5px 3px 0px 0px;
	padding:2px 5px 2px 5px;
	background-color: #544F43;
	color: #F1F1F1;
	background-image: url("news_system/data/graphic/button.png");
	background-repeat: repeat-x;
	height:19px;
	border:1px solid #000000;
	font-size:10px;
	font-weight:bold;
}
.show_news_container .navi_a , .show_news_container .seiten_navi a:hover {
	margin: 5px 3px 0px 0px;
	padding:2px 5px 2px 5px;
	background-color: #EFEFEF;
	color: #FF6600;
	background-image: url("news_system/data/graphic/button_a.png");
	background-repeat: repeat-x;
	height:19px;
	border:1px solid #000000;
	font-size:10px;
	font-weight:bold;
}
/* ################################### Stile und �berschriften ################################### */

.show_news_container .Stil1 {
	color: #FF6600;
}
.show_news_container .Stil2 {
	color: #000000;
}
.show_news_container .Stil3 {
	color: #544F43;
}
.show_news_container h1 {
	font-size:14px;
	font-weight:bold;
	color:#FF6600;
	text-align:center;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
}
/* ################################### Formular "Settings" ################################### */

.settings_beschreibung {
	width:120px;
	float:left;
	margin:5px;
}
.settings_wert {
	width:160px;
	float:left;
	margin:2px;
}
.settings_help {
	padding-top:4px;
	font-size:9px;
}
.clear {
	clear:both;
}
/* ################################### Tooltips ################################### */
.tooltip , .tooltip_breit{
  position: absolute;
  display: none;
  background-color: #FFFFFF;
  width:150px;
  border:1px solid #000000;
  height:auto;
  font-size:10px;
  font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
}
.tooltip_head {
	background-image: url("news_system/data/graphic/button.png");
	background-repeat: repeat-x;
	height:19px;
	text-align:left;
	padding:6px 5px 0px 5px;
	color:#FFFFFF;
	font-weight:bold;
}
.tooltip_content {
	border-top:1px solid #000000;
	padding:5px;
	background-color:#FFFFFF;
	text-align:left;
}
.tooltip_breit {
	width:350px;
}
.code {
	border:1px solid #544F43;
	height:auto;
	width:auto;
	padding:10px;
	overflow:auto;
	background-color:#FFFFFF;
	font-size:12px;
}