﻿body
{
	font-family:Tahoma,serif;
	font-size:12pt;
	background-color:#CCFF99;
	padding: 0px;
}

#content
{
	font-size:1em;
	margin-top: 15px;
    margin-bottom: 15px;
    padding: 15px;	
}

#content ul
{
	margin-top:0px;
	margin-left:0px;
	list-style-type: none;
	font-weight:normal;
	padding:10px 10px 10px 10px;
}

#content ul hr
{
	background-color:#ffbbbb;	/* Mozilla 1.4 */
	color:#ffbbbb; 				/* IE 6 */
	border: #ffbbbb;				/* Opera 7.11 */
	height: 1px;					/* in Opera für die Anzeige nötig, in Mozilla für die einheitliche Höhe */
}

/**
 *  Navigationsmenue
 */
#navsite
{
    text-align: center;
}
#navsite h5
{
    display: none;
} 

#navsite ul
{
    padding: 3px 0;
    margin-left: 0;
    border-bottom: 1px solid #778;
    font: bold 12px Verdana, sans-serif;
}

#navsite ul li
{
    list-style: none;
    margin: 0;
    display: inline;
}

#navsite ul li a
{
    padding: 3px 0.5em;
    margin-left: 3px;
    border: 1px solid #778;
    border-bottom: none;
    background: #dde;
    text-decoration: none;
}

#navsite ul li a:link
{
    color: #448;
}

#navsite ul li a:visited
{
    color: #667;
}

#navsite ul li a:visited:hover 
{
    color: #000;
    background: #aae;
    border-color: #227;
}

#navsite ul li a:link:hover 
{
    color: #000;
    background: #aae;
    border-color: #227;
}

#navsite ul li a#current
{
    background: white;
    border-bottom: 1px solid white;
}

/**
 *  Fusszeile
 */
#footer
{
    clear: both;
    font-size: 0.9em;
    margin: 0; padding: 0.1em;
    text-align: center;
    background-color: #dde; border: 1px solid silver;
} 

/**
 *  layout-table
 */
#layout
{
    width: 100%;
    height: 100%;
}

#layout tr td.top
{
    height: 80px;
} 

#layout tr td.main
{
	vertical-align: text-top;
	height: 100%;
}

/**
 *		Mitglieder
 */
.member
{
    text-align: left;
	 margin-bottom: 1em;
	 padding: 0.5em;
	 border: 1px solid #778;
	 list-style: none;
	 width: 100%;
}

.member img
{
	border: 1px dotted #bbb;
	padding: 2px;	
}

.member .title
{
	font-weight: bold;
	background-color: #AFEEEE;
}

.member .info
{
	height: auto;
	vertical-align: top;
	margin-left: 1em;
	position: absolute;
}

.member .details
{
	vertical-align: top;
	margin: 5px;
	padding: 1em;
	width: 100%;
}

/**
 *	Galerie
 */
div.table 
{ 
	display:inline-table; 
	border-collapse:collapse; 
}
div.tr 
{ 
	display:table-row; 
}
div.td 
{ 
	display:table-cell; 
	border:thin solid #227; 
	padding:5px; 
	margin: 1em;
	position: relative;
}

div.picture
{
	position: relative;
	float:left;
	border: solid 1px #227;
	padding: 5px;
	margin: 1em;
	font-size: smaller;
}

div.picture img
{
	float:left; 
	margin-right:10px; 
	margin-bottom:10px;
}

div.float_clear
{
	position: relative;
	clear: both;
	border: none;
	padding: 0px;
	margin: 1em;
}

/**
 *	Bilderrahmen
 */
.thumbwrapper
{
	background:#F0EEE0 none repeat scroll 0%;
	border:1px solid #AFAB8E;
	float:left;
	height:130px;
	margin:8px;
	padding:5px;
	text-align:center;
	width:130px;
}
.thumbwrapper table
{
	height:100%;
	width:100%;
	text-align:center;
}

/**
 *	Resizer
 */
#resizer
{
	font-size:smaller;	
	vertical-align:top;
}