/* Video
***************************/
#darken {
  position:absolute;
  left:0;
  top:0;
  right:0;
  bottom:0;
  width:100%;
  height:100%;
  background:#000;
  opacity:.9;
  z-index:97;
}
#player {
  display:block;
  width:640px;
  height:360px;
  margin:0 0 0 174px;
  position:absolute;
  z-index:99;
  border:solid #fff 1px;
}
#player-image {
  margin:0 0 0 174px;
  z-index:98;
  position:absolute;
  border:solid #fff 1px;
}

/* Regional-Partner
***************************/
.partner .nv {
  width:267px;
  margin:0 20px 0 0;
  float:left;
  background:#333 url(/assets/images/partner-nv-bg.jpg);
  height:355px;
  color:#fff;
}
.partner .nv ul {
  margin:10px 0 0 0;
  padding:0;
  width:120px;
  float:right;
  list-style-type:none;
  list-style-image:none;
}
.partner .nv ul li {
  background:url(/assets/images/partner-nv-li-bg.png);
  margin:0 0 5px 0;
  padding:0;
}
.partner .nv ul li a {
  color:#ddd;
  font-size:10px;
  display:block;
  padding:0 5px;
  height:19px;
  line-height:19px;
}
.partner .nv ul li a:hover {
  color:#fff;
  text-decoration:none;
}
.partner .nv ul li.a1 a {
  color:#fff;
  font-weight:bold;
}
.partner .viewport-partner {
  float:left;
  width:699px;
  height:355px;
  overflow:auto;
}
.partner .viewport-partner .text {
  float:left;
  width:490px;
  margin:23px 20px 0 0;
}
.partner .viewport-partner .images {
  float:left;
  width:152px;
  margin:23px 0 0 0;
}
.partner .viewport-partner .images img {
  border:solid #fff 1px;
}
.partner .viewport-partner .images .longdesc {
  font-size:10px;
  color:#555;
}
/* Regional-Partner 2-spaltig
***************************/
.viewport-partner .col-1 {
  width:320px;
  float:left;
  margin:23px 20px 23px 0;
}
.viewport-partner .col-2 {
  width:320px;
  float:left;
  margin:23px 0 23px 0;
}

/* 1-spaltig BG (Seite, Standard)
***************************/
.one-column {
  margin:23px 20px 23px 23px;
}

/* 2-spaltig BG
***************************/
#content-background .two-columns {
  clear:both;
}
#content-background .two-columns .col-1 {
  width:445px;
  margin:23px 20px 23px 23px;
  float:left;
}
#content-background .two-columns .col-2 {
  width:445px;
  float:left;
  margin:23px 0 23px 0;
}

/* 2-spaltig (1/2) BG
***************************/
#content-background .two-columns-12 {
  clear:both;
}
#content-background .two-columns-12 .col-1 {
  width:290px;
  margin:0 20px 0 0;
  float:left;
}
#content-background .two-columns-12 .col-2 {
  width:600px;
  float:left;
}

/* 3-spaltig BG
***************************/
#content-background .three-columns {
  clear:both;
  width:933px !important;
  height:305px;
}
#content-background .three-columns .col-1 {
  width:290px;
  margin:23px 20px 23px 23px;
  float:left;
}
#content-background .three-columns .col-2 {
  width:290px;
  margin:23px 20px 23px 0;
  float:left;
}
#content-background .three-columns .col-3 {
  width:290px;
  float:left;
  margin:23px 0 23px 0;
}

/* 3-spaltig BG (Image/Text/Text)
***************************/
.three-columns-itt .col-1 {
  width:267px;
  height:355px;
  margin:0 20px 0 0;
  float:left;
}
.three-columns-itt .col-2 {
  padding:23px 20px 23px 0;
  margin:0;
  width:314px;
  height:309px;
  float:left;
}
.three-columns-itt .col-3 {
  padding:23px 0 23px 0;
  margin:0;
  height:309px;
  width:290px;
  float:left;
}
/* 2-spaltig NOBG
***************************/
#content .two-columns {
  clear:both;
}
#content .two-columns .col-1 {
  width:470px;
  margin:0 20px 0 0;
  float:left;
}
#content .two-columns .col-2 {
  width:470px;
  float:left;
}


/* 3-spaltig NOBG
***************************/
#content .three-columns {
  clear:both;
}
#content .three-columns .col-1,
#content .three-columns .col-2 {
  width:307px;
  margin:0 20px 0 0;
  float:left;
}
#content .three-columns .col-3 {
  width:307px;
  float:left;
}

/* 4-spaltig NOBG
***************************/
#content .four-columns {
  clear:both;
}
#content .four-columns .col-1,
#content .four-columns .col-2,
#content .four-columns .col-3 {
  width:232px;
  margin:0 20px 0 0;
  float:left;
  overflow:hidden;
}
#content .four-columns .col-4 {
  width:232px;
  float:left;
  overflow:hidden;
}

/* Händlersuche
***************************/
.haendlersuche .col-1 {
  width:267px;
  height:309px;
  margin:23px 20px 23px 23px;
  float:left;
}
.haendlersuche .col-2 {
  width:355px;
  height:355px;
  float:left;
  background:#ccc;
  margin:0 20px 0 0;
}
.haendlersuche .col-3 {
  width:301px;
  height:305px;
  float:left;
  padding:23px 0 23px 0;
  overflow:auto;
}
.haendlersuche .plz-suche label {
  float:left;
  margin:0 5px 0 0;
}
.haendlersuche .plz-suche label span {
  display:block;
}
#haendler-results {
  width:270px;
}
#haendler-results .result {
 border-bottom:dotted #888 1px;
  margin:0 0 10px 0;
}
#haendler-results .result .shop-type {
  float:right;
  margin:0 0 10px 10px;
}

/* Formulare
***************************/
.row {
  clear:both;
  margin:0 0 8px 0;
}
label.indent {
  width:130px;
  float:left;
}
label.block {
  display:block;
}
input.text,
textarea,
select {
  padding:4px;
  border:none;
  width:270px;
  border:solid #fff 1px;
}
textarea {
  width:400px;
  height:120px;
}
select {
  width:auto;
  padding:3px;
}
input.text:focus,
textarea:focus,
select:focus {
  border:solid #82B60A 1px;
}
input.button {
  padding:4px;
  background:#000 url(/assets/images/button-bg.gif) repeat-x;
  color:#fff;
  border:solid #505050 1px;
  cursor:pointer;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  border-radius:4px;
}
input.button:hover {
  background-position:0 -25px;
}
input.image {
  vertical-align:middle;
}
/* Such-Seite
***************************/
#content-search input.text {
  width:200px;
}
.results .result {
  margin:0 0 10px 0;
  padding:0 0 10px 0;
  border-bottom:dotted #ccc 1px;
}
.results .result * {
  margin:0;
}

/* HTML-Quelltext
***************************/
.html-code textarea {
  width:425px;
  height:50px;
}