/**
 * general setup
 */
body  { margin:0; padding:0px; background-color:#dddddd; background-image:url(/framegfx/bg_shadow.png); background-repeat:repeat-y; background-position:top center; 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:justify; text-indent:1em; line-height:1.3; }
p.noindent  { text-indent:0; }
p.mid       { text-align:center; text-indent:0; }


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:120%; font-weight:600; text-align:left; margin:1.5em 0 0.5em; padding:0 5px 0; border-bottom:solid #888 1px; color:#222; }
h3  { font-size:110%; font-weight:600; text-align:left; margin:1em 0 0.5em; padding:0; color:#444; }

/**
 * page layout / IDs
 */
#pageframe { width:760px; border-top:1px solid #888; margin:0 auto 0; padding:30px 0 0; background-color:#fff; }
#header    { width:760px; height:105px; background-color:#bbb; background-image:url(/framegfx/topbar.jpg); background-repeat:no-repeat; margin:0 auto 0; padding:0; border:0; }
#content   { width:555px; margin:0 0 0 170px; padding:10px; text-align:left; vertical-align:top; }
#shop      { width:100%; height:30px; margin:0; margin-left:10px; padding:0; text-align:left; vertical-align:center; float:left; }
#footer    { margin:0; padding:3px; text-align:center; font-size:10px; color:#444; clear:both; border:solid #888 0; border-top-width:1px; }

/* regular (text) links */
a  { text-decoration:none; }
a:link             { color:#065; }
a:visited          { color:#3ba; }
a:hover, a:active  { color:#852; }

/**
 * main menu
 */
#headmenu      { width:590px; height:20px; margin:0; padding:76px 0 0 170px; background-color:transparent; text-align:left; }
#headmenu a  { text-decoration:none; font-weight:bold; font-size:11px; padding:0 8px 0 7px; background-image:url(/framegfx/menu_mitem.png); background-repeat:no-repeat; background-position:center left; }
#headmenu a:link, a:visited  { color:#087; }
#headmenu a:hover, a:active  { color:#000; background-image:url(/framegfx/menu_mitem2.png); }

/**
 * submenu
 */
#submenu       { width:135px; margin:0; padding:0 5px 20px 15px; text-align:left; vertical-align:top; float:left; }
#submenuheader { text-align:left; text-indent:0; margin:0; padding:0 4px 0; color:#888; font-weight:600; font-size:10px; border-left:solid #888 1px; }

ul.submenu              { list-style-type:none; margin:0; padding:0 0 10px; border-right:solid #888 1px; border-top:1px solid #888; }
ul.submenu li           { width:100%; margin:0; padding:0; }
ul.submenu li div       { width:100%; margin:0; padding:0; border-bottom:1px dashed #ccc; text-align:right; }
ul.submenu li div a         { display:block; font-size:11px; font-weight:600; margin:0; padding:2px 10px 1px 0; text-decoration:none; background-repeat:no-repeat; background-position:left center; }
ul.submenu li div a:link, ul.submenu li div a:visited  { color:#087; background-color:transparent; background-image:url(/framegfx/submenu_mitem.png); background-position:center right; }
ul.submenu li div a:hover, ul.submenu li div a:active  { color:#000; background-image:url(/framegfx/submenu_mitem2.png); background-color:#d8d8d8; background-position:center right; }

/**
 * table and list stuff
 */
tr.rowOdd  td { background-color:#e8e8e8; color:#032; border:solid #ddd 0; border-width:1px 0; }
tr.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*/ tr { padding-bottom:1px; }

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

/*#content*/ th { padding:2px 4px; margin:0; color:#222; font-size:13px; font-weight:700; text-align:left; vertical-align:middle; font-variant:small-caps; }

#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; }

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

/**
 * labeling stuff and forms
 */
label, td.label {
	color:#555;
	background-color:#e8e8e8;
	height:100%;
	text-align:right;
	border:solid #ddd 1px;
	border-left-width:0;
	border-bottom:solid #fff 2px;
}

badlabel, td.badlabel {
	color:#a00;
	font-weight:600;
	background-color:#e8e8e8;
	height:100%;
	text-align:right;
	border:solid #ddd 1px;
	border-left-width:0;
	border-bottom:solid #fff 2px;
}

form { padding:0; margin:0; width:100%; display:block; }

input, textarea, select  { margin:1px; padding:0; background-color:#e4e4e4; border:solid #ccc 1px; font-family:verdana,arial,helvetica,sans-serif; font-size:inherit; }

input.badinput, textarea.badinput, select.badinput {
	border:solid rgb(128,0,0) 2px;
	margin:0;
}

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

/* eof */