/*box1, box2 = Standardboxen, box3 = Standardbox für Vorher-Nachher Bilder */
.boxWrapper{
    border:0px solid #f00;
	width:600px;
	padding:0px 20px 0px 20px;  
	margin:0px 0 0px 0;
	float:left; 
    }
	
html>body .box1, html>body .box2, html>body .box3{
    float:left;
	margin:0px 0px 0px 0px; 
	padding:0px  0px 0px 20px; 
	}
html>body .box4, html>body .box5, html>body .box6{
    float:left;
	margin:0px 0px -0px 0px; 
	padding:0px  0px 0px 20px; 
	}
* html .box1, * html .box2, * html .box3{
    float:left;
	margin:0px 0px 0px 0px; 
	padding:0px 0px 0px 20px; 
	}	
	
* html .box4, * html .box5, * html .box6{
    float:left;
	margin:0px 0px 0px 0px; 
	padding:0px 0px 0px 20px;
	}	
		
	
html>body .box1 .line, html>body .box2 .line, html>body .box3 .line{
    background-image:url(../bg/linieBlau.jpg);background-repeat:repeat-x;
	height:1px; 
	width:550px;
    border:0px solid #aaf;
	margin:-8px 0 -5px 0;
	}
	
* html .box1 .line, * html .box2 .line, * html .box3 .line{
    background-image:url(../bg/linieBlau.jpg);background-repeat:repeat-x;
	height:1px; 
	width:550px;
    border:0px solid #aaf;
	margin:-18px 0 -23px 0;
	}
	
/*Artikelüberschrift*/
.box1 h2, .box2 h2, .box3 h2{
    padding-top:0px;
    font-weight:normal; 
	font-size:22px;
	font-family:serif;
	color:#112b70;
	}
/*Artikeltext*/	
.box1 .absatz, .box2 .absatz, .box3 .absatz{
    font-size:12px; 
	font-family:Arial, Helvetica, sans-serif;
	
	}
/*Artikeltext*/	
.box3 .absatz{
    padding-top:0px;
	}
.absatzBlidMittig{
    float:left;
    padding:0px 0 0 0;
	border:0px solid #00f;
    }
	
/* Schattencontainer*/	
.box1 .freeCont, .box2 .freeCont, .box3 .freeCont, .box3 .freeContrechts, 
.box4 .freeCont, .box5 .freeCont, .box6 .freeCont, .box6 .freeContrechts {
   	padding:0px; 
	}
	
	/*   Und schliesslich das png fuer den IE (nur IE kann * html )*/		
* html .freeCont,* html .freeContrechts{
				filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.bdb-dachbau.de/themes/theme1/bg/schatten_gimp.png', sizingMethod='scale');	
			}	
	
	/* Dann das png fuer Gecko und Opera (IE kann body> nicht)*/				
html > body .freeCont, html > body .freeContrechts
			{			
			background-image: url(../../theme1/bg/schatten_gimp.png);background-repeat:no-repeat; 
	background-position:bottom right;
	
			}
	
/* Schattencontainer*/		
html > body  .box1 .freeCont, html > body  .box4 .freeCont {
    margin:10px 0px 0px 0px;
    float:right;
	text-align:center;
	}
	
* html .box1 .freeCont, * html .box4 .freeCont {
    margin:30px 0px 10px 0px;
    float:right;
	text-align:center;
	}
	
/* Schattencontainer*/	
html > body  .box2 .freeCont, html > body  .box5 .freeCont{
    float:left;
	margin:10px 10px 0px 8px;
	}
	
* html .box2 .freeCont, * html .box5 .freeCont{
    float:left;
	margin:10px 10px 10px 8px;
	}
/* Schattencontainer*/	
* html .box3 .freeCont, * html .box3 .freeContrechts,
* html .box6 .freeCont, * html .box6 .freeContrechts{
    float:left;
	margin:20px 0px 10px 10px;
	}
/* Schattencontainer*/		
html > body  .box3 .freeCont, html > body .box3 .freeContrechts,
html > body  .box6 .freeCont, html > body .box6 .freeContrechts{
    float:left;
	margin:20px 0px 10px 20px;
	}
/* Bild im Schattencontainer*/
.box1 .freeCont img, .box2 .freeCont img, .box4 .freeCont img, .box5 .freeCont img{
   display:block;
   border:5px solid #fff; 
   position:relative;
   top:-8px; 
   left:-8px;
   cursor:pointer;
}
/* Bild im Schattencontainer*/
.box3 .freeCont img,  .box3 .freeContrechts img, .box6 .freeCont img,  .box6 .freeContrechts img{
   display:block;
   border:5px solid #fff; 
   position:relative;
   top:-8px; 
   left:-8px;
   cursor:pointer;
}

/*---------------BEGINN BILD UNTERSCHRIFTEN------------------*/

.box1 .untertitel, .box2 .untertitel,.box4 .untertitel, .box5 .untertitel {
   border:0px solid blue; 
   float:left;
  
   font-size:11px;
   line-height:normal;
   padding:0 8px 8px 8px;
   background-color:transparent;
   text-align:left;
   }	


* html .box1 .untertitel,* html .box4 .untertitel{
   margin:-7px 0 0 4px;
   }	
   
* html body .box2 .untertitel,* html body .box5 .untertitel{
   margin:-7px 0 0 0px;
   }	
   
html > body .box1 .untertitel, html > body .box4 .untertitel{
   margin:-3px 0 0 8px;
   }
   	
html > body .box2 .untertitel,  html > body .box5 .untertitel{
   margin:-3px 0 0 -8px;
   }	


.box3 .untertitel, .box6 .untertitel{
   float:left;
   margin:-5px 0 0 0;
   font-size:11px;
   line-height:normal; padding:0 8px 8px 10px;
   text-align:left;
  }	

/*----------------ENDE BILD UNTERSCHRIFTEN------------------*/
  
.box3 td.titelVorNach, .box6 td.titelVorNach{
    background-color:transparent;
	font: bold 16px Arial, Helvetica, sans-serif; 
	padding:10px 0 10px 0px;
	 }	
.box3 td.ihaltVorNach, .box6 td.ihaltVorNach{
     width:316px;
     background-color:transparent;
	 vertical-align:top;
	 border:0px solid #555; 
	 text-align:center;
	 }
.box3 td.mitte{
     width:25px;
     background-color:transparent;
	 vertical-align:top;
	 border:0px solid blue;
	 } 


/*----------------POPUP LIGHTBOX FÜR BILDER------------------*/
#popuptransparent
{
  position:absolute; 
	top:0px; left:0px; 
	width:100%;
	height:100%;
	background-color:#000;
	-moz-opacity: 0.8;
  opacity:.80;
	filter: alpha(opacity=80);
	visibility:hidden;
	z-index:1;
}
#popupimgouter{
    position:absolute; 
	visibility:hidden; 
	z-index:9; 
	left:0px; 
	top:0px;
	}
#popupimgcont{
    position:relative; 
	z-index:10;
	}
#popupimg{
    visibility:hidden;
	cursor:pointer;
	}