/*
 * edited: 2007-01-27
 *
 * basic background colors:
 * - light   rgb(233,223,170)
 * - medium  rgb(223,213,160)
 * - dark    rgb(208,198,145)
 */


/**
 * general setup
 */
body  { margin:0 0 20px; padding:0px; background-color:rgb(233,223,170); background-image:url(/common/gfx/bg_body.png); background-repeat:repeat; color:#000; font-family:verdana,arial,helvetica,sans-serif; font-size:12px; }

td    { font-size:12px; color:#000; }

p           { margin:0 0 0.5em; padding:0; text-align:left; text-indent:1em; line-height:1.3; }
p.noindent  { text-indent:0; }
p.mid       { text-align:center; text-indent:0; }

span.aktuelles { }

small  { font-size:85%; }

/**
 * headlines
 */
h1  { font-size:150%; font-weight:800; text-align:center; margin:0 0 1.25em; padding:0; }
h2  { font-size:105%; font-weight:500; text-align:left; margin:1.5em 0 0.5em; padding:0 5px 0; border-bottom:solid #c8b878 1px; color:#147; }
h2 span.enlarge { font-size:105%; font-weight:600; }
h3  { font-size:110%; font-weight:600; text-align:left; margin:1.5em 0 0em; padding:0 5px 0; border-bottom:solid #c8b878 1px; color:rgb(66,64,80); }
h3 span.enlarge { font-size:110%; }

/**
 * page layout / IDs
 */
#pageframe { width:760px; border:1px solid #e0d7a4; border-top-color:transparent; margin:0 auto 0; padding:0; background-color:rgb(233,223,170); }
/*#header    { width:100%; height:105px; background-color:#369; text-align:center; background-image:url(/common/gfx/bg_header.jpg); background-repeat:repeat-x; margin:0; padding:0; }*/
#header    { width:100%; height:105px; background-color:#258; text-align:center; background-image:url(/common/gfx/bg_header.png); background-repeat:repeat; margin:0; padding:0; }
#logo      { width:760px; margin:0 auto; padding:0; border:1px solid #036; border-top-width:0; border-bottom-width:0; }
#personal  { width:100%; height:18px; background-color:#024; color:#fff; margin:0; padding:0; border:1px solid #000; }
#login     { width:570px; background-color:transparent; margin:4px auto 0; padding:0 10px 0 175px; text-align:left; vertical-align:text-top; font-size:10px; }
#menu      { width:130px; margin:0; padding:0 5px 20px 15px; text-align:left; vertical-align:top; float:left; }
#blaubein  { width:100%; height:90px; margin:0; padding:0; position:relative; top:-113px; left:15px; }
#content   { width:565px; margin:28px 0 0 165px; padding:10px; text-align:center; vertical-align:top; }
#footer    { margin:2.5em 0 0; padding:3px; text-align:center; font-size:10px; background-color:rgb(208,198,145); color:#654; clear:both; border:solid #e0d7a4 0; border-top-width:1px; }

/* regular (text) links */
a  { text-decoration:none; }
a:link             { color:#369; }
a:visited          { color:#58b; }
a:hover, a:active  { color:#852; }

/**
 * menu
 */
div.mheader          { text-align:center; text-indent:0; margin:10px 0 0; border-bottom:1px solid #888078; }
ul.menu              { list-style-type:none; margin:0; padding:0; }
ul.menu li           { width:100%; margin:0; padding:0; }
ul.menu li div       { width:100%; margin:0; padding:0; border-bottom:1px dashed #c0b0a8; }
ul.menu li div a         { display:block; margin:0; padding:0 0 0 13px; text-decoration:none; background-repeat:no-repeat; background-position:left center; }
ul.menu li div a:link, ul.menu li div a:visited  { color:#505880; background-color:transparent; background-image:url(/common/gfx/menu_mitem.png); }
ul.menu li div a:hover, ul.menu li div a:active  { color:#fff; background-image:url(/common/gfx/menu_mitem2.png); background-color:rgb(208,198,145); }

/**
 * login menu
 */
#login form   { display:inline; padding:0; margin:0; }
#login input  { background-color:#e0b07a; background-image:none; border:solid #fff 1px; font-family:verdana,arial,helvetica,sans-serif; font-size:10px; padding:1px; margin:4px 5px 0; vertical-align:text-top; display:inline; }
#login input.send  { background-color:transparent; background-image:none; border-width:0; padding:0; }
#login a         { text-decoration:none; }
#login a:link, #login a:visited  { color:#fff; }
#login a:hover, #login a:active  { color:#fff8aa; }

/**
 * table and list stuff
 */
.rowOdd, .rowOdd td  { color:rgb(0,51,102); }
.rowEven, .rowEven td { }

li { padding-top:2px; padding-bottom:2px; }


/**
 * content nested setup
 */
/*#content*/ table { padding:0; margin:0; text-align:left; vertical-align:top; }

/*#content*/ td { padding:4px; margin:0; text-align:left; vertical-align:top; }

/*#content*/ th { padding:1px 5px 2px; margin:0; color:#036; font-size:13px; font-weight:700; text-align:center; vertical-align:middle; font-variant:small-caps; background-color:rgb(223,213,160); }

#content ul { margin:0.5em 0 0.5em 30px; padding:0; text-align:left; list-style:square outside; }
#content ol { margin:0.5em 0 0.5em 30px; padding:0 0 0 40px; text-align:left; list-style:decimal outside; }
#content li { margin:1px 0; padding:0; text-align:left; }

#pagelogo { position:relative; top:-20px; float:right; margin:0 0 -5px 15px; padding:0; }


/**
 * floating images (left/right)
 */
img.floatleft  { float:left; margin:2px 15px 10px 0; }
img.floatright { float:right; margin:2px 0 10px 15px; }

/**
 * input/form setup
 */
form { padding:0; margin:0; width:100%; display:block; }

input, textarea, select  { margin:1px; padding:0; background-color:rgb(208,198,145); border:solid #c8b878 1px; font-family:verdana,arial,helvetica,sans-serif; font-size:inherit; }

.appearerHidden     { display:none; }
.appearerDisplayed  { display:block; }

label, td.label {
	display:block;
	color:#767360;
	text-align:right;
}

.formStatusUnaltered {
	color:#484;
	font-weight:600;
}

.formStatusAltered {
	color:#844;
	font-weight:600;
}

.formStatusUpdating {
	color:#cb4;
	font-weight:600;
}

.submitBar {
	text-align:right;
	border-top:solid #c8b878 1px;
	margin:0 0 2.5em;
	padding:0;
}

.submitBar input {
	background-color:transparent;
	background-image:none;
	border-width:0 1px 1px 0;
	border-color:#c8b878;
	margin:0;
	padding:0;
}

.invalid {
	border:solid rgb(128,0,0) 2px;
	margin:0;
}

.formerr {
	color:rgb(128,0,0);
	font-size:85%;
	width:inherit;
	padding:0 0 4px;
}

table.tableForm {
	width:100%;
	background-color:rgb(223,213,160);
	margin:0;
	padding:8px 0;
}

table.tableForm td {
	padding:2px 4px;
}

.formHint {
	font-size:85%;
	color:#767360;
}

/**
 * submenus on pages (implements bar with tabs)
 */
.submenu    { text-align:right; margin:1.5em 0 0; padding:1px; border-bottom:solid #c8b878 1px; }
.submenu a  { font-weight:500; padding:1px 10px 1px 3px; border-right:solid #c8b878 1px; }
.submenu a:link, .submenu a:visited   { background-color:rgb(223,213,160); }
.submenu a:hover, .submenu a:active   { background-color:rgb(208,198,145); }

/**
 * profile
 */
#portrait  { display:block; margin:3em auto 15px; padding:0; border:solid #d8c888 1px; }

/**
 * setup for pager
 */
table.pager  { width:100%; margin:0; padding:0; border:solid #c8b878 1px; border-width:1px 0 1px; background-color:rgb(223,213,160); }
table.pager td  { margin:0; padding:0; font-size:85%; color:rgb(76,76,76); }
table.pager .pagerLeft   { width:30%; text-align:left; }
table.pager .pagerCenter { width:200px; text-align:center; font-size:100%; }
table.pager .pagerRight  { width:30%; text-align:right; }
table.pager a  { font-weight:500; }
table.pager a:link, table.pager a:visited   { background-color:transparent; }
table.pager a:hover, table.pager a:active   { background-color:rgb(208,198,145); }

/**
 * stammtisch
 */
div.contribution { width:100%; margin:1em 0 1em; padding:0; }
div.contribution .header { margin:0; padding:3px; font-size:85%; text-align:left; color:#666; background-color:rgb(223,213,160); border-bottom:solid #c8b878 1px; }
div.contribution .header .author { font-size:110%; font-weight:600; }
div.contribution .text { margin:0 0 0 100px; padding:3px; text-align:left; min-height:125px; }
.new { color:#844; }
.at { color:#036; font-variant:small-caps; font-weight:600; margin:0.5em 0 0; text-indent:-1em; }
.avatar { float:left; width:77px; margin:0; padding:0.5em; }
.avatar div { margin:0; padding:0; border:solid #d8c888 1px; background-color:#e8d6aa; width:75px; }
.avatar img { display:block; margin:0 auto 0; padding:0; border:0; }

/**
 * fotoalbum
 */
#fotoalbum_images { margin:0 auto 0; padding:0; }
#fotoalbum_images td { width:102px; height:77px; text-align:center; vertical-align:middle; padding:4px; margin:0; }
#fotoalbum_images a { display:block; width:100%; height:100%; padding:0; margin:0; background-color:rgb(208,198,145); }
#fotoalbum_images a:link, #fotoalbum_images a:visited   { color:rgb(104,92,80); }
#fotoalbum_images a:hover, #fotoalbum_images a:active   { color:rgb(48,120,192); }

#fotoalbum_folders { width:100%; margin:0 auto 0; }
#fotoalbum_folders { background-color:transparent; background-image:none; padding:0; margin:2px; }
#fotoalbum_folders a { display:block; padding:0; margin:4px 0 0; }
#fotoalbum_folders .info a { padding:1px 0; background-color:rgb(223,213,160); border-bottom:solid #c8b878 1px; }
#fotoalbum_folders .preview a:link, #fotoalbum_folders .preview a:visited   { color:rgb(104,92,80); }
#fotoalbum_folders .preview a:hover, #fotoalbum_folders .preview a:active   { color:rgb(48,120,192); }
#fotoalbum_folders .preview { width:100px; height:75px; text-align:left; vertical-align:middle; }
#fotoalbum_folders img { display:block; }
#fotoalbum_folders .info { width:auto; margin-left:8px; text-align:left; vertical-align:top; }

#fotoalbum_address { text-align:left; margin:0 0 25px; padding:0; }
#fotoalbum_pic { margin:5px; padding:0; text-align:center; }
div.fotoalbum_navi { width:520px; margin:auto; padding:0; border:solid #c8b878 1px; border-width:1px 0 1px; background-color:rgb(223,213,160); text-align:center; color:#808080; }

/**
 * news
 */
span.newsLink { padding-left:0; }
div.newsLink  { padding-left:1em; text-align:left; }

/* eof */