body{background:url(../layout/hg_body.jpg) repeat-y center top #cccccc; font-family:arial, sans-serif; line-height:1.4;}
div.website{width:900px; position:relative; margin:0 auto; text-align:left;}
div.kopf{width:900px; height:232px; position:relative; background:#1f2523;}

/* Hintergrundbild Seitenkopf (farbiger Streifen mit Spitzen) in Abhängigkeit vom aktiven Menüpunkt */
#NavLevel1Entry1 div.kopf{background:url(../layout/hg_kopf_nav_elbers.gif) no-repeat bottom left #1f2523;}
#NavLevel1Entry3 div.kopf{background:url(../layout/hg_kopf_nav_baustoffhandel.gif) no-repeat bottom left #1f2523;}
#NavLevel1Entry2 div.kopf{background:url(../layout/hg_kopf_nav_agrarhandel.gif) no-repeat bottom left #1f2523;}
#NavLevel1Entry4 div.kopf{background:url(../layout/hg_kopf_nav_fachmarkt.gif) no-repeat bottom left #1f2523;}

/* Kopfnavigation */
div.kopf div.navLevel1{width:900px; height:110px; margin:13px 0 0 15px; position:relative;}
div.kopf div.navLevel1 ul{position:relative;}
div.kopf div.navLevel1 ul li{margin:0; padding:0;}
div.kopf div.navLevel1 ul li a{display:block; width:100%; height:100%; text-indent:-999em;}

/* Größe und Position der <li>s der Kopfnavigation */
div.kopf div.navLevel1 ul li#KopfNavEntry1{width:189px; height:60px; position:absolute; left:0px; top:0px;}
div.kopf div.navLevel1 ul li#KopfNavEntry2{width:134px; height:19px; position:absolute; left:313px; top:41px;}
div.kopf div.navLevel1 ul li#KopfNavEntry3{width:161px; height:19px; position:absolute; left:510px; top:41px;}
div.kopf div.navLevel1 ul li#KopfNavEntry4{width:112px; height:19px; position:absolute; left:705px; top:41px;}

/* Hintergrundbild der <a>s der Kopfnavigation */
div.kopf div.navLevel1 ul li#KopfNavEntry1 a{background:url(../layout/logo_elbers.jpg) no-repeat 0 0;}
div.kopf div.navLevel1 ul li#KopfNavEntry1 a:hover{background:url(../layout/logo_elbers.jpg) no-repeat 0 0;}
div.kopf div.navLevel1 ul li#KopfNavEntry1.active a{background:url(../layout/logo_elbers.jpg) no-repeat 0 0;}
div.kopf div.navLevel1 ul li#KopfNavEntry2 a{background:url(../layout/logo_agrarhandel.jpg) no-repeat 0 -19px;}
div.kopf div.navLevel1 ul li#KopfNavEntry2 a:hover{background:url(../layout/logo_agrarhandel.jpg) no-repeat 0 0;}
div.kopf div.navLevel1 ul li#KopfNavEntry2.active a{background:url(../layout/logo_agrarhandel.jpg) no-repeat 0 0;}
div.kopf div.navLevel1 ul li#KopfNavEntry3 a{background:url(../layout/logo_baustoffhandel.jpg) no-repeat 0 -19px;}
div.kopf div.navLevel1 ul li#KopfNavEntry3 a:hover{background:url(../layout/logo_baustoffhandel.jpg) no-repeat 0 0;}
div.kopf div.navLevel1 ul li#KopfNavEntry3.active a{background:url(../layout/logo_baustoffhandel.jpg) no-repeat 0 0;}
div.kopf div.navLevel1 ul li#KopfNavEntry4 a{background:url(../layout/logo_fachmarkt.jpg) no-repeat 0 -19px;}
div.kopf div.navLevel1 ul li#KopfNavEntry4 a:hover{background:url(../layout/logo_fachmarkt.jpg) no-repeat 0 0;}
div.kopf div.navLevel1 ul li#KopfNavEntry4.active a{background:url(../layout/logo_fachmarkt.jpg) no-repeat 0 0;}

/* Hauptnavigation (Level2) */
div.nav{width:313px; float:left; overflow:hidden; margin:23px 0 0 0;}
div.nav a{font-family:arial, sans-serif; font-size:12px;}
div.nav div.navLevel1{width:152px; position:relative;}
div.nav div.navLevel1 ul.navLevel1{width:152px; padding-bottom:1px; position:relative; background:url(../layout/hg_li_main_nav.gif) no-repeat bottom left;}
div.nav div.navLevel1 li{display:block; float:left; background:url(../layout/hg_li_main_nav.gif) no-repeat top left; min-height:19px;}
div.nav div.navLevel1 li span{display:block; width:100%; min-height:19px;}
div.nav div.navLevel1 li span a{display:block; min-height:18px; line-height:19px; padding-left:16px; color:#1f2523; text-decoration:none; position:relative; top:1px; left:0; font-weight:bold;}
div.nav div.navLevel1 li.active span a{color:#fff;}

/* Breite der <li>s der Hauptnavigation (Level1) */
div.nav div.navLevel1 li{width:152px; float:none;}


/* Hintergrundbilder der <a>s der Hauptnavigation (Level1) */
div.nav div.navLevel1 li#MainNavEntry1 a{width:152px; background:url(../layout/hg_a_main_nav_elbers.gif) no-repeat 0 4px;}
div.nav div.navLevel1 li#MainNavEntry3 a{width:149px; background:url(../layout/hg_a_main_nav_baustoffhandel.gif) no-repeat 0 4px;}
div.nav div.navLevel1 li#MainNavEntry2 a{width:152px; background:url(../layout/hg_a_main_nav_agrarhandel.gif) no-repeat 0 4px;}
div.nav div.navLevel1 li#MainNavEntry4 a{width:149px; background:url(../layout/hg_a_main_nav_fachmarkt.gif) no-repeat 0 4px;}

/* Hauptnavigation (Level2) */
div.nav div.navLevel2{width:152px; float:left; margin:18px 10px 0 0; position:relative;}
div.nav div.navLevel2 li{display:block; background:url(../layout/hg_li_main_nav.gif) no-repeat top left; width:152px; min-height:19px;}
div.nav div.navLevel2 ul{background:url(../layout/hg_li_main_nav.gif) no-repeat bottom left;}
div.nav div.navLevel2 li span{display:block; width:100%; min-height:19px; position:relative;}
div.nav div.navLevel2 li span a{display:block; min-height:18px; line-height:19px; padding-left:16px; color:#1f2523; text-decoration:none; position:relative; top:1px; left:0;}
div.nav div.navLevel2 li.active span a{color:#fff; font-weight:bold;}

/* Hintergrundbilder der <a>s der Hauptnavigation (Level2) in Abhängigkeit vom aktiven übergeordneten Menüpunkt */
#NavLevel1Entry1 div.nav div.navLevel2 li span a{background:url(../layout/hg_a_main_nav_gruen.gif) no-repeat 0 4px;}
#NavLevel1Entry2 div.nav div.navLevel2 li span a{background:url(../layout/hg_a_main_nav_gelb.gif) no-repeat 0 4px;}
#NavLevel1Entry3 div.nav div.navLevel2 li span a{background:url(../layout/hg_a_main_nav_rot.gif) no-repeat 0 4px;}
#NavLevel1Entry4 div.nav div.navLevel2 li span a{background:url(../layout/hg_a_main_nav_hellgrau.gif) no-repeat 0 4px;}
#editMode div.nav div.navLevel2 li span a{display:block; width:118px; min-height:18px; line-height:19px; padding-left:16px; margin-left:18px; text-decoration:none; position:relative; top:1px; left:0;}
#editMode div.nav div.navLevel2 li span a.editButton{display:block; width:16px; height:16px; position:absolute; top:2px; left:0px; padding:0; margin:0; background:none transparent;}

/* Hauptnavigation (Level3 und 4) */
div.nav div.navLevel3{width:149px; float:left; margin:18px 0 0 0; position:relative;}
div.nav div.navLevel3 ul.navLevel3{background:url(../layout/hg_li_main_nav.gif) no-repeat bottom left;}
div.nav div.navLevel3 ul.navLevel3 li{display:block; background:url(../layout/hg_li_main_nav.gif) no-repeat top left; width:149px; min-height:19px;}
div.nav div.navLevel3 ul.navLevel3 li span{display:block; width:149px; min-height:19px; position:relative;}
div.nav div.navLevel3 ul.navLevel3 li span a{display:block; width:133px; min-height:18px; line-height:19px; padding-left:16px; text-decoration:none; position:relative; top:1px; left:0; background:url(../layout/hg_a_main_nav_gruen.gif) no-repeat 0 4px; color:#3c9f33;}
div.nav div.navLevel3 ul.navLevel3 li.active span a{color:#fff; font-weight:bold;}
div.nav div.navLevel3 ul.navLevel3 li.active ul.navLevel4 li.passive span a{background:url(../layout/hg_a_main_nav_hellgruener_strich.gif) no-repeat 0 4px; color:#3c9f33; font-weight:normal;}
div.nav div.navLevel3 ul.navLevel3 li.active ul.navLevel4 li.active span a{color:#006600; background:url(../layout/hg_a_main_nav_dunkelgruener_strich.gif) no-repeat 0 4px; font-weight:normal;}
#editMode div.nav div.navLevel3 li span a{display:block; width:115px; min-height:18px; line-height:19px; padding-left:16px; margin-left:18px; text-decoration:none; position:relative; top:1px; left:0;}
#editMode div.nav div.navLevel3 li span a.editButton{display:block; width:16px; height:16px; position:absolute; top:2px; left:0px; padding:0; margin:0; background:none transparent;}

/* Kleine Navigation */
div.nav div.smallNav{width:152px; float:left; margin:18px 10px 0 0; position:relative;}
div.nav div.smallNav li{display:block; background:url(../layout/hg_li_main_nav.gif) no-repeat top left; width:152px; min-height:19px;}
div.nav div.smallNav ul{background:url(../layout/hg_li_main_nav.gif) no-repeat bottom left;}
div.nav div.smallNav li span{display:block; width:100%; min-height:19px; position:relative;}
div.nav div.smallNav li span a{display:block; min-height:18px; line-height:19px; padding-left:16px; color:#1f2523; text-decoration:none; position:relative; top:1px; left:0; background:url(../layout/hg_a_main_nav_dunkelgrau.gif) no-repeat 0 4px;}
div.nav div.smallNav li.active span a{color:#fff; font-weight:bold;}
#editMode div.nav div.smallNav li span a{display:block; width:118px; min-height:18px; line-height:19px; padding-left:16px; margin-left:18px; text-decoration:none; position:relative; top:1px; left:0;}
#editMode div.nav div.smallNav li span a.editButton{display:block; width:16px; height:16px; position:absolute; top:2px; left:0px; padding:0; margin:0; background:none transparent;}

/* Kleine Navigation (Level2) */
div.nav div.smallNavLevel2{width:149px; float:left; margin:18px 0 0 0; position:relative;}
div.nav div.smallNavLevel2 ul.smallNavLevel2{background:url(../layout/hg_li_main_nav.gif) no-repeat bottom left;}
div.nav div.smallNavLevel2 ul.smallNavLevel2 li{display:block; background:url(../layout/hg_li_main_nav.gif) no-repeat top left; width:149px; min-height:19px;}
div.nav div.smallNavLevel2 ul.smallNavLevel2 li span{display:block; width:149px; min-height:19px; position:relative;}
div.nav div.smallNavLevel2 ul.smallNavLevel2 li span a{display:block; width:133px; min-height:18px; line-height:19px; padding-left:16px; text-decoration:none; position:relative; top:1px; left:0; background:url(../layout/hg_a_main_nav_dunkelgrau.gif) no-repeat 0 4px; color:#1f2523;}
div.nav div.smallNavLevel2 ul.smallNavLevel2 li.active span a{color:#fff; font-weight:bold;}
#editMode div.nav div.smallNavLevel2 ul.smallNavLevel2 li span a{display:block; width:115px; min-height:18px; line-height:19px; padding-left:16px; margin-left:18px; text-decoration:none; position:relative; top:1px; left:0;}
#editMode div.nav div.smallNavLevel2 ul.smallNavLevel2 li span a.editButton{display:block; width:16px; height:16px; position:absolute; top:2px; left:0px; padding:0; margin:0; background:none transparent; overflow:hidden;}

/* Inhalt */
div.content{margin:15px 0 0 16px; width:555px; float:left; color:#666; padding-bottom:50px; overflow:hidden;}
div.content h1{font-size:24px; color:#1f2523; margin:30px 0 19px 0; line-height:1.2;}
div.content h2{font-size:18px; color:#666; margin:20px 0 15px 0; line-height:1.2;}
div.content h3{font-size:14px; color:#666; margin:15px 0 10px 0;}
div.content p{font-size:12px; color:#666; margin:0 0 10px 0;}
div.content ul{list-style:disc inside; margin:0 0 10px 0; font-size:12px; color:#666;}
div.content ol{list-style:decimal inside; margin:0 0 10px 0; font-size:12px; color:#666;}
div.content ul li{font-size:12px; color:#666;}
div.content ol li{font-size:12px; color:#666;}
div.content a{font-size:12px; color:#666; text-decoration:underline;}
div.content span{color:#333;}