/* 1328576235.4 */

/***********************************************
* Cascading Style Sheet Definitions
* 
* Contenido 4.8.8
* Mandant Höhne Wärmesysteme
*
* Author      :     Lennart Brand
* Copyright   :     mosaik | individual service
* Mail        :     info@mosaik-is.de
* Created     :     06-11-2008
*
************************************************/


* {
  font-family:Arial, Tahoma, Verdana, sans-serif;
  color:#000000;
  margin:0;
  padding:0;
}

html, body {
  height:95%;
}

html {
  font-size:100%;
}

/*****************************************************************************/
/********************************* STRUCTURE *********************************/
/*****************************************************************************/

/********************************* CONTAINER *********************************/

#outerwrap { /* centers whole content in browser */
  margin:0 auto;
  width:930px;
}

#innerwrap { /* creates frame around content */
  width:928px;
  border:1px solid #DF001A;
  background-image:url('../images/navigation.png');
  background-position:left bottom;
  background-repeat:no-repeat;
  position:relative;
  top:10px;
}

#title {
  width:928px;
  height:135px;
  background-image:url('../images/title.png');
  background-position:left top;
  background-repeat:no-repeat;
}

.maintitle {
  float:left;
  color:#df001a;
  font-size:18pt;
  letter-spacing:3.7pt;
  line-height:18pt;
  font-weight:bold;
  position:absolute;
  left:310px;
  top:30px;
}

.subtitle {
  float:left;
  color:#00519e;
  font-style:italic;
  font-weight:normal;
  font-size:12pt;
  font-weight:bold;
  letter-spacing:0.1pt;
  position:absolute;
  left:310px;
  top:80px;
}

#breadcrumbs {
  float:left;
  font-size:9pt;
  position:absolute;
  top:115px;
  left:75px;
}

#navigation {
  float:left;
  width:195px;
  padding:10px 10px 180px;
}

#search {
  width:195px;
  margin-top:10px;
}

#content {
  float:right;
  width:670px;
  padding:10px 15px 20px;
  border-left:1px solid #DF001A;
}

#footer {
  clear: both;
  text-align:center;
  padding-top:4px;
  font-size:9pt;
  width:928px;
  height:20px;
  border-top:1px solid #DF001A;
  border-bottom:1px solid #DF001A;
  background-image:url('../images/footer.png');
  background-position:right center;
  background-repeat:no-repeat;
  background-color:#ffffff;
}

#addnavi { /* adds barrierfree and print navigation below title */
  float:right;
  position:absolute;
  top:115px;
  right:0px;
}

#bfnavi, #pdf {
  float:left;
  font-size:9pt;
  margin:0 15px 0 0;
}

#copyright {
  width:928px;
  text-align:center;
}

#copyright strong {
  color:#bbbbbb;
  font-size:7pt;
  font-weight:normal;
}

/********************************* MAIN NAVIGATION *********************************/

#navigation ul, #footer ul, #breadcrumbs ul {
  list-style-type:none;
  color:#DF001A;
}

#navigation li {
  font-size:11pt;
  border-top:1px solid #DF001A;
}

ul.mainNavigation {
  border-bottom:1px solid #DF001A;
}

#navigation h3 {
  color:#fdc400;
  letter-spacing:2.5pt;
  font-size:11pt;
  height:22px;
  margin:5px 0 0;
  padding:0 0 0 5px;
}

#navigation a {
  font-size:10pt;
  display:block;
  padding-top:8px;
  height:22px;
  text-decoration:none;
  color:#00407c;
  font-weight:bold;
}

a.mainNavigation:hover {
  background-color:#FFF3CC;
  color:#ff0000;
}

a.subNavigation:hover {
  background-color:#FCE9CC;
  color:#ff0000;
}

a.subSubNavigation:hover {
  background-color:#FDECDD;
  color:#ff0000;
}

a.mainNavigation {
  width:190px;
  padding-left:5px;
}

a.subNavigation {
  padding-left:15px;
  width:180px;
  background-image:url('../images/sitemaplist.png');
  background-repeat:no-repeat;
  background-position:4px 12px;
}

a.subSubNavigation {
  padding-left:25px;
  width:170px;
  background-image:url('../images/sitemaplist.png');
  background-repeat:no-repeat;
  background-position:14px 12px;
}

/********************************* SEARCH INPUT *********************************/

#searchterm {
  font-size:100%;
  font-style:italic;  
  width:170px;
  border:1px solid #DF001A;
	color:#DF001A;
}

#search_send {
  width:16px;
  height:16px;
}

/********************************* SEARCH OUTPUT *********************************/

ul.searchResultItem {
  list-style-type:none;
  margin-bottom:20px;
}

li.searchResultHeader {
  font-weight:bold;
}

li.searchResultLink {
  font-size:80%;
}

li.searchResultEntry {
  margin:5px 0 5px 15pt;
}

p.result {
  text-align:center;
  margin-bottom:10px;
}

.searchResultItem strong {
  font-style:italic;
  font-weight:bold;
  color:#DF001A;
}

.result strong {
  font-weight:bold;
}

/********************************* FOOTER NAVIGATION *********************************/

#footer li {
  display:inline;
  color:#DF001A;
  padding:0;
  margin:0;
}

#footer a {
  padding:0 3px;
  text-decoration:none;
  color:#DF001A;
}

#footer a:hover {
  color:#ff0000;
  text-decoration:underline;
}

/********************************* BREADCRUMBS *********************************/

#breadcrumbs h3 {
  font-size:9pt;
  display:inline;
  color:#fdc400;
}

#breadcrumbs ul {
  display:inline;
}

#breadcrumbs li {
  display:inline;
  padding:0;
  margin:0;
}

#breadcrumbs a, #breadcrumbs a:active, #breadcrumbs a:visited {
  font-size:9pt;
  padding:0 3px;
  text-decoration:none;
  color:#DF001A;
}

#breadcrumbs a:hover {
  color:#ff0000;
  text-decoration:underline;
}

/********************************* BARRIERFREE & PRINT *********************************/

#bfnavi h3, #pdf h3 {
  font-size:9pt;
  display:inline;
  color:#DF001A;
}

#bfnavi ul, #pdf ul {
  display:inline;
}

#bfnavi li, #pdf li {
  display:inline;
  padding:0;
  margin:0 5px;
}

#bfnavi img, #pdf img {
  border:none;
  vertical-align:bottom;
  height:16px;
  width:16px;
}

/********************************* SITEMAP *********************************/

#sitemap, #sitemap ul {
  list-style-type:none;
  list-style-image:url('../images/none.png');
  margin-bottom:1.0em;
  color:#DF001A;
}

#sitemap li {
  margin:2px 0;
}

#sitemap a{
  font-size:100%;
  display:block;
  padding-top:0.4em;
  height:1.5em;
  text-decoration:none;
  color:#DF001A;
}

#sitemap a:hover {
  color:#ff0000;
  text-decoration:underline;
}

.level1 a {
  padding-left:50px;
  width:545px;
  background-color:#FFDDAA;
}

.level2 a {
  margin-left:20px;
  padding-left:90px;
  width:465px;
  background-image:url('../images/sitemaplist.png');
  background-repeat:no-repeat;
  background-position:55px 12px;
  background-color:#FCE9CC;
}

.level3 a {
  margin-left:40px;
  padding-left:130px;
  width:385px;
  background-image:url('../images/sitemaplist.png');
  background-repeat:no-repeat;
  background-position:75px 12px;
  background-color:#FDECDD;
}


/********************************* CONTENT STYLE *********************************/

/**************** HEADLINES, PARAGRAPHS & LINKS ****************/

h1 {
  color:#DF001A;
  letter-spacing:0.1em;
  font-size:120%;
  margin:0 0 1.0em;
  padding:0;
}

h2 {
  color:#00407c;
  font-size:80%;
  font-weight:bold;
  margin:0 0 0.75em;
  padding:0;
}

h3 {
  color:#DF001A;
  font-size:100%;
  font-weight:normal;
  margin:0 0 0.75em;
  padding:0;
}

p, strong, address {
  line-height:1.3em;
  font-weight:normal;
  text-align:justify;
  margin:0;
  padding:0;
}

a {
  color:#DF001A;
  text-decoration:underline;
}

a:hover {
  text-decoration:none;
}

a.externerlink:before {
  content:url(../images/linkextern.png)" ";
}


/**************** TABLES ****************/

table {
  border:1px solid #DF001A;
  border-collapse:collapse; 
  border-spacing:0;
}

table.form {
  border:1px solid #ffffff;
}

td, th {
  padding:5px;
  border:1px solid #DF001A;
}

td.form, th.form {
  padding:5px;
  border:1px solid #ffffff;
}

/**************** LISTS (OL & UL) ****************/

.textItem ul {
  list-style-position:outside;
  list-style-type:none;
  padding:0;
  margin:0;
}

.textItem ul li {
  background-image:url('../images/contentlist1.png');
  background-position:left 0.7em;
  background-repeat:no-repeat;
  padding-left:20px;
  margin:0;
}

.textItem ul ul li {
  background-image:url('../images/contentlist2.png');
}

.textItem ul ul ul li {
  background-image:url('../images/contentlist3.png');
}

.textItem li {
  line-height:1.75em;
  text-align:justify;
}

.textItem ol {
  list-style-position:inside;
  margin:0;
  padding:0;
}

.textItem ol ol, .textItem ol ol ol {
  margin-left:1.2em;
}

/**************** CONTACT FORM ****************/

/* see files: xtcDynForm/css/....css */

/**************** ARTICLE LIST ****************/

#artikelliste {
  border-width:0 1px 1px;
  border-color:#DF001A;
  border-style:solid;
  margin-top:10px;
  font-size:80%;
}

.artikellisteneintrag {
  padding:10px 5px 0;
  margin-bottom:10px;
  border-top:1px solid #DF001A;
}

.artikellistenlink a {
  font-size:80%;
  background: url(../images/contentlist3.png) no-repeat left;
  padding-left:10px;
}

.artikellistentext {
  margin:0 0 5px 15px;
}

/**************** SPECIAL FORMATS ****************/

.bildlinks {
  float:left;
  margin-right:1.0em;
}

.bildrechts {
  float:right;
  margin-left:1.0em;
}

.fetteschrift {
  font-weight:bold;
}

blockquote {
  padding:5px 10px 5px 35px;
  margin:0 0 1.0em;
  border:1px dashed #DF001A;
  background-image:url('../images/quotes.png');
  background-position:left top;
  background-repeat:no-repeat;
}

cite, acronym, abbr {
  border-bottom:1px dashed #DF001A;
  cursor:help;
}

cite {
  font-size:0.8em;
  font-style:italic;
}

hr {
  margin:0 auto;
  color:#000000;
}

pre {
  padding-left:30px;
  font-family:'Courier New', Courier, serif;
}



/********************************* Ab hier BreNet Formuar-Code *********************************/

/* CSS File for Dagon Design Formmailer Script */
/* http://www.dagondesign.com */

/* COLOR/BORDERS CSS */

form.ddfm h1,
form.ddfm h2 {
	color: #606060;
}

form.ddfm legend, 
form.ddfm label, 
form.ddfm label.fmtextlblwide {
	color: #606060;
}

form.ddfm .fmcheck p, 
form.ddfm .fmradio p,
form.ddfm textarea, 
form.ddfm .fmfullblock, 
form.ddfm .fmhalfblock, 
form.ddfm .fmselect, 
form.ddfm input.fmtext,
form.ddfm input.fmdate,
form.ddfm input.fmverify,
form.ddfm textarea.fmtextwide,
form.ddfm .submit,
form.ddfm .credits {
	color: #404040;
}

form.ddfm .required {
	color: #FF0000;
}

.ddfmerrors {
	color: #FF0000;
}

/* TEXT CSS */

.ddfmwrap {
	font-size: 90%;
	font-family: Arial, Helvetica, sans-serif;
}

form.ddfm h1,
form.ddfm h2 {
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	margin: 0 0 10px 0;
	padding: 0;
}


form.ddfm h1 {
	font-size: 140%;
}

form.ddfm h2 {
	font-size: 115%;
}

form.ddfm legend, 
form.ddfm label, 
form.ddfm label.fmtextlblwide {
	font-size: 100%;
	font-weight: normal;
}

form.ddfm .credits {
	font-size: 90%;
}

form.ddfm legend {
	font-size: 110%;
}

.ddfmerrors {
	font-weight: bold;
}




/* STRUCTURE CSS */

.ddfmwrap {
	margin: 15px auto 15px auto;
	width: 670px;
}

.ddfmwrap p.fieldwrap {
	padding: 1px;
	margin: 1px;
	clear: left;
}

form.ddfm {
	text-align: left;
	padding: 10px;
	width: 655px; 
}

form.ddfm fieldset {
	padding: 0 10px 2px 10px;
	margin: 0 0 13px 0;
	display: block;
}

form.ddfm legend {
	padding: 0 6px 0 6px;
	margin: 0 0 0 10px;	 
}

form.ddfm label {
	display: block; 
	float: left; 
	width: 30%; 
	text-align: left;
	margin: 0 10px 0 0; 
	padding-bottom: 15px;
	clear: left;  
}

form.ddfm label.fmtextlblwide {
	display: block;  
	float: left; 
	text-align: left;
	margin: 0 10px 0 1px; 
	padding-bottom: 8px; 
	width: 100%;
}

form.ddfm select.fmselect {
	float: left; 
	display: block;
	width: 65%; 
	margin-bottom: 15px;  
	padding: 3px; 
}

form.ddfm .fmcheck {
	width: 65%; 
	float: left;
	display: block;  
	margin-bottom: 15px;
}

form.ddfm .fmchecklabel {
	display: inline; 
	float: none; 
	clear: none; 
	text-align: left; 
	margin: 0; 
	padding: 0;
}

form.ddfm .fmradio {
	width: 65%;
	float: left;
	display: block;
	margin-bottom: 15px;
}

form.ddfm .fmradiolabel {
	display: inline; 
	float: none; 
	clear: none; 
	text-align: left; 
	margin: 0; 
	padding: 0;
}

form.ddfm .fmcheck p {
	padding: 0;
	margin: 0 0 5px 0;
	line-height: 140%;
}

form.ddfm .fmradio p {
	padding: 0;
	margin: 0 0 5px 0;
	line-height: 140%;
}

form.ddfm textarea {
	float: left; 
	position: relative;
	width: 65%;
	margin-bottom: 15px;
	padding: 3px;
}


/*
	display: block; 
	float: left; 
	width: 26%; 
	text-align: right;
	margin: 0 10px 0 0; 
	padding-bottom: 15px;
	clear: left;  */

form.ddfm .fmfullblock {
	padding-left: 0px;
	float: left; 
	width: 100%;
	margin-bottom: 13px;
	display: block;
}

form.ddfm .fmhalfblock {
	width: 65%;
	padding-left: 29%;
	margin-bottom: 13px;
	float: left; 
	display: block;
}

form.ddfm input.fmverify {
	float: left; 
	width: 22%;
	margin-bottom: 15px; 
	padding: 3px;
	position: relative;
	display: block;
}

form.ddfm img {
	margin: 1px 0 0 10px; 
    float: left;
}

form.ddfm input.fmfile,
form.ddfm input.fmtext {
	float: left; 
	display: block;
	width: 35%;
	margin-bottom: 15px;  
	padding: 3px;
}

form.ddfm input.fmdate {
	float: left; 
	display: block;
	width: 35%;
	margin-bottom: 15px;  
	padding: 3px;
}

form.ddfm textarea.fmtextwide {
	display: block;
	float: left;
	width: 93%;
	margin-right: 2px;
	margin-bottom: 15px; 
	padding: 3px;
}

form.ddfm .credits {
	text-align: right;
	margin-top: 7px;
	width: 97%;
}

form.ddfm .submit {
	text-align: right;
	clear: both; 
	width: 97%;
}

.ddfmwrap .ddfmerrors {
	display: block; 
	float: left; 
	width: 10%; 
	text-align: right;
	margin: 0 10px 0 0; 
	padding-bottom: 15px;
}

.ddfmwrap .errorlist {
	float: left; 
	display: block;
	width: 65%;
	margin-bottom: 15px;  
	padding: 3px;
	text-align: left;
}

.ddfmwrap .recaptcha {
	width: 100%;
	text-align: right;
	clear: both; 
	height: 120px;
	margin-right: 7px;
	padding-bottom: 10px;
}

.ddfmwrap .recaptcha-inner {
	float: right;
	margin-right: 3px;
}


/* DATE SELECTION */

/* the div that holds the date picker calendar */
.dpDiv {
	}


/* the table (within the div) that holds the date picker calendar */
.dpTable {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #404040;
	background-color: #F4F4F4;
	border: 1px solid #999999;
	}


/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
	}


/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
	}


/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
	}


/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
	}


/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	border: 1px solid #ece9d8;
	}


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	}


/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered 
over) */
.dpTDHover {
	background-color: #888888;
	border: 1px solid #888888;
	cursor: pointer;
	color: #000000;
	}


/* the table cell that holds the name of the month and the year */
.dpTitleTD {
	}


/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
	}


/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
	}


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	background-color: #C0C0C0;
	border: 1px solid #AAAAAA;
	color: white;
	}


/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 12px;
	color: #555555;
	font-weight: bold;
	}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
	color: #666666;
	font-weight: bold;
	}


/* the forward/backward buttons at the top */
.dpButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #DDDDDD;
	font-weight: bold;
	padding: 0px;
	}


/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #DDDDDD;
	font-weight: bold;
	}