/* CSS Document */
body { font: 12px/18px Arial, Verdana, Helvetica, sans-serif; color:#333; background-color: #fff; background-image: url(/en/styles/body_bg.gif); background-repeat: repeat-x; background-position: left top; text-align: center; margin: 0; padding: 0; }

/* Typo 
------------------------------------------------------------------*/
/* Headlines */
h1 { font-weight: normal; font-size: 18px; line-height: 28px; margin-bottom: 10px; background-image: url(/en/styles/kasten.gif); background-repeat: no-repeat; background-position: left center; text-indent: 30px; }
h2 { color: #bb2d21; font-size: 16px; font-weight: normal; text-indent: 25px; margin: 0 0 20px; padding-bottom: 5px; border-bottom: 1px solid #ccc; ;border-top-style: none; border-right-style: none; border-left-style: none; }
h3 { color: #bb2d21; font-weight: normal; font-size: 16px; line-height: 18px; margin-bottom: 5px; }
h4 { color: #bb2d21; font-weight: normal; font-size: 13px; line-height: 18px; margin-bottom: 5px; }
h5 { font-weight: bold; font-size: 13px; line-height: 18px; margin-bottom: 5px; }

/* Tabelle */
#content .left table { background-color: #ccc; }
#content .left td { background-color: #fff; padding: 4px; }

/* Links und Listen*/
#content .left ul { list-style-type: square; margin: 1em 0; padding: 0 0 0 25px; list-style-position: outside; }
#content .left li { line-height: 18px; }
#content .left2 li a { color: #f2b114; text-decoration: none; }
#content .left2 li a:hover { color: #f2b114; text-decoration: underline; }
#content .left2 li a:visited { color: #f2b114; text-decoration: none; }
A.headlinelink:link{text-decoration:none; color : #ff6600; font-weight:bold;  }
A.headlinelink:visited {text-decoration:none; color : #ff6600; font-weight:bold;   }
A.headlinelink:hover {text-decoration:none; color : #bb2d21; font-weight:bold;  }
A.headlinelink:active {text-decoration:none; color : #ff6600; font-weight:bold; }
a:link { color: #000 ; text-decoration: underline; list-style-type: none; }
a:visited { color: #000 }
a:hover { color: #bb2d21 ; text-decoration: none; }
a:active { color: #000 ; text-decoration: none; }

/* Hoch-Tiefgestellt*/
sup { font-size: 10px; line-height: 12px }
sub { font-size: 10px; line-height: 12px }

/* Text*/
#content .left p { line-height: 18px; }
.fett { color: #f2b114; font-weight: normal; }
.editmode{color: red; margin:0.2em; font-size: 1.0em;}
.textarea{color:#999; font-size: 13px; font-family: Arial, Helvetica, SunSans-Regular, sans-serif; }
.datum{color: #6A6B6C;font-size:1.0em; font-weight: bold;}
.error{color: red;font-size:1.2em; font-weight: bold;}

/* Layout
------------------------------------------------------------------*/
/* Sprachauswahl */
#sprachbox { background-image: url(/en/styles/header1_bg.gif); background-repeat: no-repeat; background-position: left top; text-align: left; width: 900px; height: 30px; margin: 10px auto 0; }
#sprachbox .left { width:340px; float: left; padding:5px 0 0 40px; }
#sprachbox .right { text-align:right; float: right; padding:5px 40px 0 0; }

/* Container */
#container { background-image: url(/en/styles/container_bg.gif); background-repeat: repeat-y; background-attachment: scroll; background-position: left top; margin:0 auto 0; text-align:left; width: 900px; height: auto; }

/* Logo Header */
#header { width: 900px; height: 130px; }
#container #header .left { padding: 15px 0 0 40px; width: 340px; float: left; }
#container #header .right { padding: 25px 40px 0 0; float: right; }

/* Menue Container */
#menue { width: 900px; height: 42px; }
#container #menue .left { padding: 10px 0 0 40px; width: 822px; height: 40px; float: left; }

/* Image Header */
#header_allgemein { width: 820px; height: 220px; margin: 10px 0 10px 40px; background-image: url(/en/styles/header_allgemein.gif); background-repeat: no-repeat; background-position: left top; }
#header_abluftreinigung { width: 820px; height: 220px; margin: 10px 0 10px 40px; background-image: url(/en/styles/header_abluft.gif); background-repeat: no-repeat; background-position: left top; }
#header_referenzen { width: 820px; height: 220px; margin: 10px 0 10px 40px; background-image: url(/en/styles/header_referenzen.gif); background-repeat: no-repeat; background-position: left top; }
#header_service { width: 820px; height: 220px; margin: 10px 0 10px 40px; background-image: url(/en/styles/header_service.gif); background-repeat: no-repeat; background-position: left top; }
#header_verbrennung { width: 820px; height: 220px; margin: 10px 0 10px 40px; background-image: url(/en/styles/header_verbrennung.gif); background-repeat: no-repeat; background-position: left top; }
#header_waermenutzung { width: 820px; height: 220px; margin: 10px 0 10px 40px; background-image: url(/en/styles/header_waerme.gif); background-repeat: no-repeat; background-position: left top; }
#header_windpower { width: 820px; height: 220px; margin: 10px 0 10px 40px; background-image: url(/en/styles/header_wind.gif); background-repeat: no-repeat; background-position: left top; }
#header_integ_systeme{ width: 820px; height: 220px; margin: 10px 0 10px 40px; background-image: url(/en/styles/header_integ_systeme.gif); background-repeat: no-repeat; background-position: left top; }

/* Content */
#content { width:900px; height: auto; margin: 0; display: block; }
#content .left { width: 550px; height: auto; float: left; padding: 0 20px 20px 40px;; border-right: 1px solid #ccc; }
#content .left2 { padding: 0 0 20px 40px; width: 820px; height: auto; float: left; }
#content .right { padding: 0 40px 0 0; width: 220px; height: auto; float: right; }
#content .right2 { padding: 0 40px 0 0; width: 220px; height: auto; float: right; }
#content .right img { margin-top: 30px; margin-left: 10px; }
#content .right2 img { margin-right: 5px; }

/* Content Footer */
#contentfooter { background-image: url(/en/styles/footer_bg.gif); background-repeat: no-repeat; background-position: left top; text-align: left; width: 900px; height: 20px; clear: both; margin: 0 auto; }

/* Referenzen Box */
#referenzenbox { background-image: url(/en/styles/referenzfooter_bg.gif); background-repeat: no-repeat; background-position: left top; text-align: left; margin: 10px auto 0; width: 900px; height: 150px; clear: both; }
#referenzenbox .left { text-align: left; padding: 10px 0 0 40px; width: 820px; float: left; }
#referenzenbox img { margin-right: 5px; margin-bottom: 5px; }

/* Download Box */
#downloadbox { background-image: url(/en/styles/referenzfooter2_bg.gif); background-repeat: no-repeat; background-position: left top; text-align: left; margin: 10px auto 0; width: 900px; height: 150px; clear: both; }
#downloadbox .left { text-align: left; padding: 10px 0 0 40px; width: 390px; float: left; }
#downloadbox .right { text-align: left; width: 370px; padding: 10px 40px 0 0; float: right; }
#downloadbox ul { margin: 0; padding: 0; }
#downloadbox li { color: black; text-decoration: none; background-image: url(/en/styles/pdficon_small.gif); background-repeat: no-repeat; background-position: left center; text-indent: 30px; margin: 0; padding: 3px 0; list-style-type: none; display: block; }
#downloadbox li a { color: black; text-decoration: none;  display: block; }
#downloadbox li a:visited { color: black; text-decoration: none; }
#downloadbox li a:hover { text-decoration: underline; }

/* Adress Box */
#adressbox { background-image: url(/en/styles/adress_footer_bg.gif); background-repeat: no-repeat; background-position: left top; text-align: left; margin: 10px auto; width: 900px; height: 70px; clear: both; }
#adressbox .left { padding: 10px 0 0 40px; width: 410px; float: left; }
#adressbox .right { text-align: right; padding: 10px 40px 0 0; float: right; }
#adressbox .right li { color: black; text-decoration: none;}
#adressbox li a { color: black; text-decoration: none; }
#adressbox li a:visited { color: black; text-decoration: none; }
#adressbox li a:hover { color: #f2b114; text-decoration: none; }

/* Legal Notice Box */
#footer { text-align: left; margin: 10px auto; width: 900px; height: 30px; clear: both; }
#footer .left { padding: 10px 0 0 40px; width: 410px; float: left; }
#footer .right { text-align: right; padding: 10px 40px 0 0; float: right; }

/* Aktuelles Image */
.imageRight { float: right; margin-left: 1em; margin-bottom: 1em; border: solid 1px #f2b114; }
.imageLeft { float: left; margin-right: 1em; margin-bottom: 1em; margin-top: 1em; border: solid 1px #f2b114; }

.contentBox, .contentBoxBorder{   clear: both; display: block; margin: 0em 0em 0em 0em ! important; padding: 0.1em 0em 0.1em 0em ! important; }
.contentBoxBorder { margin: 0em 0em 0em 0em ! important;  padding: 0.3em 0em 0.3em 0em ! important; border-bottom: 0.1em dashed #B7B7B7; }