/*-----------------------------------------------------------------------------|
|                (c) Copyright 2008 by UniChor                                 |
| Filename       : unichor.css                                                 |
| Directory      : css/                                                        |
| Version        : 1.00                                                        |
| Change History : none                                                        |
| Created at     : 13.09.07 by : André Aepli                                   |
| last Changed at: 13.01.08 by : André Aepli                                   |
|---------------------------------------------------------------------------- */
/*Reihenfolge font: style, variant, weight, size, line-height, family*/
/*Reihenfolge margin, padding, etc.: oben, rechts, unten, links oder oben+unten, links+rechts (bei zwei Angaben)*/

body {
	font-style:normal;
	font-size:12px;		/*Grundeinheit, alle Grössen leiten sich davon ab*/
	font-family:Helvetica, Geneva, Arial, Verdana, Tahoma, sans-serif !important;
         color:#000000;		/*Schriftfarbe: schwarz*/
      	background-image:url(../bildchen/Startseite_Hintergrund_1280x950.png);/*Hintergrundbild mit Logos*/
	background-repeat:no-repeat;
	background-attachment:scroll;
}

div {
	background-color:transparent;	/*Standard-Hintergrundfarbe*/
         }

div#wrap {			/*einfach um alle divs herum, v.a. für Vererbung von Eigenschaften*/
/*	width:1000px;*/
	margin:0 auto;		/*so lassen!*/
}

div#bild {
/*	float:left;	             	Bilder in diesem div sind immer links ausgerichtet*/
         margin-left:0.5em;
         margin-right:0.5em;
         margin-bottom:0.5em;
}

div#navigation {
	position:absolute;
         top:270px;
         left:20px;
	width:160px;
	min-height:250px;
	background-color:#DDDDDD;	/*grau*/
	font-style:normal;
	font-size:12px;
         text-align:left;
         padding-left:1em;
        	line-height:1.5em;
}

div#inhalt {
         margin:205px 270px 0px 250px;	/*oben, rechts, unten, links*/
	min-width:400px;
         max-width:1200px;
         min-height:300px;
         max-height:585px;
         padding: 8px 5px 5px 8px;	/*oben, rechts, unten, links*/
         background-color:#DDDDDD;      /*grau*/
         overflow:scroll;
}

div#news, div#rechts {		/*Streifen rechts mit Infos oder Bildchen*/
	position:absolute;
	top:205px;
         right:30px;
	width:200px;
         background-color:#DDDDDD;      /*grau*/
	padding-bottom:10px;	/*ein bisschen weiss gegen unten*/
	padding-left:10px;
	padding-right:5px;
}

div#rechts {			/*Falls mit Bildchen*/
	padding: 10px 0px;	/*oben+unten, links+rechts*/
         text-align:center;	/*BILDCHEN in der Mitte (es wird kein Text verwendet in diesem Div)*/

}

div#lachmund {
         position:relative;
         border:none;
         margin-top:-60px;	/*beginnt oberhalb des "Infos"-Divs (überlappt aber diesen)*/
	margin-left:50px;
         background-image:url(../bildchen/lachmund_150_100.png);
         background-repeat:no-repeat;	/*Hintergrund nicht gekachelt*/
         width:150px;
         height:100px;
         color:#FFFFFF;                 /*Schriftfarbe im Mund ("INFOS"); weiss*/
         text-indent:40px;
         line-height:120px;
}
/* WERDEN MOMENTAN NICHT GEBRAUCHT, DA LOGO + SPONSOR AUF DEM HINTERGRUNDBILD SIND
div#logo {
	position:absolute;
	margin-top:82px;
        	margin-left:15px;
      	background-image:url(../bildchen/logo_neu4.png);
      	background-repeat:no-repeat;
	width:160px;
         height:129px;
}

div#sponsoren {
	position:absolute;
	border:1px dashed blue;
	margin-top:82px;
        	margin-left:350px;
} */  

div#footer {
         margin-top:10px;
        	font-size:0.83em;
         text-align:center;
         font-variant:small-caps;	/*Kapitälchen*/
         clear:both;		/*Der Footer beginnt unterhalb des umflossenen (float:...) Elements oder Bereichs - egal ob links- oder rechtsbündig*/
}

div#sponsoren {		/*Streifen rechts mit Infos oder Bildchen*/
	margin:20px 270px 0px 250px;	/*oben, rechts, unten, links*/
	max-width:1200px;
	height:80px;
         background-color:#DDDDDD;      /*grau*/
	padding-bottom:10px;	/*ein bisschen weiss gegen unten*/
	padding-left:10px;
	padding-right:5px;
}
/* ---- Überschriften ------------------------------------------------------- */

h1, h2, h3, h4 {
	font-weight:normal;
	font-variant:small-caps;	/*Kapitälchen*/
}

h1 {
	line-height:0.9em;
	font-size:2em;		/*entspricht 4px*/
/*	margin-left:30px;              linker Rand*/
}

h2 {
	font-size:1.67em;	/*entspricht ca. 20px*/
/*	margin-left:7px;*/
}

h3 {
	font-weight:bold;
	font-size:1.33em;	/*entspricht ca. 16px*/
   	margin-top:0px;
	margin-bottom:0px;
}

h4 {
	font-weight:bold;
	font-size:1.17em;	/*entspricht ca. 14px*/
   	margin-top:5px;
	margin-bottom:0px;
}

/* ---- Tabellen ------------------------------------------------------------ */
table {
	border-collapse:collapse !important;	/*damit border-style:hidden funktioniert*/
	border-style:double;	/*dotted, solid, dashed, double, groove,..none, hidden*/
	border-width:0.2em;
	border-color:black;
	empty-cells:show;
/*	font-size:0.917em;           	entspricht ca. 11px*/
	margin-left:0px;
}

tr, td {
	border-style:solid;
	border-width:thin;
	padding:0.1em 0.2em;	/*Innenabst. zum Text 0.1 = oben, unten; 0.2 = links, rechts*/
}

.tableheader {
	background:#FF9999;	/*hellrot für Tabellenkopf*/
}

.invisible, .invisible tr, .invisible td {	/*Für unsichtbare Tabellen bzw. keine Rahmen um Bilder*/
	border:none;
}

.left {
	float:left;		/*Bilder mit dieser klasse sind immer links ausgerichtet*/
}

.right {
	float:right;		/*Bilder mit dieser klasse sind immer rechts ausgerichtet*/
}

/* ---- Diverses ------------------------------------------------------------ */
p{
	font-size:1em;
	line-height:1.3em;
	margin-top:5px;
}

img {
	border:1px solid black;	/*schwarzer Rahmen für jedes Bild*/
}

em {				/*Betonung, Hervorhebung*/
	color:#CC0000;		/*dunkelrot*/
	background-color:transparent;
	font-style:normal;  	/*Standard für <em> (Italic) überschreiben*/
	font-weight:bold;
}

ul, li {
	margin-top:0px;
         margin-left:15px;
         list-style-image:url(../bildchen/favicon_16x16.png) /*kleine Note als Standard-Aufzählungszeichen*/
/*         list-style:disc;	andere Möglichkeiten: circle, square*/
}

/* ---- Klassen ------------------------------------------------------------- */
.verysmall {
	font-size:0.67em;	/*entspricht 8px*/
}
.smaller {
	font-size:0.83em;	/*entspricht 10px*/
}

.bigger {
	font-size:1.17em;	/*entspricht 14px*/
}

.clear {
	clear:both;
}

/* ---- Links --------------------------------------------------------------- */
a:link {				/*Link*/
	color:#0000FF;		/*blau*/
	background-color:transparent;
	font-weight:normal;
	text-decoration:none !important;
}
a:visited {			/*besuchter Link*/
	color:#800080;		/*violett*/
	background-color:transparent;
	font-weight:normal;
	text-decoration:none !important;
}
a:active {			/*aktiver Link*/
	color:#FF0000;		/*rot*/
	background-color:transparent;
	font-weight:normal;
	text-decoration:none !important;
}
a:hover {			/*Link beim Überfahren mit der Maus*/
	color:#FF0000;		/*rot*/
	background-color:transparent;
	font-weight:normal;
/*	text-decoration:underline !important;*/
}

div#navigation a {		/*Links im div "navigation"*/
	color:#000000;		/*schwarz*/
         display:block;		/*jeden Link auf eine eigene Zeile setzen*/
      	background-image:url(../bildchen/navi_hintergrund_h1_w160.png); /*Farbverlauf*/
         margin-top:0.3em;
         margin-right:0.6em;
         padding-left:0.3em;
}

div#navigation a:hover, div#navigation .subnavi, div#navigation .aktiv { /*Farbverlauf-Wechsel beim Überfahren oder als Farbe der Subnavigation/Ausgewählten Navigation*/
      	background-image:url(../bildchen/navi_hintergrund_hell_w160.png);
}

div#navigation a:hover.subnavi {	/*Farbverlauf-Wechsel beim Überfahren der Subnavigation*/
	background-image:url(../bildchen/navi_hintergrund_h1_w160_gedreht.png);
}

div#navigation .subnavi {
         text-indent:10px;	/*Subnavigation wird eingerückt*/
}

div#navigation .aktiv:after {
         content:" " url(../bildchen/lachmund_18_12.png); /*kleiner Lachmund beim Ausgewählten Navigationselement*/
}