#main {
  position: relative;
  width: 60.75em;
  height: auto;
  margin:0px auto;
  text-align: left;
}


#seitenoptionen {
  position: relative;  
  z-index: 10;
}

#seitenoptionen input {
  margin-left: 0.3125em;
  border: none;  
  width: 29px;
  height: 25px;
}

/*
html>body #seitenoptionen input {
  width: 2.2em;
  height: 1.896em;
}
*/


#headerspacer {
  height: 9px; 
  width: 60.75em;
  overflow: hidden; 
}

#headerspacer_2 {
  height: 5px; 
  width: 60.75em;
  background: #ACC5E3;
  overflow: hidden; 
}

.spacer_nav {
  height: 0.3125em;
  overflow: hidden;
}


.img_ecke {
  width: 10px;
  height: 10px;
  border: none;  
}

/* HEADERBEREICH */

      #header {
        display: table;
        position: relative;
        width: 60.75em;
        height: 122px;  
      }

      .header_top, .header_bottom {
        display: table-row;
        position: relative;
        width: 100%;
        height: 10px;
        overflow: hidden;
        background: #2F5F99;
      }
      
     
      .header_ecke_li_ob {
        position: absolute;
        height: 10px;
        width: 10px;
        background: url("/media/header_ecke_li_ob.gif") no-repeat ;
        z-index: 2;
      }
      
      .header_ecke_re_ob {
        position: absolute;
        left: 100%;
        margin-left: -10px;
        height: 10px;
        width: 10px;
        background: url("/media/header_ecke_re_ob.gif") no-repeat ;
        z-index: 2;
      }
      
      .header_ecke_li_un {
        position: absolute;
        height: 10px;
        width: 10px;
        background: url("/media/header_ecke_li_un.gif") no-repeat ;
        z-index: 2;
      }
      
      .header_ecke_re_un {
        position: absolute;
        left: 100%;
        margin-left: -10px;
        height: 10px;
        width: 10px;
        background: url("/media/header_ecke_re_un.gif") no-repeat ;
        z-index: 2;
      }
      
      
      
      .header_middle_top {
        display: block;
        height: 9px !important;
        height: 10px;
        padding-top: 1px;
        background: #2F5F99;
      }
      
      .header_middle_bottom {
        display: block;
        height: 2px !important;
        height: 10px;
        background: #2F5F99;
        padding-top: 8px;  
      }
      

      .white_line { 
        border-top: 1px solid #fff;
        width: auto;
        height:  1px;
        overflow: hidden;
      }



      .headerbild {
        position: absolute;
        right: 0px;
        /*left: 2.55em;*/
        width: auto;
        height: 6.25em;
        border: none;
        float: left;
      }

      /*
      html>body .headerbild {  left: 2.95em; }
      */

      .wappen {
        position: absolute;
        left: 18px;
        top: 40px !important;
        top: 18px;
        width: 152px;
        height: 62px;
        border: none;    
        float: left;
      }
      
      
      #header_middle {
        display: table-row;
        width: auto;
        height: 102px;
        border-left: 1px solid #2655A2;
        border-right: 1px solid #2655A2;
        background: #fff;
        overflow: hidden;
      }


      #header_middle_content {
        padding: 1px;
        background: #DEE8F2;
        height: 100%;
        width: auto; 
        overflow: hidden;
      }





/* Navigationsmenu Oben */

#nav_and_content {
  position: relative;
  width:60.75em;;
}


#content {
  display: table; 
  position: relative;
  width: 100%;
  border-left: 1px solid #2655A2;
  border-right: 1px solid #2655A2;
  background: #fff;
  clear: both;
  overflow-x: hidden;
}

* html #content { width: 60.75em; }


#nav {
  display: table-cell;
  vertical-align: top;
  position: relative;
  width:  12.5em;
  overflow: hidden;
  float: left;
}

#nav_content {
  vertical-align: baseline;
  display: block;
  position: relative;
  width: 12.5em;
  margin-top: 0.625em;
  float: left;
}

#middle  {
  display: table; 
  position: relative;
  width: 60.75em; 
  background: #fff;
}

#content_main {
  position: relative;
  width: 47.5em;
  margin-top: 0.625em;
  overflow: hidden;
  background: #fff;
}

* html #content_main { width: 47.8em; }

.content_ecke {
  width: 9px;
  height: 9px; 
  border: none; 
}

.content_ecke_li_ob {
  position: relative;
  float: left;  
}

.content_ecke_re_ob {
  position: relative;
  float: right;  
}




#left_container {
  position: relative;
  width: 11.25em;
  margin-left: 0.625em;
  margin-right: 0.625em;
  overflow: hidden;   
}

* html #left_container { width: 11.25em; }


/* SUCHE */


.headline_content {
  background: #244D81;
  width: auto;
  height: 1.25em; 
}

.text_content {
  clear: both;
  width: auto;
  background: #DEE8F4;
  border: 1px solid #244D81;
}  
  



#suche_head {
  background: #244D81;
  width: auto;
  height: 1.25em;
}

#suchcontainer {
  display: table-cell;
  clear: both;
  width: 11.25em;
  height: 1.875em; 
  background: #DEE8F4;
  border: 1px solid #244D81;
}

#seitenoptionen_suchcontainer {
  display: table;
  clear: both;
  width: 100%;
  height: 32px;
  text-align: center;
  /* padding-left: 1em; */
  padding-top: 2px;
  background: #DEE8F4;
  border: 1px solid #244D81;
}

#suche_feld {
  position: relative;
  float: left; 
  width: 8.5625em;
  height: 1.125em;
  left: 0.5em;
  top: 0.3125em;
}

#suche_button {
  position: relative;
  left: 0.625em;
  top: 0.5625em;
  width: 0.8125em;
  height: 0.8125em;
  float: left;
}

.such_button {
  width: 0.8125em;
  height: 0.8125em;
  border: none;
}

html>body .such_button {
  width: 1em;
  height: 1em;
}


.suchfeld {
  width: 100%;
  height: 100%;
  border: 0.0625em solid #2F5F99;
  
}

#ngt_main {
  clear: both;
  width: auto;
  background: #DEE8F4;
  border: 1px solid #244D81;
}

/* Modultemplate Liste_Verkehrsinfos */
.Liste_Verkehrsinfos_Titel {
	background-color:#DEE8F4;
	color: #000;
}

 .Liste_Verkehrsinfos_Fuss {
	background-color:#DEE8F4;
	color: #000;
}

.Liste_Verkehrsinfos_Inhalt {
	background-color:#EFF4FA;
	color: #000;
}

/* HEADER UND NAVIGATION BEI DRUCK AUSBLENDEN */
@media print {
  html, body, #main { width: 10cm; font-size: 95%; background: #fff; border: none; }
  #headerspacer,#headerspacer_2, #header, #nav, .header_top, .header_bottom  { display:none; }
  #main { margin: 0px; }
  #content_main { width: 17cm; }
  #content  { border: none; }
}