/* Seite, Startseite
************************************/
body.id2 #container-bg,
body.id2 #nv2 {
  display:none;
}
body.id2 .editlink {
  position:absolute;
}
body.id2 #content * {
  color:#fff;
}

/* Seite, 2-spaltig
************************************/
.two-columns-11 {
  height:355px;
  overflow:auto;
}
.two-columns-11 .col-1 {
  width:420px;
  float:left;
  margin:0 20px 0 0;
}
.two-columns-11 .col-2 {
  width:400px;
  float:left;
}

/* Seite, 3-spaltig
************************************/
.three-columns {
  height:355px;
  overflow:auto;
}
.three-columns .col-1 {
  width:260px;
  float:left;
  margin:0 40px 0 0;
}
.three-columns .col-23 {
  float:left;
  width:540px;
}
.three-columns .col-2 {
  clear:both;
  width:260px;
  float:left;
  margin:0 40px 0 0;
}
.three-columns .col-3 {
  width:240px;
  float:left;
  margin:0;
}

/* Seite, Label-Tool
************************************/
#label-tool #label-left {
  width:240px;
  float:left;
}
#label-tool #label-center{
  width:320px;
  float:left;
}
#label-tool #label-right {
  width:250px;
  float:left;
  padding:0 0 0 50px;
}
#label-tool .row {
  margin:0 0 6px 0;
}
#label-tool label.num {
  display:block;
  float:left;
  width:20px;
  padding:3px 0;
}
#label-tool input.text {
  width:160px;
}
#label-tool .vorschau-black {
  float:left;
  width:86px;
  height:281px;
  background:url(/assets/images/sender-black.png);
  padding:20px 0 0 11px;
  margin:0 50px 0 0;
}
#label-tool .vorschau-white {
  float:left;
  width:86px;
  height:281px;
  background:url(/assets/images/sender-white.png);
  padding:20px 0 0 11px;
}
/* temp. resize */
#label-tool .vorschau-black {
  padding:90px 0 0 23px;
  width:74px;
  height:211px;
}
#label-tool .vorschau-black img {
  width:51px;
  height:175px;
}
#label-tool .vorschau-white {
  padding:90px 0 0 23px;
  width:74px;
  height:211px;
}
#label-tool .vorschau-white img {
  width:51px;
  height:175px;
}

/* Seite, Energie
************************************/
body.id41 #container-bg {
  background:url(/assets/images/energie-bg.jpg);
  -moz-opacity:1;
  filter:Alpha(opacity=100, style=0);
  width:898px;
  height:403px;
  border:solid #fff 1px;
}
body.id41 #nv2 {
  display:none;
}
.energie {
  color:#fff;
}
.energie .headline {
  height:170px;
  margin:0;
  color:#fff;
}
.energie .col {
  width:160px;
  float:left;
  margin:0 10px 0 0;
  padding:0 4px 0 0;
}
.energie .col-last {
  width:164px;
  float:left;
  margin:0;
}
.energie .text {
  height:80px;
}
.energie a {
  color:#fff;
}
.energie a:hover {
  border-color:#fff;
}
.energie a.rarr {
  background-image:url(/assets/images/rarr-white.gif);
}

/* Artikel: Übersicht
************************************/
.article-overview a.editlink {
  position:absolute;
}
.article-overview {
  line-height:45px;
  margin:0 0 10px 0;
}
.article-overview a {
  display:block;
  border:none;
}
.article-overview img {
  vertical-align:middle;
}
.article-overview a:hover span {
  border-bottom:solid #003d76 1px;
}
.article-overview-a1 span {
  font-weight:bold;
}

#content-right .banner-image {
  margin:0 0 14px 0;
}
#content-right .three-columns {
  overflow:hidden;
}
#content-right .three-columns .col-1,
#content-right .three-columns .col-2 {
  width:185px;
  float:left;
  margin:0 10px 0 0;
  clear:none;
}
#content-right .three-columns .col-3 {
  width:185px;
  float:left;
}

/* Artikel, Videos
************************************/
.articles-videos .article {
  width:200px;
  float:left;
  margin:0 15px 0 0;
}
.articles-videos .article .image {
  height:113px;
  margin:0 0 10px 0;
  background:#f5f5f5;
}
.articles-videos .article .image a {
  border:0;
  display:block;
  height:113px;
  position:relative;
}
.articles-videos .article .image a .play {
  position:absolute;
  display:block;
  width:200px;
  height:113px;
  background:url(/assets/images/play.png) no-repeat 50% 50%;
}
.articles-videos .article .youtube-html {
  display:none;
}
#fancybox-wrap a {
  border:0;
}

/* Händler-Suche
************************************/
#map-container {
  width:355px;
  height:355px;
  float:left;
  background:#ccc;
  margin:0 15px 0 0;
}
#map {
  width:355px;
  height:355px;
}
#haendler-results {
  float:left;
  width:200px;
  padding:0 10px 0 0;
  height:355px;
  overflow:auto;
  font-size:11px;
}
#haendler-results .result {
  border-bottom:dotted #ccc 1px;
}
#haendler-results .result .profi-partner {
  float:right;
  -moz-box-shadow:0 0 5px #888;
}
#haendler-results .entfernung {
  font-weight:bold;
  color:#003d76;
}

/* Seite, GoogleMaps
************************************/
.three-columns-googlemaps {
  clear:both;
}
.three-columns-googlemaps .col-1 {
  float:left;
  width:280px;
  margin:0 20px 0 0;
}
.three-columns-googlemaps .col-2 {
  display:none;
}
.three-columns-googlemaps .col-3 {
  float:left;
  width:560px;
  height:355px;
}

/* Formulare
************************************/
.row {
  clear:both;
  margin:0 0 14px 0;
}
label {
  cursor:pointer;
}
label.block {
  display:block;
}
input.text,
textarea {
  border: 1px solid #444;
  border-color: #444 #888 #888 #444;
  background: #fff url(/assets/images/input-bg.png) 0 -6px repeat-x;
  width:250px;
  margin:0;
  padding:2px;
}
textarea {
  height:217px;
}
input.text:focus,
textarea:focus {
  border-color: #000 #444 #444 #000;
  background-position: 0 0;
}
input.short {
  width:2em;
}
input.button {
  border: 1px solid #000;
  border-color: #3d6b97 #002b53 #002b53 #3d6b97;
  background: #003d76;
  color: #fff;
  cursor:pointer;
  margin:0;
  padding:1px;
}
input.button:focus,
input.button:active {
  background:#00315e;
}
.sendmail_emptyfield1 input.text,
.sendmail_emptyfield1 textarea {
  border:solid #f00 1px;
}


/* Formular: Bauvorhaben
************************************/
.bauvorhaben-col-1 {
  float:left;
  width:305px;
  margin:0 20px 0 0;
}
.bauvorhaben-col-2 {
  float:left;
  width:160px;
  margin:0 30px 0 0;
}
.bauvorhaben-col-2 input.text {
  width:160px;
}
.bauvorhaben-col-3 {
  float:left;
  width:150px;
  margin:0 30px 0 0;
}
.bauvorhaben-col-4 {
  float:left;
  width:150px;
}
.bauvorhaben-col-4 p {
  margin:0 0 6px 0;
}
.bauvorhaben-col-4 .contact-me{
  margin-top:30px;
  margin-bottom:30px;
}

/* Suche
************************************/
#content-search input.text {
  width:150px;
}
.result {
  margin:0 0 14px 0;
}
.result h2,
.result p {
  margin:0 0 4px 0;
}

/* Filetypes
************************************/
a.linkPdf {
  padding-left:20px;
  background:url(/assets/images/icon-pdf.gif) no-repeat;
}