/*html,body,h1,h2,h3,h4,h5,h6,div,p,table,input,form,ul,li {margin:0;padding:0;}*/

* { margin:0; padding:0; border:0; }

body {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  color:#000;
  overflow:visible;
  font-size:.6250em;
  background-color:#FFF;
  max-width:1024px; /*IE7*/
}
/* ::: Elements ::: */
h1 {
  font-size:2.2em;
  font-weight:normal;
  color:#bf0009;
  /*text-transform:lowercase;*/
  padding-left:9px;
  padding-bottom:7px;
  background:url(/img/system/collon-h1-red.gif) 0px 0.3182em no-repeat; /*7px*/
}
h2 {
  font-size:1.4em;
  color:#bf0009;
  padding:3px 0 8px 0;
}
.plaintext {
  font-size:1.2em;
  line-height:1.3333em;
}
p {
  margin-bottom:16px;
}
a {
  color:#000;
  outline:0;
}
a:hover {
  color:#bf0009;
  text-decoration:underline;
}
a:focus,
a:active 
{
  color:#bf0009;
  text-decoration:underline;  
  background-color:#ddd;
}
img {
  border:0;
}

/* ::: standard ::: */
.error {
  color:#e60003;
}
.error span {
  display:block;
  padding-bottom:1em;
}
.clear {
  clear:both;
}
.spacer {
  height:1.6em;
}
.searchword {
  background-color:#333;
  color:#fff;
}
.wcag {
  display:block;
}
.wai {
  /*display:none;*/
}
.odd {
  background-color:#eee;
}
.imgleft,
.imgleft div {
  float:left;
}
.imgleft {
  width:25%;
  padding:0 1em .5em 0;
  display:table;
}
img.imgleft {
  /*margin:0 1em .5em 0;*/
}
.imgleft div {
 font-style:italic;
 font-size:.833em;
 margin-top:.5em;
}

.imgright {
  float:right;  
  padding:0 0 .5em 1em;
}

.row {
  overflow:auto;
}
.nowrap {white-space:nowrap;}


/*
@-moz-document url-prefix() {
  input[type="text"], input[type="password"], textarea {
    overflow: auto;
  }
}*/


/* ::: Layout ::: */
#logo {
  float:left;
  width:463px;
  padding:34px 0 0 26px;
}
#metanavi {
  float:right;
  padding:47px 48px 46px 0px;
  width:auto; /*488px*/
  text-align:right;
  text-transform: lowercase;
}
#navi {
  position:absolute;
  top:107px;
  left:0;
  clear:both;
  float:left;
  padding:0 10px 16px 27px;
  width:15em;
}
#container {
  float:left;
  margin-left:18.7em;
}
#visual470 {
  float:left;
  width:470px;
  height:325px;
  padding:7px 10px 22px 0;
}
#visual310 {
  float:left;
  width:310px;
  height:325px;
  padding:7px 0 22px 0;
}
#visualhome 
{
  min-height:325px;  
  padding:7px 0 22px 0;
}
#content {
  clear:both;
  float:left;
  /* Werte ohne Teaser:
  width:470px;
  padding: 0 9px 16px 0;*/
  /* Werte mit Teaser: */
  width:440px;
  padding: 0 39px 16px 0;  
}
#teaser {
  float:left;
  width:310px;
  padding-top:31px;
}

#content ul.textlink
{
  list-style:disc;
  padding:5px 3px 0 20px;
}

/* ::: Erweitertes Layout ::: */
#metanavi ul li,
#breadcrumb ul li {
  font-size:1.2em;
  display:block;
  float:left;
  background:url(/img/system/collon-black.gif) 0 0.4167em no-repeat;
  list-style:none;
}
#metanavi ul li {
  margin-left: 24px;
  padding-left: 3px;
}
#breadcrumb ul li {
  padding:0 10px 0 3px;
}
#metanavi ul li a,
#breadcrumb ul li a {text-decoration:none;}
#metanavi ul li a:hover,
#metanavi ul li a:focus,
#metanavi ul li a:active,
#breadcrumb ul li a:hover,
#breadcrumb ul li a:focus,
#breadcrumb ul li a:active {text-decoration:underline;}

#breadcrumb ul li.current {
  color:#bf0009;
  font-weight:bold;
  background-image:url(/img/system/collon-bold-red.gif);
}
#breadcrumb 
{
  clear:both;
  padding-bottom:12px;
}
#breadcrumb ul
{
  padding-bottom:24px;
}
#logos {
  margin-top:24px;
}
#logos a {
  margin-right:15px;
  margin-bottom:15px;
}
#logos a.last {
  margin-right:0;
}

#logos a.first {
  margin-right:19px;
}


#logos a.blank {
  background:none;
  padding:0;
}

#image150-1,
#image150-2,
#image150-3,
#image150-4,
.visualtop,
.visualbottom {
  float:left;
  margin:0 10px 10px 0;
}
/*
.visualtop.last,
.visualbottom.last */
#image150-2,
#image150-4
{
  margin-right:0;
}
#image150-3,
#image150-4 {
  margin-bottom:0px;
}
#caption {
  clear:both;
  padding-top:4px;
  text-align:right;
}
#teaser h2 {
  padding-top:0;
  padding-left:4px;
  background:url(/img/system/collon-h2-red.gif) 0 0.4286em no-repeat; /*6*/
  text-transform:lowercase;
}

/* ::: Quick-Navigation::: */
a.tocontent,
a.tonavigation{
position:absolute; top:0; z-index:100; left:-1000px; background-color:#FFFF8D; display:block; padding:10px 20px; font-size:1.400em; font-weight:bold; color:#010002; 
}
a.tocontent:focus, a.tonavigation:focus, a.tocontent:active,
a.tonavigation:active { left:26px; width:10em; } 



/* ::: Home ::: */
#content.home {
  float:left;
  padding:0 0 16px 161px; 
  width:470px;
}
#content.home h1 {
  padding-bottom:16px;
}


/* ::: Weiteres ::: */
ul.downloads,
ul.downloads li {
  margin:0;
  padding:0;
  list-style:none;
  clear:both;
}
ul.downloads li a.pdf {
  text-decoration:none;
  color:#BF0009;
  background:url(/img/system/pdf.gif) 0 4px no-repeat;
  padding:3px 0 4px 20px;
  font-size:1.2em;
  line-height:18px;
}

/* ::: Navigation ::: */
#navi ul {
  list-style:none;
  margin:0;
  padding:0;
}
#navi ul.navi a {
  display:block;
  font-size:1.2em;
  font-weight:bold;
  text-decoration:none;
  /*text-transform: lowercase;*/
  padding:5px 0 6px 4px;
  background:url(/img/system/collon-bold-black.gif) 0 0.8em no-repeat; /*10*/
}
#navi ul.navi a:hover,
#navi ul.navi a.selected {
  color:#bf0009;
  background-image:url(/img/system/collon-bold-red.gif);
}
#navi ul.navi a:hover,
#navi ul.navi a:focus,
#navi ul.navi a:active
{
  text-decoration:underline;
}
#navi ul ul {
  padding-left:15px;
}

/* ::: sitemap ::: */
#sitemap ul {
  list-style:none;
  margin:0;
  padding:0;
}
#sitemap a,
#sitemap ul a {
  display:block;
  font-size:1.2em;
  font-weight:normal;
  text-decoration:underline;
  padding:5px 0 6px 4px;
}
#sitemap ul a:hover,
#sitemap ul a.selected {
  /*color:#bf0009;*/
}
#sitemap ul a:hover,
#sitemap ul a:focus,
#sitemap ul a:active
{
  /*text-decoration:underline;*/
}
#sitemap ul,
#sitemap ul ul {
  padding-left:30px;
}

/* ::: Forms ::: */
label {
  font-size:1.2em;
  width:11em;
  float:left;
  clear:both;
  padding:2px;
}
.captcha img {
  margin:0 0 12px 130px;
}
.captcha img,
.form .btn {
  /*margin:0 0 1.2em */
  padding:0 0 1.2em 11.2em;
}
.btn 
{
  font-size:1.2em;
  text-decoration:underline;
  /*padding:4px 10px;
  background-color:#333;
  color:#fff;
  font-weight:bold;
  display:block;
  float:left;*/
}
.row,
.captcha {
  margin-top:3px;
  clear:both;
}
input.text,
textarea.text 
{
  /* Werte ohne Teaser:
  width:27.5em; */
  width:24.8em;  
  /*float:left;*/
  font:1.2em/125% Verdana, Arial, Helvetica, sans-serif;
  margin:1px 0;
  /*color:#666;*/
  border:1px solid #999;
  background:#fff;
  padding:2px;
}
input.zipcode 
{
  width:6em;
  margin-right:4px;
}
input.city 
{
  /* Werte ohne Teaser:    
  width:20.6em;*/
  width:17.9em;
}


/* ::: tabelle  ::: */
.tabelle {
  /*border: 0.1em solid #ccc;
  border-collapse: collapse;
  table-layout: auto;*/
  border:none;
  width:100%;
}
.tabberlive .tabelle {
  width:100%;
}
.tabelle thead tr {
}
.tabelle thead tr th,
.tabelle tr.head td  {
  background:url(/img/system/table/bg.gif) repeat-x #e8e8e8;
  font-weight:bold;
  text-align:left;
  padding:.5em .5em;
  border-right:.1em solid #ccc;
}
.tabelle thead tr th span.innertext,
.tabelle tr.head td span.innertext {
  font-size:1.2em;
}
.tabelle thead tr td,
.tabelle tr.head td,
.tabelle tbody tr td,
.tabelle tr.body td {
  padding:.5em 1.5em .3em 0em;
  /*border-right:.1em solid #ccc;
  border-top:.1em solid #ccc;*/
  vertical-align:top;
  font-size:1.2em;
}
.tabelle tbody tr.headline td,
.tabelle tr.body.headline td {
  vertical-align:bottom;
}
.tabelle ul {
  margin-left:1.92em; /*23 in 12 wegen innerspan drumrum*/
}
.tabelle ul li {
  margin-left:0;
}
.tabelle tbody tr td.zentriert,
.tabelle tr.body td.zentriert,
.tabelle tbody tr td.zentriert span,
.tabelle tr.body td.zentriert span {
  text-align:center;
}
.tabelle tbody td.links,
.tabelle tr.body td.links,
.tabelle tbody tr.links td,
.tabelle tr.body.links td {
  text-align:left;
}
.tabelle tbody td.rechts,
.tabelle tr.body td.rechts,
.tabelle tbody tr.rechts td,
.tabelle tr.body.rechts td {
  text-align:right;
}
/* ::: onAccordion ::: */
/*.onAccordion,
.onAccordion * {*/
.onAccordion {
  border:0;
  margin:0;
  padding:0;
}
.onAccordion {
  margin-bottom:16px;
}
.hide {
  display:none;
}
.onAccHead {
  background:#ccc url(/img/icons/plusminus.png) no-repeat left 1px;
  cursor:pointer;
  padding:2px 10px 2px 18px;
  margin-top:8px;
}
.onAccordion .selected {
  background-color:#666;
  background-position:left -99px;
  color:#fff;
}
.onAccHead:hover {
  background-color:#ddd;
}
.onAccordion div h3 {
  padding:10px 10px 0 10px;
}
/*.onAccordion div p,
.onAccordion div div {
  padding:0 10px 0 10px;
}*/
.onAccordion div.onAccordionContent {
  padding:10px;
  border:1px solid #ccc;
  /*margin-bottom:-10px;*/
}
/* ::: jQuery ui-tabs ::: */
/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen {
  .ui-tabs-hide {
    display:none;
  }
}
@media print {
  .ui-tabs-nav {
    display:none;
  }
}
/* Skin */
.ui-tabs-nav {
  list-style:none;
  margin:0;
  padding:0 0 0 1px;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
  display:block;
  clear:both;
  content:" ";
}
.ui-tabs-nav li {
  float:left;
  margin:0 0 0 -1px;
  min-width:84px; /* be nice to Opera */
}
.ui-tabs-nav a,
.ui-tabs-nav a span {
  display:block;
  padding:0 10px;
  background:transparent url(/img/system/tab.png) repeat-x scroll 0%;
}
.ui-tabs-nav a {
  margin:0; /* position:relative makes opacity fail for disabled tab in IE */
  padding-left:0;
  color:#464646;
  font-weight:bold;
  line-height:1.2;
  text-align:center;
  text-decoration:none;
  white-space:nowrap; /* required in IE 6 */
  outline:0; /* prevent dotted border in Firefox */
  border:1px solid #ebebeb;
  border-width:1px 1px 0;
  top:1px;
}
.ui-tabs-nav .ui-tabs-selected {
  margin-bottom:-4px;
}
.ui-tabs-nav .ui-tabs-selected a {
  position:relative;
  top:-3px;
  z-index:2;
  margin-top:0;
  color:#000;
}
.ui-tabs-nav a span {
  width:64px; /* IE 6 treats width as min-width */
  min-width:64px;
  height:18px; /* IE 6 treats height as min-height */
  min-height:18px;
  padding-top:6px;
  padding-right:0;
}
*>.ui-tabs-nav a span { /* hide from IE 6 */
  width:auto;
  height:auto;
}
.ui-tabs-nav .ui-tabs-selected a span {
  /*padding-bottom:1px;*/
padding-top:8px;
  padding-bottom:2px;
}
.ui-tabs-nav .ui-tabs-selected a,
.ui-tabs-nav a:hover,
.ui-tabs-nav a:focus,
.ui-tabs-nav a:active {
  background-position:100% -150px;
}
.ui-tabs-nav a,
.ui-tabs-nav .ui-tabs-disabled a:hover,
.ui-tabs-nav .ui-tabs-disabled a:focus,
.ui-tabs-nav .ui-tabs-disabled a:active {
  background-position:100% -100px;
}
.ui-tabs-nav .ui-tabs-selected a span,
.ui-tabs-nav a:hover span,
.ui-tabs-nav a:focus span,
.ui-tabs-nav a:active span {
  background-position:0 -50px;
}
.ui-tabs-nav a span,
.ui-tabs-nav .ui-tabs-disabled a:hover span,
.ui-tabs-nav .ui-tabs-disabled a:focus span,
.ui-tabs-nav .ui-tabs-disabled a:active span {
  background-position:0 0;
}
.ui-tabs-nav .ui-tabs-selected a:link,
.ui-tabs-nav .ui-tabs-selected a:visited,
.ui-tabs-nav .ui-tabs-disabled a:link,
.ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
  cursor:text;
}
.ui-tabs-nav a:hover,
.ui-tabs-nav a:focus,
.ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover,
.ui-tabs-nav .ui-tabs-unselect a:focus,
.ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
  cursor:pointer;
}
.ui-tabs-disabled {
  /*opacity:0.4;
  filter:alpha(opacity=40);*/
}
.ui-tabs-panel {
  border:1px solid #ebebeb;
  padding:1em 8px;
  background:#fff; /* background color to avoid distorted fonts in IE while fading */
  background:#fff url(/img/gradient.png) no-repeat scroll right bottom;
}
.ui-tabs-loading em {
  padding:0 0 0 20px;
  background:url(loading.gif) no-repeat 0 50%;
}
/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
  display:inline-block;
}
*:first-child+html .ui-tabs-nav { /* @ IE 7 Standards Mode - do not group selectors, IE 6 will ignore rule */
  display:inline-block;
}





/* ADDICONS */
@media projection, screen {
  a.blank, a.pdf, a.doc, a.zip, a.mp3, a.print, a.totop, a.mailto{
    background-position:right center;
    background-repeat:no-repeat;
    padding-right:18px;
    display:inline-block;
    padding:4px 18px 0 0;
  }
  a.totop {
    display:inline;
    padding:0 18px 0 0;
  }
  a.blank {background-image:url(/img/icons/new-win.gif);}
  a.pdf {background-image:url(/img/icons/files/pdf.gif);}
  a.doc {background-image:url(/img/icons/files/doc.gif);}
  a.xls {background-image:url(/img/icons/files/xls.gif);}
  a.zip {background-image:url(/img/icons/files/zip.gif);}
  a.mp3 {background-image:url(/img/icons/files/mp3.gif);}
  a.print {background-image:url(/img/icons/print.gif);}
  a.totop {background-image:url(/img/icons/arrow-up.gif);}
  a.mailto {background-image:url(/img/icons/mail.gif);}
}

/* checkboxes/radios */
/* don't change */
.chbxhide {
  left:-1000px;
  position:absolute;
}
label.chbx, label.rd {
  display:block;
  margin:5px 0;
  padding-left:25px;
}
label.chbx  {
  background:url(/img/icons/checkbox.png) no-repeat left top;  
}
label.rd  {
  background:url(/img/icons/radio.png) no-repeat;  
}
label.chkd {
  background-position:left -100px;
}
label:hover{
  color:#666;
}

/* intro */
div#flashintro { margin-top: 100px; margin-left: 27px; }
div#skip {    margin-top: 10px; padding-left: 845px;}
div#skip a { text-decoration:none ;  font-size:1.2em;  font-weight: bold; color:#bf0009; }
div#skip a:hover { text-decoration: underline; }

/* Styles f?r Voting */

.radioselecters input { float: left; margin-top: 1px; margin-right: 5px; }
.radioselecters label { float: left; margin-right: 2x; width: 70px; clear: none; padding: 0px;  }

.plaintext .number { float: left; margin-right: 5px;  }
.plaintext .question { margin-bottom: 5px; }


/* Voting Result */
.barborder {
    border: 1px solid #000;
    float: left;
    margin-right: 1em;
}

.barborder .bar {
    background-color: #BF0009;
    height: 1.4em;
}

.barlabel { }
.barborder { float: left;  }

div.halfspacer { clear: both; height: 0.65em; }

.vote {
    text-align: center;
     float: left;
}



div.zoomdiv {
  
    margin-bottom: 0.5em;
    margin-right: 1em;
    position: relative;
}
div.zoomdiv.nomarg { margin-right: 0px;  }


div.zoomdiv img { cursor: pointer; }

div#zoomdiv img:hover { cursor: pointer; }

.clear { clear: both; }

.captcha img, .form .btn { padding-bottom: 0px; margin-bottom: 1.2em; }