/* Allgemeine Optik-Regeln */

/* colors */
body 		{ background: #eee;  }
.page 		{ background: white; }
#page_bottom 	{ background: #cda;  }
#page_top	{ background: #cda;  }
#page_header	{ background: #efc;  }

/* fonts */
body 		{ font-family: sans-serif; }
#page_header 	{ font-size: 2.5em; font-weight: bold;  }

/* padding and inner spaces */
.page 		{ padding: 5px 8px; }
.page 		{ overflow: hidden; text-overflow: ellipsis; }
#content    	{ padding: 5px; padding-left: 20px; min-height: 600px; }

/* page-decoration (shadow, some lines, ...) */
#page		{ box-shadow: 10px 10px 25px #444; background: white; margin-bottom: 30px;}
#content	{ border-left: 3px dotted silver;  border-right: 3px dotted silver; }

/* make links more interesting */
a	{ color: #060; text-decoration: none; }
a:hover	{ color: white; background: #4a4; box-shadow: 0px 0px 5px green;}

/**** format menu elements ****/
#page_right  h1 {font-size: 1.3em;}
#page_right  h2 {font-size: 1.1em;}

#page_top    > ul > li ,
#page_bottom > ul > li { display: inline-block; margin: 0 0.5em; list-style: none; }

#page_top    > ul ,
#page_bottom > ul { margin: 0; padding: 0; }

#page_left   > ul > li	{ margin: 0.5em 0.5em; list-style: none; }
#page_left   > ul 	{ margin: 0; padding: 0; }

/**** debug-support ****/
/* Markiert Objekte beim Anklicken: */
/* .page:active, #content:active { outline: 3px solid blue; } */
/* bei Bedarf zum Testen aktivieren: */
/*.page, #content { outline: 1px dashed blue; }*/