body {
   height: 100%;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 85%;	
   text-align: center; 
   
   margin: 0;
   padding: 0;
   
   background: #B02015 url(gifs/bg_main.gif) top center repeat-y;
  }
  
  /*
  div, h2 {
   border-width: 0px;;
   border-style: solid;
   border-color: blue;
  } 
  */
  
  form {
   display: inline;
   margin: 0;
   padding: 0;
  }
  
  .textinput {
   float:left;
   height: 16px;
   width: 147px;
   margin: 0;
   
   border-width: 1px;;
   border-style: solid;
   border-color: #666666;
  }
  
  .button {
   float:right;
   margin: 0;
  }
  
  img {
   border: 0px;
  }
  
  .cleaner {
   clear: both;
   height: 1px;
   font-size: 0px;
  }
  
  
  
  /* startseite -----------------------------------------*/
  body#start {
   background: #B02015;
   margin: 0;
  }
  
  #start1 {
   text-align: center;
   position: absolute;
   top: 50%;
   left: 0px;
   width: 100%;
   height: 1px;
   overflow: visible;
  }
  
  #start2 {
   text-align: left;
   background-color: #FFFFFF;
   margin-left: -397px;    
   margin-top: -285px;
   position: absolute;
   left: 50%;
   width: 794px; 
   height: 570px;
  }
  
  #start3 {
   margin: 15px;
   width: 764px;
   height: 540px;
   background-color: #FFFFFF;
  }
  
  #startheader {
   text-align: right;
   width: 764px;
  }
  
  #startheader img {
   float:right;
  }  
  
  #startsuche {
   float: left; 
   margin-top:5px;
  }
  
  #startnavi {
   float: right;
   text-align: right;
   padding-top: 4px;
  }
  
  .cleanerstart {
   clear: both;
   height: 5px;
   width: 764px;
   font-size: 0px;
  }
  
  #startbilderahmen {
   
   width: 764px;
  }
  
  .floatbox {
   float:left;
   margin-left: 2px;
  }
  
  #startbox1 {
   width: 190px;
  }
  
  #startbox2 {
   width: 194px;
  }
  
  #startbox3 {
   width: 185px;
  }
  
  #startbox4 {
   width: 189px;
  }
  
  #boxregie {
   background-color: #10961d;
  }
  
  #boxschauspiel {
   background-color: #e23cb9;
  }
  
  #boxtanz {
   background-color: #f68c1a;
  }
  
  #boxpuppenspiel {
   background-color: #2f7acd;
  }
  
  #startfooter1 {
   width: 764px;
   height: 10px;
   float:left;
   text-align: left;
   
   background-color: #D1CFCF;
  }
  #startfooter2 {
   width: 764px;
   height: 15px;
   float:left;
   text-align: left;
   
   background-color: #FFFFFF;
  }
  
  
  
  /* Seitenaufbau ---------------------------------- */
  #wrap {
   width: 765px;
   min-height: 100%;
   
   margin: 0 auto;
   padding: 0 13px 0px 13px;
   
   top: 0px;
   
   text-align: left;
   
   background-color: transparent;
  }
  
  #bigcontent {
   float:left;
   background-color: #E9E9E9;
   min-height: 100%;
  }
  
  #header {
   width: 765px;
   height: 86px;
   float:left;
   text-align: right;
   
   background: url(gifs/bg_allg.gif) repeat-x;
  }
  
  #seite {
   width: 765px;
   
   float:left;
   text-align: left;
   
   background-color: #E9E9E9;
  }
  
  #navigationlinks {
   visibility: hide;
   visibility: hidden;
   width: 193px;
   float:left;
   text-align: left;
   
   background-color: #FFFFFF;
  }
  
  #navigationoben {
   visibility: hide;
   visibility: hidden;
   width: 572px;
   float:right;
   text-align: left;
   
   background-color: #FFFFFF;
  }
  
  
  #content {
   width: 572px; /* width: 528px; */
   float:right;
   
   /* padding: 56px 21px 20px 23px; */ 
   
   text-align: left;
   font-size: 90%;
  
  }
  
  #contentinnen {
   padding: 56px 21px 20px 23px; 
  }
  
  
  /* navigation oben ------------------------------- */
  #navi {
   margin: 0;
   padding: 0;
   width: 572px;
   background: transparent;
   display: inline;
  }
  #navi li {
   float: left;
   list-style-type: none;
  }
  #navi li a {
   display: block;
   padding: 6px 7px 6px 21px;
   background: url(gifs/pfeil_navi.gif) no-repeat 0 50%;
   font-size: 84%; 
   
   text-decoration: none;
   color: #000000;
  }
  #navi li a:hover {
   background-color: #E9E9E9;
  }
  
  #navi li a.aktiv {
   background-color: #E9E9E9;
  }
  
  /* navigation links ------------------------------------------- */ 
  #navigationlinks img {
  	padding-bottom: 2px;
  }
  
  ul.themennavi {
   margin: 0;
   padding: 0;
   background: transparent;
   
   border-width: 0px 0px 1px 0px;
   border-style: solid;
   border-color: #B02015;
  }
  ul.themennavi li {
   padding: 0;
   margin: 0;
   list-style-type: none;
  }
  ul.themennavi li div {
   padding: 1px 0px 1px 0px;
   border-width: 1px 0px 0px 0px;
   border-style: solid;
   border-color: #B02015;
  }
  ul.themennavi li div.rahmenunten {
   border-width: 1px 0px 1px 0px;
  }
  ul.themennavi li a {
   display: block;
   padding: 4px 7px 4px 8px;
   font-size: 84%; 
   
   text-decoration: none;
   color: #000000;
  }
  ul.themennavi li a:hover {
   background-color: #E9E9E9;
  } 
  
  #navischauspiel:hover {
   background-color: #E9E9E9;	
  }
  #naviregie:hover {
   background-color: #E9E9E9;	
  }
  #navipuppenspiel:hover {
   background-color: #E9E9E9;	
  }
  #navitanz:hover {
   background-color: #E9E9E9;	
  }
  
  #navischauspiel.aktiv {
   background-color: #E9E9E9;	
  }
  #naviregie.aktiv {
   background-color: #E9E9E9;	
  }
  #navipuppenspiel.aktiv {
   background-color: #E9E9E9;	
  }
  #navitanz.aktiv {
   background-color: #E9E9E9;	
  }
  
  #navischauspiel {
   border-width: 0px 0px 0px 13px;
   border-style: solid;
   border-color: #e23cb9;	
  }
  
  #naviregie {
   border-width: 0px 0px 0px 13px;
   border-style: solid;
   border-color: #10961d;
  }
  #navipuppenspiel {
   border-width: 0px 0px 0px 13px;
   border-style: solid;
   border-color: #2f7acd;
  }
  #navitanz {
   border-width: 0px 0px 0px 13px;
   border-style: solid;
   border-color: #f68c1a;
  }
  
  /* navigation links (subnavi) ------------------------------------------- */
  ul.unternavi {
   margin: 0px 0px 0px 21px;
   padding: 0;
   background: transparent;
  }
  ul.unternavi li {
   list-style-type: none;
   padding: 0;
   margin: 0;
  }
  ul.unternavi li div {
   padding: 1px 0px 1px 0px;
   
   border-width: 0px 0px 1px 0px;
   border-style: solid;
   border-color: #B02015;
  }
  ul.unternavi li div.letzter {
   border-width: 0px 0px 0px 0px;
  }
  ul.unternavi li a {
   display: block;
   padding: 4px 7px 4px 8px;
   font-size: 84%; 
   
   text-decoration: none;
   color: #000000;
  }
  ul.unternavi li a:hover {
   background-color: #E9E9E9;
   padding-left: 8px;
  }
  
  ul.unternavi li a.aktiv {
   background-color: #E9E9E9;
   padding-left: 8px;
  }
  
  /* suche ------------------------------------------- */
  #navigationlinks form input {
   margin: 0;
  }
  #suche {
   border-width: 0px 0px 1px 0px;
   border-style: solid;
   border-color: #B02015;
   
   padding-bottom: 0px;
   padding-top: 6px;
  }
  
  /* box -----------------------------------------*/
  .box {
  margin-top: 2px;
  padding: 12px;
  background-color: #B02015;
  text-align: right;
  }
  
  .box h2 {
   margin: 0px;
   padding: 0px;
   color: #FFFFFF;
   
   font-weight: normal;
   font-size: 150%;
  }
  
  .box h3 {
   margin: 0px;
   padding: 0px;
   color: #FFFFFF;
   
   font-weight: normal;
   font-size: 84%;
   display:inline;
  }
  
  div.box a {
   color: #FFFFFF;
   text-decoration: none;
  }
  
  /* content -------------------------------------*/
  #content h1 {
   margin: 0px 0px 15px 0px;
   padding: 0px;
   
   font-weight: normal;
   font-size: 170%;
  }
  
  #content h2 {
   padding: 25px 0px 0px 0px;
   margin: 0px;
   
   font-weight: bold;
   font-size: 140%;
  }
  
  #content p {
   margin: 0px 0px 2px 0px;
   padding: 0px;
   line-height: 130%;
  }
  
  #content .cleaner {
   clear: both;
   height: 0px;
   font-size: 0px;
  }
  
  .kollegiumtext {
    float:left; 
    width: 430px;
  }
  
  .kollegiumimage {
    float:right; 
    width: 90px;
    text-align: right;
    padding-top: 3px; 
  }
  
  div#contentinnen a {
   color: #000000;
   text-decoration: underline;
  }
  
  /* news -------------------------------------*/
  #contentinnen .newsbox {
   width: 528px; 
   float:left; 
   
   border-width: 0px 0px 1px 0px; 
   border-style: solid; 
   border-color: #808080; 
   
   background: transparent url(gifs/bg_listen_headline.jpg) top left repeat-x;
  }
  
  #contentinnen .newsfoto {
   float:right; 
   width: 100px; 
   padding: 1px 0px 3px 0px;
  }
  
  #contentinnen .newsheadlinerahmen {
   float:left; 
   padding: 2px 0px 2px 0px; 
   width: 420px;
  }
  
  #contentinnen .newsbox h2, #contentinnen .newsdetail h2 {
   border-width: 0px 0px 0px 7px; 
   border-style: solid; 
   border-color: #3C83D5; 
   padding-left: 4px; 
   padding-top: 0px; 
   font-size: 100%;
  }
  
  #contentinnen .newstextrahmen {
   float:left; 
   width: 420px;
  }
  
  #contentinnen .newstext {
   float:left; 
   padding: 5px 11px 4px 11px;
  }
  
  #contentinnen .newsmehr {
   float:left; 
   width: 390px;
   padding: 0px 11px 5px 11px;
  }
  
  #contentinnen .newsdetail {
   width: 528px; 
   float:left; 
   
   background: transparent url(gifs/bg_listen_headline.jpg) top left repeat-x;
  }
  
  #contentinnen .newsfooter {
   float:left; 
   width: 100%;
   height: 20px;
   
   border-width: 1px 0px 1px 0px; 
   border-style: solid; 
   border-color: #808080; 
  }
  
  #contentinnen .printrahmen {
  	float:left; 
  	width: 220px; 
  	padding: 0px 11px 0px 11px;
  	font-size:10px; 
  	height:20px;
  }
  
  #contentinnen .footerrechts {
  	float:right; 
  	width: 220px; 
  	padding: 4px 11px 1px 11px; 
  	text-align:right;
  	font-size:10px;
  }
  
  #contentinnen .printlink {
  	 background: transparent url(gifs/icon_print.gif) top left no-repeat; 
  	 text-decoration:none; 
  	 padding-top:3px; 
  	 padding-left: 20px; 
  	 padding-bottom:2px; 
  	 line-height:22px;
  }