@charset "utf-8";

/**
-------------------------------------------------------------
Medien:         Bildschirme und Projektoren
Autor:          Anja Beuth
------------------------------------------------------------- */


/**
-------------------------------------------------------------
Regeln für allgemeine Elemente
------------------------------------------------------------- */

* {} /* Safari-Bugfix */

* {
  margin: 0;
  padding: 0; 
  border-spacing: 0;
  border-collapse: collapse;
}

/* Schriftgröße kontrollieren */
body, td, th {
  font: normal 75%/160% Verdana, sans-serif;
}
td, th {
  f\ont-size: 100%;
}

html {
  color: #0d4b98;
  background: #0d4b98 url(/binary.ashx?id=933) top left repeat-x;
  height: 100.01%;
  width: 100%;
}
body {
  background: transparent url(/binary.ashx?id=939) top center repeat-y;
  min-height: 100%;
}
/* IE 6 */
* html body {
  height: 100%;
}

/**
-------------------------------------------------------------
Links und Anker
------------------------------------------------------------- */
a:link {
  color: #6db900;
  background-color: transparent;
  text-decoration: none;
}
a:visited {
  color: #6db900;
  background-color: transparent;
  text-decoration: none;
}
a:hover, a:focus {
  color: #6db900;
  background-color: transparent;
  text-decoration: underline;
}
a:active {
}

a:link img,
a:visited img,
a:hover img,
a:focus img,
a:active img {
  border: 0;
}

/** Überschriften
------------------------------------------------------------- */ 
h1, h2, h3, h4, h5, h6 {
  margin: 2em 0 1em 0; 
  font-family: Verdana, sans-serif;
}
h1 {
  margin: 0 0 16px 0;  
  color: #6db900;
  font-size: 1.45em;
}
h2 {
  margin: 1.5em 0 0 0;
  font-size: 1.2em;
}
h3 {
  font-size: 1.1em;
  margin: 0 0 1em 0;
}
h4 {
  font-size: 1em;  
}
h5, h6 {
  font-size: 1em;
}

/** Abkürzungen, Akronyme und Erläuterungen
------------------------------------------------------------- */
abbr[title], acronym[title], span[title] {
  border-bottom: 1px dotted #1A1A1A;
}
a abbr[title], a acronym[title], a apan[title] {
  border: 0;
}

/** Absätze
------------------------------------------------------------- */
p {
  margin: .8em 0;
}

/** Tabellen
------------------------------------------------------------- */ 
table {
  margin: 0;
  width: 99%;
}
caption {
  margin: 2em 0 1em 0;
  font-weight: bold;
}
th, td {
  padding: 6px 6px 5px 6px;
  vertical-align: top;
}
tr {
  height: 25px;
  vertical-align: middle;
}
* html tr {
  height: 17px;
}
th {
  text-align: left;
  font-weight: bold; 
  background-color: #e6edf5;
  border-bottom: 1px solid #144f9b;
}
td p {
  margin: 0 0 8px 0;
  padding: 0;
}

/* Alternierende Zeilenfärbung */
tr.odd td {
  background-color: #f1f4f9;
}
tr.even td {
}

/* Aufzählungen in Tabellen */
#content table ul {
  margin: 0;
}
#content table ul li {
  background: none;
  list-style-type: disc;
  margin: 0 0 0 10px;
  padding: 0 0 0 5px;
}
#content table ul li ul li {
  background: none;
  list-style-type: circle;
  margin: 5px 0 0 10px;
}

/** Bilder
------------------------------------------------------------- */
img {
  vertical-align: bottom;
}

/** Richtext-Output
------------------------------------------------------------- */
.float--right {
  float: right;
  padding: 5px 0 10px 10px;
}
.float--left {
  float: left;
  padding: 5px 10px 10px 0;
}

/** Listen
------------------------------------------------------------- */
ol, ul {
  margin: 1em 0 1em 25px;
}
ul {
  padding: 0;
  margin: 0;
}
ul li {
}
dl {
  margin: 1.5em 0;
}
dt {
  margin-top: 1em;
}
dd {
}

/** Formulare
------------------------------------------------------------- */
form {
  margin: 1em 0;
}
input,
select,
textarea {
  font-size: 99%;
}
form .gf_error{
  color: #EE3338;
  background-color: transparent;
  font-weight: bold;
  font-size: 1.1em;
}
label, input, select {
  vertical-align: middle;
  font-size: 1em;
}
input,
textarea {
  padding: 1px 3px;
}
input {
  vertical-align: middle;
}
input.text,
textarea {
  width: 95%;
  border: 1px solid #0d4b98;
}
textarea {
  font-family: Verdana, sans-serif;
  margin: 0;
}
select {
  border: 1px solid #0d4b98;
}
span.radio label {
  padding: 0 1em 0 .5em;
}
span.checkbox label {
  padding: 0 0 0 .5em;
}
* html input.gf_file {
  border: 1px solid #0d4b98;
}
input.gf_submit {
  border: 1px solid #0d4b98;
}

/* Für fokussierte Steuerelemente */
input:focus,
textarea:focus,
select:focus {
}
fieldset {
  border: 0;
  margin: 1em 0;
  padding: 5px 15px 15px 0;
}
fieldset div,
fieldset p {
  padding: .5em 0 .2em 0;
}
legend {
  color: #0d4b96; /* Schriftfarbe explizit setzen */
  background-color: white;
  font-weight: bold;
  padding: 1px 5px;  
}
optgroup {
  padding: 5px 0;
  font-style: normal;
}
option {
  padding: 0 5px 0 0;
}
optgroup option {
  padding: 0 5px 0 15px;
}

/* Tabellen in Formularen */
form table td {
  padding: 5px 10px 5px 0; 
  height: 25px;
  vertical-align: middle;
}
form table th {
  background: none;
  border: none;
  height: 25px;
  vertical-align: middle;
}
form tr.gf_odd {
  background-color: #f1f4f9;
}
form tr.gf_odd th {
  background-color: #f1f4f9;
}


/* Quicklinks / Keywords select */
#keywords form {
  margin: 0;
  padding: .5em 0 0 0;
}
#keywords label {
  padding: 0 15px 0 0; 
}
#keywords select {
  margin: 0;
}

#keywords .submit {
  border: 1px solid #0d4b98;
  margin: 0 0 0 5px;
}

/** Präformatierter und Quelltext
------------------------------------------------------------- */
pre {
  font-family: "Courier New", monospace;
  font-size: 110%;
  line-height: 1.2;
  margin: 1.5em 0;
}
code {
  font-family: "Courier New", monospace;
  font-size: 110%;
  font-style: normal;
  vertical-align: baseline;
  padd\ing: 0 3px;
}
pre code {
  font-size: 1em;
}

/** Textauszeichnung
------------------------------------------------------------- */
ins[title], del[title] {
  border-bottom: 1px dotted #1A1A1A;
}
ins {
  text-decoration: none;
  font-weight: bold;
}
dfn {
  font-style: normal;
}
samp {
  font-size: 110%;
  vertical-align: baseline;
}
kbd {
  font-family: "Courier New", monospace;
  font-size: 110%;
  font-style: normal;
}
em {
    text-decoration: none;
}
/**
-------------------------------------------------------------
  Regeln für besondere Bereiche
------------------------------------------------------------- */
#main {
  width: 865px;
  padding: 0 0 0 11px;
  margin: 0 auto;
  position: relative;
  min-height: 100%;
}
* html #main {
  height: 100%;
}

#top {
  color: #0d4b98;
  background-color: #fff; 
  width: 850px;
  margin: 0;
}

/** Globalnavigation
------------------------------------------------------------- */
div#sitenav {
  color: #0d4b98;
  background: #eaf4db url(/binary.ashx?id=935) top left repeat-y;
  height: 30px;
  width: 100%;
  font-size: .8em;
}
#sitenav ul,
#sitenav li {
  margin: 0;
  list-style: none;
  float: left;
  background: none;
}
#sitenav ul {
  padding: .5em 0 .5em 19px;
}
#sitenav li {
  padding: 0 15px 0 0;
}
#sitenav span.seperator {
  padding: 0 0 0 15px;
}
#sitenav a,
#sitenav strong {
  color: #0d4b98;
  text-decoration: none;
}
#sitenav a:hover,
#sitenav a:focus,
#sitenav a:active {
  color: #0d4b98;
  text-decoration: none;
}



/** Logo
------------------------------------------------------------- */
h1#logo {
  height: 85px;
}

/** Hauptmenü
------------------------------------------------------------- */
div#nav {
  color: #fff;
  font: bold .8em/160% Verdana, sans-serif;
  background: url(/binary.ashx?id=934) top left no-repeat;
  height: 33px;
  width: 100%;
  padding: 0 0 0 32px;
}
* html div#nav {
  padding: 0;
}

#nav, #nav ul {
  margin: 0;
  padding: 0;
}

#nav li {
  float: left;
  with: 100px;
  list-style: none;
  background: none;
  padding: .8em 0 0 1.4em;
  margin: 0;
  height: 33px;
  position: relative;
}
#nav span.seperator {
  padding: 0 0 0 1.8em;
}
*html #nav span.seperator {
  padding: 0 0 0 1.8em;
}
#nav a,
#nav strong {
  color: #fff;
  float: left;
  text-decoration: none;
  height: 100%;
}
#nav a:hover,
#nav a:focus,
#nav a:active {
  color: #fff;
}
#nav strong,
#nav a.active {
  background: url(/binary.ashx?id=1627) center 17px no-repeat;  
}

#nav #navElement8 {
  padding-right: 15px;
}


/* Positionierung des png-Pfeils für jedes Navigaiotnselement, da keine 
   einheitliche zentrierte Positionierung möglich... */

#nav #navElement1 a.active {
  background: url(/binary.ashx?id=1627) 53% 17px no-repeat;  
}
#nav #navElement2 a.active,
#nav #navElement3 a.active,
#nav #navElement7 a.active {
  background: url(/binary.ashx?id=1627) 56% 17px no-repeat;  
}
#nav #navElement4 a.active,
#nav #navElement5 a.active,
#nav #navElement6 a.active {
  background: url(/binary.ashx?id=1627) 58% 17px no-repeat;  
}
#nav #navElement8 a.active {
  background: url(/binary.ashx?id=1627) 56% 17px no-repeat;  
}


/* IE6-Hack zur Realisierung des PNG-Pfeils
   Einbindung als PNG-Hintergrundbild aufgrund des IE-Alpha-Filter-Bugs nicht möglich */
img.arrowHack,
img.arrowHack {
  display: none; /* in vernünftigen Browsern weg */
}
* html #nav strong,
* html #nav a.active,
* html #nav #navElement1 a.active, 
* html #nav #navElement2 a.active, 
* html #nav #navElement3 a.active, 
* html #nav #navElement4 a.active, 
* html #nav #navElement5 a.active, 
* html #nav #navElement6 a.active, 
* html #nav #navElement7 a.active, 
* html #nav #navElement8 a.active {
  background: none transparent; /* Hintergrundbild für IE < 7 entfernen */
}
* html #nav img.arrowHack {
  display: inline;
  position: absolute;
  top: 25px;
  left: 38%;
}

/* Positionierung des png-Pfeils für jedes Navigaiotnselement, da keine 
   einheitliche zentrierte Positionierung möglich... */

* html #nav #navElement1 img.arrowHack, 
* html #nav #navElement4 img.arrowHack, 
* html #nav #navElement5 img.arrowHack,
* html #nav #navElement7 img.arrowHack {
  display: inline;
  position: absolute;
  top: 25px;
  left: 41%;
}
* html #nav #navElement8 img.arrowHack {
  left: 32%;
}



/** Layermenü
------------------------------------------------------------- */
.menu, .menu_over {
  background: transparent url('/binary.ashx?id=1385') top center no-repeat;
  padding: 5px 0 0 0;
  min-width: 160px;
}
* html .menu,
* html .menu_over {
  width: 140px;
}
.menuitem,
.menuitem_over {
  background-color: #ebeef3;
  white-space: nowrap;
  /* Proprietäre Microsoft-Erweiterung für IE5 */
  cursor: hand;
  c\ursor: pointer;
  display: block;
  margin: 0;
  height: 22px;
  padding: 4px 15px 0 15px;
  font-size: .8em;
  min-width: 160px;
}
* html .menuitem,
* html .menuitem_over {
  width: 100%;
}
.menu .menuitem_over {
  background: #D3DDE7 url('/binary.ashx?id=1357') 5px 1.2em no-repeat;
}


/** Bereichsmenü
------------------------------------------------------------- */
/* Allgemeine Definitionen */

#subnav {
  font-weight: bold;
  width: 224px;
}
#subnav h2 {
  margin: 1px 0 16px 16px;  
  color: #6db900;
  font-size: 1.45em;
}
#subnav ul,
#subnav li,
#subnav ul li ul li {
  list-style: none;
  font-size: 1.05em;
  background: none;
}
#subnav ul {
  border-left: 4px solid #6db900;
}

#subnav a, #subnav a:hover, #subnav a:active, #subnav a:link, #subnav a:visited {
  color: #0d4b98;
}
#subnav a:hover {
  color: #0d4b98;
}


/***************** Erste Ebene *****************/
#subnav li {
  line-height: 22px;
  /* IE-Bugfix */
  width: 100%;
}
#subnav li a,
#subnav li strong {
  background: url(/binary.ashx?id=937) 12px 8px no-repeat;
  padding: 0 0 0 26px;
  text-decoration: none;
  display: block;
  width: 194px;
}
#subnav li a:hover,
#subnav li a:focus {
  background-color: #f0f4f7;
}
#subnav li a.active,
#subnav li strong.activeWithSub {
  background: #f0f4f7 url(/binary.ashx?id=1626) 12px 9px no-repeat;
}
#subnav li strong.active {
  background-color: #f0f4f7;
}
#subnav li strong {
  background-color: #f0f4f7;
}



/***************** Zweite Ebene *****************/

#subnav ul ul {
  border: 0;
  margin: 0;
}

#subnav li li {
  background: none;
}
#subnav li li a,
#subnav li li strong {
  background: url() ;
  font-size: .8em;
  font-weight: normal;
  padding: 0 0 0 40px;
  width: 180px;
}
#subnav li li a:hover,
#subnav li li a:focus {
  background: url(/binary.ashx?id=1620) 30px center no-repeat;
  font-weight: normal;
  
}
#subnav li li strong.active, 
#subnav li li strong {
  background: url(/binary.ashx?id=1620) 30px center no-repeat;
  font-weight: bold;
}


#homepage #subnav {
  position: absolute;
  left: -9999px; 
}

/** Ariadne-Faden
------------------------------------------------------------- */
#ariadne {
  color: #94aed1;
  font-size: .9em;
  font-weight: normal;
  margin-bottom: 20px;
}
#ariadne ul,
#ariadne li {
  display: inline;
  list-style: none;
}
#ariadne li {
  padding: 0 10px 0 0;
}
#ariadne span.seperator {
  padding: 0 0 0 10px;
}
#ariadne a,
#ariadne strong {
  color: #94aed3;
  font-weight: normal;  
  text-decoration: none;
}
#ariadne a:hover,
#ariadne a:focus,
#ariadne a:active {
  color: #94aed3;
  font-weight: normal;
  text-decoration: none;
}
#ariadne strong,
#ariadne a.active {
  font-weight: bold;
}

/** Sidebar
------------------------------------------------------------- */
#sidebar {
  float: right;
  width: 208px;
  margin: 37px 0 0 0;
}
* html #sidebar {
  margin: 51px 0 0 0;
}

/** Sidebar Homepage
------------------------------------------------------------- */
/* Allgemein */
#boxes .box .inner {
  padding: 0 0 0 16px;
  margin: 0;
  border-left: 4px solid #6db900;
  font-size: .9em;
  line-height: 150%;
}
#boxes .box h3 {
  margin: 0 0 16px 0;  
  color: #6db900;
  font-size: 1.45em;
}
#boxes {
  position: absolute;
  left: -9999px
}
#homepage #boxes {
  position: static;
  padding: 0;
}

/* Events */
#boxes .box .inner .event {
  padding: 0;
  margin: 0 0 20px 0;
}
#boxes .box .inner .event .date {
  font-weight: bold;
}
#boxes .box .inner p {
  margin: 3px 0 0 0;
}
#boxes .box .inner .event .moreLink {
  font-weight: bold;
  text-align: right;
  line-height: 100%;
}

/* Downloads */
#boxes .box .inner .downloadList ul,
#boxes .box .inner .downloadList li {
  list-style: none;
  background: none;
}
#boxes .box .inner .downloadList li {
  padding: 0 0 0 15px;
  background: transparent url(/binary.ashx?id=5276) left center no-repeat;
}
#boxes .box .inner .downloadList li a {
  color: #0d4b98;
}


/** Presseteaser (Homepage)
------------------------------------------------------------- */
h1.pressReleases {
  margin: 20px 0 16px 0;
}

.pressTeaser {
  margin: 0 0 30px 0;
  height: 1%;
  overflow: hidden;
}
* html .pressTeaser {
  overflow: visible;
}
.pressTeaser .more {
  clear: both;
}
.pressTeaser .date {
  border-bottom: 1px solid #b6c9df;
  font-weight: bold;
}
.pressTeaser h2 {
  font-size: 1em;
  margin: 10px 0 5px 0;
  padding: 0;
  color: #6db900;
  line-height: 130%;
}
.pressTeaser .content h3 {
  font-size: .9em;
  line-height: 150%;
  margin: 0;
}
.pressTeaser .content p {
  font-size: .9em;
  line-height: 150%;
  margin: 0 0;
  padding: 0;
}
.pressTeaser .more {
  text-align: right;
  padding: 0;
  margin: 0;
  line-height: 100%;
  font-size: .9em;
}
.pressTeaser .more a {
  font-weight: bold;
}


/** Content
------------------------------------------------------------- */
#content {
  clear: both;
  color: #0d4b96;
  font-size: .9em;
  background-color: transparent;
  margin: 0 11px 0 1px;
  padding: 20px 32px 30px 70px;

}
#contentBody {
  margin: 0 255px 0 0;
  padding: 0;
  background-color: #fff;
}

#contentBody ul,
#contentBody li {
  list-style: none;
  position: relative; /* Disappearing List-Background Bug des IE beseitigen */
}

#contentBody ul {
  margin: 5px 0;
  padding-left: 10px;
}

#contentBody ul li {
  background: url(/binary.ashx?id=936) left 6px no-repeat;
  padding: 0 0 0 20px;
  margin: 5px 0;
}

#contentBody ul li li {
  background: url(/binary.ashx?id=2517) left 10px no-repeat;
  padding: 0 0 0 10px;
  margin: 10px 0;
}

#contentBody ul ul {
  margin: 0 0 0 20px;
  padding: 0;
}
#contentBody ul ul li {
  margin: 5px 0 0 0;
  padding: 0 0 0 10px;
  background: none;
  list-style-type: circle;
}

#contentBody ol {
  margin: 0;
  padding: 0;
}
#contentBody ol li {
  list-style: none;
  background: url(/binary.ashx?id=937) left 6px no-repeat;
  padding: 0 0 0 16px;
  margin: 5px 0;
}
#contentBody ol li a:link {
  color: #0d4b98;
  background-color: transparent;
  text-decoration: none;
}
#contentBody ol li a:visited {
  color: #0d4b98;
  background-color: transparent;
  text-decoration: none;
}
#contentBody ol li a:hover, a:focus {
  color: #0d4b98;
  background-color: transparent;
  text-decoration: underline;
}
a:active {
}

/** Fußzeile
------------------------------------------------------------- */
#footer {
  clear: both;
  position: relative;
  left: 592px;
  width: 200px;
}
* html #footer {
  float: left;
}
#footer ul,
#footer li {
  float: left;
  margin: 0;
  padding: 0;
  list-style: none;
}
#footer a,
#footer strong {
  color: white;
  text-decoration: none;
  padding: 2px 16px 4px 16px;
}
#homepage #footer {
  display: none;
}

/**
-------------------------------------------------------------
Regeln für spezielle Elemente
------------------------------------------------------------- */
.invisible {
  position: absolute;
  left: -9999px; 
}
.clear {
  clear: both;
}
#skiplinks,
#skiplinks ul,
#skiplinks li {
  margin: 0;
  padding: 0;
  background: none transparent;
  position: absolute;
  top: 0;
  left: 0;  
}
#skiplinks a {
  position: absolute;
  top: 0;
  left: -9999px;
}
#skiplinks a:hover,
#skiplinks a:focus,
#skiplinks a:active {
  color: #3C3B3C;
  background-color: #F3F9FF;
  padding: 3px 10px;
  top: 6px;
  left: 15px;
  white-space: nowrap;
}

#date {
  color: #85a5cb;
  font-size: .8em;
  position: absolute;
  top: 5px;
  right: 20px;
  z-index: 3;
}

span.trademark,
span.registered {
  font-variant: small-caps;
}


/*  KeyVisuals
------------------------------------------------------------- */
#keyVisual {
  clear: both;
  height: 157px;
  padding: 0;
  background-repeat: no-repeat;
}
#staticKeyVisual {
  background: transparent url(/binary.ashx?id=938) top right no-repeat ;
  position: absolute;
  top: 0;
  right: -2px;
  height: 288px;
  width: 293px;
}

/*  Quickfinder Menü
------------------------------------------------------------- */
#quickfinderForm {
  margin: 0;
  padding: 0;
  /*border: 1px solid #819cba;*/
}

#quickfinderForm select {
  margin: 1px 0 0 0;
  font: normal 1em Verdana, sans-serif;
  width: 150px;
  padding: 0 0 0 2px;
}
#quickfinderForm select option {
  padding: 0 0 0 2px;
}

/** Sitemap
------------------------------------------------------------- */
#contentBody div.sitemap ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#contentBody div.sitemap li {
  margin: 0;
  padding: 0;
  background: none;
  list-style: none;
}
#contentBody div.sitemap li a {
  display: block;
  width: 400px;
/*  color: #0d4b98; */
  background-color: #e6edf5 !important;
  margin: 0 0 5px 0;
  padding: 1px 5px 1px 30px;
  font-weight: bold;
  text-decoration:none;
}
#contentBody div.sitemap li li a {
  width: 370px;
  background-color: #f1f4f9!important;
  padding: 0 5px 0 60px;
  font-weight: bold;
}
#contentBody div.sitemap li li li a {
  width: 340px;
  background-color: #ffffff !important;
  padding: 0 5px 0 90px;
  font-weight: normal;
}


/**
-------------------------------------------------------------
Regeln für spezielle Dokumente
------------------------------------------------------------- */

/**
-------------------------------------------------------------
Browserhacks
------------------------------------------------------------- */