/* ########################## */
/*     imagesformatierung     */
/* ########################## */

/* Zeile 1 des imagess entspricht dem Grünstreifen und seinen Elementen, wie Logo, Kontaktmenü, PostIT und Kopfbild*/
#z1 { background-image: url(images/stripeslices_02.gif); background-repeat: repeat-x; position: static; width: 98%; height: 190px; visibility: visible; float: none; padding: 0;}
#z1logo { background-image: url(images/logo.gif); background-repeat: no-repeat; background-position: left top; position: static; width: 300px; height: 190px; visibility: visible; float: left; }
#contactmenue { position: absolute; top: 160px; left: 0px; float: left; color:#fff; padding-bottom:10px; }
#postit {border: 0; padding: 0px; margin: 0px; height: 190px; position: absolute; top: 0px; left:35%;}

#postit img{border: 0; padding: 0; margin: 0; height: 190px; margin-top: -12px;}
* html body #postit img{border: 0; padding: 0; margin: 0; height: 190px; margin-top: -5px}
#postitinner .csc-textpic-imagewrap{border: 0; padding: 0; margin: 12px 0 0 0;}
* html body #postitinner .csc-textpic-imagewrap{border: 0; padding: 0; margin: 5px 0 0 0;}
#z1bild { position: static; width: 200px; height: 190px; visibility: visible; float: right; padding: 0px; margin: 0px;}
#z1bild img{border: 0px; padding: 0px; margin: 0px; height: 190px; position: absolute; top: 0px; }

#contactmenue a{  color: #fff;  text-decoration: none;}
#contactmenue a:hover{  color: #ff0;  text-decoration: none;}
#contactmenue ul{  list-style: none; padding: 0; margin: 0 20px;}
#contactmenue li{  float:left; padding-right: 10px;}

.navi { font-size:  0.8em; font-family: Verdana, Arial, Helvetica, sans-serif; padding: 0; margin: 0; }


/* Zeile 2 des imagess ist einzig und allein zur Dartstellung des Schattens vom Grünstreifen da */
#z2 { background-image: url(images/shadow.gif); background-repeat: repeat-x; position: static; width: 98%; height: 15px;  }
#z2ende { background-image: url(images/shadowend.gif); background-repeat: no-repeat; background-position: right 0; position: static; width: 10px; height: 10px; visibility: visible; float: right; }

/* Zeile 3 des imagess besteht aus 2 Bereichen dem Bereich für Menüs links mit einer Größe von 25% und dem Bereich Content recht der 73% der Seitengröße ausmacht */
/* Im Menübereich befinden sich 2 Menüs oben die Hauptnavigation menue und unten drunter die Zusatznavigation zmenue */
#z3 { position: static; width: 98%; height: 70%; }
#z3menue { position: static; width: 25%; height: 100%; visibility: visible; float: left; }
#z3content { position: static; width: 73%; visibility: visible; float: right; border: solid 1px #ccc; }
#maincontent { 	width: 70%;	float:left;}
#addoncontent{	width:25%; float: right;}

#menue { position: static; width: 100%;  float: left; }
#menue ul{  color: #555; width: 100%;  list-style: none; text-decoration: none; margin: 0px; padding: 0px; border-top: 1px solid #ccc;}
#menue li{  border-bottom: 1px solid #ccc; line-height: 1.3em; padding: 0.3em; padding-left: 20px;}
#menue li a{  border: none;  color: #555;  text-decoration: none;}
#menue li a:hover{color: #333;}
ul#seclevel {  border: none;}
li#seclevel {  border:none;  background-image: url(images/pfeil.gif); background-repeat: no-repeat; background-position: 0px 10px;}
ul#thirdlevel {  border: none;}
li#thirdlevel{  border:none;  background-image: url(images/punkt.gif); background-repeat: no-repeat; background-position: 0px 10px;}
ul#fourthlevel {  border: none;}
li#fourthlevel{  border:none;  background-image: url(images/punkt.gif); background-repeat: no-repeat; background-position: 0px 10px;}
	

/* Die ID clr kommt nicht nur im imagesdesign sondern auch bei den HTML-Contentelementen zum Einsatz, durch Sie wird z.B. eine vorhergehende Aneinanderreihung von FLOAT-Elementen beendet */
/* Am Ende von HTML-Contentelementen welche mit DIV's formatiert sind sollte immer ein <div id="clr">&nbsp;</div> stehen. */
#clr{clear:both}

/* Die folgenden Klassen werden über das Typo3-Template im TypoScript-Code aufgerufen und dazu benutzt, die Kontaktnavigation zu formatieren */
.bodytext{ font-family: Verdana, Arial, Helvetica, sans-serif; }
.left{ float:left; padding: 10px;}
.noborder {border: 0px;}
.cur {font-weight: normal; }
.norm {font-weight: bold;}
.p20 { padding: 20px; }
.usb {color:#fff;} /* Normalzustand des Menüpunkt ist Weiß */
.cact{ font-weight: 600; color: #ff0;} /* Aktiver Menüpunkt ist Gelb und Fett */
.usbgreen {color:#0ca200;} /*Zwischen den Menüeinträgen sind Punkte für Vorlesemaschinen eingesetzt diese sind Grün */
.leftnull{float:left; width: 165px; overflow: hidden;}


.content-element{
	clear: both;
	margin: 5px 0;
}