* { padding: 0; margin: 0; }

body {
 background: #fff;
 color: #696969;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 80%;
 text-align: left;
}
#container {
width: 900px;
height: 550px;
margin: auto;
background: transparent url("../images/body.gif") no-repeat;
background-position: 10% 4%;
}
#box {
width: 800px;
height: 550px;
margin: auto;
background: transparent;
}
#oben {
 background: transparent url("../images/oben-abschluss.gif") left bottom no-repeat;
 color: #696969;
 width: 800px;
 float: left;
 height: 100px;
 margin: 60px 0 0 0;
}
#inhalt { 
 float: left;
 color: #696969;
 width: 310px;
 height: 350px;
 border-left: 1px solid #d4da89;
 overflow: auto;
}
#inhalt p{
 margin-left: 15px;
 margin-right: 10px;
}
#rechts { 
 float: right;
 color: #333;
 width: 485px;
 height: 350px;
 border-right: 1px solid #d4da89;
 border-left: 1px solid #d4da89;
}
#unten {
background: transparent url("../images/unten-abschluss.gif") left bottom no-repeat;
 color: #696969;
 width: 800px;
 height: 20px;
 float: left;
 clear: both;
}

#nav a {
 background-color: #fff;
 color: #454545;
}

#nav a#floristik-service span {
 background-image: url('../images/navi/floristik-service.gif');
}

#nav a#floristik-blumen span {
 background-image: url('../images/navi/floristik-blumen.gif');
}

#nav a#floristik-events span {
 background-image: url('../images/navi/floristik-fuer-firmen.gif');
}

#nav a#fleurop-service span{
 background-image: url('../images/navi/fleurop-service.gif');
}

#nav a#fleurop-service {
 width: 111px;
}

#nav a#floristik-referenzen span{
 background-image: url('../images/navi/floristik-referenzen.gif');
}

#nav a#floristik-referenzen {
 width: 111px;
}


#nav a:hover {
 background-color: #fff;
 color: #454545;
}


#nav {
 float: right;
 height: 33px;
 margin-top: 47px;
 width: 600px;
}

#nav a {
 background-color: #ffffff;
 color: #454545;
 display: block;
 font-size: 1em;
 height: 33px;
 line-height: 33px;
 margin: 0;
 overflow: hidden;
 position: relative;
 text-align: center;
 text-decoration: none;
 width: 110px;
}

#nav a span {
 background-position: top left;
 background-repeat: no-repeat;
 display: block;
 height: 100%;
 left: 0;
 position: absolute;
 top: 0;
 width: 100%;
 z-index: 1;
}

#nav a#floristik-service span {
 background-image: url("../images/navi/floristik-service.gif");
}

#nav a#floristik-service, #nav a#nav03 {
 width: 111px;
}

#nav a#floristik-blumen span {
 background-image: url("../images/navi/floristik-blumen.gif");
}

#nav a#floristik-events span {
 background-image: url("../images/navi/floristik-fuer-firmen.gif");
}

#nav a#fleurop-service span{
 background-image: url("../images/navi/fleurop-service.gif");
}

#nav a#fleurop-service {
 width: 111px;
}

#nav a#floristik-referenzen {
 width: 111px;
}

#nav a#floristik-referenzen span{
 background-image: url("../images/navi/floristik-referenzen.gif");
}
#nav a#nav06 {
 width: 111px;
}

#nav a:hover {
 background-color: #fff;
 color: #454545;
}

#nav a:hover span, #nav a.current span {
 background-position: 0 -33px;
}

#nav li {
 float: left;
 list-style: none;
 margin: 0;
}

#orientierung {
 position: absolute;
 width: 33px;
 height: 110px;
 background: url(../images/navi/startseite-off.gif) no-repeat;
 margin-left: 17px;
 margin-top: 172px;
}
#orientierung a:hover{
 position: absolute;
 width: 33px;
 height: 110px;
 background: url(../images/navi/startseite-on.gif) no-repeat;
 margin-left: 0;
 margin-top: 0;
}
* html #orientierung {
 position: absolute;
 width: 33px;
 height: 110px;
 background: url('../images/navi/startseite-off.gif') no-repeat;
 margin-left: -33px;
 margin-top: 172px
}
*+html #orientierung {
 position: absolute;
 width: 33px;
 height: 110px;
 background: url('../images/navi/startseite-off.gif') no-repeat;
 margin-left: -33px;
 margin-top: 172px
}
#aktionen {
 position: absolute;
 width: 33px;
 height: 110px;
 background: url(../images/navi/aktuelles-off.gif) no-repeat;
 margin-left: 17px;
 margin-top: 283px;
}
#aktionen a:hover{
 position: absolute;
 width: 33px;
 height: 110px;
 background: url(../images/navi/aktuelles-on.gif) no-repeat;
 margin-left: 0px;
 margin-top: 0px;
}
* html #aktionen {
 position: absolute;
 width: 33px;
 height: 110px;
 background: url(../images/navi/aktuelles-off.gif) no-repeat;
 margin-left: -33px;
 margin-top: 283px;
}
*+html #aktionen {
 position: absolute;
 width: 33px;
 height: 110px;
 background: url(../images/navi/aktuelles-off.gif) no-repeat;
 margin-left: -33px;
 margin-top: 283px;
}
#dekoration {
 position: absolute;
 width: 33px;
 height: 110px;
 background: url(../images/navi/dekoration-off.gif) no-repeat;
 margin-left: 17px;
 margin-top: 394px;
}
#dekoration a:hover{
 position: absolute;
 width: 33px;
 height: 110px;
 background: url(../images/navi/dekoration-on.gif) no-repeat;
 margin-left: 0px;
 margin-top: 0px;
}
* html #dekoration {
 position: absolute;
 width: 33px;
 height: 110px;
 background: url(../images/navi/dekoration-off.gif) no-repeat;
 margin-left: -33px;
 margin-top: 394px;
}
*+html #dekoration {
 position: absolute;
 width: 33px;
 height: 110px;
 background: url(../images/navi/dekoration-off.gif) no-repeat;
 margin-left: -33px;
 margin-top: 394px;
}
#valentinstag {
position: absolute;
width: 300px;
height: 80px;
margin-top: 13px;
margin-left: 400px;
}
#osterfloristik {
position: absolute;
width: 300px;
height: 80px;
margin-top: 13px;
margin-left: 400px;
}
#muttertag {
position: absolute;
width: 300px;
height: 80px;
margin-top: 13px;
margin-left: 400px;
}
#hochzeitsfloristik {
position: absolute;
width: 300px;
height: 80px;
margin-top: 13px;
margin-left: 400px;
}
#floristik-herbst {
position: absolute;
width: 300px;
height: 80px;
margin-top: 13px;
margin-left: 400px;
}
#advent {
position: absolute;
width: 300px;
height: 80px;
margin-top: 13px;
margin-left: 400px;
}
#achtung {
position: absolute;
width: 300px;
height: 80px;
margin-top: 13px;
margin-left: 400px;
}
#floristik-duesseldorf {
text-align: right;
margin-right: 20px;
line-height: 20px;
}
#floristik-duesseldorf a{
text-decoration: none;
}
#floristik-duesseldorf a:hover{
color: #fff;
}
#floristik-duesseldorf a#curent{
color: #fff;
}
#blumen-duesseldorf {
text-align: left;
margin-left: 330px;
margin-top: -20px;
line-height: 20px;
}
#blumen-duesseldorf a{
text-decoration: none;
}
#blumen-duesseldorf a:hover{
color: #fff;
}
h1 {
 color: #696969;
 line-height: 1.3;
 margin-top: 10px;
 margin-left: 15px;
 margin-right: 10px;
 margin-bottom: 15px;
 font-size: 100%; 
 font-weight: bold;
 text-align: left;
}
h3 {
 color: #696969;
 line-height: 1.3;
 margin-left: 15px;
 margin-right: 10px;
 margin-bottom: 10px;
 font-size: 100%; 
 font-weight: bold;
 text-align: left;
}
h2, h4, h5, h6 {
 color: #696969;
 line-height: 1.3;
 margin-left: 15px;
 margin-right: 10px;
 font-size: 100%; 
 font-weight: bold;
 text-align: left;
}
form {
 margin-left: 15px;
 margin-right: 10px;
}
a {
color: #696969;
text-decoration: underline;
font-weight: bold;
}
a:hover {
color: #d4da89;
text-decoration: underline;
font-weight: bold;
}
p.oeffnungszeiten {
font-weight: bold; text-align: center;}
p.print { 
display: none;}