#logo {
/* background-image:url('../images/der-optiker-logo.png'); */
background-size:100% 100%;
position:fixed;
width:76px;
height: 238px;
left: 40px;
top: 40px;
-webkit-animation-name: logo;
/* Chrome, Safari, Opera */
-webkit-animation-duration: 4s;
/* Chrome, Safari, Opera */
-webkit-animation-delay: 2s;
/* Chrome, Safari, Opera */
animation-name: logo;
animation-duration: 4s;
animation-delay:0;
z-index: 99999;
}

#logo img {
  width: 100%;
}

.datenschutz {
	position: absolute;
	bottom: 20px;
	right: 40px;
	color: white;
	font-size:16px;
	text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.60);
}

.datenschutz:hover {
	color: #0074A2;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes logo {
    0%   {left:50%; top:65%; opacity: 0; -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); height: 400px; width: 127px; margin-left:-50px;}
    20%   {opacity: 1;}
    60%   {left:50%; top:65%; -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); height: 400px; width: 127px; margin-left:-50px;}
    100% {left:40px; top:40px; }
}

.clear {
margin:0;
padding:0;
clear:both;
border:none;
}

h2 {
color:rgb(255,255,255);
font-size:23px;
font-weight:bold;
line-height:29px;r
margin-left: -1px;
}

h1 {
font-size:70px;
/* color: #0074A2; */
color: #FFFFFF;
font-weight: bold;
margin-bottom:8%;
clear:both;
letter-spacing:-0.005em;
margin-left:-3px;
text-shadow: 1px 1px 20px rgba(0, 0, 0, 0.40);
}

.contentwrap .frame-default, .contentwrap .frame-leftbox, .contentwrap .frame-rightbox {
background-color: rgba(0, 0, 0, 0.70);
padding:4%;
margin-bottom:4%;
float:left;
width: 92%;
}

.contentwrap .frame-default div p {
  margin-bottom: 10px;
}

.contentwrap .frame-default div:last-child p {
  margin-bottom: 0;
}

.contentwrap .frame-rightbox {
width:40%;
}

.contentwrap .frame-leftbox {
width:40%;
margin-right: 4%;
}

.contentwrap .frame-button a, .contentwrap .frame-custom-103 a {
  background-color: #0074A2;
  display: inline-block;
  padding: 15px 20px 10px 20px;
  margin-bottom: 4%;
}

.contentwrap {
width: 700px;
color:#FFFFFF;
padding:0 50px 0 50px;
margin:150px auto 300px auto;
clear:both;
}

.contentwrap a, .contentwrap a:visited {
  color: #FFFFFF;
  text-decoration: none;
  font-weight: bold;
}

.contentwrap a:hover {
	text-decoration: underline;
}

.contentwrap table a, .contentwrap table a:visited {
  font-weight: normal;
}

.contentwrap table {
	width: 100%	;
	margin-top: 10px;
}

.contentwrap table td {
	vertical-align: top;
}

.contentwrap p:last-child {
margin-bottom:0;
}


.contentwrap p {
letter-spacing: 0.02em;
margin-bottom:8px;
word-spacing:-0.05em;
}

.contentwrap > iframe {
	margin-bottom: 4%;
}

#navigation li a {
text-decoration:none;
color: #0074A2;
font-weight:bold;
font-size:24px;
margin-top:-5px;
display:inline-block;
line-height: 24px;
}

#navigation li.active a {
  color: #000000;
}

body {
font-family:URWGeometric;
font-size:19px;
line-height:23px;
background-color: #6f6f6f;
}

#navigation {
display:block;
text-align:center;
z-index:99999;
position:fixed;
width:100%;
margin-top:40px;
}

#navigation li {
display: inline-block;
padding: 0px 10px;
overflow: visible;
height: 20px;
border-left:2px solid rgb(0,116,162);
}

#navigation li.first {
border-left:none;
}

/* Hintergrundbilder */

.slide {
background-position:center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

  #menuitem4 {
background-image: url(../../../../fileadmin/templates/deroptiker.li/images/hintergrund/hg_brillen.jpg);
}

  #menuitem3 {
background-image: url(../../../../fileadmin/templates/deroptiker.li/images/hintergrund/hg_homeservice.jpg);
}

  #menuitem54 {
background-image: url(../../../../fileadmin/templates/deroptiker.li/images/hintergrund/hg_kontaktlinsen.jpg);
}

  #menuitem15 {
background-image: url(../../../../fileadmin/templates/deroptiker.li/images/hintergrund/hg_magazin.jpg);
}

  #menuitem12 {
background-image: url(../../../../fileadmin/templates/deroptiker.li/images/hintergrund/hg_startseite.jpg);
}

  #menuitem24 {
background-image: url(../../../../fileadmin/templates/deroptiker.li/images/hintergrund/hg_shop.jpg);
}

  #menuitem27 {
background-image: url(../../../../fileadmin/templates/deroptiker.li/images/hintergrund/hg_kontakt.jpg);
}

  #menuitem57 {
background-image: url(../../../../fileadmin/templates/deroptiker.li/images/hintergrund/hg_regal.jpg);
}