/* Erklärungen zum CSS file */

/* body, font family wird global eingestellt */

body {
        font-family: verdana, helvetica, arial, sans-serif;
	background-color: #93A8CA;
}

/* Das Aussehen von #ueberschrift, h1 und h2 sollten einheitlich sein  
** oder zumindest zueinander passen, hier ist etwas möglich            
** im Moment sind die Größen irgendwie vollkommen durcheinander
*/

#ueschrift {  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 13pt; 
	color: #193841; 
	font-weight: bold; 
	padding-top: 15px; 
	padding-bottom: 5px;
}
H1 {
	font-size: 14px; 
        font-weight: bold;
        clear: both;
}
H2 {
	font-size: 13px; 
        font-weight: bold;
}
table {
	font-size: 13px;
} 

/* Eingebundene Bilder mit caption haben class="csc-caption", daher hier
** auch die Schriftgröße an die restlichen anpassen
*/
p.csc-caption { font-size: 11px; }


/* Ränder, das haben wir von früher übernommen, habe ich aber einmal 
** auskommentiert, kann man wenn man will einstellen                 
** margins: top right bottom left
**
** Habe ich wider mit hinzugenommen, damit die verschiedenen Browser das
** vertikale Spacing gleich machen.  Arnold
**
*/
	P, OL, UL {margin: 0px 0px 5px 0px;}
	H1, H2 {margin: 0px 0px 5px 0px;
                padding-top: 10px; }

/*
** Footer, das was ganz unten steht, copyright blabla, hier wrid alles
** eingestellt, was das betrifft.
**/
TD#footer P {
	font-size: 10px;
	text-align: center;
	padding-bottom: 10px;
}


/* 
** Content column
** der GANZE Inhalt wird in <td id="content"> eingefasst im template,
** daher stellen wir hier ein, wie das aussehen ist
*/
#content {
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 5px;
/*
** Ich habe padding-top von 15px auf 10px reduziert.
** Ausserdem fuege ich mal zur Symmetrie 10px unten ein.
**                                                        Arnold
*/
	padding-bottom: 10px;
	vertical-align: top; 
        font-size: 13px; 
}


/*
** Dies wir nur gebraucht um das Logo im Titel beliebig breit werden zu
** lassen. Das top-center.jpg/gif/wasimmer sollte das sich wiederholende
** pattern zwischen linkem logo und rechtem logo sein
*/
#header_1 {
	background-image: url(bg.png);
	background-repeat: repeat-x;
}


/* 
** Der Rest hier tut NUR das Aussehen des Menues spezifizieren, weil im
** template (contact.html im Moment) id=menu_1 das Menü umschließt.
** Hier kannst du beliebiges einstellen.
*/
/* menu_table ist nur dazu da, dass die linke Spalte FIXE Breite hat */
/* Ist jetzt auch im html template file eingestellt, da IE diese
** Angabe als MINIMALE Breite, aber sie dann aufbläst. */
TD#menu_table {
	width: 200px;
}
TD#menu_1 {	
	vertical-align: top; 
	width: 200px;	
        height: 400px;
	padding-top: 10px;
}
TD#menu_1 DIV {
	width: 95%;
}
TD#menu_1 DIV A {
	color: #193841;
	text-decoration: none;
}
TD#menu_1 DIV A:hover {
	text-decoration: underline;
}

/*  MENU 1, level 1, normal state (NO) */
TD#menu_1 DIV.menu1-level1-no {
  font-size: 12px;
  padding-top:6px;
  padding-left:6px;
}
/*  MENU 1, level 1, active state (ACT) */
TD#menu_1 DIV.menu1-level1-act {
  font-weight:bold;
  font-size: 12px;
  padding-top:6px;
  padding-left:6px;
  filter:alpha(opacity='70', style='0');
}
TD#menu_1 DIV.menu1-level1-act A {
  color:#e40033;
}

/*  MENU 1, level 2, normal state (NO) */
TD#menu_1 DIV.menu1-level2-no {
  font-size: 10px;
  padding-left:20px;
}
/*  MENU 1, level 2, active state (ACT) */
TD#menu_1 DIV.menu1-level2-act {
  font-size: 10px;
  font-weight:bold;
  padding-left:20px;
}