/* formate27cs.css */

html {height: 100.1%;}
body {margin:0px auto; text-align:center; background-color: #f3f7e8;}
* {margin:0px; padding: 0px; border: 0px;}

div#inhalt {width:987px; margin:0px auto; text-align:left; padding:0px;}
	
ol {list-style-type:none; margin:0; padding:0;}

dl  {}		/* definitierte Liste für allgemeinen Seitenaufbau*/
dt {											     /* Überschrift */
   margin-bottom: 7px;
   border-left: 6px solid #FF6600;     
   padding-left: 15px; }
dd {margin-bottom: 16px; margin-left: 21px;}  /* Texte */

p, h1, h2, h3, h4 {font-family:Verdana,Tahoma,ARIAL,Helvetica,Helv,Swiss,sans-serif; font-size:11px; color:#000000; }
p.klein {font-size: 8pt;}
p.kleinb {font-size: 8pt; color:#800000}
h1 { font-weight:bold; }
h2 { font-weight:bold; color:#006600;}
h3 { font-size: 8pt; font-weight:bold;}
h4 { font-weight:bold; padding-bottom: 3px;}

a {font-family:Verdana,Tahoma,ARIAL,Helvetica,Helv,Swiss,sans-serif; font-weight:bold; text-decoration:none;}

a.menu_k{color:#FF6600; font-size:8pt; font-weight:normal;}
a.menu_k:hover{color:#FF6600; font-size:8pt; font-weight:bold; }
a.tl {color:#006600; font-size:10pt; font-weight:normal;}
a.tl:hover{color:#FF6600; font-size:10pt; font-weight:normal }
a.t0 {color:#000000; font-size:10pt; font-weight:normal;}
a.t0:hover{color:#FF6600; font-size:10pt; font-weight:normal }
a.sf0 {font-size:11px; color:#006600; }
a.sf0:hover {color:#000000;}
a.sf0aktuell {font-size:11px; color:#800000;}
  
div#line {
	clear: left; height: 18pt; margin-left: 20px; background-image: url(grline.jpg); background-repeat: repeat-x; }	/* grüne Linie */
div#kasteno {
	height: 125px; width: 987px; background-image: url(wu27o.jpg); background-repeat: no-repeat;}                    /* oberer Kasten */
div#kasto1 {
	position: relative; 
    top: 86px; left: 770px; height: 20px; width: 200px;	text-align: right; }										/* Titelkasten */
div#kastolang {
	position: relative;
    top: 86px; left: 570px; height: 20px; width: 400px; text-align: right; }										/* Titelkasten lang */
div#kasten2 {
	width: 987px; background-image: url(wu27w.jpg); background-repeat: repeat-y;} 	/* unterer Hauptkasten */
div#kasten1 {
	position: relative;
   left: 28px; height: 20px; width: 130px; height: 125px;
   background-image: url(wu27l.jpg); background-repeat: no-repeat;}		/* Kasten mit Logo */
div#register {
	position:relative;
	top: 10px; left: 38px; height:280px; width: 176px; }             	/* Menü links */
div#kastenlinks {
    float: left; height:280px; width: 235px; }								/* übergeordneter Kasten links in kasten2 */
div#mitte {
	float: left; width: 580px; 	margin-right:20px;} 						/* mittlerer Kasten in kasten2 (Startseite) */
div#mitte2 {
    float: left; width: 410px; margin-right:20px;}							/* mittlerer Kasten in kasten2 (Kontaktseite) */
div#allg_Text  {
	float: left; width: 700px; margin-right:20px;}							/* rechter Kasten, wenn nur 2 Kästen */
div#allg_Re {
	float: left; width: 114px;
	padding: 8px; padding-left: 12px; margin-bottom: 10px;
	background-color: #d5e7b3;}									/* rechter Kasten in kasten2 (Startseite) */
div#allg_Re2 {
	float: left;
	width: 278px; padding: 8px; padding-left: 12px; margin-bottom: 10px;}	/* rechter Kasten in kasten2 (Kontakt, Institut) */
div#fuss {clear: left; height: 10px; background-color: #8bc12f; }	 		/* grüne Linie an Seitenende */
div#kopf {
	clear: left; height:25px; width: 100%; padding-top: 5px;}   /* für Startseite / Medieninformation */
div#rumpf1li {
    float: left; padding-top: 2px; padding-right: 12px;}        /* für Startseite: Veransgtaltungen, Neuigkeiten */
div#rumpf1re {margin-left: 18%; padding-top: 2px;}				/* für Text Veranstaltungen (Startseite) */
div#rumpf2re {margin-left: 40%; padding-top: 2px;}				/* für Text Medieninformation */	
div#NeuerschB {
	float: left; 
	width: 110px; height: 165px; padding-left: 21px;}
div#NeuerschT {
	float: left; 
	width: 159px; height: 165px;}
div#Bildrahmen {
	float: right;
	margin-left: 30px; margin-bottom: 30px; margin-top: 20px }
	
/* für Anzeige Mitarbeiter */	
div#rumpfmali {float: left; width: 32%; margin-left: 16%; padding-top: 2px; text-align: right; padding-right: 12px;}
div#rumpfmare {float: left; padding-top: 2px;}

/* für Horizomtalmenü */
div#Hor_men {float: left; width: 100%; height:40px;padding-top: 4px; text-align: right; padding-right: 12px;}