/* 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; }*/