form, fieldset {
margin: 0px;
padding: 0px;
}

* html{ margin:0px; padding: 0px; }


html {
margin-bottom: 1px;
height: 100%!important;
font-size:100%;
}

body {
min-height:100%;
width: 99%;
font-family: Helvetica, Arial, sans-serif;
font-size:1.0em;
letter-spacing: 0.02em;
line-height: 130%;
margin-top: 0px;
color: #555555;
background-color: #9A0D30;
background-image: url(../images/optikhelden-bg.jpg);
background-repeat: no-repeat;
background-position:  0% 0%;
padding: 0px;
margin-bottom: 1px;
overflow-y: scroll;
}

h1 {  font-size: 1.25rem; padding-bottom: 10px; font-weight: bold; letter-spacing: 0.02em; color: #9A0D30; word-spacing: 0.06em }
h2 {  font-size: 1.5625rem; margin-bottom: 5px; font-weight: bold; letter-spacing: 0.02em; color: #555555; word-spacing: 0.06em}
h3 {   font-size: 1.25rem; line-height: 1.25rem; font-weight: bold; letter-spacing: 0.02em; color: #9A0D30; word-spacing: 0.06em }
h4 {   font-size: 1.25rem; line-height: 1.25rem; font-weight: bold; letter-spacing: 0.02em; color: #555555; word-spacing: 0.06em }
#paskal h2 { font-size: 1.25rem; font-weight: bold; letter-spacing: 0.02em; color: #555555; word-spacing: 0.06em }

#jobs h2 {font-size: 1.25rem; padding-bottom: 2px; font-weight: bold; letter-spacing: 0.05em; color: #555555; word-spacing: 0.06em }

#jobs h3 {font-size: 1.5625rem; padding-bottom:0; font-weight: bold; letter-spacing: 0.05em; color: #9A0D30; word-spacing: 0.06em; line-height: 0.01em;}

#jobs h4 {font-size: 1.25rem; font-weight: bold; letter-spacing: 0.02em; color: #555555; word-spacing: 0.06em; margin-top: 0.85rem
}

#jobs-last h2 {font-size: 1.25rem; padding-bottom: 2px; font-weight: bold; letter-spacing: 0.05em; color: #9A0D30; word-spacing: 0.06em }

#jobs-last h3 {font-size: 1.5625rem; padding-bottom: 1px; font-weight: bold; letter-spacing: 0.05em; color: #555555; word-spacing: 0.06em}

#jobs-last h4 {font-size: 1.25rem; font-weight: bold; letter-spacing: 0.02em; color: #555555; word-spacing: 0.06em; margin-top: 0.85rem
}

#jobs {padding-bottom: 20px;
border-bottom: 2px solid #999999;
}

#jobs-last  {padding-bottom: 20px;
border-bottom: 0px solid #999999;
}

ol {list-style-position:outside;
    margin-left: -15px; }

li {margin-bottom: 2px;
    margin-left: -5px; }

.grau { color: #555555;}

.rot  {
font-family:  Helvetica, Arial, sans-serif;
line-height: 130%;
margin-top: 0px;
color: #9A0D30;
}

.gross-rot  {
color: #9A0D30;
font-size: 1rem;
font-weight: bold;
vertical-align: sub;
}
.gross-grau  {
color: #555555;
font-size: 0.9375rem;
font-weight: bold;
vertical-align: sub;
}

.gross-weiss  {
color: #ffffff;
font-size: 0.9375rem;
font-weight: bold;
vertical-align: sub;
}

#aufkleber {
margin-top: -120px;
margin-left: 540px;
}

#center {
width: 1000px;
min-height: 520px;
margin: 0 auto;
text-align: left;
align: left;
}

#header {
float: left;
height: 430px;
width: 945px;
padding-top: 20px;
padding-left: 35px;
padding-right: 20px;
background-color: #fff;
}

#header-left {
float: left;
width:635px;
min-height: 250px;
margin-top:50px;
margin-bottom: 35px;
margin-left: -15px;
}

#header-right {
float: right;
width:300px;
margin-top: 50px;
margin-right:0px;
overflow:visible;
}

#header-left-start {
float: left;
width:635px;
min-height: 250px;
background-image: url(../images/slideshow2/1.png);
background-position: 0px 0px;
background-repeat: no-repeat;
}

#fadeshow {
float: left;
position: relative;
margin: 0px;
padding: 0px;
opacity: 1;
z-index: 3;
}

#logo {
float: right;
width:315px;
height:129px;
}

#kasten{
float: right; margin-right:65px; margin-top:-200px;
padding-top: 0px;
}

#kasten-gerade{
display: none;
float: right; margin-right: 95px; margin-top: -218px;
padding-top: 0px;
}

#kasten1{
display:none;
}

#kasten-gross{
float: right; margin-right:20px; margin-top:-242px
}

#kasten-gross2{
display:none;
}

#kasten-gross3{
position:absolute;
left:5%;
top: 4px;
background-image: url(../images/optiker-gesucht-hamburg.png);
background-repeat: no-repeat;
background-position:  0% 0%;
width:200px;
height:239px;
z-index: 1000;
}

#kasten-gross4{
position:absolute;
left:4%;
top: 4px;
background-image: url(../images/hamburg.png);
background-repeat: no-repeat;
background-position:  0% 0%;
background-size: 85%;
width:320px;
height:224px;
z-index: 1000;
}

#kasten-weihnachten{
position:absolute;
left:4%;
top: 4px;
background-image: url(../images/weihnachten-2015.png);
background-repeat: no-repeat;
background-position:  0% 0%;
background-size: 90%;
width:270px;
height:224px;
z-index: 1000;
}

#kasten-azubi-geselle{
position:absolute;
left:4%;
top: 4px;
background-image: url(../images/kasten-azubi-geselle-wandsb.png);
background-repeat: no-repeat;
background-position:  0% 0%;
background-size: 90%;
width:287px;
height:244px;
z-index: 1000;
}

#kasten-geselle-wandsbek{
position:absolute;
left:4%;
top: 4px;
background-image: url(../images/kasten-geselle-wandsbek.png);
background-repeat: no-repeat;
background-position:  0% 0%;
background-size: 90%;
width:287px;
height:244px;
z-index: 1000;
}

#kasten-weihnacht-silvester{
position:absolute;
left:4%;
top: 4px;
background-image: url(../images/weihnachten.png);
background-repeat: no-repeat;
background-position:  0% 0%;
background-size: 90%;
width:287px;
height:244px;
z-index: 1000;
}

#kasten-inventur{
position:absolute;
left:4%;
top: 4px;
background-image: url(../images/kasten-inventur.png);
background-repeat: no-repeat;
background-position:  0% 0%;
background-size: 90%;
width:287px;
height:244px;
z-index: 1000;
}

#kasten-meister{
display: none;
position:absolute;
left:4%;
top: 4px;
background-image: url(../images/kasten-meister.png);
background-repeat: no-repeat;
background-position:  0% 0%;
background-size: 90%;
width:287px;
height:214px;
z-index: 1000;
}

#kasten-sonntagsoeffnung{
position:absolute;
left:4%;
top: 4px;
background-image: url(../images/kasten-sonntagsoeffnung.png);
background-repeat: no-repeat;
background-position:  0% 0%;
background-size: 90%;
width:287px;
height:214px;
z-index: 1000;
}

#kasten-gleitsicht{
position:absolute;
left:4%;
top: 14px;
background-image: url(../images/kasten-gleitsicht.png);
background-repeat: no-repeat;
background-position:  0% 0%;
background-size: 90%;
width:287px;
height:214px;
z-index: 1000;
}

#kasten-stelle-wandsbek{
position:absolute;
left:4%;
top: 4px;
background-image: url(../images/kasten-stelle-wandsbek.png);
background-repeat: no-repeat;
background-position:  0% 0%;
background-size: 90%;
width:287px;
height:244px;
z-index: 1000;
}

#menu-mobil{
display: none;
}

#top-navi {
background: #ffffff none repeat scroll 0 0;
    border-bottom: 2px solid #efeded;
	border-top: 8px solid #9A0D30;
    float: left;
    font-size: 1rem;
    font-weight: normal;
    letter-spacing: 0.01em;
    margin-left: -35px;
    max-width: 94%;
    min-height: 5px;
    padding: 20px 23px 5px 40px;
    position: fixed;
    top: 0;
    width: 937px;
    z-index: 999999;
}

.nav-aktiv {
font-size: 0.9375rem;
font-weight: bold;
letter-spacing: 0.01em;
color: #9A0D30;
overflow: visible;
}

#content {
float: left;
margin-top: 5px;
padding-top: 10px;
padding-left:40px;
padding-right:35px;
padding-bottom: 20px;
width: 925px;
min-height: 75px;
background-color: #ffffff;
}

#content-optiker-gesucht {
float: left;
margin-top: 5px;
padding-top: 10px;
padding-left:40px;
padding-right:35px;
padding-bottom: 40px;
width: 700px;
min-height: 75px;
background-color: #ffffff;
}

#content-optiker-gesucht img {
width: 30%;
height: auto;
float: right;
margin-right:20px;
align: right;
margin-top: -100px;
}

#content-engagement {
float: left;
margin-top: 5px;
padding-top: 10px;
padding-left:0px;
padding-right:0px;
padding-bottom: 40px;
width: 1000px;
min-height: 75px;
background-color: #ffffff;
}

#content-left {
float: left;
margin-top: 5px;
padding-top: 10px;
padding-left:40px;
padding-right:35px;
padding-bottom: 40px;
width: 485px;
min-height: 75px;
background-color: #ffffff;
}

#content-right {
float: right;
margin-top: 5px;
padding-top: 40px;
padding-left:0px;
padding-right:35px;
padding-bottom: 40px;
width: 400px;
min-height: 75px;
background-color: #ffffff;
}

#content-aktionen {
float: left;
margin-top: 5px;
padding-top: 10px;
padding-bottom: 40px;
padding-left: 15px;
width: 985px;
min-height: 75px;
background-color: #ffffff;
}

#angebot {
float: left;
width: 907px;
height: auto;
margin-top:30px;
padding-top: 20px;
padding-left: 25px;
border-bottom: 2px solid #999999;
}

#angebot-text {
float: left;
width: 890px;
height: auto;
padding-left: 35px;
padding-bottom: 30px;
border-bottom: 2px solid #999999;
}

#angebot-last {
float: left;
width: 907px;
height: auto;
margin-top:30px;
padding-top: 20px;
padding-left: 25px;
border-bottom: 0px;
}

#angebot-start {
float: left;
width: 870px;
height: auto;
margin-top:30px;
padding-top: 20px;
padding-left: 5px;
border-bottom: 2px solid #999999;
}

#angebot-last-start {
float: left;
width: 870px;
height: auto;
margin-top:30px;
padding-top: 20px;
padding-left: 5px;
border-bottom: 0px;
}

#content-foot {
float: right;
width: 1000px;
min-height: 20px;
padding-bottom: 10px;
margin-right: 10px;
}

#counter {
float: right;
margin-top: 0px;
padding-top: 10px;
padding-right: 50px;
padding-bottom: 10px;
width: 120px;
min-height: 35px;
background-color: #ffffff;
color: #9A0D30;
font-size: 0.75rem;
font-weight: bold;
text-align: right;
}

#facebook {
    color: #555;
    float: left;
    font-size: 0.75rem;
    font-weight: bold;
    line-height: 1rem;
    margin-right: 20px;
    margin-top: 0;
    min-height: 35px;
    padding-bottom: 10px;
    padding-top: 10px;
    text-align: right;
    width: 230px;
}

#fb {
    background-color: white;
    color: #9a0d30;
    float: left;
    font-size: 0.75rem;
    font-weight: bold;
    margin-right: 0;
    margin-top: 0;
    min-height: 35px;
    padding-bottom: 10px;
    padding-top: 10px;
    text-align: right;
    width: 750px;
}
#fb2 {
    background-color: white;
    color: #9a0d30;
    float: right;
    font-size: 0.75rem;
    font-weight: bold;
    margin-top: 0;
    min-height: 35px;
    padding-bottom: 10px;
    padding-top: 10px;
    text-align: right;
    width: 80px;
}

div[title]:hover:after {
  content: attr(title);
  padding: 4px 7px;
  color: #333;
  position: absolute;
  left: 50%;
  top: -50%;
  font-size: 0.625rem;
  z-index: 9999;
  white-space: nowrap;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: 0px 0px 4px #222;
  -webkit-box-shadow: 0px 0px 4px #222;
  box-shadow: 0px 0px 4px #222;
  background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #eeeeee),color-stop(1, #cccccc));
  background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -o-linear-gradient(top, #eeeeee, #cccccc);
}

#footer {
display: block;
float: left;
border-top: 1px solid #C9C7C7;
margin-top: 5px;
padding-left: 40px;
padding-top: 20px;
padding-bottom: 5px;
width: 960px;
background-color: #ffffff;
font-size: 0.9375rem;
font-weight: bold;
color: #555555;
word-spacing: 0.02em;
letter-spacing: 0.02em;
}

#footer-corona {
display: none;
float: left;
border-top: 1px solid #C9C7C7;
margin-top: 5px;
padding-left: 40px;
padding-top: 20px;
padding-bottom: 5px;
width: 960px;
background-color: #ffffff;
font-size: 0.9375rem;
font-weight: bold;
color: #555555;
word-spacing: 0.02em;
letter-spacing: 0.02em;
}

#footer .nav {font-size: 1rem;
letter-spacing: 0.01em;}

/* ------ Links ------------ */


a img {
border:0;
}

a {
color: #555555;
text-decoration: none;
}
a:visited {
COLOR: #555555;
TEXT-DECORATION: none;
}
a:hover {
COLOR: #555555;
text-decoration: underline;
}
a:active {
color:#555555;
text-decoration: underline;
}

a.textlink:link {
COLOR: #555555;
TEXT-DECORATION: underline;
}
a.textlink:visited {
COLOR: #555555;
TEXT-DECORATION: underline;
}
a.textlink:active {
COLOR: #9A0D30;
TEXT-DECORATION: underline
}
a.textlink:hover {
COLOR: #9A0D30;
text-decoration: underline
}

a.textlink-rot:link {
COLOR: #9A0D30;
TEXT-DECORATION: underline;
}
a.textlink-rot:visited {
COLOR: #9A0D30;
TEXT-DECORATION: underline;
}
a.textlink-rot:active {
COLOR: #9A0D30;
TEXT-DECORATION: underline
}
a.textlink-rot:hover {
COLOR: #64001c;
text-decoration: underline
}

.nav{
padding-left: 10px;
padding-right: 10px;
color: #555555;
font-weight: normal;
text-decoration: none;
}


a.nav-aktiv:link {
padding-left: 27px;
padding-right: 10px;
color: #555555;
font-weight: bold;
text-decoration: none;
background-image: url(../images/helden.png);
background-position: 7px 0px;
background-repeat: no-repeat;
}

a.nav-aktiv:visited {
padding-left: 27px;
padding-right: 10px;
color: #555555;
font-weight: bold;
text-decoration: none;
background-image: url(../images/helden.png);
background-position: 7px 0px;
background-repeat: no-repeat;
}

a.nav-aktiv:active {
padding-left: 27px;
padding-right: 10px;
color: #555555;
font-weight: bold;
text-decoration: none;
background-image: url(../images/helden.png);
background-position: 7px 0px;
background-repeat: no-repeat;
}

a.nav-aktiv:hover {
padding-left: 27px;
padding-right: 10px;
color: #555555;
font-weight: bold;
text-decoration: none;
background-image: url(../images/helden.png);
background-position: 7px 0px;
background-repeat: no-repeat;
}

a.nav:link {
padding-left: 10px;
padding-right: 10px;
color: #555555;
font-weight: normal;
text-decoration: none;
}

a.nav:visited {
padding-left: 10px;
padding-right: 10px;
color: #555555;
font-weight: normal;
text-decoration: none;
}

a.nav:active {
padding-left: 10px;
padding-right: 10px;
color: #9A0D30;
font-weight: bold;
text-decoration: none;
}

a.nav:hover {
padding-left: 10px;
padding-right: 10px;
color: #9A0D30;
font-weight: bold;
text-decoration: none;
}

#big {display: block;}
#small {display: none;}

#g20-big {display: block;}
#g20-small {display: none;}

#preisbeispiel-big {display: block;}
#preisbeispiel-small {display: none;}

.bilder-link {
padding-left: 5px; padding-top: 90px; color:#888888; font-size: 1rem;}

.designer {float: left;
width: 18%; padding-left: 6px;}

.design-beschreibung {float: right; width: 73% !important; font-style: italic; padding-top: 0.8rem; padding-right: 10px;}

.preis {color: #9A0D30; padding-left: 20px }

.trennung {color:#9a0d30; margin-right: 5px; margin-left:-35px; margin-top: 50px;}

a.auswahl:link {
COLOR: #555555;
TEXT-DECORATION: none;
font-size: 1.1rem;
}
a.auswahl:visited {
COLOR: #555555;
TEXT-DECORATION: none;
font-size: 1.1rem;
}
a.auswahl:active {
COLOR: #9A0D30;
TEXT-DECORATION: none;
font-weight: bold;
font-size: 1.1rem;
}
a.auswahl:focus {
COLOR: #555555;
TEXT-DECORATION: none;
font-size: 1.1rem;
}
a.auswahl:hover {
COLOR: #9A0D30;
text-decoration: underline
font-weight: bold;
font-size: 1.1rem;
}
#cookie {position: fixed; bottom: 50px; right: 50px; background: #000; padding: 20px 30px; font-family: Helvetica,Calibri, Arial, sans-serif; font-size: 16px; line-height:1.5em; width: 350px; max-width: 90%; color: #fff;
}
#cookie a.button {cursor: pointer; background: yellow; padding: 8px 20px; margin-left: 10px; margin-top: -15px; border-radius: 3px; font-weight: bold; float: right; color: #000;
}
#cookie a.button:hover {background-color: orange;
}
#cookie p.cookiemessage {display: block; padding: 0; margin: 0;
}

#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonCustomize,
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection {
 background-color:transparent;
 border-color:#858588 !important;
 color:#141414 !important;
}
#CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton {
 background-color:transparent;
 border:2px solid #5E5F64 !important;
 color:#141414 !important;
}
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtonAccept,
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonAccept,
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll {
 background-color:#666871 !important;
 border-color:#393939 !important;
 color:#ffffff !important;
}
#CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink.active {
 border-bottom:1px solid #555557 !important;
 color:#353637 !important;
}
.CybotCookiebotDialogNavItemLink active {border: none}
#CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink:hover {
 color:#444444 !important;
 font-weight:bold;
}

#CookieDeclarationChangeConsentChange {
 color: #9a0d30 !important;
}

#CookieDeclarationChangeConsent a:visited {
COLOR: #9a0d30 !important;
TEXT-DECORATION: none;
}

#CookieDeclarationUserStatusLabelOff {
 display: block;
 color: #9a0d30 !important;
}

#CookieDeclarationUserStatusLabelMulti {
 display: inline-block;
 color: #9a0d30 !important;
}


#aktualisierung-erzwingen {padding-top:1px}

.beratung-nikon {font-size:18px !important; font-weight:bold; color: #c4001d;}

.sprung {visibility: hidden; height: 0px !important; position: absolute; margin: -70px;}

#button{
float: right; margin-right:210px; margin-top:-205px;
padding-top: 0px;
}

#button-index{
float: right; margin-right:-120px; margin-top:-160px; 
}