body { background-color: #f5f5f5; margin: 0; padding: 0; }

h1 {font-family: "Noto Sans", sans-serif; color: #154711; font-size: 16px; font-weight: 500; line-height: 20px; text-transform: uppercase; }
h2 { color: #384d6a; font-size: 13px; font-family: "Noto Sans", sans-serif; font-weight: normal; line-height: 16px; text-transform: uppercase; }

#inhalt h1, #inhalt2 h1 { margin-top: 0; margin-bottom: 10px; }
#inhalt h2, #inhalt2 h2 { margin-top: 15px; margin-bottom: 15px; }
#inhalt ul, #inhalt2 ul { margin-top: 6px; margin-bottom: 9px; margin-left: 0; padding-left: 10px; }
#inhalt li, #inhalt2 li { margin-top: 3px; }

p { margin-top: 4px; margin-bottom: 8px; }
#adresse h2 { line-height: 19px; margin-top: 10px; margin-bottom: 7px; }
#wrap { position: absolute; width: 980px; height: 720px; left: 50%; top: 50%; margin-top: -360px; margin-left: -490px;  }

#kasten { background-color: #fff; position: absolute; width: 980px; height: 700px; left: 50%; z-index: 50; float: left; margin-top: 0; margin-left: -490px; border: solid 1px #b9c7b7; }
#impressum { color: #474747; font-size: 10px; font-family: verdana, arial, sans-serif; line-height: 12px; position: absolute; bottom: 10px; width: 980px; height: 15px; z-index: 70; float: left;}

#impressum p {padding-top: 5px; }

#head { position: absolute; top: 0; width: 980px; height: 255px; z-index: 70; }
.start { background-image: url(../pic/startseite.jpg); background-repeat: no-repeat; }
.honorar { background-image: url(../pic/honorar.jpg); background-repeat: no-repeat; }
.schwerpunkt { background-image: url(../pic/schwerpunkte.jpg); background-repeat: no-repeat; }
.kontakt { background-image: url(../pic/kontakt.jpg); background-repeat: no-repeat; }
.rechtsanwalt { background-image: url(../pic/rechtsanwalt.jpg); background-repeat: no-repeat; }
#menu { background-color: #154711; position: absolute; top: 255px; width: 980px; height: 35px; z-index: 70; }

#logo{ position: absolute; top: 10px; left: 15px; width: 307px; height: 94px; z-index: 80; }

#adresse{ background-color: #d4dde4; position: absolute; top: 290px; right: 0; width: 280px; height: 305px; z-index: 70; }

#inhalt { color: #474747; font-size: 11px; font-family: verdana, arial, sans-serif; line-height: 14px; position: absolute; top: 330px; left: 40px; width: 600px; height: 300px; z-index: 50; }
#inhalt2 { color: #474747; font-size: 11px; font-family: verdana, arial, sans-serif; line-height: 14px; position: absolute; z-index: 50; top: 330px; left: 40px; width: 920px; height: 345px; }

#spalten
{    height: 345px;    
    -webkit-column-count: 2;  
    -webkit-column-gap: 20px;  
  /*  -webkit-column-rule-color: silver;
    -webkit-column-rule-style: solid;
    -webkit-column-rule-width: 3px;*/
 
    -moz-column-count: 2;  
    -moz-column-gap: 20px;
  /*    -moz-column-rule-color: silver;
    -moz-column-rule-style: solid;
    -moz-column-rule-width: 3px;*/
 
    column-count: 2;  
    column-gap: 20px;
   /*  column-rule-color: silver;
    column-rule-style: solid;
    column-rule-width: 3px;*/
}

#kontakt { color: #474747; font-size: 11px; font-family: verdana, arial, sans-serif; line-height: 14px; position: absolute; top: 20px; left: 20px; width: 250px; height: 250px; z-index: 80; }
#xing { position: absolute; top: 270px; left: 20px; z-index: 80; }
#foto{ position: absolute; left: 495px; bottom: 0; width: 240px; height: 224px; z-index: 70; }
/*---------------Link-------------------*/
#inhalt a:link, #inhalt2 a:link, #impressum a:link, #inhalt a:visited, #inhalt2 a:visited, #impressum a:visited { color: #666; text-decoration: underline; }
#inhalt a:hover, #inhalt2 a:hover, #impressum a:hover, #inhalt a:active, #inhalt2 a:active, #impressum a:active { color: #036; text-decoration: none; }

#adresse a:link, #adresse a:visited { color: #036; text-decoration: underline; }
#adresse a:hover, #adresse a:active { color: #16497b; text-decoration: none; }


/*---------------Navigation-------------------*/
#navi { font-size: 12px; font-family: "Noto Sans", sans-serif; line-height: 15px; text-transform: uppercase; z-index: 90; margin-top: 0; margin-left: 20px; }
#navi li 
{ position: relative; margin:0; list-style:none; float:left; margin:0; padding: 0; }
#navi ul { margin: 0; padding: 0; }
#navi li a:link, #navi li a:visited 
{ text-decoration:none; display:block; padding:10px 15px; color:white; background-position: 1px 0; height: auto; border-right-color: #fff; }
#navi li a:hover, #navi li a:active 
{ background-color: #6d808e; z-index: 100; }
#navi li li a:link, #navi li li a:visited { color: #036; background-color: #bac3ca; border-top: 1px solid #fff; }
#navi li li a:hover, #navi li li a:active { color: #fff; background-color: #036; z-index: 200; }
#navi li ul
{ background-image: none; padding:0; margin:0; display:none; }
#navi li:hover ul 
{ background-image: none; display:block; }
#navi li:focus ul { background-image: none; display: block; }
#navi li ul li 
{ float:none; }
#navi li.schwerpunkte { width: 130px; }
#menu li.schwerpunkte ul li { width: 180px; }
#navi li ul li a 
{  }
/*#navi li.current ul { display:none; } menü ist bei aktivem Hauptpunkt ausgeblendet, wegen der Submenus*/
#navi li.current a:link, #navi li.current a:visited  { /* Aktiver Hauptmenüpunkt */
color: #fff; background-color:#036; }
#navi li.current a:hover, #navi li.current a:active  { /* Aktiver Hauptmenüpunkt beim hover*/
background-color:#6d808e; }

#navi li.current ul.active li a:link, #navi li.current ul.active li a:visited  { 
background-color:#7d2221; }
#navi li.current ul.active li a:hover, #navi li.current ul.active li a:active  { 
background-color:#ab3635; }

#navi li.current ul.active li.current2 a:link, #navi li.current ul.active li.current2 a:visited  { 
background-color:#999; }
#navi li.current ul.active li.current2 a:hover, #navi li.current ul.active li.current2 a:active  { 
background-color:#933; }
.gross { text-transform: uppercase; }
.fett { color: #036; font-weight: bold; }
.fett p { line-height: 18px; }