/**
    * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
    * http://cssreset.com
    */
    html, body, div, span, applet, object, iframe,
    h1, h2, h3, h4, h5, h6, p, blockquote, pre,
    a, abbr, acronym, address, big, cite, code,
    del, dfn, em, img, ins, kbd, q, s, samp,
    small, strike, strong, sub, sup, tt, var,
    b, u, i, center,
    dl, dt, dd, ol, ul, li,
    fieldset, form, label, legend,
    table, caption, tbody, tfoot, thead, tr, th, td,
    article, aside, canvas, details, embed,
    figure, figcaption, footer, header, hgroup,
    menu, nav, output, ruby, section, summary,
    time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    }
    /* HTML5 display-role reset for older browsers */
    article, aside, details, figcaption, figure,
    footer, header, hgroup, menu, nav, section {
    display: block;
    }
    body {
    line-height: 1;
    }
    ol, ul {
    list-style: none;
    }
    blockquote, q {
    quotes: none;
    }
    blockquote:before, blockquote:after,
    q:before, q:after {
    content: '';
    content: none;
    }
    table {
    border-collapse: collapse;
    border-spacing: 0;
    }

/* ------------------------------------------------------------------------- */

    html,body {
    height: 100.1%;
    min-height: 100.1%;
    width:100%;
    }
    
    .clearfloat
    {
      clear: both  
    }

/* ------------------------------------------------------------------------- */
/* © 2010 Maik@tutorials.de */
    body {
    font:normal 1em verdana, sans-serif;
    }
    
    #wrapper {
    position:relative;
    min-width: 1350px;
    width:100%;
    min-height:100%;
    height:auto !important;
    height:100%;
    margin:0 auto;   
    }
    /* -------------------------------------------------------------------------*/
    /* header */
     /* -------------------------------------------------------------------------*/
    #header {
    width:100%;
    height: 133px;
    text-align:center;
    }
       
     
     #header_1, #footer_1{
     width: 100%;
     height: 20px;
     background-image: url(images/linie_oben.png);
     background-repeat:repeat-x;
     }
     
     
     #header_2
     {
     width: 100%;
     background: #dd0000;
     color: #FFF;
     }
     
      #header_3, #footer_2{
     width: 100%;
     height: 20px;
     background-image: url(images/linie_unten.png);
     background-repeat:repeat-x;
     }
     
    
     
      #ludwigshaus {
      font-family: Georgia, "Times New Roman", Times, serif;
font-size: 30px;
margin: 10px 0 5px 0;
      }
     
     #buergerhaus {
      font-family: Georgia, "Times New Roman", Times, serif;
font-size: 20px;
margin: 0 20px 10px 0;
      }
     
     
        
     #header_spalte1{
     width: 60%;
     height: 80px;
     min-width: 120px;
     float:left;
       background: #dd0000;
     }
     
     #header_logo{
     width: 15%;
     height: 80px;
     min-width: 135px;
     float:left;
     background: #fff;
     }
     
     
     
     #logo{
     width: 80px;
     height: 80px;
     margin: 0 0 0 15px;
     float:left;
          }
     #bogen{
     width: 30px;
     height: 80px;
     float:right;
        }
        
      #header_uni{
       height: 80px;
      float:left;
      min-width: 10px;
     width: 85%;
      background-image: url(images/uni.png);
          background-repeat:repeat-x;
          color: #FFF;
          font-size: 20px;
          
     }
     
         
     #header_spalte2{
     width: 40%;
      height: 80px;
     min-width: 300px;
     float:left;
     background-image: url(images/verlauf.png);
     background-repeat:no-repeat;
     background-size: 100%;
         }
   
   
   
    #navigation{
     width: 100%;
     margin: 0 0  0 9%;
       }
       
    #navigation ul 
    {
    width:100%;
    }
    
    .aktuell_nav  {
    
      color:#7A0000;
      text-decoration: none;
      display: block;
      padding:8px 0;
      font-size: 20px;
      width: 155px;
      height: 39px;
      background-image:url('images/nav.png');
      background-repeat: no-repeat;
      text-align: center;
    
    }
    
    
    
    .text_nav a {
    
      color:#fff;
      text-decoration: none;
      display: block;
      padding:8px 0;
      font-size: 20px;
      width: 155px;
      height: 39px;
      background-image:url('images/nav.png');
      background-repeat: no-repeat;
      text-align: center;
    
    }
    .text_nav a:hover {
    
      color:#d00;
      text-decoration: none;
      display: block;
      padding:8px 0;
      font-size: 20px;
      width: 155px;
      height: 39px;
      background-image:url('images/navhover.png');
      background-repeat: no-repeat;
      text-align: center;
    
    }
    
        
    
     .text_nav
    {
    float: left;
    height: 39px;
    width: 158px;
     
    }
    
    .bild_nav
     {
       
      width: 43px;
      height: 39px;    
      float:left;
    
       
    }
    



    .bild_nav a {
    
      color:#fff;
      text-decoration: none;
      display: block;
      padding:8px 0;
      font-size: 20px;
       height: 39px;
      background-image:url('images/navlh.png');
      background-repeat: no-repeat;
      text-align: center;
    
    }
    .bild_nav a:hover {
    
      color:#d00;
      text-decoration: none;
      display: block;
      padding:8px 0;
      font-size: 20px;
      height: 39px;
      background-image:url('images/navlhhover.png');
      background-repeat: no-repeat;
      text-align: center;
    
    }




    

    #aktuell_lh
    {
      
      padding:8px 0;
      font-size: 20px;
      width: 43px;
      height: 39px;    
      background-image: url(images/navlh.png);
      background-repeat: no-repeat;
      text-align: center;
       display: block;
       color:#7A0000;
      text-decoration: none;
    }
    
    
     
    

.hervorheben {
    font-size: 20px;
    text-decoration: underline;
}   
    
    
    #middle {
    padding:10px 10px 80px 20px;
    min-height:80%;
    color:#A80000;
    font-size: 18px;
	}
  
    #middle a {
    text-decoration: underline;
     color:#A80000;
     }
        
    
    #middle h1
    {
     margin: 15px 0 10px 0;
     font-size: 25px;
     font-weight: bold;
     }
    #middle h2
    {
     margin: 15px 0 10px 0;
     font-size: 25px;
     }
    
    #middle p
    {
     margin: 0 10px 10px 0;
     }
    
    
    /*------------------------------------------------------------------------------------*/
    #footer {
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:70px;
      }
    
    #footer_nav{
     width: 100%;
     height: 30px;
     background:#d00;
       }
       
    #footer_nav ul 
    {
    width:100%;
    margin: 0 0 0 150px;
    }
    
    .text_footer_nav a {
    
      color:#fff;
      text-decoration: none;
      display: block;
      padding:2px 0;
      font-size: 15px;
      width: 100px;
      height: 26px;
      text-align: center;
    
    }
    .text_footer_nav a:hover {
    
      color:#d00;
      background: #fff;
      text-decoration: none;
      display: block;
      padding:2px 0;
      font-size: 15px;
      width: 100px;
      height: 26px;
      text-align: center;
    
    }
   

        
    
     .text_footer_nav
    {
    float: left;
    height: 30px;
    width: 100px;
     
    }
    
    
    .footer_aktuell
    {
      color:#7A0000;
    }
    
    
    .clearfix:after {
    content:".";
    display:block;
    height:0;
    font-size:0;
    clear:both;
    visibility:hidden;
    }
    .clearfix {
    display:inline-block;
    }
    
    /*-------------------------------------------------------------------------------------------------*/
  /*-------------------------------------------------------------------------------------------------*/
    #intro {
    float: left;
   width:40%;

    }
     #aktuelles {
    border: 3px solid #dd0000;
    float: right;
    left: 1000px;
    margin: 10px 0 0;
    padding: 1px ;
    position: absolute;
    top: 200px;
    }
        
#Maconet
{
font-weight: normal;
color: #0033CC;
margin: 10px 0;
}

.aktuelle_va
{
font-weight:bold;
}



	#aktuelles_intro	
	{
	    background: none repeat scroll 0 0 #dd0000;
    color: #fff;
    font-size: 25px;
    font-weight: normal !important;
    margin: 0 !important;
    padding: 3px 5px !important;
	}
	
	
	#aktuelles h1	
	{
	  font-size: 25px;
	  padding: 5px;
	}
	#aktuelles h2	
	{
	  padding: 5px;
	}
 
	#aktuelles p
	{
	  font-weight: bold;
	  padding: 0 5px;
	 } 
	  
	#aktuelles ul	
	{
	margin: 5px 10px;
	}
	
		#aktuelles img
	{
	  width: 80px;
	 } 
	
	


	
    #teil1
    {
     margin: 15px 0 10px 0;
     font-size: 25px;
     }
    
    #teil2
    {
       font-size: 20px;
     margin: 0 0 0 30px; 
        }
   
    #veranstaltung_liste
    {
      float:left;
       margin: 0 60px;
           
    }
    
    #veranstaltunge_intro
    {
       margin: 10px 15px  10px  0;
    }
   
      #veranstaltung_liste ul
    {
      list-style:url(images/bullet.png);
      margin: 0 0 0 30px;
    }
    
     #teil3
    {
     margin: 10px 0 10px 30px !important;
       }
        
#lhbild
{
width:50%;
float: left;
margin-left:10px;
}  
      /*----------------------------------------------------*/
        .Raum1
      {
       font-weight: bold;
       font-size: 1.2em;
      }
      
     .Raum > li
     {
      margin: 0.5em 0 0 0 ;
     }
     
     #Kegel
     {
      padding: 0.5em 0 0 0 ;
     }
     
     
       .Raum2 
      {
       font-weight: bold;
      }
      
      .Raum ul
      {
        margin:  0 1em;
      }
      /*--------------------------------------------------------*/
      #Karte {
    float:left;
    padding:5px;
    }

#textteil{
     float:left;
    width: 50%;
     padding:5px;
    
}   
      #map_canvas {
     
    width: 500px;
   height: 400px;
      }
      
      
     #directions_panel {
        float: left;
        width: 100%;
        overflow: auto;
      }

      #WegIntro
      {
        font-weight: bold;
        padding: 1em 0;
      }
      
      /*---------------------------------------------------*/
    
      
   
       #adresse p{
     margin: 0 10% 0 20px;    
      }
      #adresse {
     margin: 15px 0 15px 0;    
      } 
      
      #adr2014  {
    margin: 0 0 10px 0;      
      }
      .zeit{
text-decoration: underline;  
      }
      
      .adr{
        font-weight: bold;
      }
    #kontak
{width: 100%;
  margin: 0 ;}
  
  
  #quotestifutng
  {
       float:left;
       margin: 20px;
    padding: 20px;
font-style: italic;
padding:5px;
color:#000;
  border: 1px solid #7A0000;
  text-align: center;
  width: 200px;
 }
  
  
    #uppenkamp
    {
      float:left;
      width: 200px;
      height: 300px;
       float:left;
       margin: 0 20px 0 0 ;
    }
 
  #lh1903
    {
        width: 290px;
      height: 300px;
       float:right;
       margin: 0 10% 10px 0 ;
    }
 

#beraten
{
  padding: 15px 0 0 0;
}
  
  .plan {
   color:#000 !important;
  }
  
   #reihen
   {
    float:left;
    width:200px;
   }
    #tische
   {
    float:left;
      padding: 0 0 0 20px ;
      width:200px;
   }
   
   
   #reihen >h2, #tische>h2
   {
    font-size: 20px;
   }
   
   .i_h3 {
    margin: 16px 0 0;
    text-decoration: underline;
}

.p_ao {
    margin: 24px 10% 10px 0 !important;
}

.bild {
margin: 10px;  
   width: 300px;
}