/****************/
/* BLOCK ELEMENTS */
/****************/
.nio address {
  margin: 0 0 2.62em 0;
  padding: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-style: normal;
  line-height: 1.38em; }
.nio blockquote {
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.38em; }
.nio caption {
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.38em; }
.nio dd {
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.38em; }
.nio div {
  margin: 0;
  padding: 0;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.38em; }
.nio dl {}
.nio dt {
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.38em; }
.nio fieldset {
  margin: 0 1em 2.62em 1em;
  padding: 0;
  border: 1px solid #999; }
.nio form {
  margin: 0;
  padding: 0; }
.nio h1 {
  margin: 0;
  padding: 0 0.5em;
  font-size: 2em;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1em; 
  color: #666; }
.nio h2 {
  margin: 0;
  padding: 0.62em;
  font-size: 1.62em;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1em; 
  color: #666; }
.nio h3 {
  margin: 0;
  padding: 0 0.72em;
  font-size: 1.38em;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1em; 
  color: #666; }
.nio h4 {
  margin: 0;
  padding: 0 1em;
  font-size: 1em;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.38em; 
  color: #666; }
.nio h5 {
  margin: 0;
  padding: 0 1em;
  font-size: 1em;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  text-transform: uppercase;
  line-height: 1.38em; 
  color: #666; }
.nio h6 {
  margin: 0;
  padding: 0 1em;
  font-size: 1em;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  line-height: 1.38em; 
  color: #666; }
.nio hr {
  margin: 2.62em 0 2.62em 1em;
  padding: 0;
  height: 1px;
  border-width: 0;
  background-color: #0da4aa; }
.nio legend {
  font-family: Arial, Helvetica, sans-serif;
  margin: 0 1em; }
.nio li {
  margin: 0 0 0.62em 0;
  padding: 0;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.38em;  }
.nio noscript {
  margin: 0 0 2.62em 0;
  padding: 0; }
.nio ol {
  margin: 0 0 2.62em 1em;
  padding: 0 0 0 1em; }
.nio li ol {
  margin-bottom: 0; }
.nio optgroup {}
.nio option {
  font-family: Arial, Helvetica, sans-serif; }
.nio p {
  margin: 0 0 2.62em 0;
  padding: 0;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.38em; }
.nio table {
  margin: 0 0 2.62em 0;
  padding: 0;
  border: 1px solid #ccc;
  border-collapse: collapse; }
.nio td {
  border: 1px dotted #ccc;
  vertical-align: top;
  line-height: 1.38em;
  font-family: Arial, Helvetica, sans-serif;
  padding: 0.38em; }
.nio th {
  border: 1px dotted #ccc;
  vertical-align: top;
  text-align: left;
  line-height: 1.38em;
  font-family: Arial, Helvetica, sans-serif;
  padding: 0.38em;
  color: #666; }
.nio tr {}
.nio ul {
  margin: 0 0 2.62em 1em;
  padding: 0 0 0 1em; }
.nio li ul {
  margin-bottom: 0; }



/****************/
/* INLINE ELEMENTS */
/****************/
.nio a {
  text-decoration: none; }
.nio a:link, .nio a:visited {
  color: #0da4aa; }
.nio a:focus, .nio a:hover, .nio a:active {
  color: #fff;
  background-color: #0da4aa; }
.nio abbr {
  border-bottom: 1px dotted #999;
  cursor: help; }
.nio cite {}
.nio code {}
.nio dfn {
  display: block;
  position: absolute;
  top: -10000px;
  left: -10000px;
  width: 0;
  height: 0;
  overflow: hidden; }
.nio em {}
.nio img {
  border-width: 0; }
.nio input {
  display: block;
  float: left;
  margin: 0 1em 0.38em 1em;
  width: 200px;
  font-family: Arial, Helvetica, sans-serif; }
.nio input.submit {
  width: 100px;
  margin-left: 0; }
.nio label {
  display: block;
  margin: 0 1em;
  padding: 0;
  float: left;
  clear: left;
  width: 100px;
  cursor: pointer;
  color: #0da4aa; }
.nio label:focus, .nio label:hover {
  color: #fff;
  background-color: #0da4aa; }
.nio select {}
.nio span {}
.nio strong {}
.nio sub {}
.nio sup {}
.nio textarea {
  font-family: Arial, Helvetica, sans-serif; }



/***************/
/* LAYOUT BLOCKS */
/***************/
html {
  height: 100%;
  margin: 0;
  padding: 0; }
body.nio {
  margin: 0 0 1px 0;
  padding: 0;
  text-align: center;
  background: #fff;
  min-height: 100%; }
body.popup {
  min-height: 100%;
  height: 100%; }

/* POPUP */
#popup {
  position: relative;
  top: 0;
  left: 0;
  padding: 1em;
  text-align: left; }
#popup h1 {
  padding: 0.5em;
  font-size: 1em;
  font-weight: bold; }

/* WRAPPER */
#wrapper {
  position: relative;
  top: 0;
  left: 0;
  width: 750px;
  margin: 0 auto;
  text-align: left; }

/* TOPANCHOR */
#topAnchor {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  overflow: hidden; }

/* SKIPLINKS */
#skipLinks {
  position: absolute;
  top: -10000px;
  left: -10000px;
  width: 0;
  height: 0; }
#skipLinks ul {
  height: 0; }
#skipLinks li {
  height: 0; }
#skipLinks a:focus {
  /* den Link in den sichtbaren Bereich hineinpositionieren! */
  position: absolute;
  top: 10000px;
  left: 10000px;
  width: 150px;
  margin: 0;
  padding: 0; }

/* LOGO */
#logo {
  float: left;
  width: 150px;
  /*height: 70px;*/ }
#logo p {
  margin: 0;
  padding: 4px 0 0 0;
  font-size: 64px;
  font-family: serif;
  font-weight: bold;
  line-height: 64px;
  letter-spacing: 3px;
  text-align: center; }
#logo a:link, #logo a:visited {
  color: #2b7fa3; }
#logo a:focus, #logo a:hover, #logo a:active {
  color: #0da4aa;
  background-color: #fff; }

/* SITENAME */
#sitename {
  float: left;
  width: 480px;
  /*height: 70px;*/ }
#sitename h1 {
  font-size: 22px;
  font-weight: bold;
  font-family: serif;
  line-height: 26px;
  padding-top: 10px; }
#sitename a:link, #sitename a:visited {
  color: #2b7fa3; }
#sitename a:focus, #sitename a:hover, #sitename a:active {
  color: #0da4aa;
  background-color: #fff; }

/* HEADERIMAGE */
#headerImage {display: none;}

/* FUNCTIONS */
#functions {
  float: left;
  width: 120px;
  /*height: 70px;*/ }
#functions h3 {
  display: block;
  position: absolute;
  top: -10000px;
  left: -10000px;
  width: 0;
  height: 0;
  overflow: hidden; }
#functions ul {
  margin: 0;
  padding: 1em 0;
  width: 120px;
  list-style: none outside; }
#functions li {
  float: left;
  margin: 0 1em 0 0;
  padding: 0;
  font-size: 0.85em;
  white-space: nowrap; }
#functions a:link, #functions a:visited {
  color: #999; } 
#functions a:focus, #functions a:hover, #functions a:active {
  color: #fff;
  background-color: #0da4aa; } 

/* PATH */
#path {
  float: left;
  clear: both;
  width: 748px;
  background: #e2f0f1;
  border: 1px solid #0da4aa;
  border-top-width: 2px; }
#path h3 {
  font-size: 1em;
  display: inline;
  padding: 0 0 0 1em;
  margin: 0 0 0 150px; }
#path ul {
  display: inline;
  padding: 0; }
#path li {
  display: inline;
  padding: 0; }
#path li:before {
  content: " \2192  "; }
#path li:first-child:before {
  content: ""; }

/* CONTENTFLOAT */
#contentFloat {
  float: right;
  clear: both;
  width: 599px;
  border-left: 1px solid #0da4aa; }
#contentFloat p, #contentFloat li, #contentFloat address,
#contentFloat dd, #contentFloat dt,
#contentFloat table, #contentFloat td, #contentFloat th,
#contentFloat legend, #contentFloat label, #contentFloat input {
  font-family: Verdana, Arial, Helvetica, sans-serif !important;
  margin-left: 1em; }

/* TEASERS */
#teasers { 
  float: right;
  width: 120px;
  margin-left: 1em; }

/* TITLE */
#title {}

/* DESCRIPTION */
#description {
  margin: 0 1em;
  padding: 0; }
#description p {
  font-weight: bold; }

/* TOPLINK */
#topLink {
  float: right;
  clear: right;
  width: 598px;
  background: #e2f0f1;
  border: 1px solid #0da4aa;
  border-bottom-width: 2px; }
#topLink p {
  margin: 0 0 0 1em; }

/* NAVIGATION */
#navigation {
  float: left;
  width: 150px;
  background: url(http://www1.nio-berlin.de/common/berlin.jpg) top center no-repeat; }
#navigation h3 {
  display: block;
  position: absolute;
  top: -10000px;
  left: -10000px;
  width: 0;
  height: 0;
  overflow: hidden; }
#navigation ul {
  margin: 122px 0 0 0;
  padding: 0;
  list-style: none outside;
  border-top: 1px solid #0da4aa;
  border-bottom: 1px solid #0da4aa; }
#navigation ul ul {
  margin-top: 0.38em;
  border-top-width: 0;
  border-bottom-width: 0; }
#navigation li {
  background-color: #fff;
  border-top: 1px solid #0da4aa;
  margin: 0;
  padding: 0.38em 1em; }
#navigation li.expanded {
  background-color: #e2f0f1;
  padding-bottom: 0; }
#navigation li li {
  margin: 0 -1em;
  /*padding: 0.38em 1em 0.38em 2em;*/
  border-top-width: 0; }
#navigation li li li {
  margin: 0 -1em 0 -2em;
  padding: 0.38em 1em 0.38em 3em; }
#navigation li a {
  display: block; }
#navigation li span.current {
  font-weight: bold;
  line-height: 1.38em; 
  color: #666; }

/* FOOTER */ 
#footer {
  float: right;
  clear: right;
  width: 600px;
  font-size: 0.85em; }
#footer p, #footer li, #footer a, #footer a:link, #footer a:visited {
  color: #999;
  line-height: 1em; }
#footer a:focus, #footer a:hover, #footer a:active {
  color: #fff;
  background-color: #0da4aa; }

/* COPYRIGHT */
#copyright {
  float: left;
  width: 350px; }
#copyright p {
  margin: 0;
  padding: 1.18em; }

/* CHANGE */
#change {display:none;
  float: left;
  width: 350px; }

/* METALINKS */
#metaLinks {
  float: right;
  width: 250px; }
#metaLinks h3 {
  display: block;
  position: absolute;
  top: -10000px;
  left: -10000px;
  width: 0;
  height: 0;
  overflow: hidden; }
#metaLinks ul {
  margin: 0;
  padding: 1.18em 0;
  text-align: right; }
#metaLinks li {
  margin: 0;
  padding: 0 0 0 0.38em;
  display: inline;
  font-size: 0.85em; }



/**********/
/* CLASSES */
/**********/
.MSIE {
  clear: both;
  font-size: 0;
  height: 0;
  overflow: hidden; }
.nio .hidden {
  display: block;
  position: absolute;
  top: -10000px;
  left: -10000px;
  width: 0;
  height: 0;
  overflow: hidden; }
.nio hr.pagebreak {
  page-break-after: always; }
.nio .ZMSGraphic {
  margin: 0 0 0 1em;
  padding: 0; }
.nio .ZMSGraphic .graphic {}
.nio .ZMSGraphic .text {}
.nio li h5 {
  font-family: Verdana, Arial, Helvetica, sans-serif !important;
  font-weight: bold; 
  margin: 0;
  padding: 0;
  text-transform: none; }
#map {
  margin: 0 0 0 1em !important;
  width: 450px;
/*  clear: right;*/
  height: 450px;
  font-family: Arial, Helvetica, sans-serif !important; 
  border: 1px solid #999; }
body.popup #map {
  margin: 0 !important;
  width: 100%;
  height: 100%;
  border-width: 0;
  text-align: left; }
body.popup .mapcopy {
  margin: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  text-align: left;
  z-index: 1000; }
#map p {
  padding: 0.38em; }
#map address {
  margin: 0;
  padding: 0.38em;
  white-space: nowrap; }
#map a:focus, #map a:hover, #map a:active {
  background: transparent; }
.nio .provider-row {
  width: 49%;
  float: left; }
.nio .provider {
  color: #999;
  font-size: 0.85em; }
.nio h3.provider {
  font-size: 1em;
  margin-left: 1em; 
  padding: 1em 1em 0 0;
  border-top: 1px solid #ccc; }
.nio h4.provider {
  padding: 0 1.18em; }
#contentFloat .teaser {
  margin: 1em 0;
  border: 1px solid #0da4aa;
  border-top-width: 2px; }
#contentFloat .teaser h3 {
  background-color: #e2f0f1;
  border-bottom: 1px solid #0da4aa;
  font-size: 1em;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif !important;
  margin: 0;
  padding: 0.15em 0.38em 0.38em 0.38em; }
#contentFloat form.teaser legend { 
  display: none;
  background-color: #e2f0f1;
  border-bottom: 1px solid #0da4aa;
  color: #666;
  font-size: 1em;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif !important;
  margin: 0;
  padding: 0.15em 0.38em 0.38em 0.38em; }
#contentFloat .teaserText,
#contentFloat form.teaser div.formtext {
  font-family: Arial, Helvetica, sans-serif !important;
  line-height: 1em;
  margin: 0;
  padding: 0.38em; }
#contentFloat .teaserText ul {
  list-style: none outside;
  margin: 0;
  padding: 0; }
#contentFloat .teaserText li {
  font-family: Arial, Helvetica, sans-serif !important; }
#contentFloat form.teaser fieldset {
  margin: 0 0 0.38em 0;
  padding: 0;
  border-width: 0; }
#contentFloat form.teaser label {
  display: block;
  position: absolute;
  top: -10000px;
  left: -10000px;
  width: 0;
  height: 0;
  overflow: hidden; }
#contentFloat form.teaser input {
  float: none;
  clear: none;
  margin: 0.15em 0.38em 0 0.38em;
  width: 100px;
  font-family: Arial, Helvetica, sans-serif !important; }
ol.loweralpha {
  list-style-type: lower-alpha; }


/*******/
/* MEDIA */
/*******/
@media print {
  #wrapper {
    width: auto;
    margin: 0; }
  .noprint {
    display: none; }
  #contentFloat, #footer {
    float: none;
    clear: both;
    width: auto;
    border-width: 0; }
  #contentFloat a, #contentFloat a:link, #contentFloat a:visited,
  #contentFloat a:link, #contentFloat a:link, #contentFloat a:link {
    color: black;
    background-color: white; }
  #contentFloat a:after {
    /*content: " ["attr(href)"]";
    font-size: 0.85em;*/ }
}
@media screen {
  .noscreen {
    display: none; }
}



/******/
/* ZMS */
/******/
.primColorStrong0 { background-color:#0DA4AA; }
.primColorMedium0 { background-color:#666666; } 
.primColorLight0 { background-color:#E7E7E7; } 

.secndColorStrong1 { background-color:#5D7B9B; }
.secndColorStrong0 { background-color:#82A0C0; } 
.secndColorMedium1 { background-color:#B5C8DB; } 
.secndColorMedium0 { background-color:#C8D3DD; } 
.secndColorLight1 { background-color:#E1E8EF; }
.secndColorLight0 { background-color:#E8EFF6; }

.teaserColor { background-color:#800000; } 

.neutralColorBlack { background-color:#2A88A2; }
.neutralColorStrong0 { background-color:#999999; }
.neutralColorMedium0 { background-color:#E2F0F1; } 
.neutralColorLight0 { background-color:#E2F0F1; } 
.neutralColorWhite { background-color:#FFFFFF; }
.neutralColorTrans { background-color:#00FF00; } 

.cmsTxtColorStrong0 { color: #000066; } /* primColorStrong0 */
.cmsTxtColorStrong1 { color: #666666; } /* neutralColorStrong0 */
.cmsBgColorStrong0 { background-color: #000066; } /* primColorStrong0 */
.cmsBgColorStrong1 { background-color: #CCCCCC; } /* neutralColorLight0 */
.cmsBgColorMedium0 { background-color: #E8F2F9; } /* primColorLight0 */
.cmsBgColorLight0 { background-color: #FFFFFF; } /* neutralColorWhite */