/* CSS Document */
/* Bartl Wärmepumpen - Spanien - 2009-04-18 by Ralf Leichtle */


/***************************************************************/
/*            body und Schrift definitionen                    */
/***************************************************************/

body {
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;	font-size: 11px; color: #666666; padding: 0; margin: 0;	background-color:#E8E8E8;
	scrollbar-DarkShadow-Color: #999999;
	scrollbar-Track-Color: #E8E8E8;
	scrollbar-Face-Color: #E8E8E8;
	scrollbar-Shadow-Color: #E8BC0E;
	scrollbar-Highlight-Color: #FFFFFF;
	scrollbar-3dLight-Color: #999999;
	scrollbar-Arrow-Color: #999999
	}


/***************************************************************/
/*            Tabellen-Grundformatierung                       */
/***************************************************************/

td, table, tr { font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; font-size: 11px; color: #666666; text-decoration: none; list-style-position: outside; list-style-image: url("http://www.bartlwp.de/image/punkt.gif")}


/***************************************************************/
/*            Testeinträge                                     */
/***************************************************************/

.dotline { padding-top: 1px; border-bottom: #999 1px dotted }
.content { padding-right: 30px; padding-left: 20px; padding-bottom: 8px; padding-top: 3px }
.inset { padding-right: 20px; padding-left: 20px; margin-left: 20px; margin-right: 20px }
.basefont {	font-size: 11px; line-height: 140% }
.basefont a { color: #666666; text-decoration: underline }
.basefont a:hover { color: #E8BC0E; text-decoration: none }
.basefont H1 { padding-right: 0px; display: block; padding-left: 0px; font-weight: bold; font-size: 16px; padding-bottom: 5px; margin: 0px 0px 5px; color: #333333; line-height: 24px; padding-top: 15px }
.basefont H2 { padding-right: 0px; display: block; padding-left: 0px; font-weight: bold; font-size: 14px; padding-bottom: 3px; margin: 0px 0px 3px; color: #333333; line-height: 14px; padding-top: 0px }
.sitemap a { line-height:140%; color: #666666; text-decoration:none }
.sitemap a:hover { color:#E8BC0E; text-decoration:none }


/***************************************************************/
/*            Textfarben                                       */
/***************************************************************/

.rot { color: #F01313; text-decoration: none } 
.grau { color: #666666 }
.green { color: #4AA698 }
.gelb { color: #FDFD03 }


/***************************************************************/
/*            Formularfelder                                   */
/***************************************************************/

.kform {  color: #666666; width: 150px; height: 17px; font-size: 10px; background-color: #FFFFFF; border-left: 1px solid #999999; border-bottom: 1px solid #999999; border-right: 1px solid #999999; border-top: 1px solid #999999 }
.button {  color: #666666; width: 100px; height: 17px; font-size: 10px; background-color: #FFFFFF; border-left: 1px solid #999999; border-bottom: 1px solid #999999; border-right: 1px solid #999999; border-top: 1px solid #999999 }
.checkbox {  color: #666666; width: 15px; height: 15px; background-color: #FFFFFF; }


/***************************************************************/
/*            Navigation                                       */
/***************************************************************/

.navi-h { font-size: 10px; line-height: 17px; color: #000000 }
.navi-h a { font-size: 10px; color: #000000; text-decoration: none }
.navi-h a:hover { font-size: 10px; color: #000000; text-decoration: underline }

.navi {	font-size: 11px; color: #6C6C6C }
.navi a { font-size: 11px; color: #6C6C6C; text-decoration: none }
.navi a:hover { font-size: 11px; color: #6C6C6C; text-decoration: underline }

.subnavi-h { font-size: 10px; color: #E8BC0E; background-color: #6C6C6C }

/* ALT - kann alles ersetzt werden!! */
.subnavi { padding-right: 0px; padding-left: 0px; padding-bottom: 0px; padding-top: 0px; margin: 0px; font-size: 10px; color: #333333 }
.subnavi a { padding-top: 4px; padding-right: 0px; padding-bottom: 4px; padding-left: 4px; border-top: #FFFFFF 2px solid; display: block;  color: #333333; background-color: #AEABAB; text-decoration: none }
.subnavi a:hover { border-top: #FFFFFF 2px solid; color: #333333; background-color: #E8BC0E }
/* ALT - bis einschließlich hier */


/**** left submenue ****/

#subnavi {
/* width: 165px ! important; */
padding: 0px;
margin: 0px;
font-size: 10px;
color: #333333;
}

#subnavi a {
padding: 4px 0px 4px 4px;
border-top: #FFFFFF 2px solid;
display: block;
color: #333333;
background-color: #AEABAB;
text-decoration: none;
}

#subnavi a.sn:hover, #subnavi a.snaktive {
border-top: #FFFFFF 2px solid;
color: #333333;
background-color: #E8BC0E;
}


/***************************************************************/
/*            Tabellenformatierung für "ruler"                 */
/***************************************************************/

table thead th {
	padding: 0 0.2em 0 0.2em;
	text-align: left;
}

table thead th span {
	padding: 0 0.2em;
	font-size: 11px;
	font-weight: bold;
	position: relative;
	bottom: 0.7em;
	background: #fff;
	white-space: nowrap;
}

/* settings for both types of table */
table.colored tr.colorlight, 
table.ruler tr.colorlight { background: #fff; border-top: 0px; }  

table.colored tr.colordark,
table.ruler tr.colordark,
.darker { background: #e8ebf0; border-top: 0px; }   /* #e8ebf0 */

table.colored tbody td,
table.ruler tbody td { padding: 0.3em; text-align: center; }

/* data tables with ruler */
table.ruler { border-collapse: collapse; border: 1px solid #357; margin-bottom: 1em; } 
table.ruler td { border-left: 1px solid #357; border-right: 1px solid #357; } 
table.ruler th { border-left: 1px solid #357; border-right: 1px solid #357; } 
table.ruler tr { border-top: 1px solid #357; }
table tbody tr.selected,
table.ruler tr.ruled { background: #C9D3DE; border-top: 0px; } 

alternating colored tables
table.colored { border-collapse: collapse; border: 1px solid #357; margin-bottom: 1em; } 
table.colored tr { border-top: 1px solid #357;}


/***************************************************************/
/*            Sonstiges                                        */
/***************************************************************/

.copy   { font-size: 9px; color: #6C6C6C }
.copy a { font-size: 9px; color: #6C6C6C; text-decoration: none }
.copy a:hover { color: #E8BC0E; text-decoration: underline }

.fsize14 {font-size:14px }
.about  { font-weight: bold; line-height: 14px; color: #666666 }
.about1 { font-size: 10px; line-height: 17px; color: #000000 }
.big	{ font-size: 15px; color: #666666 }	
.news   { font-weight: bold; color: #666666 }
.warnung { color: #cc0000; font-weight: bold }
.ueberschrift1 { font-size: 12px; font-weight: bold; color: #F01313 }
  /* Grün #425329 oder Blau #3777BC oder Rot #F01313 */

#image {
  float: left;
  background-color: #ff99CC;
  overflow: auto;
  margin-right: 5px;
}

#inhalt {
  float: left;
  background-color: #fff;
  margin:0px 0px 50px 0px;
  overflow: auto;
}


/***************************************************************/
/*            Lightbox v2.0.4                                  */
/***************************************************************/

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../image/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../image/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }