html, body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}


#main_outer {
  display: table;
  height: 100%;
  min-height: 100%;
  border-left: 49px solid #C1D1E1;
  padding-left: 1px;
}

#main {
  border-left:  14.06em solid #FFFFCD;
  /* border-right: 10em solid #EDEDED; */
  border-right: 11.125em solid #EDEDED;
  /*
  width: 36.75em !important;
  width: 35em !important;
  */
  width: 33.9em !important;
  width: 60.75em;
  width: 59em;
  background: url(media/bg_main_outer.gif) repeat-y;
  height: 100%;
  min-height: 100%;
}


#main_inner {
  display: block;
  position: relative;
  width: 60.75em;
  width: 59em;
  margin-left: -14em;
  /* margin-right: -10em; */
  margin-right: -11.125em;
  /* background: url(media/bg_main_outer.gif) 48.85em repeat-y; */
  background: url(media/bg_main_outer.gif) 47.725em repeat-y;
  height: 100%;
  min-height: 100%;
}


#wappen {
  position: absolute;
  left: 6px; /* 0.4em;*/
  top: 2.375em;
  width: 5.0625em;
  height: 5.75em;
  overflow: hidden;
  z-index: 2;
}

#slogan {
  position: absolute;
  left: 5.7em; /* 5.4em; */
  top: 2.875em; /* 2.375em;*/
  width: 10.5625em; /* 12.3125em; */
  height: 4.875em; /* 5.6875em;*/
  overflow: hidden;
  z-index: 2;
}

#header {
  position: relative;
  background: #fff;
  z-index: 1;
  width: 60.75em;
  width: 59em;
  text-align: left !important;
  text-align: right;
}

#service {
  position: relative;
  height: auto !important;
  height: 2.375em;
  min-height: 2.375em;
  /*
  width: 43.8em !important;
  width: 44.2em;
  */
  width: 44.875em !important;
  width: 45em;
  /*width: 42.45em;
  left: 16.875em !important;
  left: 15.125em !important;
  */
  left: 14.125em !important;
  left: 0px;
  text-align: left;
  overflow: hidden;
}

#flaggen {
  padding-top:  0.75em;
  float: right;
  margin: 0px 0.9375em;
}

.flagge {
  border: 0;
  float: left;
  margin-left: 0.4375em;
}

#suchformular {
  padding-top: 0.75em;
  float: right;
}

.suchtext {
  font-size: 70%;
  float: left;
  margin-right: 0.625em;
  padding-top: 0.125em;

}

.suchfeld {
  float: left;
  font-size: 75%;
  width: 9.375em;
  margin-top: -1px;
}

.suchbutton {
  margin-left: 0.625em;
  /* margin-top: 0.1875em; */
  float: left;
  margin-top: 1px;
  width: 1.0000em; /*13px;*/
  height: 1.0000em; /*13px;*/
}
*html .suchbutton { width: 0.8125em; /*13px;*/ height: 0.8125em; /*13px;*/ }

#schriftoptionen {
  padding-top: 0.625em;
  float: left;
  margin-right: 15px;
}

#schriftoptionen input {
  margin-left: 5px;
  margin-top: 1px;
}

input.font_smaller {
  position: relative;
  top: -3px;
}

input.font_reset {
  position: relative;
  top: -2px;
  left: 3px;
}


.schriftoptionen_text {
  position: relative;
  top: -4px;
  padding-left: 10px;
  font-size: 70%;
}

#kontrastoptionen {
  padding-top: 0.625em;
  margin-right: 0.9375em; /*15px;*/
  width: 16.5em;
  height: 1.8em;
  float: left;
}

#kontrastoptionen form {
    margin-right: 0.6250em; /*10px;*/
    display: inline;
    float:right;
}

#kontrastoptionen input {
  font-size: 100%;
  margin-top: -2px;
  width: 7.4375em;
  height: 1.4375em;
}


#mnav {
  position: relative;
  height: auto !important;
  height: 7.1875em;
  min-height: 7.1875em;
  background: #fff;
  /*width: 45.75em !important;
  width: 44em !important;
  */
  width: 44.9em !important;
  width: auto;
  display: block !important;
  display: inline;
  /*
  left: 16.875em !important;
  left: 15.05em !important;
  */
  left: 14.125em !important;
  left: 0px;
  overflow: hidden;
}


.navblock {
  /*width: 8.6875em;*/
  width: 11.125em;
  background: #eee;
  height: 7.0625em;
  float: left;
}

.navblock_spacer {
  width: 0.125em;
  height: 7.0625em;
  background: #fff;
  overflow: hidden;
  float: left;
}

.navbild {
 width: 11.125em;
 height: 5.375em;
 overflow: hidden;
 text-align: center;
 background: #32659a;
}

.navlink a {
  margin-top: 0.125em !important;
  margin-top: 0.0625em;
  display: block;
  background: #32659A;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  text-align: center;
  height: 1.56em;
  line-height: 1.5em !important;
  line-height: 1.9;
  vertical-align: middle;
}

.navlink_ac a,
.navlink_ac a:hover,
.navlink_ac a:active  {
  margin-top: 0.125em !important;
  margin-top: 0.0625em;
  display: block;
  background: #c7c7c7;
  color: #32659A;
  text-decoration: none;
  font-weight: bold;
  text-align: center;
  height: 1.56em;
  line-height: 1.5em !important;
  line-height: 1.9;
  vertical-align: middle;
}

.navlink a:hover,
.navlink a:active,
.navlink_ac a {
  background: #c7c7c7;
  color: #32659A;
  text-decoration: none;
}

.mnav_link {
  font-size: 64%;
}



#pfad {
  clear: both;
  height: auto !important;
  height: 1.5625em;
  min-height: 1.5625em;
  background: #F8E392;
  width: 60.75em;
  width: 59em;
  color: #32679D;
}

#pfad_inner {
  padding-left: 1em;
  line-height: 1.7em !important;
  line-height: 2;
  vertical-align: middle;
}


#pfad a {
   color: #32679D;
   text-decoration: none;
}

#pfad a:hover,
#pfad a:active {
   text-decoration: underline;
}

.linie_blau {
  height: 0.125em;
  background: #316499;
  overflow: hidden;
  float: none;
}

.linie_blau_mnav {
  /* width: 43.9375em;*/
  width: 44.9em;
  height: 0.125em;
  background: #316499;
  overflow: hidden;
  float: none;
}


#content_outer {
  clear: both;
  margin-left: 14.1875em;
}

#content_inner {
   margin: 0px;
   width: 100%;
}

#snav {
  position: relative;
  width: 13.6875em;
  margin: 0px;
  padding: 0px;
  padding-top: 1.25em;
  padding-bottom: 6.25em;
  float:left;
  margin-left: -14em;
  overflow: hidden;
}

#logo_tria {
  clear: both;
  position: relative;
  top: 2.5em;
  left: 3.4375em;
  bottom: 0px;
  width: 5.875em;
  height: 6.75em;
}

#snav_inner {
  overflow: hidden;
}


#ikiss_content {
  display: table;
  padding-top: 0px;
  background: #fff;
  /*width: 44.65em;*/
  width: 43.65em;
  overflow: hidden;
  padding-top: 1.25em;
  padding-bottom: 3em;
  float: left;
  zoom: 1;
}

#ikiss_content_wrap {
  position: relative;
  padding: 0em 1em;
  padding-left: 0.5em;
}


#ikiss_content_rechts {
  float: right;
  width: 10em;
  color: #30659B;
}

#footer {
  position: absolute;
  bottom: 0.2em;
  margin-left: 14.7em;
  height: 1.125em;
  /*
  width: 34.9375em;
  width: 33.5em;
  */
  width: 32.5em;
  background: #32659A;
  z-index: 5;
  text-align: center;
  color: #fff;
}


@media screen and (min-width: 0px){
	#main, #main_inner, #main_outer { display: table; }
	html, body { height: 100%; min-height: 100%; }
}


@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; }

}








