/* elements */
   h1 {font-size:20px;color:#ffffff;margin:0px;}
   h2 {font-size:16px;color:#ffffff;}
   h3 {font-size:14px;color:#ffffff;}
   
   p 
   {
        font-size:10pt;color:#ffffff; margin-top:0px;line-height:1.5em;
   }
   ul ul
   {
	   background-color: #00ff00;
      list-style-image:url(bilder/inhalt/button.jpg);
      list-style-position:outside;
		margin: 0px;
		padding: 0px,0px,0px,0px;
		/*width: 180px;*/
		list-style-type: none;
		/*font-size: 12px;*/
   }
   input
   {
      background-color: #CFCFCF;
   }
   
   textarea
   {
      background-color: #CFCFCF;
   }


ul li a {height: 100%;}
li {padding-bottom:1em;}
   a:link 
   { 
      font-weight:bold;
      color:white;
      text-decoration:none;
   }

   a:visited 
   { 
      font-weight:bold; 
      color:white; 
      text-decoration:none; 
   }
   a:focus 
   { 
      font-weight:bold; 
      color:white; 
      text-decoration:none; 
   }
   a:hover 
   { 
      font-weight:bold; 
      color:white; 
      text-decoration:none;
   }
   a:active 
   { 
      font-weight:bold; 
      color:white; 
      text-decoration:none; 
   }
   

   

/* basic layout */
/*  <------------- body --------------------> 
 *      <..........outer ...............>    centered
 *      <          header               >
 *      <*menu*> content......          >
 *      <*    *> .............  <infobox>
 *               ...................... >
 *      <          footer               >
 */

   body
   {
      font-family:Arial;
      font-size:10pt;
      background-color:#000000;
      text-align:center; /* braucht iexplorer 5.? */
      width:928px;
      margin:10px auto;
   }


   #outer
   {
      width:928px;
      margin:20px auto;
      text-align:center;
      background-color:#000000;
   }

   #header
   {
      position:top;
      background-color:#000000;
      margin-bottom: 10px;
   }


   #footer
   {
      position:bottom;
      clear:both;
      text-align:right;
      color: #ffffff;
      font-size:7pt;
      background-color:#000000;
      margin-top: 20px;
   }

   #menu
   {
			  clear:both;
      float:left;
      background-color: #000000;
      width:170px;
      text-align:center;
      /*position: relative;*/
   }

   #content
   {
      background:#000000;
      color: #ffffff;
      border:solid #000000;
      text-align:left;
      margin-left: 180px;
      margin-right: 5px;
      margin-top: 2em;
      border: 0;
      /*max-height: 23em;*/
      /*width:750px;
      float: right;*/
      /* quotes:"\00BB" "\00AB" "\203A" "\2039";
       * does not work in explorer, instead:
       * &laquo; blablabla &raquo;
       */
   }

   #infobox
   {
      width: 240px;
      height: 240px;
      float: right;
      padding: 0px;
      border: 0px;

      margin-right: 5px;
      margin-left: 30px;
      margin-top: 60px;
      margin-bottom: 5px;
     
      color: #ffffff;
      background-color: #000000;
      text-align: center;
   }

   #infobox_content
   {
		height:190px;
		text-align:center;
   }

   #infobox_footer
   {
		height:20px;
		text-align:right;
   }

 #infobox_borderless
   {
      width: 210px;
      height: 200px;
      float: right;
      padding: 1em;
      
      margin-right: 5px;
      margin-left: 20px;
      margin-top: 80px;
      margin-bottom: 5px;
     
      color: #ffffff;
      background-color: #000000;
      text-align: center;
   } 

   #infobox_gast
   {
      width: 230px;
      height: 300px;
      float: right;
      padding: 1em;
      
      margin-right: 0px;
      margin-left: 0px;
      margin-top: 20px;
      margin-bottom: 0px;
     
      color: #ffffff;
      background-color: #000000;
      text-align: left;
      vertical-align: middle;

   }

   #infobox_medien1
   {
      width: 320px;
      height: 140px;
      float: left;
      padding: 1em;
      
      margin-right: 5px;
      margin-left: 20px;
      margin-top: 20px;
      margin-bottom: 0px;
      border-width:0px;
      border-style:solid;
      border-color: #CFCFCF;
     
      color: #ffffff;
      background-color: #000000;
      text-align: center;
   }    
   #infobox_medien2
   {
      width: 320px;
      height: 140px;
      float: right;
      padding: 1em;
      border-width:0px;
      border-style:solid;
      border-color: #CFCFCF;

      margin-right: 5px;
      margin-left: 0px;
      margin-top: 20px;
      margin-bottom: 0px;
     
      color: #ffffff;
      background-color: #000000;
      text-align: center;
   }    
   #infobox_medien_content
   {
		height:110px;
		text-align: left;
   }

   #infobox_medien_footer
   {
		height:30px;
		text-align:right;
   }
    #infobox_verweis1
   {
      width: 320px;
      height: 255px;
      float: left;
      padding: 1em;
      
      margin-right: 5px;
      margin-left: 20px;
      margin-top: 20px;
      margin-bottom: 0px;
           
      color: #ffffff;
      background-color: #000000;
      text-align: center;
   }    
   #infobox_verweis2
   {
      width: 320px;
      height: 255px;
      float: right;
      padding: 1em;
      
      margin-right: 5px;
      margin-left: 20px;
      margin-top: 20px;
      margin-bottom: 10px;
           
      color: #ffffff;
      background-color: #000000;
      text-align: center;
   }

    #infobox_neu1
   {
      width: 342px;
      height: 795px;
      float: left;
      padding: 1em;
      
      margin-right: 5px;
      margin-left: 5px;
      margin-top: 20px;
      margin-bottom: 0px;
           
      color: #ffffff;
      background-color: #000000;
      text-align: center;
   }    
   #infobox_neu2
   {
      width: 342px;
      height: 795px;
      float: right;
      padding: 1em;
      
      margin-right: 5px;
      margin-left: 5px;
      margin-top: 20px;
      margin-bottom: 10px;
           
      color: #ffffff;
      background-color: #000000;
      text-align: center;
   }
   
   #infobox_musik
   {
      width: 700px;
      height: 300px;
      float: left;
      padding: 1em;
      
      margin-right: 5px;
      margin-left: 20px;
      margin-top: 20px;
      margin-bottom: 10px;
      border-width:0px;
      border-style:solid;
      border-color: #CFCFCF;

      color: #ffffff;
      background-color: #000000;
      text-align: center;
   }    
  
   #infobox_impressum
   {
      width: 700px;
      height: 300px;
      float: left;
      padding: 1em;
      
      margin-right: 5px;
      margin-left: 20px;
      margin-top: 20px;
      margin-bottom: 10px;
      border-width:3px;
      border-style:solid;
      border-color: #CFCFCF;

      color: #ffffff;
      background-color: #000000;
      text-align: center;
   } 
   
   #infobox_gaestbuch_eintraege
   {
      width: 410px;
      height: 400px;
      float: left;
      padding: 1em;
      overflow: auto;
      margin-right: 5px;
      margin-left: 20px;
      margin-top: 20px;
      margin-bottom: 10px;
      border-width:1px;
      border-style:solid;
      border-color: #CFCFCF;
   

      color: #ffffff;
      background-color: #000000;
      text-align: left;
   }  
 #infobox_ohne_rahmen
   {
      width: 700px;
      height: 300px;
      float: left;
      padding: 1em;
      
      margin-right: 5px;
      margin-left: 20px;
      margin-top: 20px;
      margin-bottom: 10px;
      border-width:3px;
      border-style:solid;
      border-color: #000000;

      color: #ffffff;
      background-color: #000000;
      text-align: center;
   }
/* image margin for infobox */
   .div {
	margin:0;
   }

	.ro {
		background:url(bilder/rahmen/roundedbox_ro.jpg) top right no-repeat;
		margin:0;
		padding:0;
	}

	.lo {
		background:url(bilder/rahmen/roundedbox_lo.jpg) top left no-repeat;
		margin:0;
		padding:0;
	}

	.ru {
		background:url(bilder/rahmen/roundedbox_ru.jpg) bottom right no-repeat;
		margin:0;
		padding:0;
	}

	.lu {
		background:url(bilder/rahmen/roundedbox_lu.jpg) bottom left no-repeat;
		margin:0;
		padding:0;
	}

	.inhalt {
		margin:0;
		/*padding:2.5em 2.5em 3.5em 2.5em;*/
			 
		padding:20px;
	}


	.inhalt p {
		margin:0;
		padding:0;
	}


   
  
   /* fuer scrollbalken aendern:
       groesse fix setzen und overflow:auto; 

SCROLLBAR-FACE-COLOR: #000000;
SCROLLBAR-HIGHLIGHT-COLOR: #000000;
		  SCROLLBAR-SHADOW-COLOR: #000000;
SCROLLBAR-3DLIGHT-COLOR: #000000;
SCROLLBAR-ARROW-COLOR: #000000;
SCROLLBAR-TRACK-COLOR: #000000;
SCROLLBAR-DARKSHADOW-COLOR: #000000;

*/