html,body {

height: 100%;
    margin:auto;

} 
body {  
font-family: Arial, sans-serif;
font-size: 12px;
line-height: 140%;
    text-align: center;
    margin:0;
    background-color: #7D7D7D;
}
a{
font-family: Arial, sans-serif;
font-size: 12px;  
text-decoration: none;
border-bottom: #6d0e61 solid 0px;
color: #6d0e61;
}
a:hover{
  border-bottom: #6d0e61 solid 1px;
color: #6d0e61;  
}
 
 h1,  h2  {
 margin:0;
  font-family: Arial, sans-serif;
font-size: 12px;  
text-transform: uppercase;
 font-weight: bold; 
  color: #6d0e61;
  letter-spacing: 0.2px;
 }
 
 h2 {

 color: #000;
 }
 
 p{
   margin:0 0 12px 0;
   padding:0;
 }
 

#container{     
           position:relative;
height:100%; /* IE6: treaded as min-height*/

    margin: auto;
    text-align: left;  
    width:650px;
    border:0px solid blue;       
}

  #content{
 height:auto !important; /* real browsers */
height:100%; /* IE6: treaded as min-height*/
min-height:100%; /* real browsers */

    background-color:#cbcbcb;
    border:0px solid red;
    width:577px;
   padding-top:5px;
   margin:0 0 0 0px;
   position:relative;
   top:0;
   left:35px;
 }



#head{
    width:650px;
      z-index:1;
      position: absolute;
}
#subhead{
    z-index:2;
   /* background: url(../pix/transbackground-logo.png) no-repeat;*/
    border:0px solid red;
    position: absolute;
    width:577px;
    height:117px;
    margin-left:35px;
    top:165px;  
    left:0;
      clear:both;
           border-bottom:3px solid #7D7D7D;
}




/* Navigation */

#menu{     position: absolute;
      margin-top:255px;
            z-index:3;
     margin-left:0px;
     top:5px;
    left:35px;
}

#menu ul { 
    border:0px solid pink;
    list-style-type: none; 
    padding: 0; 
    margin: 0px; 
    margin-bottom:0px; 
    width: 577px; 
}

#menu li {
    margin: 0 0px 0px 0px; 
    padding: 0px 0px 0px 0px; 
    list-style: none; 
    overflow: hidden; 
    float: left; 
    height: 26px; 
}

#menu li a {
    padding: 26px 0px 0 0px; 
    margin-left: 0px; 
    overflow: hidden; 
    display: block; 
    height: 0px !important; 
    margin-right: 0px; 
}

#menu .start {background: url(../pix/start.gif) 0px 0px no-repeat; width: 114px;}
#menu .programm {background: url(../pix/programm.gif) 0px 0px no-repeat; width: 180px; }
#menu .kapelle {background: url(../pix/kapelle.gif) 0px 0px no-repeat; width: 151px;}
#menu .kontakt {background: url(../pix/kontakt.gif) 0px 0px no-repeat; width: 132px;}
#menu .aktiv a, #menu .aktiv, #menu li:hover, #menu li a:hover{

    background-position: 0px -27px;
    }


/* Sub-Navigation */


 #content .submenu ul { 
    border:0px solid pink;
    list-style-type: none; 
    padding: 0; 
    margin: 0px; 
    margin-bottom:0px; 
}

 #content .submenu li {
    margin: 0 0px 0px 0px; 
    padding: 0px 0px 0px 0px; 
    list-style: none; 
    overflow: hidden; 
   
    height: 26px; 
}

 #content .submenu li a {
    padding: 26px 0px 0 0px; 
    margin-left: 0px; 
    overflow: hidden; 
    display: block; 
    height: 0px !important; 
    margin-right: 0px; 
}

 #content .submenu .diekapelle {background: url(../pix/diekapelle.gif) 0px 0px no-repeat; width: 114px;}
 #content .submenu .diezeremonie {background: url(../pix/diezeremonie.gif) 0px 0px no-repeat; width: 220px; }

 #content .submenu .aktiv a,  #content .submenu .aktiv,  #content .submenu li:hover,  #content .submenu li a:hover{

    background-position: 0px -27px;
    }


.section {
     float:left;
     margin:300px 0 0px 0;
     width:577px;
 height:auto !important; /* real browsers */
height:100%; /* IE6: treaded as min-height*/
min-height:100%; /* real browsers */
background-color:#cbcbcb;
}
   
   
 .colleft, .colright{
        float:left;
        width:256px;
        margin: 0 21px 21px 21px;
        display:inline;   height:100%;
 }
 .colright{
        margin-left: 0px;
 }

 #content ul{
     margin:0 0 0 15px;
     padding:0 0 0 5px;
 }
 #content ul li {
     margin-bottom:7px;
 }
 
 .submenu{padding-bottom:15px;
 width:256px;
  border-bottom: #6d0e61 solid 3px;
 }