/* ---   css bei Niki Huwyler 2005   --- */
/* ---   unter cc lizenz   --- */
/* ---   http://creativecommons.org/licenses/by-nc-sa/2.0/  --- */
body     { color: #333; font-size: 70%; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #cfc }

p { color: #333; font-size: 90%; }

a:link img, a:visited img { 
border-style: none } /* kein border bei img links */

a img { color: white; }        /* trick fuer border0 in Netscape 4 */
@media all {
a img { color: inherit; } }   /* kein farbwechsel */

a:link    { color: #039; font: 1em Verdana, Arial, Helvetica, sans-serif; }

a:visited   { 
color: #333; 
font-weight: normal; 
text-decoration: none }

a:hover, a:active   { color: #066; text-decoration: underline }

#formp  { color: #333; font-size: 65%; }

/* content-area */

#container      { background: #ffff99 url(../picts/sidebar.jpg) repeat-y left top; margin: 10px auto; width: 792px; \width: 795px; w\idth: 792px     ; }

#banner   { background: url("../picts/banner.jpg") no-repeat right top; margin-left: 300px; height: 124px; }

#content      { margin-left: 300px; border-right: 3px solid #066 }

#sidebar    { background: url(../picts/sidebar.jpg) repeat-y right top; width: 308px; float: left }
	
#footer       { font-size: 70%; background: url("../picts/footer.gif") no-repeat right top; padding-right: 12px; padding-left: 50px; height: 45px; clear: both }

#topadmin   { background: url(../picts/topadmin.gif) no-repeat right top; margin-left: 308px; height: 38px; }

h1      { color: #066; font-size: 90%; font-weight: bold; letter-spacing: 1px; margin-bottom: 0 }

h2    { color: #333; font-size: 100%; font-weight: bold; letter-spacing: 1px; margin-bottom: 0 }

#news    { color: #333; font-size: 75%; text-align: left; margin-left: 5px; padding-right: 15px; padding-left: 30px  }

#news ol     { color: #333; font-size: 75%; text-align: left; padding-left: 30px; }

.umenu ol li { font-size: 100%; line-height: 1.3; color: #333; background: #ccc url(../picts/background.gif); border-bottom: 1px dotted #4e4a4a; padding: 5px; text-indent: 0; width: 80px; list-style: none; }

.umenu ol li:hover { color: #039; background: #cfc; }
a.umenu { margin-top:4px; color:#369; display:block; font-weight:bold; }

div.umenu { font-size: 100%; width:90px; text-align:center; }		

/* navigation */
ul {
	list-style: none;
	padding: 0;
	margin: 0; }

#nav a     { color: #039; font-weight: bold; text-decoration: none; float: none; clear: none }

#nav a:hover   { color: #066; text-decoration: none }

#nav li li a    { color: #039; font-weight: normal; display: block; padding: 0.4em 5px }

#nav li li a:hover   { color: #066; padding: 0.4em 5px; border-style: solid; border-width: 0 3px; border-color: #066 }

li     { text-align: center; cursor: auto; padding-top: 3px; position: relative; width: 83px; float: left; clear: none; border-style: solid; border-width: 1px 0; border-color: #066 }

li#first  { width: 62px; border-left: 3px solid #066 }

li#last  { border-right: 0px solid #066 }

li ul      { font-weight: normal; background-image: url("../picts/navbg.gif"); background-repeat: no-repeat; background-attachment: scroll; background-position: left bottom; display: none; padding: 0.5em 0 1em; position: absolute; top: 100%; left: 0; border-right: 1px solid #066 }

li ul  { top: auto; left: 0 }

li li   { display: block; float: none; border: 0 }

li:hover ul, li.over ul   { color: #069; display: block }

hr { display: none; }

p.image  { color: #066; font-size: 0.8em; text-align: center; padding: 1.25em 1.25em 0.25em 0.25em; float: right }

p.image img {
	display: block;
	border: 1px solid #7d6340; }