/* schriften */
@media screen {
  body, div {
    font-size: 70%;
    line-height: 140%;
  }
}
@media screen {
  div {
    font-size: 100%;
  }
}
#menu {
  font-size: 100%;
}
#mainmenue {
  font-family: tahoma, verdana, helvetica, sans-serif;
}
#submenu {
  font-size: 100%;
}
.homepage #content .teaserimg h2 {
  font-size: 160%;
  font-family: trebuchet ms, verdana, helvetica, sans-serif;
  font-weight: normal;
  line-height: 120%;
  margin: 0.5em 0 0.3em 0;
}
a:link.more , a:visited.more  {
  font-size: 90%;
}

@media screen {
  .linkDownload h3 {
    font-size: 120%;
    font-weight: bold;
    font-family: trebuchet ms, verdana, helvetica, sans-serif;
  }
}
.linkDownload a:link, .linkDownload a:visited {
  font-size: 100%;
  font-weight: bold;
}
.linkDownload small {
  font-size: 90%;
}
.infobox h3 {
  font-size: 100%;
}
/* farben */
body {
  color: #333333;
}
h1 {
  color: #333333;
}
h3 {
  color: #FFFFFF;
}
@media screen {
  .global {
    color: #666666;
  }
  .global a:link, .global a:visited {
    color: #666666;
  }
  .global a:hover, .global a:active {
    color: #666666;
  }
  #footer {
    color: #666666;
  }
  #footer a:link, #footer a:visited {
    color: #666666;
  }
  #footer a:hover, #footer a:active {
    color: #666666;
  }
  #content .imgLeft, #content .imgRight {
    background-color: transparent;
  }
  .infobox h3 {
    color: #333333;
  }
  #content h3 {
    padding-bottom: 0.2em;
    color: #666666;
    background: url(/de/img/dotted_line.gif) repeat-x bottom;
  }
  #search {
    color: #0D447A;
  }
  #content .linkDownload h3 {
    color: #333333;
  }
}

/* Formatierung */
a:link, a:visited {
  text-decoration: none;
}
a:active, a:hover {
  text-decoration:underline;
}
td ul li a:active, td ul li a:hover {
  text-decoration:none;
}
@media screen {
  .global {
    position: relative;
    float: right;
    width: 335px;
    height: 18px;
    padding-top: 3px;
    background-color: #FFE4BC;
    border-right: 1px solid #FFFFFF;
  }
  .global a:link, .global a:visited, .global a:hover, .global a:active {
    margin: 0 0 0 13px;
  }
}
#illu {
  position: relative;
  padding: 0;
  height: 112px;
}
@media screen {
  #body {
    position: relative;
    margin: 10px 0 0 10px;
    width: 983px;
    background: url(/de/img/bg_main.gif) repeat-y;
  }
  #head {
    position: relative;
    width: 983px;
    height: 21px;
    padding: 0;
    background-color: #FF9801;
  }
  .homepage #head {
    background-color: #C10000;
  }
  #main {
    position: relative;
    width: 983px;
    padding: 0;
    margin: 0;
  }
  .homepage #content {
    float: left;
    width: 492px;
    position: relative;
    padding: 10px 0 20px 0;
    min-height: 250px;
  }
  #content {
    float: left;
    width: 460px;
    position: relative;
    padding: 30px 0 20px 16px;
  }
  #navigation {
    float: left;
    width: 245px;
    height: auto;
    position: relative;
    margin: 0 0 100px 0;
    padding: 10px 0 0 0;
    background-color: #FFE4BC;
  }
  #footer {
    position: relative;
    padding: 0.6em 0 1em 0;
    margin: 0 0 0 262px;
    width: 721px;
  }
}

@media screen {
  #margin {
    float: right;
    position: relative;
    padding: 10px 0 0 0;
    width: 245px;
  }
}
@media screen {
  .language {
    float: left;
    width: 230px;
    height: 36px;
    margin: 0;
    padding: 0 0 0 15px;
    overflow: hidden;
    background-color: #C10000;
  }
  .language img {
    padding: 15px 0 0 0;
    margin: 0 8px 0 0;
  }
  .rubrikName {
    float: left;
    height: 36px;
    width: 983px;
    margin: 0;
    padding: 0;
    background-color: #C10000;
    border-bottom: 1px solid #FFFFFF;
  }
  .rubrikName h1 {
    color: #FFFFFF;
    padding: 10px 0 0 16px;
    margin: 0;
  }
  #colorbar {
    clear: both;
    width: 983px;
    height: 11px;
    margin: 0;
    padding: 0;
    font-size: 0;
  }
  #colorbar .box1, #colorbar .box2, #colorbar .box3, #colorbar .box4, .homepage #colorbar .box1, .homepage #colorbar .box2, .homepage #colorbar .box3, .homepage #colorbar .box4 {
    float: left;
    width: 245px;
    height: 10px;
    border-right: 1px solid #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
    margin: 0;
    padding: 0;
  }
  #colorbar .box1, #colorbar .box2, #colorbar .box3, #colorbar .box4, .homepage #colorbar .box1 {
    background-color: #FF9801;
  }
  .homepage #colorbar .box2, .homepage #colorbar .box3, .homepage #colorbar .box4 {
    background-color: #C10000;
  }
  #colorbar .box4, .homepage #colorbar .box4 {
    border-right: none;
  }
}
@media screen {
  .up {
    margin: 0 0 0 0;
    padding: 0 15px 0  13px;
    background: url(/de/img/symbol_up.gif) no-repeat 0 0.2em;
  }
  .print {
    margin: 0;
    padding: 0 15px 0 15px;
    background: url(/de/img/symbol_print.gif) no-repeat 0 0.2em;
  }
  .contact {
    margin: 0;
    padding: 0 15px 0 15px;
    background: url(/de/img/symbol_contact.gif) no-repeat 0 0.4em;
  }
}

@media screen {
  /* aktionsboxen rechts fuer Contentpage */
  .infobox {
    width: 221px;
    padding: 10px 12px 1em 12px;
    margin: 0;
    border-bottom: 1px solid #FFFFFF;
  }
  .infobox .boxText h3 {
    padding: 0;
    margin: 0;
    line-height: 130%;
  }
  .infobox h3 {
    padding: 0;
    margin: 0 0 0.2em 0;
    line-height: 130%;
  }
  .infobox .boxImg {
    float: left;
    margin: 0 10px 0 0;
    padding: 0;
  }
  .infobox .boxImgFull {
    margin: 0 0 0.2em 0;
    padding: 0;
  }
  .infobox .boxText {
    width: 215px;
    margin: 0;
    padding: 0;
  }
  .infobox .boxText div {
    margin: 0;
    padding: 0;
  }
  .infobox .boxText div.more {
    position: relative;
    padding: 0;
    background: url(/de/img/pfeil_more.gif) no-repeat 35px 0.4em;
  }
  .infobox div {
    font-size: 100%;
    padding: 0 0 1em 0;
    color: #333333;
  }
  .infobox div div {
    padding: 0;
    margin: 0;
  }
  .infobox ul {
    margin: 0;
    padding: 0;
  }
  .infobox li {
    font-size: 90%;
    margin: 0;
    padding: 0 0 2px 15px;
    list-style: none;
  }
  .infobox li.internal{
    background: url(/de/img/pfeil_intern.gif) no-repeat 0 0.4em;
  }
  .infobox li.external {
    background: url(/de/img/pfeil_extern.gif) no-repeat 0 0.4em;
  }
  .infobox li.download {
    background: url(/de/img/pfeil_download.gif) no-repeat 0 0.4em;
  }
}

@media screen {
  #search {
    clear: both;
    position: relative;
    width: 210px;
    padding: 6px 0 18px 33px;
    margin: 0;
  }
  #search input {
    width: 100px;
    height: 17px;
    margin: 0;
    padding: 0 0 0 2px;
    border-top: 1px solid #666666;
    border-left: 1px solid #666666;
    border-bottom: 1px solid #EEEEEE;
    border-right: 1px solid #EEEEEE;
    color: #333333;
  }
  #search .btn-search {
    position: relative;
    width: 15px;
    height: 15px;
    top: 1px;
    margin: 0 0 0 5px;
    padding: 0;
    border: 0;
    background: url(/de/img/pfeil_search.gif) no-repeat;
    cursor: pointer;
    color: #333333;
  }
}

@media screen {
  /*
  #submenu ul li.node {
    background-color: #FFEAC3;
  }
  #submenu ul li ul li.node {
    background-color: #FFEFD1;
  }
  #submenu ul li.active {
    background-color: #FFF1DC;
  }
  */
  #submenu ul li {
    background-color: #FFE4BC;
  }
  #submenu ul li.active {
    background-color: #FFF1DC;
  }
  #submenu ul li a:link, #submenu ul li a:visited, #submenu ul li a:active, #submenu ul li a:hover {
    color: #052369;
    text-decoration: none;
  }
  #submenu {
    margin: 0;
    width: 245px;
  }
  #submenu ul {
    width: 245px;
    padding: 0;
    margin: 0;
    list-style: none;
    font-weight: normal;
  }
  #submenu ul ul {
    margin: 0;
    padding: 0;
    font-weight: normal;
    border: none;
  }
  #submenu ul li {
    float: left;
  }
  #submenu li a:link, #submenu li a:visited {
    width: 211px;
    display: block;
    padding: 0.4em 0 0.4em 34px;
    overflow: hidden;
  }
  #submenu li li a:link, #submenu li li a:visited {
    width: 199px;
    display: block;
    padding: 0.4em 0 0.4em 46px;
    overflow: hidden;
  }
  #submenu li li li a:link, #submenu li li li a:visited {
    width: 187px;
    display: block;
    padding: 0.4em 0 0.4em 58px;
    overflow: hidden;
  }
  #submenu li.path {
    background-image: url(/de/img/pfeil_dotted_down.gif);
    background-position: 20px 0.9em;
    background-repeat: no-repeat;
    font-weight: bold;
  }
  #submenu li li.path {
    background-position: 35px 0.9em;
  }
  #submenu li.node {
    background-image: url(/de/img/pfeil_dotted_down.gif);
    background-position: 20px 0.9em;
    background-repeat: no-repeat;
  }
  #submenu li li.node {
    background-image: url(/de/img/pfeil_dotted_down_small.gif);
    background-position: 35px 1em;
  }
  #submenu li li li.node {
    background-position: 48px 1em;
  }
  #submenu li.leaf {
    background-image: url(/de/img/pfeil_dotted_right.gif);
    background-position: 20px 0.8em;
    background-repeat: no-repeat;
  }
  #submenu li li.leaf {
    background-position: 35px 1em;
    background-image: url(/de/img/pfeil_dotted_right_small.gif);
  }
  #submenu li li li.leaf {
    background-position: 48px 1em;
  }
  #submenu li.active {
    background-image: url(/de/img/pfeil_dotted_right.gif);
    background-repeat: no-repeat;
    font-weight: bold;
  }
}

@media screen {
  #content table {
    width: 100%;
    margin: 0.5em 0;
    border: 0;
    border-collapse: collapse;
  }
  #content th, #content td {
    background-color: #FFF7EA;
    border: 1px solid #FFF0D0;
    border-top: 0px;
    padding: 2px 5px;
    text-align: left;
    vertical-align: top;
  }
  #content td.active {
    background-color: #FFE4BC;
  }
  #content form .p {
    margin: 1.5em 0;
  }
  #content form p.smalltext {
    clear: both;
    padding-top: 1em;
  }
  #content form div {
    margin: 0;
  }
  #content form table, .formular tr, .formular td {
    border-spacing: 0;
    padding: 0;
    margin: 5px 0;
  }
  #content form fieldset {
    margin: 0.9em 0;
    border: 1px solid #FF9801;
    padding: 0 2px 10px 10px ! important;
    background-color: #FFF7EA;
    position: relative;
  }
  #content form legend {
    position: relative;
    top: -1.4em;
    left: -7px;
    margin-left: -10px;
    margin-bottom: 1.4em;
    font-weight: bold;
    display: block;
    border-bottom: 1px solid #FF9801;
  }
  #content form .formlabel {
    margin: 0em;
  }
  #content form .formfield {
    margin: 0 0 1em 0;
  }
  #content form .formfield input {
    width: 420px;
  }
  #content form .radiobutton input {
    width: 20px !important;
  }
  #content form .chkBox {
    width: 20px !important;
  }
  #content form .formfield input.checkbox {
    width: auto;
    margin: 0px 1px;
    vertical-align: middle;
  }
  #content form .formfield input.date {
    width: 5em;
  }
  #content form .formfield textarea {
    width: 420px;
  }
  #content form .formfield select {
    width: 422px;
  }
  #content form .formfield select.list {
    width: 245px;
  }
  #content form .formfield select.status {
    width: 5em;
  }
  #content form .formfield ul {
    margin: 5px 0 0 1.5em ! important;
  }
  #content form input.button {
    position: relative;
    width: auto;
    float: left;
    margin: 0px 10px 0 0;
    border-width: 1px;
    border-style: solid;
    border-color: #FF9801 #FFF1DC #FFD69B #FF9801;
    padding: 1px 5px 1px 14px;
    text-align: left;
    background: url(/de/img/pfeil_dotted_right.gif) no-repeat 5px #FFD69B;
    cursor: pointer;
    color: #333333;
    font-family: Verdana;
    font-weight: bold;
    font-size: 100%;
  }
}