* {
    margin:0;
    padding:0;
    -webkit-font-smoothing: antialiased;
}

body {
overflow-y:scroll;
background-color:#B38F8F;
background-image:url(../images/hintergrund.jpg);
}

a    {
font-family:century gothic, verdana, arial;
font-style:normal;
font-weight:normal;
text-decoration:none;
outline: none;
color:#4F4F4F;
}

a:hover {color:#B38F8F;}

.a_impress:hover {color:#FFFFFF;}

.a_menu {
font-size:16px;
text-align:center;
}

.a_anker {
text-decoration:none;
margin-left:15px;
margin-right:15px;
line-height:1.5em;
color:#4F4F4F;
}

a#facebook {
display:block;
width:100px;
height:24px;
background: transparent url(../images/facebook.jpg) 0px 0px no-repeat;
text-indent:-9000%;
}

a:hover#facebook {
background: transparent url(../images/facebook.jpg) 0px -24px no-repeat;
}

a#twitter{
display:block;
width:24px;
height:24px;
background: transparent url(../images/twitter.jpg) 0px 0px no-repeat;
text-indent:-9000%;
}

a:hover#twitter {
background: transparent url(../images/twitter.jpg) 0px -24px no-repeat;
}

a#pinterest {
display:block;
width:24px;
height:24px;
background: transparent url(../images/pinterest.jpg) 0px 0px no-repeat;
text-indent:-9000%;
}

a:hover#pinterest {
background: transparent url(../images/pinterest.jpg) 0px -24px no-repeat;
}

a#brautkleider {
display:block;
width:150px;
height:40px;
background: transparent url(../images/brautkleider.png) 0px 0px no-repeat;
text-indent:-9000%;
}

a:hover#brautkleider {
background: transparent url(../images/brautkleider.png) 0px -40px no-repeat;
}

a#brautkleideractive {
display:block;
width:150px;
height:40px;
background: transparent url(../images/brautkleider.png) 0px -40px no-repeat;
text-indent:-9000%;
}

a#abendkleider {
display:block;
width:150px;
height:40px;
background: transparent url(../images/abendkleider.png) 0px 0px no-repeat;
text-indent:-9000%;
}

a:hover#abendkleider {
background: transparent url(../images/abendkleider.png) 0px -40px no-repeat;
}

a#abendkleideractive {
display:block;
width:150px;
height:40px;
background: transparent url(../images/abendkleider.png) 0px -40px no-repeat;
text-indent:-9000%;
}

a#accessoires {
display:block;
width:150px;
height:40px;
background: transparent url(../images/accessoires.png) 0px 0px no-repeat;
text-indent:-9000%;
}

a:hover#accessoires {
background: transparent url(../images/accessoires.png) 0px -40px no-repeat;
}

a#accessoiresactive {
display:block;
width:150px;
height:40px;
background: transparent url(../images/accessoires.png) 0px -40px no-repeat;
text-indent:-9000%;
}

a#kontakt {
display:block;
width:150px;
height:40px;
background: transparent url(../images/kontakt.png) 0px 0px no-repeat;
text-indent:-9000%;
}

a:hover#kontakt {
background: transparent url(../images/kontakt.png) 0px -40px no-repeat;
}

a#kontaktactive {
display:block;
width:150px;
height:40px;
background: transparent url(../images/kontakt.png) 0px -40px no-repeat;
text-indent:-9000%;
}

a#jobs {
display:block;
width:150px;
height:40px;
background: transparent url(../images/jobs.png) 0px 0px no-repeat;
text-indent:-9000%;
}

a:hover#jobs {
background: transparent url(../images/jobs.png) 0px -40px no-repeat;
}

a#jobsactive {
display:block;
width:150px;
height:40px;
background: transparent url(../images/jobs.png) 0px -40px no-repeat;
text-indent:-9000%;
}

a#impressum {
display:block;
width:150px;
height:50px;
background: transparent url(../images/impressum.png) 0px 0px no-repeat;
text-indent:-9000%;
}

a:hover#impressum {
background: transparent url(../images/impressum.png) 0px -50px no-repeat;
}

a#impressumactive {
display:block;
width:150px;
height:50px;
background: transparent url(../images/impressum.png) 0px -50px no-repeat;
text-indent:-9000%;
}

a#ladenatelier {
display:block;
width:150px;
height:50px;
background: transparent url(../images/ladenatelier.png) 0px 0px no-repeat;
text-indent:-9000%;
}

a:hover#ladenatelier {
background: transparent url(../images/ladenatelier.png) 0px -50px no-repeat;
}

a#ladenatelieractive {
display:block;
width:150px;
height:50px;
background: transparent url(../images/ladenatelier.png) 0px -50px no-repeat;
text-indent:-9000%;
}

a#anprobe {
display:block;
width:150px;
height:50px;
background: transparent url(../images/anprobe.png) 0px 0px no-repeat;
text-indent:-9000%;
}

a:hover#anprobe {
background: transparent url(../images/anprobe.png) 0px -50px no-repeat;
}

a#anprobeactive {
display:block;
width:150px;
height:50px;
background: transparent url(../images/anprobe.png) 0px -50px no-repeat;
text-indent:-9000%;
}

a#philosophie {
display:block;
width:150px;
height:50px;
background: transparent url(../images/philosophie.png) 0px 0px no-repeat;
text-indent:-9000%;
}

a:hover#philosophie {
background: transparent url(../images/philosophie.png) 0px -50px no-repeat;
}

a#philosophieactive {
display:block;
width:150px;
height:50px;
background: transparent url(../images/philosophie.png) 0px -50px no-repeat;
text-indent:-9000%;
}

a#designerin {
display:block;
width:150px;
height:50px;
background: transparent url(../images/designerin.png) 0px 0px no-repeat;
text-indent:-9000%;
}

a:hover#designerin {
background: transparent url(../images/designerin.png) 0px -50px no-repeat;
}

a#designerinactive {
display:block;
width:150px;
height:50px;
background: transparent url(../images/designerin.png) 0px -50px no-repeat;
text-indent:-9000%;
}

a#left {
display:block;
width:22px;
height:51px;
background: transparent url(../images/left.png) 0px 0px no-repeat;
text-indent:-9000%;
}

a:hover#left {
background: transparent url(../images/left.png) 0px -51px no-repeat;
}

a#right {
display:block;
width:22px;
height:51px;
background: transparent url(../images/right.png) 0px 0px no-repeat;
text-indent:-9000%;
}

a:hover#right {
background: transparent url(../images/right.png) 0px -51px no-repeat;
}

a#up {
display:block;
width:51px;
height:22px;
background: transparent url(../images/up.png) 0px 0px no-repeat;
text-indent:-9000%;
}

a:hover#up {
background: transparent url(../images/up.png) -51px 0px no-repeat;
}

div {
font-family:century gothic, verdana, arial;
font-style:normal;
font-weight:normal;
text-decoration:none;
font-size:16px;
}

.div_text {
margin-left:15px;
margin-right:15px;
text-align:justify;
}

.div_sale_left {
height:185px;
text-align:justify;
padding:5px;
margin-top:10px;
margin-left:-4px;
margin-right:40px;
border-top-style:solid;
border-top-color:#AFAFAF;
border-top-width:2px;
border-right-style:solid;
border-right-color:#DFDFDF;
border-right-width:2px;
}

.div_sale_right {
height:185px;
text-align:justify;
padding:5px;
margin-top:0px;
margin-left:40px;
margin-right:-4px;
border-top-style:solid;
border-top-color:#AFAFAF;
border-top-width:2px;
border-left-style:solid;
border-left-color:#DFDFDF;
border-left-width:2px;
}





#menu ul {
float: left;
list-style-type: none;
background: #FFFFFF;
}

/*--definiert die "Drop-Down-Links" im Normalzustand--*/
#menu a {
text-decoration: none;
display: block;
text-align: center;
background: #FFFFFF;
}

/*--definiert die "Drop-Down-Links" im Hoverzustand--*/
#menu a:hover {
color:#B38F8F;
background: #FFFFFF;
}

/*verhindert im Zusammenhang mit position absolute bei ul ul eine Höhenvergrößerung von #menu beim Hovern--*/

#menu li {position: relative;}

/*--versteckt die "Drop-Down-Links", solange nicht gehovert wird--*/
#menu ul ul {position: absolute; z-index: 2; display: none; }

/*--lässt die Dropdown-Links beim Hovern erscheinen--*/
#menu ul li:hover ul {display: block; }

/*--nur für IE-Versionen kleiner gleich 6 erkennbar--*/
* html #menu ul li{float: left; width: 100%; }

/*--nur für IE 7 erkennbar--*/
*+ html #menu ul li {float: left; width: 100%; }

/*--bewirkt Hover-Effekt für IE kleiner 7 auch für ul- und li-Elemente--*/
*html body { behavior: url(csshover3-source.htc); font-size: 100%; }

*html #menu ul li a {height: 1%; }