/*| ------------------------------------------------------------------*/
/*| --------------------------------| =Standard| ---------------------*/
/*| ------------------------------------------------------------------*/

html,body,
div,span,p,
h1,h2,h3,h4,h5,h6,
ul,ol,li,
a,form,input,form,object,textarea,
table,td,img {
   margin: 0px;
   padding: 0px;
   font-family: Verdana, Arial, Tahoma, sans-serif;
   font-size: 11px;
   color: #494949;
   text-decoration: none;
   list-style-type: none;
   outline: none;
}

html, body {
   height: 100%;
   min-height: 100%;
}

body {
   background: url(../images/bg-body.jpg) repeat-x top #FFFFFF;
}

hr {
   margin: 0 0 10px 0;
   color: #c1d0ef;
   height: 1px;
   border-top: solid 1px #c1d0ef;
   border-bottom: transparent;
   clear: both;
}

hr.small {
	width: 497px;
	text-align: left;
	padding-right: 8px;
}


.clear {
   clear: both;
}

.floatRight {
   margin: 0 0 15px 15px;
   float: right;
}

.floatLeft {
   margin: 0 0 15px 15px;
   float: right;
}

/* -------------------------------------------------------------------*/
/* --------------------------------| =branding |----------------------*/
/* -------------------------------------------------------------------*/

h1.branding {
   width: 409px;
   height: 108px;
   position: absolute;
   top: 72px;
	left: 297px;
}

h1.branding a {
   width: 409px;
   height: 108px;
   display: block;
   text-indent: -5000px;
}

/* -------------------------------------------------------------------*/
/* --------------------------------| =Headlines |---------------------*/
/* -------------------------------------------------------------------*/

h2 {
   margin-bottom: 20px;
	text-indent: -5000px;
   width: 495px;
   height: 52px;
}

h2.startseite {background: url(../images/index/bg-h2.gif) no-repeat left top;}
h2.newsletter {background: url(../images/newsletter/bg-h2.gif) no-repeat left top;}
h2.kontakt {background: url(../images/kontakt/bg-h2.gif) no-repeat left top;}
h2.danke {background: url(../images/danke/bg-h2.gif) no-repeat left top;}
h2.anfahrt {background: url(../images/anfahrt/bg-h2.gif) no-repeat left top;}
h2.impressum {background: url(../images/impressum/bg-h2.gif) no-repeat left top;}
h2.fehler {background: url(../images/fehler/bg-h2.gif) no-repeat left top;}
h2.kanzleiGeschichte {background: url(../images/kanzlei/geschichte/bg-h2.gif) no-repeat left top;}
h2.kanzleiDieterSteinmetz {background: url(../images/kanzlei/dieter-steinmetz/bg-h2.gif) no-repeat left top;}
h2.kanzleiEddaSteinmetz {background: url(../images/kanzlei/edda-steinmetz/bg-h2.gif) no-repeat left top;}
h2.rechtsgebieteFamilienrecht {background: url(../images/rechtsgebiete/familienrecht/bg-h2.gif) no-repeat left top;}
h2.rechtsgebieteMietrecht {background: url(../images/rechtsgebiete/mietrecht/bg-h2.gif) no-repeat left top;}
h2.rechtsgebieteArbeitsrecht {background: url(../images/rechtsgebiete/arbeitsrecht/bg-h2.gif) no-repeat left top;}
h2.rechtsgebieteErbrecht {background: url(../images/rechtsgebiete/erbrecht/bg-h2.gif) no-repeat left top;}
h2.rechtsgebieteVerkehrsrecht {background: url(../images/rechtsgebiete/verkehrsrecht/bg-h2.gif) no-repeat left top;}
h2.rechtsgebieteForderungseinzug {background: url(../images/rechtsgebiete/forderungseinzug/bg-h2.gif) no-repeat left top;}
h2.rechtsgebieteNotariat {background: url(../images/rechtsgebiete/notariat/bg-h2.gif) no-repeat left top;}
h2.formulare {background: url(../images/formulare/bg-h2.gif) no-repeat left top;}

h3 {
   font-size: 12px;
   font-weight: bold;
   margin-bottom: 5px;
   color: #5c7fc1;
	line-height: 25px;
}

h4 {
   font-size: 12px;
   font-weight: bold;
   margin-bottom: 5px;
   color: #5c7fc1;
}

h5 {
   font-size: 11px;
   font-weight: bold;
   color: #494949;
}

/* -------------------------------------------------------------------*/
/* --------------------------------| =Border |------------------------*/
/* -------------------------------------------------------------------*/

.imageBorderFloatRight,
.imageBorderFloatLeft,
.imageBorderClear,
.imageBorder {
   padding: 1px;
   background: #fff;
   border: 1px solid #bbbbbb;
}

.imageBorderFloatLeft {
   margin: 0 20px 20px 0;
   float: left;
	clear: both;
}

.imageBorderFloatRight {
   margin: 0 14px 20px 20px;
   float: right;
	clear: both;
}

.imageBorderClear {
   margin: 0 0 20px 0;
   clear: both;
}

.imageBorder {
   margin: 0 0 20px 0;
}

/* -------------------------------------------------------------------*/
/* --------------------------------| =Link |--------------------------*/
/* -------------------------------------------------------------------*/

/* a */
a,
a.escape,
a.escape span span {
   font-family: Verdana, Arial, Tahoma, sans-serif;
   font-size: 11px;
   color: #2655ac;
   text-decoration: underline;
}

a:hover,
a.escape:hover,
a.escape:hover span span {
   text-decoration: none;
}

/* pdfDownload */
a.pdfDownload,
a.linkDownload,
a.linkWeb   {
   background: url(../images/icon-pdf.gif) no-repeat left;
   padding: 20px 0 18px 60px;
   height: 30px;
   width: 100px;
   text-decoration: none !important;
}

a.pdfDownload:hover,
a.linkDownload:hover,
a.linkWeb:hover {
   text-decoration: underline !important;
}

/* linkDownload */
a.linkDownload {
   background: url(../images/icon-download.gif) no-repeat left;
}

/* linkWeb */
a.linkWeb {
   background: url(../images/icon-web.gif) no-repeat left;
}

/* linkTop */
a.linkTop {
   float: right;
   display: block;
   height: 20px;
   width: 100px;
   text-align: right;
   color: #fff;
   text-decoration: none;
   font-size: 10px;
}

a.linkTop:hover {
   color: #abb59b;
}

/* -------------------------------------------------------------------*/
/* --------------------------------| =container |---------------------*/
/* -------------------------------------------------------------------*/

#container {
   width: 955px;
   margin: 0 auto;
	overflow: hidden;
	_overflow: visible;
   position: relative;
	background: url(../images/bg-container.jpg) top no-repeat;
}

/* -------------------------------------------------------------------*/
/* --------------------------------| =header |------------------------*/
/* -------------------------------------------------------------------*/

#header {
   width: 955px;
   height: 306px;
   position: relative;
}

/* -------------------------------------------------------------------*/
/* --------------------------------| =contentContainer |--------------*/
/* -------------------------------------------------------------------*/

/* contentContainer */
#contentContainer {
   width: 955px;
	overflow: hidden;
	_overflow: visible;
   position: relative;
}

/* contentSidebar */
#contentSidebar {
   width: 279px;
	padding: 0px 66px 0px 61px;
   height: 360px;
   position: relative;
	float: left;
}

#adress {
   padding: 47px 0 0 13px;
	margin-bottom: 58px;
   position: relative;
}

#newsletterAnmeldung {
   padding: 13px 0 0 13px;
   position: relative;
}

#adress h3,
#newsletterAnmeldung h3 {
   position: absolute;
	text-indent: -5000px;
}

#adress p,
#newsletterAnmeldung p {
   margin-bottom: 10px;
   position: relative;
   font-size: 11px;
}

#adress p a,
#adress p a.escape,
#adress p a.escape span span {
	font-size: 11px;
}

#adress p a:hover,
#adress p a.escape:hover,
#adress p a.escape:hover span span {
}

/* contentMain */
#contentMain {
   width: 500px;
   position: relative;
	float: left;
	padding-bottom: 10px;
}

/* contentColumn */
.contentColumn {
   width: 240px;
   padding-right: 10px;
   position: relative;
   float: left;
}

/* content */
p {
   margin: 0 0 18px 0;
   line-height: 18px;
}

#container #contentContainer ul {
   margin: 0 0 18px 0px;
}

#container #contentContainer ul li,
#container #contentContainer ul.big li {
   margin: 0 0 0px 0;
   padding: 0 0 0 15px;
   line-height: 18px;
   background: url(../images/li-icon.gif) no-repeat top left;
   position: relative;
}

#container #contentContainer ul.big li {
   margin: 0 0 12px 0;
}

#container table {
   margin: 0 0 10px 0;
}

/* -------------------------------------------------------------------*/
/* --------------------------------| =footer |------------------------*/
/* -------------------------------------------------------------------*/

#footer {
   width: 955px;
   height: 105px;
   background: url(../images/bg-footer.gif) no-repeat top left;
   position: relative;
}

#oeffnungszeiten {
   width: 400px;
   height: 150px;
   position: relative;
	float: left;
}

#oeffnungszeiten h3 {
   margin: 0px;
   position: absolute;
	text-indent: -5000px;
}

#oeffnungszeiten p {
   margin: 0px;
   position: absolute;
	text-indent: -5000px;
}

#naviAdd {
   width: 515px;
   height: 66px;
	left: 400px;
	top: 17px;
   position: absolute;
}


#naviAdd a {
   display: block;
   height: 22px;
	float: left;
	text-indent: -5000px;
}

#naviAdd a.kanzlei {width: 50px;}
#naviAdd a.geschichte {width: 57px;}
#naviAdd a.dieterSteinmetz {width: 81px;}
#naviAdd a.eddaSteinmetz {width: 79px;}
#naviAdd a.rechtsgebiete {width: 83px; clear: both;}
#naviAdd a.familienrecht {width: 70px;}
#naviAdd a.mietrecht {width: 51px;}
#naviAdd a.arbeitsrecht {width: 61px;}
#naviAdd a.erbrecht {width: 46px;}
#naviAdd a.verkehrsrecht {width: 70px;}
#naviAdd a.forderungseinzug {width: 86px;}
#naviAdd a.notariat {width: 40px;}
#naviAdd a.formulare {width: 66px; clear: both;}
#naviAdd a.startseite {width: 61px;}
#naviAdd a.anfahrt {width: 51px;}
#naviAdd a.kontakt {width: 53px;}
#naviAdd a.newsletter {width: 68px;}
#naviAdd a.impressum {width: 73px;}

#naviAdd a.kanzlei:hover {background: url(../images/kanzlei/bg-naviAdd-aktiv.gif) left top no-repeat;}
#naviAdd a.geschichte:hover {background: url(../images/kanzlei/geschichte/bg-naviAdd-aktiv.gif) left top no-repeat;}
#naviAdd a.dieterSteinmetz:hover {background: url(../images/kanzlei/dieter-steinmetz/bg-naviAdd-aktiv.gif) left top no-repeat;}
#naviAdd a.eddaSteinmetz:hover {background: url(../images/kanzlei/edda-steinmetz/bg-naviAdd-aktiv.gif) left top no-repeat;}
#naviAdd a.rechtsgebiete:hover {background: url(../images/rechtsgebiete/bg-naviAdd-aktiv.gif) left top no-repeat;}
#naviAdd a.familienrecht:hover {background: url(../images/rechtsgebiete/familienrecht/bg-naviAdd-aktiv.gif) left top no-repeat;}
#naviAdd a.mietrecht:hover {background: url(../images/rechtsgebiete/mietrecht/bg-naviAdd-aktiv.gif) left top no-repeat;}
#naviAdd a.arbeitsrecht:hover {background: url(../images/rechtsgebiete/arbeitsrecht/bg-naviAdd-aktiv.gif) left top no-repeat;}
#naviAdd a.erbrecht:hover {background: url(../images/rechtsgebiete/erbrecht/bg-naviAdd-aktiv.gif) left top no-repeat;}
#naviAdd a.verkehrsrecht:hover {background: url(../images/rechtsgebiete/verkehrsrecht/bg-naviAdd-aktiv.gif) left top no-repeat;}
#naviAdd a.forderungseinzug:hover {background: url(../images/rechtsgebiete/forderungseinzug/bg-naviAdd-aktiv.gif) left top no-repeat;}
#naviAdd a.notariat:hover {background: url(../images/rechtsgebiete/notariat/bg-naviAdd-aktiv.gif) left top no-repeat;}
#naviAdd a.formulare:hover {background: url(../images/formulare/bg-naviAdd-aktiv.gif) left top no-repeat;}
#naviAdd a.startseite:hover {background: url(../images/index/bg-naviAdd-aktiv.gif) left top no-repeat;}
#naviAdd a.anfahrt:hover {background: url(../images/anfahrt/bg-naviAdd-aktiv.gif) left top no-repeat;}
#naviAdd a.kontakt:hover {background: url(../images/kontakt/bg-naviAdd-aktiv.gif) left top no-repeat;}
#naviAdd a.newsletter:hover {background: url(../images/newsletter/bg-naviAdd-aktiv.gif) left top no-repeat;}
#naviAdd a.impressum:hover {background: url(../images/impressum/bg-naviAdd-aktiv.gif) left top no-repeat;}

/* -------------------------------------------------------------------*/
/* --------------------------------| =navi |--------------------------*/
/* -------------------------------------------------------------------*/

ul#navi {
   left: 192px;
   top: 239px;
   width: 723px;
   height: 32px;
   position: absolute;
   z-index: 2000;
}

ul#navi li {
   position: relative;
   float: left;
}

ul#navi li a {
   display: block;
   height: 32px;
	text-indent: -5000px;
}

ul#navi li a.kanzlei {width: 199px;}
ul#navi li a.rechtsgebiete {width: 262px;}
ul#navi li a.formulare {width: 262px;}

ul#navi li a.kanzlei:hover {background: url(../images/kanzlei/bg-navi-aktiv.jpg) no-repeat right bottom;}
ul#navi li a.rechtsgebiete:hover {background: url(../images/rechtsgebiete/bg-navi-aktiv.jpg) no-repeat right bottom;}
ul#navi li a.formulare:hover {background: url(../images/formulare/bg-navi-aktiv.jpg) no-repeat right bottom;}

ul#navi li#kanzlei ul,
ul#navi li#rechtsgebiete ul {
   display: none;
   list-style: none;
}

ul#navi li#kanzlei ul li,
ul#navi li#rechtsgebiete ul li {
   background: none;
   display: block;
   margin: 0;
   padding: 0;
   position: relative;
   float: none;
}

ul#navi li#kanzlei ul li a {
   display: block;
   color: #fff;
	height: 22px;
   text-decoration: none;
   padding: 7px 0 0 0px;
   width: 199px;
   font-size: 12px;
   border-bottom: 1px solid #fff;
   text-align: center;
	text-indent: 0px;
}

ul#navi li#rechtsgebiete ul li a {
   display: block;
   color: #fff;
	height: 22px;
   text-decoration: none;
   padding: 7px 0 0 0px;
   width: 262px;
   font-size: 12px;
   border-bottom: 1px solid #fff;
   text-align: center;
	text-indent: 0px;
}


ul#navi li#kanzlei ul a:hover,
ul#navi li#rechtsgebiete ul a:hover {
   color: #fff;
   background: #002f68;
}

ul#navi li#kanzlei ul,
ul#navi li#rechtsgebiete ul {
   top: px;
   left: px;
   width: px;
   position: absolute;
   background: #2655ac;
   border-top: 1px solid #FFFFFF;
}

ul#navi li#kanzlei:hover ul,
ul#navi li#rechtsgebiete:hover ul {
   display: block;
}

ul#navi li#kanzlei ul li,
ul#navi li#rechtsgebiete ul li {
   float: none;
   position: relative;
   display: inline;
   clear: both;
}