/* y-scrollbar erzwingen */
html {
  overflow-y: scroll;
}/* schriften */
body, div {
  font-size: 70%;
  line-height: 130%;
}
@media screen {
  div {
    font-size: 100%;
  }
}
#content {
  line-height: 150%;
}
#mainmenue {
  font-size: 100%;
}
#submenu {
  font-size: 100%;
}
#breadcrumb {
  font-size: 90%;
}
.infobox {
  font-size: 90%;
  line-height: 150%;
}
.infoboxColor {
  font-size: 90%;
  line-height: 150%;
}
.infobox h3 {
  font-size: 110%;
}
.infoboxColor h3 {
  font-size: 100%;
}
h3.quicklink {
  font-size: 100%;
  font-weight: bold;
}
#footer a:link, #footer a:visited {
  font-size: 90%;
}
@media screen {
  .linkDownload h3 {
    font-size: 1em;
    color: #4B7BA9 !important;
  }
}

/* farben */
body {
  color: #707070;
}
h1 {
  color: #4B7BA9;
}
h2 {
  color: #4B7BA9;
}
h3 {
  color: #73777D;
}
h3.quicklink {
  color: #FFFFFF;
}
.linkDownload h3 {
  color: #696969;
}
.intro {
  color: #787878;
}
.infobox h3 {
  color: #4B7BA9;
}
.infobox h4 {
  color: #4B7BA9;
}
.infobox {
  color: #707070;
}
@media screen {
  .ilink {
    position: absolute;
    top: 0;
    z-index: 199;
    padding: 11px 0 0 15px;
    font-size: 90%;
  }
  #language_menu {
    position: absolute;
    top: 178px;
    z-index: 199;
    width: auto;
  }
  #language_menu ul {
    margin: 0 0 0 30px;
    padding: 0;
  }
  #language_menu li {
    list-style: none;
    display: inline;
    float: left;
  }
  #language_menu li a {
    color: white;
  }
  #language_menu li a:hover, #language_menu li a:active {
    text-decoration: none;
  }
  #language_menu li.first {
    padding: 0 5px 0 0;
  }
  #language_menu li.leaf {
    padding: 0 5px 0 5px;
    border-right: 1px solid white;
  }
  #language_menu li.last {
    border-right: none;
    padding: 0 0 0 5px;
  }
  #language_menu li.active {
    font-weight: bold;
  }
  .global {
    color: #4F7BAA;
  }
  .global a:link, .global a:visited {
    padding: 0;
    color: #4F7BAA;
  }
  .global a:hover, .global a:active {
    color: #4F7BAA;
    text-decoration: underline;
  }
  .more a:link, .more a:visited, .more a:hover, .more a:active {
    padding: 0 0 0 18px;
    font-weight: bold;
    background: url(/de/img/pfeil_right.gif) no-repeat 0 0;
  }
  .language {
    color: #FFFFFF;
  }
  .language a:link, .language a:visited {
    padding: 0;
    color: #FFFFFF;
  }
  .language a:hover, .language a:active {
    color: #FFFFFF;
    text-decoration: underline;
  }
  .verteiler a:link, .verteiler a:visited, .verteiler a:hover, .verteiler a:active {
    text-decoration: underline;
  }
  #breadcrumb {
    color: #4F7BAA;
  }
  #breadcrumb a:link, #breadcrumb a:visited {
    padding: 0;
    color: #4F7BAA;
  }
  #breadcrumb a:hover, #breadcrumb a:active {
    color: #4F7BAA;
    text-decoration: underline;
  }
  #breadcrumb ul li.active {
    font-weight: bold;
  }
  #footer {
    color: #4F7BAA;
  }
  #footer a:link, #footer a:visited {
    padding: 0;
    color: #4F7BAA;
  }
  #footer a:hover, #footer a:active {
    color: #4F7BAA;
    text-decoration: underline;
  }
}

/* Formatierung */
a:link, a:visited {
  text-decoration: none;
}
a:active, a:hover {
  text-decoration:underline;
}
@media screen {
  .global {
    position: absolute;
    top: 12px;
    right: 17px;
    z-index: 99;
  }
}
@media screen {
  /* Hauptmenue live */
  #mainmenue {
    position: relative;
    width: 697px;
    height: 32px;
    overflow: hidden;
    margin-left: 16px;
    background-color: #4C7BA9;
    color: #FFFFFF;
    padding: 0 0 0 242px;
  }
  #mainmenue ul {
    margin: 0;
    padding: 0;
  }
  #mainmenue li {
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    border-right: 1px solid #FFFFFF;
  }
  #mainmenue li.last {
    border-right: none;
  }
  #mainmenue .menue {
    position: relative;
    float: left;
    padding: 9px 0 0 0;
    margin-left: 3px;
  }
  #mainmenue .menue a {
    margin: 0;
    padding: 0 12px 0 12px;
    color: #FFFFFF;
  }
  #mainmenue .menue a:link, #mainmenue .menue a:visited {
    color: #FFFFFF;
  }
  #mainmenue .menue a:active, #mainmenue .menue a:hover {
    text-decoration: none;
  }
  #mainmenue .menue li.active a {
    font-weight: bold;
  }
}
@media screen {
  h3.quicklink {
    padding: 30px 0 7px 10px;
    margin: 0;
  }
}
@media screen {
  #breadcrumb {
    width: 681px;
    height: 17px;
    padding: 7px 0 3px 15px;
    margin: 0;
    float: left;
    background-color: #D9D9D9;
    border-top: 2px solid #FFFFFF;
    border-left: 2px solid #FFFFFF;
  }
  #breadcrumb ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: inline;
  }
  #breadcrumb ul li {
    display: inline;
  }
  #breadcrumb a:link, #breadcrumb a:visited {
    margin: 0;
    padding: 0;
  }
  #breadcrumb a:link.active, #breadcrumb a:visited.active {
    font-weight: bold;
  }
}
@media screen {
  #body {
    position: relative;
    width: 970px;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    text-align: left;
  }
  #head {
    position: relative;
    height: 169px;
    padding: 0;
    margin: 0;
    background-color: #FFFFFF;
  }
  #main {
    position: relative;
    width: 939px;
    margin: 0 16px 0 16px;
    padding: 0;
  }
  #leftcolumn {
    position: relative;
    width: 241px;
    height: 400px;
    float: left;
  }
  #leftcolumn .colorBlock {
    position: relative;
    margin: 2px 0 0 0;
    width: 241px;
    height: 105px;
    background-color: #E5ECF2;
  }
  #content {
    position: relative;
    width: 474px;
    margin: 0;
    padding: 20px 0 20px 15px;
    float: left;
  }
  #illu {
    position: relative;
    margin-left: -13px !important;
    margin-top: -19px !important;
  }
  #rightcolumn {
    position: relative;
    width: 194px;
    margin: 0;
    padding: 1.5em 0 0 0;
    float: right;
    background: url(/de/img/bg_rightcolumn.gif) repeat-y left;
  }
  #footer {
    position: relative;
    width: 485px;
    padding: 0.4em 0 0.4em 0;
    margin: 60px 0 0 276px;
    height: 15px;
    border-top: 1px solid #DADADA;
  }
}
@media screen {
  #homeIllu {
    position: relative;
    float: left;
    width: 765px;
    height: 346px;
    padding: 0;
    margin: 0;
  }
  #rubrikIllu {
    position: relative;
    float: left;
    width: 765px;
    height: 138px;
    padding: 0;
    margin: 0;
  }
  .address {
    padding: 40px 0 0 20px;
    margin: 0;
  }
}

@media screen {
  .infobox {
    width: 179px;
    padding: 1em 0 1em 15px;
    margin: 0;
  }
  .infobox h3 {
    position: relative;
    margin: 0 0 2em 0;
    padding: 0;
  }
  .infobox h4 {
    position: relative;
    margin: 0;
    padding: 0;
  }
  .infobox p {
    margin: 0;
    padding: 0;
  }
  .infobox div {
    margin: 0 0 0.5em 0;
  }
  .infobox img {
    margin: 0 0 0.6em 0;
  }
  .infobox ul {
    padding: 0;
    margin: 0;
    list-style: none;
  }
  .infobox li {
    position: relative;
    display: block;
    padding: 0 0 0.5em 13px;
    font-weight: normal;
    background: url(/de/img/pfeil_green.gif) no-repeat 0 0.2em;
  }
  .infobox a:link, .infobox a:visited {
    font-weight: bold;
  }
}

@media screen {
  .infoboxColor {
    width: 192px;
    padding: 0 0 1em 0;
    margin: 1.4em 0 0 2px;
    background-color: #E5ECF2;
  }
  .infoboxColor h3 {
    margin: 0;
    padding: 0.3em 0 0.3em 15px;
    color: #4C7BA9;
    background-color: #B1C6D9;
  }
  .infoboxColor div {
    margin: 0;
    padding: 10px 0 0 15px;
  }
  .infoboxColor img {
    margin: 0.5em 0 0.2em 0;
  }
  .infoboxColor a:link, .infoboxColor a:visited {
    font-weight: bold;
    text-decoration: underline
  }
}

@media screen {
  #search {
    position: relative;
    padding: 20px;
    color: #4d7caa;
  }
  #search input {
  width: 156px;
  margin: 3px 0 3px 0;
  padding: 0.1em;
  border: 1px solid #7fa2c2;
  color: #333333;
}
#search input.btn-search {
  width: 30px;
  height: 20px;
  margin: 0 0 3px 0;
  padding: 0.1em;
  border-top: 1px solid #eff4f8;
  border-right: 1px solid #a1b9d1;
  border-bottom: 1px solid #82a1c0;
  border-left: 1px solid #e5ecf4;
  font-size: 100%;
  font-weight: bold;
  color: #4c7ba9;
  background-color: #dae7f0;
  cursor: pointer;
  }
}

@media screen {
  .footer {
    display: block;
    clear: both;
    position: relative;
    margin: 1em 0 0.5em 0 !important;
    padding: 0 0 0.5em 0;
    float: left;
  }
  .up {
    float: right;
    margin: 0;
    padding: 0 16px 0 0;
    text-align: right;
    background: url(/de/img/symbol_up.gif) no-repeat center right;
  }
  .print {
    float: left;
    margin: 0;
    padding: 0 15px 0 20px;
    background: url(/de/img/symbol_print.gif) no-repeat 0 0.2em;
  }
}

@media screen {
  #submenu ul li a:link, #submenu ul li a:visited, #submenu ul li a:active, #submenu ul li a:hover {
    color: #FFFFFF;
    text-decoration: none;
  }
  #submenu {
    padding: 0;
    width: 241px;
    min-height: 227px;
    overflow: hidden;
    border-top: 29px solid #4C7BA9;
    border-bottom: 29px solid #7fa2c2;
    background-color: #7FA2C2;
  }
  .homepage #submenu {
    min-height: 227px;
    padding: 0;
  }
  #submenu ul {
    float: left;
    width: 241px;
    padding: 0;
    margin: 0;
    list-style: none;
    font-weight: normal;
    background-color: #7FA2C2;
    border-bottom: 1px solid #A3BBD3;
  }
  .homepage #submenu ul {
    font-weight: normal;
  }
  #submenu ul ul {
    font-weight: normal!important;
    border-bottom: none;
  }
  #submenu li {
    width: 241px;
    float: left;
    list-style: square;
  }
  #submenu li a {
    width: 221px;
    display: block;
    padding: 0.5em 0 0.5em 20px;
    border-top: 1px solid #A3BBD3;
  }
  #submenu ul ul li a {
    width: 206px;
    font-weight: normal !important;
    padding: 0.5em 0 0.5em 35px;
    border-top: 1px solid #A3BBD3;
  }
  .homepage #submenu ul li a {
    padding: 0.5em 0 0.5em 20px;
    border-top: 1px solid #A3BBD3;
  }
  #submenu li.path {
    font-weight: bold;
  }
  #submenu ul li.active a {
    font-weight: bold;
  }
  #submenu ul ul li.active a {
    background: url(/de/img/kasten_submenu.gif) no-repeat 21px .9em;
  }
  #submenu ul ul li.path a {
    background: url(/de/img/kasten_submenu.gif) no-repeat 21px .9em;
  }
}

/* Styles for tables */

caption {
  text-align: left;
  margin: 0;
  padding: 1em 0 0.5em 0;
  font-weight: bold;
  color: #487BA6;
}
table, th, tr, td {
  border-collapse:collapse;
  border-spacing: 0;
  border: 1px solid #FFFFFF;
  vertical-align: top;
}
table {
  clear: both;
  border: none;
  width: 95%;
}
table th {
  padding: 0 15px 0 0;
  width: 80px;
  font-weight: normal;
  text-align: left;
  color: #487BA6;
}

/* Styles for tables calendar */

.calendar caption {
  display: none;
}
table.calendar, .calendar th, .calendar tr, .calendar td {
  border-collapse:collapse;
  border-spacing: 0;
  border: 1px solid #FFFFFF;
  vertical-align: top;
  color: #4C7BA7;
  text-align: right;
  background-color: #E5ECF2;
}
.calendar th, .calendar td {
  border-bottom: 10px solid #FFFFFF;
}
table.calendar {
  clear: both;
  border: none;
  width: 95%;
}
table.calendar td {
  padding: 0 15px 0 0;
}

table.calendar th {
  padding: 0 15px 0 15px;
  width: 95px;
  font-weight: normal;
  text-align: left;
  color: #FFFFFF;
  background-color: #4C7BA9;
}

/* Personalisierung Login */

.infobox .login {
  margin-top: 1em;
}
.infobox .login input {
  width: 177px;
}

.login .button {
  background-color: #DAE7F0;
  border-color: #EFF4F8 #A1B9D1 #82A1C0 #E5ECF4;
  border-style: solid;
  border-width: 1px;
  color: #4C7BA9;
  cursor: pointer;
  font-size: 100%;
  font-weight: bold;
  margin: 0 0 3px;
  padding: 0.2em 0.1em;
}