* { padding: 0; margin: 0; }

body {
 background: #fff;
 color: #696969;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 80%;
 text-align: left;
}
#box {
width: 800px;
height: 600px;
margin: auto;
margin-top: 25px;
background: transparent url("../images/layout.jpg") no-repeat;
border: 1px solid #83a60f;
}
#oben {
 color: #696969;
 width: 800px;
 float: left;
 height: 98px;
 clear: both;
}
p.kontakt {
margin-top: -82px;
margin-right: 140px;
padding: 5px;
text-align: right;
color: #dce9c4;
}
p.kontakt a{
color: #696969;
text-decoration: none;
}
p.kontakt a:hover{
color: #83a60f;
}
p.kontakt a#curent{
color: #83a60f;
}
#navcontainer ul
{
padding-left: 0;
margin-left: 0;
background-color: #f2f6e7;
color: #696969;
float: left;
width: 100%;
font-family: arial, helvetica, sans-serif;
}
#navcontainer ul li { display: inline; }
#navcontainer ul li a
{
padding: 5px 8px;
background-color: #f2f6e7;
color: #696969;
text-decoration: none;
height: 24px;
float: left;
border-right: 1px solid #dce9c4;
line-height: 24px;
}
#navcontainer ul li a:hover
{
background-color: #83a60e;
color: #f2f6e7;
}
#navcontainer ul li a#current
{
background-color: #83a60e;
color: #f2f6e7;
}
#inhalt { 
 float: left;
 color: #696969;
 width: 430px;
 height: 380px;
 margin-top: 25px;
 border-left: 1px solid #83a60f;
 overflow: auto;
}
#inhalt p{
 margin-left: 10px;
 margin-right: 10px;
}
#links { 
 float: left;
 color: #333;
 width: 185px;
 height: 380px;
}
.aktuell {
width: 180px;
height: 330px;
margin-left: 2px;
margin-top: 3px;
background: transparent url("../images/mopsaktuell.jpg");
border: 1px solid white;
}
.aktuell p {
margin-left: 10px;
padding: 0;
color: #696969;
}
.aktuell h1 {
 color: #83a60f;
 margin-top: 40px;
 margin-left: 10px;
 margin-right: 5px;
 margin-bottom: 10px;
 font-size: 100%; 
 font-weight: bold;
 text-transform: uppercase;
 text-align: left;
}
.aktuell h2 {
 color: #83a60f;
 margin-top: 10px;
 margin-left: 10px;
 margin-right: 5px;
 font-size: 100%; 
 font-weight: bold;
 text-align: left;
}

#rechts { 
 float: right;
 background: transparent url("../images/hunde-lieferanten-duesseldorf.gif");
 color: #696969;
 width: 155px;
 height: 340px;
 margin-right: 5px;
 margin-top: 25px;
}
#rechts h1{ 
margin-top: 10px;
margin-bottom: 5px;
}
#rechts p{ 
margin-left: 10px;
}

#unten {
background: transparent url("../images/unten-abschluss.gif") left bottom no-repeat;
 color: #696969;
 width: 800px;
 float: left;
 clear: both;
}
#hundeaccessoires-duesseldorf {
text-align: right;
margin-right: 20px;
line-height: 20px;
}
#hundeaccessoires-duesseldorf a{
text-decoration: none;
}
#hundeaccessoires-duesseldorf a:hover{
color: #fff;
}
h1 {
 color: #83a60f;
 line-height: 1.3;
 margin-left: 10px;
 margin-right: 10px;
 margin-bottom: 15px;
 font-size: 100%; 
 font-weight: bold;
text-transform: uppercase;
 text-align: left;
}
h3 {
 color: #696969;
 line-height: 1.3;
 margin-left: 10px;
 margin-right: 10px;
 font-size: 100%; 
 font-weight: bold;
 text-align: left;
}
h2, h4, h5, h6 {
 color: #696969;
 line-height: 1.3;
 margin-left: 10px;
 margin-right: 10px;
 font-size: 100%; 
 font-weight: bold;
 text-align: left;
}
form {
 margin-left: 15px;
 margin-right: 10px;
}
a {
color: #83a60f;
text-decoration: underline;
font-weight: bold;
}
a:hover {
color: #696969;
text-decoration: underline;
font-weight: bold;
}
p.oeffnungszeiten {
font-weight: bold; text-align: center;
}
font.mops {
color: #83a60f;
font-weight: bold;
text-transform: uppercase;
}
font.fidel {
color: #696969;
font-weight: bold;
font-style: italic;
text-transform: uppercase;
}
hr {
margin-left: 10px;
margin-right: 10px;
margin-top: 5px;
margin-bottom: 10px;
border-top: 1px solid #83a60f;
border-bottom: 1px dashed #696969;
color: #83a60f;
background-color: #fff;
height: 3px;
}

p.print { 
display: none;}