/* ---   css bei Niki Huwyler 2005   --- */
/* ---   unter cc lizenz   --- */
/* ---   http://creativecommons.org/licenses/by-nc-sa/2.0/  --- */
body { 
background: #c0e6fa; }

td  { 
color: #000; 
font-size: 12px; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-weight: normal; }

a   { 
color: #000; 
font-size: 12px; 
font-family: Verdana, Arial, Helvetica, sans-serif; }

p  { 
color: #000; 
font-size: 12px; 
font-family: Verdana, Arial, Helvetica, sans-serif; }

a:link  { 
color: #369; 
font-size: 12px; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
text-decoration: none; }

a:visited  { color: #505050; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; }

a:hover { 
color: #369; 
font-size: 12px; 
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration: underline; }

a:active   { 
color: #000000; 
text-decoration: underline; }

.rahmen  { 
font-size: 12px; 
background-color: transparent; 
margin: 2px; 
padding: 3px; 
border: dotted 1px #369 }

h1 { 
color: #600; 
font-size: 13px; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-weight: bold; 
text-decoration: none; }

h2  { 
color: #000; 
font-weight: bold; 
font-size: 12px; 
font-family: Verdana, Arial, Helvetica, sans-serif;
margin-bottom: 0;  }

h3  { 
color: black; 
font-size: 12px; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
line-height: 90%; 
margin: 1em 0; }

.fett   { 
color: #000018; 
font-size: 12px; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-weight: bold; 
font-stretch: semi-expanded; }

.gheader  { 
color: #000018; 
font-size: 12px; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-weight: bold; 
text-indent: 2px; }

.kleiner  { 
color: #090909; 
font-size: 11px; 
font-family: Verdana, Arial, Helvetica, sans-serif; }

.kursiv { 
color: black; 
font-size: 12px; 
font-style: italic; }

.qselections { 
color: black; 
font-size: 12px; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-weight: normal; 
text-indent: 2px; }


/* content-area */
#container    {
	background: #ffcc99 url("../picts/cd/sidebar.gif") repeat-y left top;
	margin: 10px auto;
	width: 792px;
	\width: 795px;
	w\idth: 792px;
}

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

#content    { text-align: left; margin-left: 180px; }

#box       { padding: 12px; width: 220px; float: right; border: dotted 1px #369; }

#sidebar    { 
background: #ffcc99 url("../picts/cd/sidebar.gif") repeat-y left top; 
text-align: right; 
width: 145px; 
height: 80%; 
float: left; }

#navi    { text-align: right; margin: 5px 0 5px 12px; width: 145px; float: left; }
	
#footer    { 
font-size: 11px; 
background: #c0e6fa url("../picts/cd/footer.gif") no-repeat right bottom; 
padding-right: 12px; 
padding-left: 50px; 
height: 48px; 
clear: both; }


#news    { color: #333; font-size: 11px; padding-left: 15px; float: right; }

/* ---- menu navigation */
ul        { 
font-size: 12px; 
list-style: none; 
margin: 0; 
padding: 0; 
width: 144px; 
border-bottom: 1px solid #369; }

ul li {
position: relative; }
	
li ul {
position: absolute;
left: 143px; /* setze 1px weniger als die menu breite */
top: 0;
display: none; }

/* Styles fuer die menu balken */
ul li a     { 
color: #600; 
text-decoration: 
none; background: #ffcc99; 
display: block; 
padding: 5px 5px 5px 12px; 
border: dotted #369; 
border-width: 1px 1px 0; }

/* Fix IE. versteckt fuer IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; } /* End */

ul li a:hover { color: #003366; background: url("../picts/cd/naviover.gif") no-repeat top left; } /* hover styles */
		
li ul li a { padding: 2px 5px; } /* untermenu styles */
		
li:hover ul, li.over ul  { display: block; } /* The magic :-) */