html, body { 
/*background:url(images/image1.jpg) #ffffff;*/
background:url(images/background.gif) #ffffff;
background-attachment:fixed; 
scrollbar-face-color: #AACCFF;
scrollbar-highlight-color: #E0F8FF;
scrollbar-shadow-color: #506080;
scrollbar-3dlight-color: #AACCFF;
scrollbar-arrow-color:  #FFFFFF;
scrollbar-track-color: #E0F8FF;
scrollbar-darkshadow-color: #506080;
margin:0;
padding:0px;
border:0; 
overflow : none;
font-family:Verdana,Arial,sans-serif;
color:#4060ef;     /*letter-spacing:1px;*/
font-size:10pt; 
height:100%;
width:100%;
display:block; }

.clear {
clear:both; 
height:1px;}

.gen{ 
font-size : 12px; }

.genmed { 
font-size : 12px; }

.gensmall { 
font-size : 9px; }

.maintitle {
font-size:25px;font-style:italic; } 

.mainoption {
background-color:#FFCC88;
color:#4060ef;}

.liteoption {
background-color:#FFCC88;
color:#4060ef;}

a, a:link, a:active, a:visited {
/*font-weight:bold;*/
text-decoration:underline;
color:#4060ef;}

a:visited {
color:#00008f;}

a:hover{
background: #aaccff;
/* color:#000000;*/ }

#content .cattitle {
	font-size:20px;
	font-weight:normal;
	background-color:#FFCC88; }

#content a:hover{
background: #aaccff;
/* color:#000000;*/ }

.row1{
vertical-align:top;
}

#content .catLeft {font-size:20px;background-color:#FFCC88; }
#content .catLeft a img {font-size:20px;vertical-align:middle;}

#menucontainer {width:160px;height:100%;position:absolute;display:block;top:86px; left:0%; margin:-7px 0px 0px 0px;z-index:2; }
#menutrail {background : transparent url(images/menutrail.gif) repeat-y top right; display:block; width:100%;height:59px;padding:0px 8px 0px 0px; margin: -2px 0px 0px 0px; }
#menutrail img {float:right;} 
#menu {
	background : #AACCFF url(images/grey_horizontal.gif) repeat-y right;
	display:block; 
	background-color:#AACCFF;  
	width:100%;
	color:#4060ef;  
	z-index:3; 
	border: 0px inset #eeeeff; 
	padding:40px 7px 0px 0px;
	margin: 0px 0px 0px 0px;}

#menu a.txt, #menu a.txt:link {
	display:block;  
	color: #4060ef;
	background-color:#AACCFF;
	background:url(images/button.gif); 
	border: 1px outset #eeeeff;
	margin: 0px 0px 2px; 
	font-size:10px; 
	text-align:center;
	text-decoration:none;
	padding:1px ;}

#menu a.txt:hover {background:#FFFFFF;background-image : none; text-decoration: none;color: #4060ef;}

#menu a.img{display:block;width:100%;height:50px;background:transparent;}
#menu a.img img{display:block;width:100%;height:100%;background:transparent;}

#menu a img {border:0px;}
#content img {border:0px;}
#topper  img {border:0px;}

#topleft {position:absolute; display:block; top:86px; left:160px; width:25px; height:25px; background : transparent url(images/left_top.gif) left top; color:#4060ef; z-index:3; border:0px outset #ccccff;margin: -7px 0px 0px 0px;}

#topper {position:absolute; 
         display:block; 
         top:0%; 
         left:0%; 
         width:100%; 
         height:86px; 
         background:url(images/grey_vertical.gif) repeat-x 0% 100%; 
         /* background-repeat:repeat-x; */ 
         font-size:25px; 
         font-style:italic; 
	   font-weight: bold;
         line-height:120%;
         overflow:hidden;
         text-align:center; 
         color:#4060ef;
         color:#ffffff; 
         background-color:#aaccff; 
         z-index:1; 
         border:0px outset #ccccff;}
#topper img {float:left;z-index:1;}


#content {
background-attachment:fixed;  
position:relative;
height:70%; 
width:82%; 
top:86px; 
margin:0 0 0 170px; 
/* letter-spacing:.08em;*/ 
z-index:10;
padding: 3px 3px 3px 3px;}


#content table {
font-size:8pt;
border-spacing:0px; } 

td    {
border:1px outset #caecff;
background-color:#aaccff;
font-size: 12px;
}

#content table th {
border:1px outset #ccccff;
background-color:#aaccff;
color:#ffffff;
padding-top: 3px;
padding-right: 10px;
padding-bottom: 3px;
padding-left: 10px;
height: 25px;
} 

#content a.forumlink   {
background: #aaccff url(images/button.gif) repeat-x;
        color : #4060ef;
        text-decoration: underline;
	font-size: 12px;
font-weight:bold;
}

#content a.forumlink:hover {
 background : #AACCFF ; 
}


#content .forumlink   {
background: #aaccff url(images/button.gif) repeat-x;
        color : #4060ef;
width:99%;
display:block;
padding-left:1%;

}

.linkl {
display:block;
position:relative; 
width:32%;
height:6em;
float:left;
margin:2px;
border:1px outset #caecff;
overflow:hidden;
background: #cce0ff; /* #aaccff;*/
}

/*
#linkl {
display:block;
position:absolute;
width:30%;
left:0%;
}

#linkr {
display:block;
position:absolute;
width:30%;
left:66%;
}

#linkm {
display:block;
position:absolute;
width:30%;
left:33%;
}
*/
td#m33   {background:transparent;border:none;}
//#m33 td  {background:transparent;border:none;}

h1{
        font-weight: bold;
        font-size: 25px;
	  font-style : italic;
        text-decoration: none;
        line-height : 120%;
        color : #4060ef;
        margin: 2px;
}

h2 {
        font-size: 18px;
        margin: 0px;
}

h3 {
        font-weight: normal;
        font-size: 12px;
        margin: 2px;
}


p {
        font-size: 12px;
        margin: 2px 0px;
}

ul {
        margin-left: 5px;
        padding: 0px;
}

li {
        margin-left: 10px;
        margin-top: 4px;
        margin-bottom: 4px;
        padding: 0px;
        list-style-position: outside;
        list-style-type: disc;
}

.textinput {
        font-size: 12px;
        border: 1px solid #D1D7DC;
        padding-right: 3px;
        padding-left: 3px;
}

.listbox {
        font-size: 12px;
        border: 1px solid #D1D7DC;
        vertical-align : middle;
}

.button {
        font-size: 12px;
        border: 1px solid #005D8C;
        background-image : url(images/button.gif);
        background-position : bottom;
}

.comment_button {
        font-size: 10px;
        border: 1px solid #005D8C;
        background-image : url(images/button.gif);
        background-position : bottom;
        padding-left: 3px;
        padding-right: 3px;
}

.radio {
        font-size: 12px;
        vertical-align : middle;
}

.checkbox {
        font-size: 12px;
        vertical-align : middle;
}


/* a:hover {
        color: #FF8080;
        text-decoration: none;
        background-color: #AACCFF;
} 
*/

bblink a {
        color: #FFA600;
        text-decoration: none;
}

bblink a:hover {
        color: #FFFFFF;
        text-decoration: none;
        background-color: #AACCFF;
}

a:hover.nobg {
        text-decoration: none;
        background-color: #F7F37B;
}


a:hover.yebg {
        text-decoration: none;
        background-color: #AACCFF;
}

#content .maintable {
        border: 0px solid #AACCFF;
        background-color: #FFFFFF;
/*        background-color: transparent; */
        margin-top: 1px;
        margin-bottom: 1px;
}



#content .tableh1_compact {
        background : #ffffff ;
        color : #808080;
        padding-top: 2px;
        padding-right: 5px;
        padding-bottom: 2px;
        padding-left: 5px;
}

#content .tableh2 {
        background: #aaccff url(images/button.gif) repeat-x;
        color : #4060ef;
        padding-top: 3px;
        padding-right: 10px;
        padding-bottom: 3px;
        padding-left: 10px;
}

.tableh2_compact {
        background: #AACCFF ;
        color : #000000;
        padding-top: 2px;
        padding-right: 5px;
        padding-bottom: 2px;
        padding-left: 5px;
}

#content .tableb {
        background: #f0f8ff;
	  background: #EFAA44;
  	  background: #FFCC88; 
        padding-top: 3px;
        padding-right: 0px;
        padding-bottom: 3px;
        padding-left: 0px;
	  border: 1px solid #8f8f8f;
}


#content .tableb_compact {
        background: #E0F0FF ;
        padding-top: 2px;
        padding-right: 5px;
        padding-bottom: 2px;
        padding-left: 5px;
}


#content .tablef {
        background: #AACCFF;
        padding-top: 10px;
        padding-right: 10px;
        padding-bottom: 10px;
        padding-left: 10px;
}

.album_stat {
        font-size : 10px;
        margin: 5px 0px;
}

.thumb_title {
        font-weight : bold;
        font-size: 9px;
        padding: 2px;
        display : block;
}

.thumb_caption {
        font-size: 9px;
        padding: 1px;
        display : block;
}

.thumb_num_comments {
        font-weight: normal;
        font-size: 9px;
        padding: 2px;
        font-style : italic;
        display : block;
}

.user_thumb_infobox {
        margin-top: 1px;
        margin-bottom: 1px;
}

.user_thumb_infobox th {
        font-weight : bold;
        font-size: 12px;
        margin-top: 1px;
        margin-bottom: 1px;
        text-align : center;
}

.user_thumb_infobox td {
        font-size: 10px;
        margin-top: 1px;
        margin-bottom: 1px;
        text-align : center;
}

.user_thumb_infobox a {
        text-decoration: none;
        color: #000000;
}

.user_thumb_infobox a:hover {
        color: #000000;
        text-decoration: underline;
}

.sortorder_cell {
        background : #AACCFF ;
        color : #FFFFFF;
        padding: 0px;
        margin: 0px;
}

.sortorder_options {
       background : #AACCFF ;
        color : #FFFFFF;
        padding: 0px;
        margin: 0px;
        font-weight: normal;
        font-size: 9px;
        white-space: nowrap;
}

.navmenu {
        color: #FFFFFF;
        font-size: 12px;
        font-weight: bold;
        background : #AACCFF ;
        border-style: none;
}

.navmenu img {
        margin-top: 1px;
        margin-right: 5px;
        margin-bottom: 1px;
        margin-left: 5px;
}

.navmenu a {
        position: relative;
        display: block;
        padding-top: 2px;
        padding-right: 5px;
        padding-bottom: 2px;
        padding-left: 5px;
        text-decoration: none;
        color: #FFFFFF;
}

.navmenu a:hover {
        background : #FFA600 ;
        text-decoration: none;
        color:         #000000;
}

.admin_menu_thumb {
        font-size: 10px;
        border: 1px solid #005D8C;
        background-image : url(images/button.gif);
        background-position : bottom;
        color: #000000;
        font-weight: bold;
        margin-top: 0px;
        margin-bottom: 0px;
        width: 85px;
}

.admin_menu_thumb a {
        color: #000000;
        text-decoration: none;
        display: block;
        position: relative;
        padding-top: 1px;
        padding-bottom: 1px;
        padding-left: 10px;
        padding-right: 10px;
}


.admin_menu_thumb a:hover {
        color: #000000;
        text-decoration: underline;
}

.admin_menu {
         font-size: 10px;
        border: 1px solid #FFA600;
        background-image : url(images/button.gif);
        background-position : bottom;
        color: #000000;
        margin-top: 0px;
        margin-bottom: 0px;
        text-align: center;
}

.admin_menu a {
        color: #000000;
        text-decoration: none;
        display: block;
        position: relative;
        padding-top: 1px;
        padding-bottom: 1px;
        padding-left: 2px;
        padding-right: 2px;
}

.admin_menu a:hover {
        color: #000000;
        text-decoration: none;
        background: #FFA600;
}

.comment_date{
        color : #5F5F5F;
        font-size : 10px;
        vertical-align : middle;
}

#content .image {
        border-style: solid;
        border-width:1px;
        border-color: #000000;
        margin: 2px;
}

#content .imageborder {
        border: 1px solid #000000;
        background-color: #ffffFF;
        margin-top: 30px;
        margin-bottom: 30px;
}

#content .thumbnails {
        background: #F0F8FF ;
        padding: 5px;
}

.footer {
        font-size : 9px;
}

.footer a {
        text-decoration: none;
        color: #000000;
}

.footer a:hover {
        color: #000000;
        text-decoration: underline;
}

.statlink {
        color: #FFFFFF;
        text-decoration: none;
}

.statlink a {
        text-decoration: none;
        color: #FFFFFF;
}

.statlink a:hover {
        color: #FFFFFF;
        text-decoration: none;
}

a.alblink  {
        text-decoration: underline;
        color: #4060EF;
}

.alblink a:hover {
        color: #000000;
        text-decoration: underline;
}

#content .catlink {
        display: block;
        margin-bottom: 2px;
	  font-size: 20px;
}


#content .catlink a {
        text-decoration: underline;
        color: #4060ef;
}

#content .catlink a:visited {
        color: #0000ef;
}






.img_caption_table {
        border: none;
        background-color: #FFFFFF;
        width : 100%;
        margin : 0px;
}

.img_caption_table th {
        background: #AACCFF ;
        font-size : 12px;
        color : #FFFFFF;
        padding-top: 4px;
        padding-right: 10px;
        padding-bottom: 4px;
        padding-left: 10px;
        border-top : 1px solid #FFFFFF;
}

.img_caption_table td {
        background: #FFA600 ;
        padding-top: 6px;
        padding-right: 10px;
        padding-bottom: 6px;
        padding-left: 10px;
        border-top : 1px solid #FFFFFF;
}

.debug_text {
        border: #BDBEBD;
        background-color: #EFEFEF;
        width : 100%;
        margin : 0px;
}

.clickable_option {
        color: #AACCFF;
        font-weight: bold;
        cursor : hand;
}

.listbox_lang {
        color: #000000;
        background-color: #AACCFF;
        border: 1px solid #AACCFF;
        font-size: 80%;
        vertical-align : middle;
}

/* Colors used:                                */
/* --------------------------------------------*/
/* #FFFFFF = RBG 255,255,255 = (white)         */
/* #000000 = RBG   0,  0,  0 = (black)         */
/* #FFA600 = RGB 255,166,  0 = (orange)        */
/* #6BBE10 = RGB 107,190, 16 = (green)         */
/* #FFFF00 = RGB 255,255,  0 = (yellow)        */
/* #D1D7DC = RGB 209,215,220 = (light grey)    */
/* #F7F37B = RGB 247,243,123 = (light yellow)  */
/* #5F5F5F = RGB  95, 95, 95 = (dark grey)     */
/* #E7F38C = RGB 239,243,140 = (light green)   */
/* if you don't like a color, just do a search */
/* and replace on the hex color...             */

.stamboom {position:absolute; background-attachment:fixed;   width:95%;height:100%; top:19%; left:1%;  font-size:8pt; /*line-height:10pt*/; font-family:Verdana, sans-serif; z-index:0; border:0px solid #2020ff;}
*.stamboom .r          { background-color:#FF8888;}
*.stamboom .g          { background-color:#CCFFCC;}
*.stamboom .b          { background-color:#CCCCFF;}
*.stamboom .y          { background-color:#FFFFCC;}
*.stamboom .o          { background-color:#EEEE00;}
*.stamboom .m          { background-color:#FFCC00;}
*.stamboom .p          { background-color:#FFCCFF;}
*.stamboom .c          { background-color:#CCFFFF;}
*.stamboom .w          { background-color:#FFFFFF;}
*.stamboom .a          { background-color:#FF88FF;}
*.stamboom .d          { background-color:#CCCCCC;}
*.stamboom .e          { background-color:#FFCCCC;}
*.stamboom .f          { background-color:#8888FF;}
*.stamboom .h          { background-color:#88FF88;}
*.stamboom .i          { background-color:#FFFF88;}
*.stamboom .j          { background-color:#88FFFF;}
*.stamboom .k          { background-color:#888888;}
*.stamboom .l          { background-color:#4444FF;}
*.stamboom .n          { background-color:#44FF44;}
*.stamboom .q          { background-color:#FF4444;}
*.stamboom .s          { background-color:#FF8844;}
*.stamboom .t          { background-color:#FF4488;}
*.stamboom .u          { background-color:#8844FF;}
*.stamboom .v          { background-color:#EEFFCC;}
*.stamboom .x          { background-color:#AAFFAA;}
*.stamboom .z          { background-color:#4488FF;}
*.stamboom .pa         { background-color:#FFEEEE;}
*.stamboom .pb         { background-color:#FF6688;}
*.stamboom b { font-size:9pt;}

/* alle namen in tree */
*.stamboom p {display:block;position:absolute;font-size:7pt;width:5%;border:1px outset #eeeeff;}
/* blanco intro text */
*.stamboom div.txt {padding:5px 5px 5px 5px; text-align:justify; border:1px outset #eeeeff;margin-left:29%;top:6%;}
*.stamboom .txt {width:70%;z-index:0; text-align:justify; color:#4060ef;}
/* links in blanco intro text */
*.stamboom .txt a {border:1px outset #eeeeff;}
*.stamboom a, .stamboom a:link {display:block; width:5%; height:3%; color:#4060ef; text-decoration:none; margin-top:0px;  font-size:7pt; text-align:center;}
*.stamboom a:hover {display:block; width:5%; height:0.5%; color:#FF0000; text-decoration:none; margin-top:0px; /* border:2px solid #4060ef;*/ font-size:7pt; text-align:center;}


div.float {float: left; padding:10px 10px 10px 10px; }
div.float p {text-align: center;}