body, html {
background: #743865;
padding:0;
margin:0;
width:100%;
font-family: serif;
}

#header {
position:fixed;
top:0;
padding:0;
margin:0;
background: url(../bilder/navi_bg.png);
height:122px;
width:100%;
z-index:9999 !important;
}

#header_wrapper {
position:fixed;
top: 0;
left: 50%;
margin-left: -450px;
width: 900px;
height:100px;
padding:0;
}

#logo  img{
height:30px;
margin:30px 25px 25px 40px;
float:left;
border:none;
}

ul#navi{
width: 600px;
height:80px;
float:right;
padding:0 30px 0 0;
margin:0;
list-style:none;
margin:0;
}

ul#navi li {
float:right;
margin:25px 10px 34px 40px;
padding:0;
}

ul#navi li a{
color:#303030;
padding:0;
margin:0;
font: 30px/43px 'CrimsonItalic', Times, serif;letter-spacing: 0;
text-decoration:none;
}

ul#navi li a:hover{
color:#303030;
padding:0;
margin:0;
font: 30px/43px 'CrimsonItalic', Times, serif;letter-spacing: 0;
text-decoration: underline;
}

ul#navi li a:hover:after{
content: none; margin:0; padding:0;}

#wrapper {
width:971px;
margin: 0 auto;
background: transparent;
}

#slider {
margin:0;
padding: 0;
height:371px;
width:971px;
margin: 0px 0px 0px -4px;
background:url(../bilder/slider_bg.png);
}

#uebergang {
margin:0;
padding: 0;
border:none;
height:51px;
}

#content {
background: url(../bilder/content_bg.png);
padding: 0;
margin:-10px 0 -20px 0;
}

h1{
color:#743865;
padding:80px 0px 0px 0px;
margin:0px 0px 50px 25px;
font: 50px/20px 'CrimsonItalic', Times, serif;letter-spacing: 0;
text-decoration:none;
}

i {color: #743865;}

a {text-decoration:underline; color:#743865;}

h2{
    font: 18px/22px 'CrimsonSemiboldItalic', serif;
    color:#47193b;
    text-align: justify;
    padding:0;
    margin:0px 0px 0px 0px;
}

.infos, .infos a{
    font: 25px/30px 'CrimsonSemiboldItalic', serif;
    color:#47193b !important;
    text-decoration: none;
    text-align: justify;
}

p{
    font: 18px/22px 'CrimsonRoman', serif;
	text-align: justify;
    padding:0;
    margin:0px 0px 0px 0px;
}

#pause {
    height:44px;
    width:967px;
    margin: 0px 0px 0px 0px;
}

#salon img{
	width:300px;
    border: 1px solid #47193b;
    float:right;
}

.box {
width: 340px;
height: 230px;
float: left;
padding: 20px 20px 60px 20px ;
}

.box2 {
width: 340px;
height: 150px;
float: left;
margin-bottom: 30px;
padding: 20px 20px 50px 20px ;
}

.zentriert{
padding: 50px 20px 10px 60px;
margin-bottom: 30px;
width: 300px;
height: 160px;
float:left;
}

.bilder {
padding: 20px 40px 60px 40px;
width: 300px;

}

#salon, #kontakt {
    margin:0px 90px 20px 100px;
    padding: 0px 15px 0px 0px;
}

#anfahrt {
width:600px;
padding:0px 0 30px 0px;
margin: 10px 0 0 80px;
border:none;
}

img {
margin:0;
padding: 0;
}

.clear {
    clear:both;
}

  .email>ins:before {content: "@"; text-decoration: none}
  .email ins, .email del {text-decoration: none}
  .email>del {display: none}
  *:first-child+html .email>del {display:inline}  /* Workaround fuer IE 7 */

.email {
    font: 25px/22px 'CrimsonSemiboldItalic', serif;
    color:#47193b;
    padding:0px;
    margin:0px 0px 0px 0px;
    text-decoration:none;
}

.legal-link {position:fixed; left: 2em; bottom: 2em; color: white; font-family: 'CrimsonItalic'; text-decoration: none; border-bottom: 1px solid white;}
.legal-link:hover:after { padding: 0.5em; background: #743865;}

.luecke {margin: 0 0 1em 0;}
#totop {position:fixed; right: 2em; bottom: 2em;}


.lytebox:hover:after {content:"Zum Vergrößern hier klicken";}



@font-face {
    font-family: 'CrimsonRoman';
    src: url('../fonts/Crimson-Roman-webfont.eot');
    src: url('../fonts/Crimson-Roman-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Crimson-Roman-webfont.woff') format('woff'),
         url('../fonts/Crimson-Roman-webfont.ttf') format('truetype'),
         url('../fonts/Crimson-Roman-webfont.svg#CrimsonRoman') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'CrimsonSemiboldItalic';
    src: url('../fonts/Crimson-SemiboldItalic-webfont.eot');
    src: url('../fonts/Crimson-SemiboldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Crimson-SemiboldItalic-webfont.woff') format('woff'),
         url('../fonts/Crimson-SemiboldItalic-webfont.ttf') format('truetype'),
         url('../fonts/Crimson-SemiboldItalic-webfont.svg#CrimsonSemiboldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'CrimsonItalic';
    src: url('../fonts/Crimson-Italic-webfont.eot');
    src: url('../fonts/Crimson-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Crimson-Italic-webfont.woff') format('woff'),
         url('../fonts/Crimson-Italic-webfont.ttf') format('truetype'),
         url('../fonts/Crimson-Italic-webfont.svg#CrimsonSemiboldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}