* {
    margin: 0;
    padding: 0;
}

body { /* font: default 16px to 10px */
    font: 62.5% arial, helvetica, sans-serif;
    background: #f4f6e9;
    color: #000;
    overflow-y: scroll;
}

/* Global 
**************************************************** */
hr,
.aural,
.navSkip,
#navServiceMeta h2,
#navPrimary h6,
#search h6,
#supplement h6,
#navPrimary .on em,
#navGlobal .on em,
.navIndex h6,
#navSecondary h3 {
    display: block;
    position: absolute;
    overflow: hidden;
    left: -9999px;
    width: 1px;
    height: 1px;
}

#search legend {
    display: none;
}

li {
    list-style: none;
}

/* Links */
a {
    color: #054B79;
    text-decoration: none;
}

a:hover,
a:active,
a:focus {
    text-decoration: underline;
}

a img {
    border: none;
}

.more a,
.all a {
    display: block;
    background: url(../img/sprites.png) 0 3px no-repeat;
    margin: 10px 0 0 0;
    padding: 0 0 0 20px;
    font-weight: bold;
}

/* GRID / LAYOUT
**************************************************** */
#wrapperOuter {
    position: relative;
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
    padding: 0;
}

#wrapperInner {
    overflow: hidden;
}

#wrapperHeader {
    overflow: hidden;
    background: #bfdde8 url(../img/bg.jpg) 50% 0 repeat-x;
}

#home #wrapperHeader {
    border-bottom: 10px solid #fff;
}

#branding {
    position: relative;
    width: 990px;
    overflow: hidden;
    margin: 0 auto 20px auto;
}

#branding.titelUndUntertitel {
    margin: 0 auto 0px auto;
}

#branding.mod {
    margin-bottom: 0;
}

#navPrimary {
    overflow: hidden;
    position: relative;
    width: 990px;
    clear: both;
    margin: 0 auto 0 auto;
}

#navBreadcrumbs {
    background: #fff;
}

#stage {
    width: 990px;
    margin: -10px auto 0 auto;
}

#wrapperDivisions {
    width: 990px;
    margin: 0 auto;
    padding: 30px 0 0 0;
    overflow: hidden;
}

#wrapperContent {
    float: left;
    width: 738px;
    overflow: hidden;
}

.col1 #wrapperContent {
    /*width: 738px;*/
    width: 990px;
    margin: 0 auto;
    overflow: hidden;
    float: none;
}

.col2 #wrapperContent {
    width: 990px;
    margin: 0 auto;
    overflow: hidden;
    float: none;
}

#home #wrapperContent {
    width: 100%;
    background: none;
    padding: 0;
}

#main {
    overflow: hidden;
    font-size: 130%;
}

#supplement {
    overflow: hidden; /* ie 6 */
    float: right;
    width: 234px;
    padding: 0 0 0 8px;
}

#home #supplement {
    overflow: visible; /* ie 6 */
}

#wrapper-siteInfo {
    clear: both;
    overflow: hidden;
    background: #e5eac1;
    border-top: 10px solid #fff;
}

/* modgrid - 3-Spaltigkeit */
#navSecondary {
    float: left;
    width: 234px;
    margin: 0 18px 0 0;
}

.modgrid #wrapperContent {
    clear: none;
    width: 486px;
    background: url(../img/dotted-line-vertical.png) 100% 0 repeat-y;
    padding: 0 9px 0 0;
}

/* BRANDING / HEAD
**************************************************** */
#branding p {
    float: left;
}

#branding p a {
    display: block;
    float: left;
}

#branding p img {
    padding: 0 1px 0 0;
}

#branding h1.titel {
    clear: both;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 360%;
    font-style: italic;
    font-weight: bold;
    padding-top: 20px;
}

#branding h1.langertitel {
    clear: both;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 250%;
    font-style: italic;
    font-weight: bold;
    padding-top: 20px;
}

#branding h2.untertitel {
    clear: both;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 180%;
    font-style: italic;
    font-weight: bold;
    padding-top: 10px;
}

/* Meta Navigation */
#navServiceMeta {
    float: right;
    padding: 6px 0 0 0;
}

#navServiceMeta li {
    float: left;
    padding: 0 0 0 15px;
    font-size: 110%;
}

#navServiceMeta li a {
    color: #000;
}

/* GLOBAL HORIZONTAL NAVIGATION
**************************************************** */
/* nav Global */
#navGlobal {
    padding: 10px 0 0 0;
}

#navGlobal ul {
    float: right;
}

#navGlobal li {
    float: left;
    background: url(../img/dotted-line-vertical-nav.png) 0 0 no-repeat;
    margin: 0 0 0 9px;
    padding: 0 0 0 10px;
    font-size: 120%;
    font-weight: bold;
}

#navGlobal li a,
#navGlobal li strong {
    display: block;
    color: #000;
    padding: 6px;
    border-radius: 5px;
}

#navGlobal li strong,
#navGlobal li a:hover,
#navGlobal li a:active,
#navGlobal li a:focus {
    background: #1a5b81;
    color: #fff;
    text-decoration: none;
}

/* nav Primary */
#navPrimary {
}

#navPrimary ul {
    background: url(../img/navi_bg.png) 0 0 repeat-x;
    overflow: hidden;
    padding: 5px 0 0 0;
    position: relative;
}

#navPrimary li {
    float: left;
    background: url(../img/dotted-line-vertical-nav.png) 0 8px no-repeat;
    font-size: 130%;

    text-align: center;
    padding: 0 8px;
    height: 50px;
    width: 107px;
}

#navPrimary li#primaryFirst {
    background: none;
}

#navPrimary li#primaryEighth {
}

#navPrimary li a,
#navPrimary li.on strong {
    color: #000000;
    display: block;
    overflow: hidden;
    padding: 0px 10px;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
    width: 87px;
    font-weight: bold;
    height: 50px;
}

/* on und hover */
#navPrimary li.on strong,
#navPrimary li a:hover,
#navPrimary li a:active,
#navPrimary li a:focus {
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 5px 5px 0 0;
    text-decoration: none;
}

/* first&last list item content's margins */
#navPrimary li#primaryFirst a {
    margin-left: 0;
}

#navPrimary li#primaryEighth a {
    margin-right: 0;
}

/* VERTICAL NAVIGATION 
**************************************************** */
#navSecondary {
    background: #fff;
}

/* 1st level */
#navSecondary h3 {
}

/* 2nd level */
#navSecondary ul li {
    height: 100%;
    font-size: 130%;
    padding: 3px 0 0;
    border-top: 1px solid #dbddd0;
}

#navSecondary ul li:first-child,
#navSecondary ul li.first-child {
    border-top: none;
}

#navSecondary ul li a,
#navSecondary ul li strong {
    position: relative;
    display: block;
    padding: 5px;
    margin: 0 5px 3px;
    color: #000;
}

#navSecondary ul li a:active,
#navSecondary ul li a:focus,
#navSecondary ul li a:hover,
#navSecondary ul li strong {
    color: #fff;
    text-decoration: none;
    background-color: #195b81;
    border-radius: 5px;
}

#navSecondary > .navMain > ul > li > a { /* all second level links bold */
    font-weight: bold;
}

#navSecondary ul li em a { /* all expanded links bold */
    font-style: normal;
    font-weight: bold;
}

/* 3rd level */
#navSecondary ul ul {
    padding: 0 0 0 20px;
}

#navSecondary ul ul,
#navSecondary ul ul li {
    border-top: none;
    background: url(../img/dotted-line-horizontal.png) 0 0 repeat-x;
}

#navSecondary ul ul li:first-child,
#navSecondary ul ul li.first-child {
    background-image: none;
}

#navSecondary li li {
    font-size: 92.5%;
}

/* 4th level */
#navSecondary li li li {
    font-size: 100%;
}

/* secondary arrows */
#navSecondary li span.arrow {
    position: absolute;
    top: 0px;
    right: -5px;
    width: 5px;
    height: 100%;
    background-image: none;
    background-position: -12px 50%;
    background-repeat: no-repeat;
}

/* STAGE 
**************************************************** */
#stage .opener {
    min-height: 175px;
    height: auto !important;
    height: 175px; /* ie6 */
    background-position: 100% 100%;
    background-repeat: no-repeat;
    padding: 0 450px 30px 0;
}

#stage .opener h1 {
    margin-bottom: 15px;
    font-size: 360%;
    letter-spacing: 0;
}

#stage .opener h1 a {
    color: #000;
}

#stage .opener p {
    padding: 0 50px 0 0;
    font-size: 130%;
    line-height: 1.4em;
}

/* Opener in Homepage */
#home #stage .opener {
    min-height: 250px;
    height: auto !important;
    height: 250px; /* ie6 */
}

#home #stage .opener h1 {
    font-size: 420%;
}

#home #stage .opener p {
    font-size: 140%;
}

#home #stage .opener strong.more {
    position: relative; /* ie6 */
}

/* breadcrumb */
#navBreadcrumbs ol {
    overflow: hidden;
    width: 990px;
    margin: 0 auto;
}

#navBreadcrumbs li {
    display: inline;
    float: left;
    font-size: 110%;
}

#navBreadcrumbs li a,
#navBreadcrumbs li strong {
    display: block;
    background: url(../img/sprites.png) 0 -1490px no-repeat;
    margin-right: 6px;
    padding: 5px 0 6px 9px;
}

#navBreadcrumbs li strong {
    color: #000;
}

#navBreadcrumbs li strong {
    font-weight: normal;
}

#navBreadcrumbs li:first-child a,
#navBreadcrumbs li:first-child strong,
#navBreadcrumbs li.first-child a,
#navBreadcrumbs li.first-child strong {
    background: none;
    padding-left: 0;
}

/* Table of contents
**************************************************** */
ul.toc {
    border-top: 1px solid #c1bcb8;
    list-style: none;
    margin: 0 0 20px;
    padding-top: 5px;
}

ul.toc li {
    margin-bottom: 0;
    border-bottom: 1px solid #dbddd0;
}

ul.toc li a {
    display: block;
    padding: 5px 0 5px 15px;
    background: url(../img/sprites.png) 0 -1191px no-repeat;
}

/* FORMS
**************************************************** */
fieldset {
    border: none;
}

input {
    font-family: Arial, Helvetica, sans-serif;
    color: #333;
}

/* contact form */
form {
    overflow: hidden;
    width: 500px;
}

form dfn {
    cursor: help;
}

form div {
    position: relative;
}

form .formHandle {
    float: right;
}

form .formNote {
    position: absolute;
    left: 0;
    top: 0;
}

.formLabel {
    display: block;
    margin: 0 0 3px 0;
}

legend {
    display: block;
    margin: 0;
    font-size: 150%;
    font-weight: bold;
    line-height: 3em;
}

input,
textarea {
    width: 484px;
    background: #fff;
    margin: 0;
    border: 1px solid #dbddd0;
    border-radius: 5px;
    padding: 8px 7px 7px;
    font-size: 100%;
}

input:focus,
textarea:focus {
    border: 1px solid #999;
}

.submit,
.reset {
    width: auto;
    height: 25px;
    background: #696969;
    border: 1px solid #696969;
    margin: 0;
    padding: 3px 10px 2px 10px;
    font-weight: bold;
    color: #fff;
    cursor: pointer;
}

.reset {
    background: #999;
    border: 1px solid #999;
}

/* Error Messages */
ul.error {
    margin: 0 0 20px 0;
}

ul.error li {
    list-style: none;
}

ul.error li a {
    background: url(../img/sprites.png) 0 -2396px no-repeat;
    padding-left: 15px;
    color: #f00;
}

.formError {
    display: block;
    margin: 0 0 5px 0;
    color: #f00;
    font-weight: normal;
}

.error input,
.error textarea {
    border: 1px solid #f00;
}

.error input:focus,
.error textarea:focus {
    border: 1px solid #333;
}

.error .formLabel {
    color: #f00;
    font-weight: bold;
}

/* Search in Head */
#search {
    position: absolute;
    right: 0;
    top: 70px;
    width: 224px;
    background: none;
    border: none;
    padding: 0;
}

#search p {
    font-size: 100%;
}

#search form {
    width: 224px;
}

#search input {
    width: 138px;
    background: #fff;
    margin: 0;
    border: none;
    border-radius: 5px;
    padding: 7px 80px 6px 6px;
    font-size: 120%;
}

#search input.button {
    position: absolute;
    right: 3px;
    top: 3px;
    width: 70px;
    height: 22px;
    background: #696969;
    margin: 0;
    padding: 2px 10px 3px;
    font-weight: bold;
    color: #fff;
}

#search input.button:hover,
#search input.button:active,
#search input.button:focus {
    cursor: pointer;
    background: #1a5b81;
}

/* SITEMAP
**************************************************** */
ul#sitemap {
    list-style: none;
    margin: 0;
    padding: 0;
}

#sitemap li {
    margin: 0 0 25px 0;
    padding: 0 0 20px 0;
    list-style: none;
    font-size: 120%;
}

#sitemap li h2 {
    background: url(../img/sprites.png) 0 1px no-repeat;
    border-bottom: 1px solid #b7b9ac;
    margin: 0;
    padding: 0 0 13px 20px;
    font-size: 117.5%;
}

#sitemap li a {
    display: block;
}

#sitemap li ul {
    margin: 5px 0 -11px 0;
    padding: 5px 0 0 0;
}

#sitemap li li {
    margin: 0 0 5px 0;
    border-bottom: 1px solid #DBDDD0;
    padding: 0 0 5px 0;
    font-size: 100%;
}

#sitemap li ul ul {
    border-top: 1px solid #DBDDD0;
}

#sitemap li li li a {
    padding: 0 0 0 20px;
}

#sitemap li li li li a {
    padding: 0 0 0 40px;
}

/* FOOTER
**************************************************** */
#siteInfo {
    position: relative;
    width: 990px;
    margin: 0 auto;
    padding: 12px 0 50px 0;
}

#siteInfo #topic-nav {
    overflow: hidden;
}

#siteInfo #topic-nav div {
    float: left;
}

#siteInfo #topic-nav h2 {
    font-size: 120%;
    margin-bottom: 10px;
}

#siteInfo #topic-nav ul {
    overflow: hidden;
    width: 250px;
}

#siteInfo #topic-nav li {
    display: block;
    float: left;
    width: 110px;
    margin: 0 15px 0 0;
    font-size: 110%;
    border-bottom: 1px solid #ced2ad;
}

#siteInfo #topic-nav li a {
    display: block;
    padding: 5px 0;
    color: #000;
}

#siteInfo p {
    clear: both;
    position: absolute;
    top: 12px;
    right: 0;
    width: 107px;
    font-size: 100%;
}

#siteInfo p em {
    font-style: normal;
}

.styleguide-content {
    background: #FF6600;
    display: block;
    width: 100%;
    height: 800px;
}

.styleguide-content p {
    color: #FFFFFF;
    font-size: 200%;
    padding: 20px;
}

#stage .styleguide-content {
    height: 400px;
    background: none;
}

.col2 #wrapperContent .column {
    width: 486px;
    float: left;
    margin: 0 18px 0 0;
}

.col2 #wrapperContent .column.second {
    margin: 0;
}

.column .styleguide-content {
    height: 400px;
}

#main ul {
    padding: 0 0 20px 0;
}

#main ul li {
    padding: 5px 0;
    font-size: 140%;
}

.additional-header {
    clear: both;
}

.additional-header img {
    margin-top: 20px;
}

#branding .additional-header p.langertitel {
    font-size: 300%;
}

/*Alter Tabellen Style wird verworfen*/
/*
table{
	background: #dfe0d8;
	font-size: 140%;
	border-spacing: 1px;
	table-layout: fixed;
	margin-bottom: 20px;
	width: auto;
}
tr{
	 background:#ffffff;
}
tr:nth-child(odd) {
  background:#eff0eb;
}
th{
	background: #447596;
	color: #ffffff;
	padding: 12px;
	text-align: left;
	width: auto;
	min-width: 100px;
}
th:first-child{
	background: url(../img/arrow.png) no-repeat right 18px #1a5b81;
}
td{
	padding: 12px;
	width: auto;
	min-width: 100px;
}

.table-grid #wrapperContent{
	width: auto;
}
.table-wrapper{
	width: 990px;
	overflow-x: scroll;
	background: #dfe0d8;
	margin-bottom: 30px;
	border-radius: 3px 3px 0 0;
}
.table-wrapper h2{
	font-size: 150%;
	font-family:Georgia,"Times New Roman",Times,serif;
	font-style: italic;
    font-weight: bold;
	padding: 10px 10px 20px;
}
*/

/*################################## New Table Style (Author: Jana Storch) ##################################*/
#main table {
    border-collapse: collapse;
    font-size: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
}

#main table caption {
    background-color: rgb(68, 116, 149);
    color: rgb(255, 255, 255);
    font-family: Georgia, "Times New Roman", Times, serif;
    font-style: italic;
    font-weight: bold;
    margin-bottom: 0px;
    padding: 10px 7px;
}

#main table thead tr {
    background-color: rgb(255, 255, 255);
}

#main table thead tr th {
}

#main table tr {
    border-top: 1px solid rgb(245, 246, 234);
}

#main table tr {
    border-top: 1px solid rgb(245, 246, 234);
}

#main table tbody tr {
    background-color: rgb(234, 236, 218);
}

#main table tbody tr.odd {
    background-color: rgb(223, 227, 203);
}

#main table td, #main table th {
    vertical-align: top;
    padding: 5px 3px;
    border-right: 1px solid rgb(245, 246, 234);
    white-space: nowrap;
}

#main table th a {
    text-decoration: none;
    color: #000;
    display: block;
}

#main table tfoot td {
    padding: 5px 0 5px 0;
    text-align: center;
}

#main table th.sorted-asc {
    background: url("../img/arrow_black_bottom.png") #fff no-repeat scroll right 10px;
}

#main table th.sorted-desc {
    background: url("../img/arrow_black_top.png") #fff no-repeat scroll right 10px;
}

#main div.table-wrapper-scrollable {
    width: 990px;
    overflow-x: scroll;
    padding: 0;
    margin: 0;
}

#main div.table-wrapper {
    width: auto;
    overflow: hidden;
    padding: 0;
    margin: 0;
}

#main div.table-wrapper-scrollable table tfoot tr td span.pager {
    text-align: left;
}

#main div.table-wrapper-scrollable table caption {
    text-align: left;
}

#main div.table_caption {
    background-color: rgb(68, 116, 149);
    color: rgb(255, 255, 255);
    font-family: Georgia, "Times New Roman", Times, serif;
    font-style: italic;
    font-weight: bold;
    margin-bottom: 0px;
    padding: 10px 7px;
    text-align: center;
}

#main div.table_footer {
    padding: 5px 0 5px 0;
    width: 990px;
    text-align: center;
}

/*End New Table Style*/

/*################################## Pager Style (Author: Jana Storch) ##################################*/
span.pager {
    color: #1a5b81;
    padding: 0.313em 0 0.313em 0;
    width: 28em; /*Breite begrenzen, um eine mittige Ausrichtung zu ermöglichen*/
    margin-left: auto; /*mittig ausrichten*/
    margin-right: auto;
    white-space: nowrap;
}

span.pager a {
    padding: 3px 7px 2px;
    margin-left: 2px;
    margin-right: 2px;
    font-weight: bold;
    text-decoration: none;
    display: inline-block;
    line-height: 1.2em;
    -moz-border-radius: 0.357em; /* Firefox 5px*/
    -webkit-border-radius: 0.357em; /* Safari, Chrome 5px*/
    -khtml-border-radius: 0.357em; /* Konqueror 5px*/
    border-radius: 0.357em; /* CSS3 5px*/
}

/*IE Hack für runde Ecken*/
* html .rounded {
    behavior: url(css/PIE.htc); /* Internet Explorer 5px*/
}

* + html .rounded {
    behavior: url(css/PIE.htc); /* Internet Explorer 5px*/
}

/*Ende IE Hack für runde Ecken*/

span.pager .page {
    color: #1a5b81;
    background-color: rgb(255, 255, 255);
}

span.pager .active,
span.pager .first,
span.pager .left,
span.pager .right,
span.pager .last {
    background-color: #1a5b81;
    color: rgb(255, 255, 255);
}

span.pager a:hover {
    background-color: rgb(0, 0, 0);
    color: rgb(255, 255, 255);
}

span.pager .left {
    background: url("../img/arrow_white_left.png") no-repeat center center #1a5b81;
}

span.pager .first {
    background: url("../img/arrow_white_first.png") no-repeat center center #1a5b81;
}

span.pager .last {
    background: url("../img/arrow_white_last.png") no-repeat center center #1a5b81;
}

span.pager .right {
    background: url("../img/arrow_white_right.png") no-repeat center center #1a5b81;
}

/*End Pager Style*/

/*Table Overrides*/
#main div#beispiel1 table {
    width: 2000px;
}

#main div#beispiel3, #main div#beispiel3 table {
    width: 500px !important;
}

/*End Table Overrides*/