html, body {
height: 100%
}

#container { width: 995px;; margin-left: 0px; float: left; margin-top: 0px; margin-bottom: 0px}

#left { float: left; width: 75px; ; background-image: url(../jpg/b_who.jpg); height: 870px}

#contentl { float: left; ;  width: 765px; vertical-align: top; background-image: url(../gif/b_products.gif); clip:  rect(   ); margin-bottom: 0px; 
padding-bottom: 0px}

#contentr { float: left; ; width: 75px; background-image: url(../jpg/b_mission.jpg); height: 870px}

#right { float: right; width: 80px; ; background-image: url(../jpg/b_products.jpg);  height: 870px} 


.clr { clear: both; }
.unten {  font-family: Verdana; font-size: 11px; color: #FFFFFF}
.unten2 { font-family: Verdana; font-size: 11px; color: #000000}




#container2 { border: 0px; width: 700px;; margin-left: 0px; margin-top: 0px; height: 225px; margin-bottom: 0px}

#left2 { float: left; width: 240px; ; background-image: url(../gif/b_unten.gif); font-family: Verdana; font-size: 11px; color: #FFFFFF; text-align: left; vertical-align: top; padding-left: 5px; height: 200px}

#contentl2 { float: left; ;  width: 240px; vertical-align: top; background-image: url(../gif/b_unten.gif);  height: 200px; font-family: Verdana; font-size: 11px; color: #FFFFFF; text-align: left; padding-left: 5px}

#contentr2 { float: left; ; width: 200px; background-image: url(../gif/b_unten.gif); font-family: Verdana; font-size: 11px; color: #FFFFFF; text-align: left; vertical-align: top; padding-left: 5px}

a { ; color: #FFFFFF; text-decoration: none;}

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

#preview { float: left; ; width: 765px; vertical-align: top; background-image: url(../gif/b_film.gif); clip:  rect(   ); margin-top: 0px; padding-top: 0px; color: #000000}

#contentlfilm { float: left; ;  width: 765px; vertical-align: top; background-image: url(../gif/b_film.gif); clip:  rect(   ); margin-bottom: 0px; padding-bottom: 0px; background-repeat: repeat}body  { margin-top: 0px ; margin-left: 0px; padding-top: 0px; padding-left: 0px; margin-bottom: 0px; padding-bottom: 0px; background-image: url(../gif/b_auff.gif); background-repeat: repeat-y}


#leftwawwa { float: left; width: 75px; ; background-image: url(../jpg/b_who.jpg); height: 1950px}

#contentrwawwa { float: left; ; width: 75px; background-image: url(../jpg/b_mission.jpg); height: 1950px}

#rightwawwa { float: right; width: 80px; ; background-image: url(../jpg/b_products.jpg); height: 1950px} 


#leftcon { float: left; width: 75px; ; background-image: url(../jpg/b_who.jpg); height: 1800px}

#contentrcon { float: left; ; width: 75px; background-image: url(../jpg/b_mission.jpg); height: 1800px}

#rightcon { float: right; width: 80px; ; background-image: url(../jpg/b_products.jpg); height: 1800px} 


#leftmap { float: left; width: 75px; ; background-image: url(../jpg/b_who.jpg); height: 1200px}

#contentrmap { float: left; ; width: 75px; background-image: url(../jpg/b_mission.jpg); height: 1200px}

#rightmap { float: right; width: 80px; ; background-image: url(../jpg/b_products.jpg); height: 1200px} 


#leftpr { float: left; width: 75px; ; background-image: url(../jpg/b_who.jpg); height: 1280px}

#contentrpr { float: left; ; width: 75px; background-image: url(../jpg/b_mission.jpg); height: 1280px}

#rightpr { float: right; width: 80px; ; background-image: url(../jpg/b_products.jpg); height: 1280px}