html, body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}

body {
  background: url(media/bg_body.gif) repeat-x #E7E3DE;
}


#main_outer {
  display: table;
  height: 100%;
  min-height: 100%;
}

#main {
  border-left:  10em solid #E7E3DE;
  border-right: 10em solid #E7E3DE;
  width: 35em !important;
  width: 55em;
  background: url(media/bg_main_outer.gif) repeat-y #F2EEE9;
  height: 100%;
  min-height: 100%;
}


#main_inner {
  display: block;
  position: relative;
  width: 55em;
  margin-left: -10em;
  margin-right: -10em;
  background: url(media/bg_main_outer.gif) 45em repeat-y;
  height: 100%;
  min-height: 100%;
}

#header {
  position: relative;
  width: 100%;
  background: url(media/bg_header.gif) repeat-y #900000;
  z-index: 1;
  height: 93px;
  text-align: left !important;
  text-align: right;
}

#logo {
  position: absolute;
  left: 54px;
  top: 25px;
  width: 295px;
  height: 57px;
}

#silhouette {
  position: absolute;
  left: 493px;
  top: 12px;
  width: 186px;
  height: 77px;
  background: url(media/silhouette.gif) no-repeat;

}


#mnav {
 background: #E7E3DE;
 zoom: 1;
 display: table;
 width: 100%;
}

#mnav_preblock {
  width: 10em;
  float: left;
  background: url(media/bg_header.gif) repeat-y #900000;
}

#mnav a {
  position: relative;
  text-decoration: none;
  font-size: 75%;
  font-weight: bold;
  padding: 0px 10px;
  padding-bottom: 3px;
  top: -2px;
  color: #333;
}


#mnav ul { margin: 0; padding: 0; list-style-type: none; background: #E7E3DE; }
#mnav li { display: block; float: left;  }

/*
a#link_buerger { padding-left: 3px; padding-right: 75px; text-align: center; }
a#link_kultur {padding-left: 3px; padding-right: 2px; text-align: center; }
a#link_wirtschaft {padding-left: 3px; padding-right: 37px; text-align: center; }
a#link_bauen {padding-left: 3px; padding-right: 12px; text-align: center; }
*/

a#link_buerger { display: block; position: relative; top: 0px; width: 190px; padding-left: 0px; padding-right: 0px; text-align: center; }
a#link_kultur { display: block; position: relative; top: 0px; width: 175px; padding-left: 0px; padding-right: 0px; text-align: center; }
a#link_wirtschaft { display: block; position: relative; top: 0px; width: 175px; padding-left: 0px; padding-right: 0px; text-align: center; }
a#link_bauen { display: block; position: relative; top: 0px; width: 175px; padding-left: 0px; padding-right: 0px; text-align: center; }


a.buerger_ac, a.buerger:hover { background: #FFCC00; }
a.kultur_ac, a.kultur:hover { background: #FF0000; color: #FFCC99 !important;  }
a.wirtschaft_ac, a.wirtschaft:hover { background: #000080; color: #99CCFF !important; }
a.bauen_ac, a.bauen:hover { background: #008000; color: #CCFFCC !important; }

.navlayer_ul {
   display: none;
   background: #eee;
}

.navlayer {
  position: absolute;
  border: 1px solid #000;
  z-index: 5;
  background: #E7E3DE;
}

.navlayer li {
  width: 100% !important;
  float: left !important;
  border-bottom: 1px solid #f00;
}

.navlayer a,
.navlayer a:link,
.navlayer a:visited  {
  text-align: right;
  background: #E7E3DE !important;
  display: block !important;
  padding: 3px 0px !important;
  font-weight: normal !important;
  font-size: 70% !important;
  padding-right: 5px;
}

.navlayer a:hover,
.navlayer a:active {
  background: #ddd !important;
}


ul#layer_buerger { margin-left: 15px; }
#layer_buerger .navlayer a:hover,
#layer_buerger .navlayer a:active {
  background: #FFFF99 !important;
}

ul#layer_kultur { margin-left: 6px; }
#layer_kultur .navlayer a:hover,
#layer_kultur .navlayer a:active {
  background: #FFCC99 !important;
}

ul#layer_bauen { margin-left: 6px; }
#layer_bauen .navlayer a:hover,
#layer_bauen .navlayer a:active {
  background: #CCFFCC !important;
}

ul#layer_wirtschaft { margin-left: 6px; }
#layer_wirtschaft .navlayer a:hover,
#layer_wirtschaft .navlayer a:active {
  background: #99CCFF !important;
}






#content_outer {
  clear: both;
  margin-left: 10em;
}

#content_inner {
   margin: 0px;
   width: 100%;
}

#snav {
  position: relative;
  width: 10em;
  margin: 0px;
  padding: 0px;
  float:left;
  margin-left: -10em;
  overflow: hidden;
  padding-bottom: 30px;
}

#suche {
 padding-top: 5px;
 border: 1px solid #903;
 padding-bottom: 5px;
 margin: 5px;
 /*border: 1px solid #903;   */
}
.suchfeld {
  position: relative;
  left: 5%;
  width: 90%;
  border: 1px solid #000;
}

.suchbutton {
  position: relative;
  left: 4.3em;
  margin-right: 5%;
  font-size: 70%;
  background: #E0E0E0;
  /*float: right; */
  border: 1px solid #000;
}

#schriftoptionen {
  clear: both;
  padding-top: 5px;
  border: 1px solid #903;
  padding-bottom: 5px;
  margin: 5px;
  margin-top: 10px;
}

#schriftoptionen input {
  margin-left: 8px;
  width: 1.125em;
  height: 1.125em;
}



#snav_inner {
  border: 1px solid #903;
  padding-bottom: 5px;
  margin: 5px;
  margin-top: 0px;
  background: #FFFF99;
  display: table;
  width: 100%;
  zoom: 1;
}


#ikiss_content {
  /*display: table;*/
  width: 100%;
  overflow: hidden;
  float: left;
  padding-bottom: 30px;
  padding-top: 10px;
  zoom: 1;
}

#ikiss_content_wrap {
  position: relative;
  border-top: 1px solid #000;
  width: 34em !important;
  width: 35em;
  padding: 0em 0.5em;
  float: left;
  zoom: 1;
  overflow: hidden;
}


#ikiss_content_rechts {
  float: right;
  width: 9.25em;
  padding-bottom: 30px;
  border: 0.0625em solid #903;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
  margin: 0.3125em;
  margin-top: 5px;
  overflow: hidden;
}

#footer {
  background: #800000;
  width: 100%;
  text-align: left;
  position: relative;
  margin-top: -20px;
  padding: 4px 0px 4px 5px;
  height: 20px;
  clear: both;
}

.footer_text {
   color: #FFFF99;
   font-size: 60%;
}



@media print {

  #header, #footer, #snav, #wappen, #slogan, #pfad { display: none; }
  #main_outer {  border-left: none; width: auto !important;}
  #main { border: none; width: 17cm; }
  #main_inner { margin : 0; width: auto !important; }
  #content_outer { margin: 0; width: auto !important; }
  #ikiss_content { width: 12cm; }
  #ikiss_content_rechts { width: 4cm; }

}







