@charset "UTF-8";

@media all
{
.head_green 	{  font-size: 20pt; color: #009933; font-weight: bold; font-style: normal; margin-bottom:0.8em}
.text 			{  font-size: 10pt; }
.text_green 	{  font-size: 10pt; color: #009933 }
.kurz_head 		{  font-size: 16pt; color: #009933; font-weight: bold }
.text_kursiv 	{ font-size: 9pt; font-style: italic; }
.text_fett 		{ font-size: 11pt; font-weight: bold; }
.text_klein 	{ font-size: 9pt }

.error 	{  font-size: 10pt; color: #990000; font-weight:bold }
.searchResult { font-weight:bold }
.highlighText { background-color:#FFFF99; font-weight:bold }

input, select, option, textarea {font-family:Arial, Helvetica, sans-serif}

input[type="submit"] { margin:1px; padding:1px; width:auto; }
input[type="text"], input[type="password"]  {margin:0px; padding:1px 2px 1px 2px; width:200px; height:16px; font-size:12px;}

/* login form */
#cms_login_form input[type="text"], #loginForm input[type="password"]  {padding:1px 2px 1px 2px; margin:0px; width:200px; height:16px; font-size:12px;}
#cms_login_form input[type="submit"] { margin:1px; padding:1px; width:100px;  }


/* contact form */
form#contact input[type="text"] {margin:0px; padding:1px 2px 1px 2px; width:400px; height:16px; font-size:12px;}
form#contact input[type="submit"] { margin:1px; padding:1px; width:100px;  }
form#contact textarea {margin:0px; padding:2px; width:400px; height:300px; font-size:12px;}

/* search form */
#search {background-image:url(../images/suchfeld.png); background-repeat:no-repeat; width:168px; height:22px; float:right; display:block; }
form#searchForm {padding-left:40px}
form#searchForm input[type="text"] {margin-top:2px; padding:0px; width:100px; height:16px; font-size:12px; border:none}


#searchResult .searchResultText {display:block; font-weight:normal; color:#696969; padding-bottom:1em; padding-top:0.2em}


/* top navigation */
#topnav { width:auto; height:55px; display:block; float:none}
#topnav ul {float:right; padding-right:20px; padding-top:2px; margin-bottom:0}
#topnav li { list-style-type: none; float: left; margin:0px; padding:0px; line-height:14pt }
#topnav li a { color: #696969; font-size:8pt; font-weight: bold; background:none; text-decoration:none; float:left }
#topnav li a:focus,
#topnav li a:hover,
#topnav li a:active{ text-decoration:underline; background-color: none;}
#topnav .topnav_divider { color: #696969; font-weight: bold; font-size:8pt; width:16px; text-align:center; float:left; line-height:11pt}

#topnav_content {padding-top:27px; padding-right:5px}

/* footer */
#footer a { color: #aac; background:transparent; font-weight: bold;}
#footer a:focus,
#footer a:hover,
#footer a:active {color: #fff; background-color: transparent; text-decoration:underline;}


#footermenu { width:auto; display:block; float:right; padding-right:20px; padding-top:0px; margin-bottom:0}
#footermenu li { list-style-type: none; float: left; margin:0px; padding:0px; line-height:14pt }
#footermenu a { color: #FFF; font-size:8pt; font-weight: bold; background:none; text-decoration:none; float:left }
#footermenu a:focus,
#footermenu a:hover,
#footermenu a:active{ text-decoration:underline; background-color: none;}
#footermenu .footermenu_divider { color: #FFF; font-weight: bold; font-size:8pt; width:16px; text-align:center; float:left; line-height:11pt}

#footerMenuResponsive {display:none}

/* Sitemap */
#sitemap { margin-left: -20px; list-style-type: none; }
#sitemap ul { list-style-type:none; margin:0; padding-left: 20px; }
#sitemap li { margin:0px; padding: 0px; }
#sitemap a { text-decoration: none; }

/* Image Show */  
div.imageshow {width:500px; height:auto}
div.imageshow div {border:1px solid #009933; width:auto; height:auto; padding: 0px 0px 0px 0px; margin:0px 20px 20px 0px; float:left; background-repeat:no-repeat; background-position:center center}
div.imageshow img {width:100px; height:100px}
table.imageshow {}
table.imageshow td {text-align:center; vertical-align:middle; width:100px; height:100px}

/* Image Show Image */
div.imageshow_image {width:auto; height:auto; margin:0px; padding:0px; }
div.imageshow_image div.image {width:auto; height:auto; text-align:center;}
div.imageshow_image div.image img {width:auto; max-width:550px; height:auto; margin:0px; padding:0px; border:1px solid #009933; }
div.imageshow_image div.text {text-align:center}

#bottomLinks { width:100%; margin-top: 20px; text-align:center}

#col_left { margin:10px 5px 0px 5px }
#col_right { margin:10px 5px 0px 5px }
#subarticle_left { margin:10px 5px 0px 5px }
#subarticle_right { margin:10px 5px 0px 5px }

/* Logo */
#logo {width:100%; height:201px; display:block; background-color:#FFF; vertical-align:middle; display:block}
#logo table {width:100%; height:100%; border:none}
#logo td {vertical-align:middle; text-align:center; padding:0; margin:0}
#logo img {max-width:245px}

.header {display:block; margin-top:3px; margin-right:10px}

#kontakt {width:auto; height:110px; overflow:hidden; display:block; background-image:url(../images/kontakt_verlauf.jpg); background-repeat:no-repeat; background-color:#f3f4f4; padding:10px}

.cmsIndent {display:block; float:none; width:auto; }
.cmsIndentInner {display:block; float:none; width:auto; padding:10px 10px 20px 25px}
.cmsAlignRight {display:block; float:none; width:auto; text-align:right}
.cmsAlignLeft {display:block; float:none; width:auto; text-align:left}
.cmsAlignCenter {display:block; float:none; width:auto; text-align:center}
.cmsHeadline {width:100%}
.cmsPhone {font-size:18pt; padding-top:10px}
.cmsMail {font-size:12pt; padding-top:10px}
.cmsHeadlineTextImage {padding-bottom:20px}

.produktIframe {height:6000px; padding-left:0px; width:705px}
.produktprogramme, .produkte {width:auto}
.produktprogramme .produktprogramm { text-transform:none}
.produkte .produkt, .produkte .beschreibung { text-transform:none}
.produkte .beschreibung { padding-top:5px; white-space:normal!important; width:500px}
.produkte td {vertical-align:top}
.produkte td.imageCell {background-image:url(../images/background.jpg); background-repeat:no-repeat; padding:0.5em 0}

table.produktprogramme a.produktprogramm:before {padding-right:5px; content:url(dropdown/images/pfeil.gif)}

.socialLinks {padding-top:1px; padding-left:5px; }
.socialLinks img {padding-right:5px}

#kontaktformular {width:550px}
#kontaktformular .lang {width: 450px;}
#kontaktformular .links {width: 180px;}
#kontaktformular .rechts {width: 180px;}

.viessmannContent blockquote {margin-left:15px}
.viessmannContent blockquote .headline {font-weight:bold; font-size:9pt; color:#000000;}
.viessmannContent blockquote span p {margin-top:2px; margin-bottom:10px}
.viessmannContent img.imgContent {padding-top:0px; margin-top:0px; padding-bottom:0px; margin-bottom:20px; }
.viessmannContent td {padding-bottom:10px; vertical-align:top}
.viessmannContent td.colLeft {width:320px}
.viessmannContent td.colRight {width:auto}
.viessmannContent td.colDivider {width:15px}
.viessmannContent td.col {}
.viessmannContent .bullet {float:left}

.viessmannContentReferenzen td a img {margin-right:20px}

html {height:100%; }
.localBody {border:none; margin:0; padding:0; width:100%; height:100%; display: block; float:left; }

.footerLeft {float:left}
.footerRight {float:right; padding-top:4px; padding-right:5px}

#wpr {width:100%}
.wpr_berechnet_ja .wpr_Berechnung {display:none}
.wpr_berechnet_nein .wpr_Angebot {display:none}
#wpr h4 {width:100%; clear:both; font-size:13px; font-weight:bold; margin-top:20px; margin-bottom:10px}
#wpr .clearBoth {clear:both}
#wpr .floatLeft {float:left}
#wpr .subhead {float:left; display:block; margin-bottom:8px}
#wpr .radio {width:100%; min-height:25px; clear:left; float:left; display:block}
#wpr input {float:left; display:inline}
#wpr input[type="radio"] { margin-right:5px; margin-top:2px}
#wpr label {min-width:200px; width:200px; float:left; display:inline}
#wpr label.wpr_inputLabel {min-width:110px; width:110px; clear:both}
#wpr select {min-width:150px; float:left; display:block; margin-top:-5px}
#wpr .umlaufwassererhitzer {margin-top:10px; clear:both}
#wpr .wprLevel {width:100%; }
#wpr .wprLevel1 {clear:both; float:left; display:block }
#wpr .ja-nein {min-height:inherit}
#wpr .ja-nein .radio {height:25px}
#wpr_Absenden {float:left; display:block; margin-top:20px}
#wpr .selectedElement .nonSelectedElement select {background-color:#CC0000; color:#FFF}
#wpr h4.formError {background-color:#CC0000; padding:4px; color:#FFF}
#wpr input.formError {background-color:#CC0000; color:#FFF}
#wpr .wpr_preis {}
#wpr #Wartungspreis-Angebot {display:none}
#wpr .kontaktformular > div {min-height:26px}
#wpr .kontaktformular label, #wpr .kontaktformular span {padding-top:4px}
#wpr .kontaktformular span {padding-left:6px}
#wpr textarea {width:300px; height:100px}
}

@media print
{
  .hidePrint {display:none}
}

#icon-menu, #icon-search, #searchResponsive, #kontaktResponsive, #customLeftResponsive, #logo-responsive {display:none}
#logo-non-responsive {display:block}

html.mobile body.localBody {overflow-y:scroll!important; -webkit-overflow-scrolling:touch !important}
html.mobile body.localBody iframe {overflow:hidden!important; -webkit-overflow-scrolling:touch !important}
html.mobile #myBodyLocal {-webkit-overflow-scrolling:touch !important}
html.mobile.outerHtmlIframe {overflow-y:hidden!important}
.show-responsive {display:none}