/* -------------/ PAGE /------------- */

body {
padding: 0px;
margin: 0px;
background: url(images/bg.jpg);
background-repeat: repeat-x;
color: #404040;
font: 13px Arial, Sans-Serif;
}

#page {
margin: 0 auto;
padding: 0px;
width: 843px;
}


.hidden {
display: none ;
}

h1 {
margin: 0px;
padding: 0px;
}

h2 {
font-size: 18px;
font-family: 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
color: #cb4826;
margin: 0px;
padding: 0px;
}

h3 {
font-size: 10px;
font-family: 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
color: #a7a7a7;
margin: 0px;
padding: 0px;
}

/* -------------/ HEADER /------------- */

#header {
background-image:url(images/header.jpg);
background-repeat: no-repeat;
width: 843px;
height: 97px;
}

#header a {
float: right;
}

.home_top {
display: block;
background-image: url(images/home_top.jpg);
width: 64px; height: 34px;
}

a.home_top:hover {
background-image: url(images/home_top.jpg);
width: 64px; height: 34px;
margin-top: 2px;
}


.kontakt_top {
display: block;
background-image: url(images/kontakt_top.jpg);
width: 74px; height: 34px;
}

a.kontakt_top:hover {
background-image: url(images/kontakt_top.jpg);
width: 74px; height: 34px;
margin-top: 2px;
}


.sitemap_top {
display: block;
background-image: url(images/sitemap_top.jpg);
width: 57px; height: 34px;
}

a.sitemap_top:hover {
background-image: url(images/sitemap_top.jpg);
width: 57px; height: 34px;
margin-top: 2px;
}

/* -------------/ NAVIGATION /------------- */

#navi {
width: 843px;
height: 52px;
}

#navi a {
float: left;
}

#navi ul {
margin: 0px;
padding: 0px;
}

#navi li {
margin: 0px;
padding: 0px;
display: inline;
}

.home {
display: block;
background-image: url(images/home.gif);
width: 105px; height: 52px;
}

a.home:hover {
background-image: url(images/home_h.gif);
width: 105px; height: 52px;
}

.home_active {
display: block;
background-image: url(images/home_a.gif);
width: 105px; height: 52px;
}


.kanzlei {
display: block;
background-image: url(images/kanzlei.gif);
width: 114px; height: 52px;
}

a.kanzlei:hover {
background-image: url(images/kanzlei_h.gif);
width: 114px; height: 52px;
}

.kanzlei_active {
display: block;
background-image:url(images/kanzlei_a.gif);
width: 114px; height: 52px;
}


.leistungen {
display: block;
background-image: url(images/leistungen.gif);
width: 137px; height: 52px;
}

a.leistungen:hover {
background-image: url(images/leistungen_h.gif);
width: 137px; height: 52px;
}

.leistungen_active {
display: block;
background-image: url(images/leistungen_a.gif);
width: 137px; height: 52px;
}


.aktuell {
display: block;
background-image:url(images/aktuell.gif);
width: 114px; height: 52px;
}

a.aktuell:hover {
background-image:url(images/aktuell_h.gif);
width: 114px; height: 52px;
}

.aktuell_active {
display: block;
background-image: url(images/aktuell_a.gif);
width: 114px; height: 52px;
}


.anfahrt {
display: block;
background-image: url(images/anfahrt.gif);
width: 117px; height: 52px;
}

a.anfahrt:hover {
background-image: url(images/anfahrt_h.gif);
width: 117px; height: 52px;
}

.anfahrt_active {
display: block;
background-image: url(images/anfahrt_a.gif);
width: 117px; height: 52px;
}


.kontakt {
display: block;
background-image:url(images/kontakt.gif);
width: 118px; height: 52px;
}

a.kontakt:hover {
background-image: url(images/kontakt_h.gif);
width: 118px; height: 52px;
}

.kontakt_active {
display: block;
background-image: url(images/kontakt_a.gif);
width: 118px; height: 52px;
}


.impressum {
display: block;
background-image: url(images/impressum.gif);
width: 138px; height: 52px;
}

a.impressum:hover {
background-image: url(images/impressum_h.gif);
width: 138px; height: 52px;
}

.impressum_active {
display: block;
background-image: url(images/impressum_a.gif);
width: 138px; height: 52px;
}

/* -------------/ CONTENT /------------- */

#content {
color: #373737;
width: 843px;
height: 320px;
background-repeat: no-repeat;
}

#content a {
text-decoration: none;
color: #cb4826;
}

#content a:hover {
color: #ff7b59;
}

#content_left {
background-image: url(images/left.jpg);
width: 266px;
height: 292px;
padding-top: 28px;
padding-left: 7px;
float: left;
}

#content_right {
background-image: url(images/right.jpg);
width: 527px;
height: 285px;
padding-top: 35px;
padding-left: 37px;
float: right;
}

/* -------------/ FOOTER /------------- */

#footer {
background: url(images/footer.jpg);
width: 843px;
height: 25px;
padding-top: 7px;
color: #373737;
font: 11px Arial, Sans-Serif;
}

#footer a {
margin: 0em;
padding: 0.25em;
text-decoration: none;
color: #373737;
}

#footer a:hover {
text-decoration: underline;
}

/* -------------/ MISC /------------- */

.left {
float: left;
}

.right {
float: right;
}
