@charset "utf-8";
/* CSS Document */

* {
margin:0px;
padding:0px;
}
.accessibility{
display:none;
}
a:focus {
outline:none;
}
.clear{
clear:both;
}

img {
	border:none;
}
a#vcf{
background:url(../images/vcf.jpg) 0 0 no-repeat;
text-indent:-9999px;
display:block;
height:24px;
margin-top:10px;
}
html{
background:#a6041b;
}
body{
font-family: Tahoma, Arial, Helvetica, sans-serif;
color:#ffffff;
font-size:12px;
}
/*Header*/
#headerContainer{
background:url(../images/bg-headerContainer.jpg) 0 0 repeat-x;
position:relative;
width:100%;
}
#header{
position:relative;
margin:0px auto;
width:980px;
height:285px;
background:url(../images/bg-header.jpg) top center no-repeat;
}
h1#branding a{
width:200px;
height:219px;
background:url(../images/bg-h1.jpg) 0 0 no-repeat;
display:block;
text-indent:-99999px;
margin:0 0 0 64px;
}
/*Navi*/
#navi{
width:900px;
height:28px;
float:left;
}
#navi ul#main{
width:900px;
height:28px;
float:left;
/*background:url(../images/bg-navi.jpg) 0 0 no-repeat;*/
margin:0 0 0 40px;
}
* html #navi ul#main{
width:900px;
height:28px;
float:left;
background:url(../images/bg-navi.jpg) 0 0 no-repeat;
margin:0 0 0 20px;
}
#navi ul#main li{
list-style:none;
display:block;
float:left;
}
#navi ul#main li a{
text-indent:-9999px;
display:block;
}
#navi ul#main li a#startseite{
width:122px;
height:28px;
background:url(../images/bg-navi.jpg) 0 0 no-repeat;
}
#navi ul#main li a#startseite:hover{
background:url(../images/bg-navi.jpg) 0 -28px no-repeat;
}
#navi ul#main li a#startseite-active{
width:122px;
height:28px;
background:url(../images/bg-navi.jpg) 0 -28px no-repeat;
}
#navi ul#main li a#ueber-uns{
width:123px;
height:28px;
background:url(../images/bg-navi.jpg) -122px 0 no-repeat;
}
#navi ul#main li a#ueber-uns:hover{
background:url(../images/bg-navi.jpg) -122px -28px no-repeat;
} 
#navi ul#main li a#ueber-uns-active{
width:123px;
height:28px;
background:url(../images/bg-navi.jpg) -122px -28px no-repeat;
}    
#navi ul#main li a#marken-hersteller{
width:197px;
height:28px;
background:url(../images/bg-navi.jpg) -245px 0 no-repeat;
}
#navi ul#main li a#marken-hersteller:hover{
background:url(../images/bg-navi.jpg) -245px -28px no-repeat;
}
#navi ul#main li a#marken-hersteller-active{
width:197px;
height:28px;
background:url(../images/bg-navi.jpg) -245px -28px no-repeat;
}
#navi ul#main li a#leistungen{
width:140px;
height:28px;
background:url(../images/bg-navi.jpg) -442px 0 no-repeat;
}
#navi ul#main li a#leistungen:hover{
background:url(../images/bg-navi.jpg) -442px -28px no-repeat;
}
#navi ul#main li a#leistungen-active{
width:140px;
height:28px;
background:url(../images/bg-navi.jpg) -442px -28px no-repeat;
}

#navi ul#main li a#aktuelles{
width:130px;
height:28px;
background:url(../images/bg-navi.jpg) -582px 0  no-repeat;
}
#navi ul#main li a#aktuelles:hover{
background:url(../images/bg-navi.jpg) -582px -28px  no-repeat;
}
#navi ul#main li a#aktuelles-active{
width:130px;
height:28px;
background:url(../images/bg-navi.jpg) -582px -28px  no-repeat;
}
#navi ul#main li a#angebote{
width:175px;
height:28px;
background:url(../images/bg-navi.jpg) -712px 0  no-repeat;
}
#navi ul#main li a#angebote:hover{
background:url(../images/bg-navi.jpg) -712px -28px  no-repeat;
}
#navi ul#main li a#angebote-active{
width:175px;
height:28px;
background:url(../images/bg-navi.jpg) -712px -28px  no-repeat;
}

/* -------------SubNavi--Über-uns -----------------*/

#navi ul#main li.ueber-uns ul#subnavi-ueber-uns{
display:none;
height:72px;
}
#navi ul#main li.ueber-uns:hover ul#subnavi-ueber-uns,
#navi ul#main li.iehover ul#subnavi-ueber-uns{
display:block;
width:94px;
height:72px;
background:url(../images/bg-sub-ueber-uns.jpg) 0 0 no-repeat;
position:absolute;
top: 243px;
left:195px;
z-index: 10;
}
#navi ul#main li.ueber-uns ul#subnavi-ueber-uns li a,
#navi ul#main li.ueber-uns ul#subnavi-ueber-uns li a:hover,
#navi ul#main li.iehover ul#subnavi-ueber-uns li.iehover a {
display:block;
text-indent:-99999px;
width:94px;
height:23px;
background:url(../images/bg-sub-ueber-uns.jpg) 0 0 no-repeat;
z-index: 10;
}
* html #navi ul#main li.iehover,
* html #navi ul#main li.ueber-uns {
	height: 23px !important;
	line-height: 23px !important;
	font-size: 1px;
}

#navi ul#main li.ueber-uns ul#subnavi-ueber-uns li a#philosophie:hover{
background-position: -97px 0;
}

#navi ul#main li.ueber-uns ul#subnavi-ueber-uns li a#geschichte{
background-position: 0 -23px;
}
#navi ul#main li.ueber-uns ul#subnavi-ueber-uns li a#geschichte:hover{
background-position: -97px -23px;
}

#navi ul#main li.ueber-uns ul#subnavi-ueber-uns li a#team{
background-position: 0 -46px;
}
#navi ul#main li.ueber-uns ul#subnavi-ueber-uns li a#team:hover{
background-position: -97px -46px;
}

/* -------------SubNavi--Marken und Hersteller -----------------*/
#navi ul#main li.marken-hersteller ul#subnavi-marken-hersteller{
display:none;
height:67px;

}
#navi ul#main li.marken-hersteller:hover ul#subnavi-marken-hersteller,
#navi ul#main li.iehover ul#subnavi-marken-hersteller{
display:block;
width:129px;
height:67px;
background:url(../images/bg-sub-marken-hersteller.jpg) 0 0 no-repeat;
position:absolute;
top: 243px;
left:320px;
z-index: 10;
}
#navi ul#main li.marken-hersteller ul#subnavi-marken-hersteller li a,
#navi ul#main li.iehover ul#subnavi-marken-hersteller li a:hover,
#navi ul#main li.iehover ul#subnavi-marken-hersteller li.iehover a {
display:block;
text-indent:-99999px;
width:129px;
height:21px;
background:url(../images/bg-sub-marken-hersteller.jpg) 0 0 no-repeat;
z-index: 10;
}
* html #navi ul#main li.iehover,
* html #navi ul#main li.marken-hersteller {
	height: 21px !important;
	line-height: 21px !important;
	font-size: 1px;
}

#navi ul#main li.marken-hersteller ul#subnavi-marken-hersteller li a#brillenfassungen:hover{
background-position: -129px 0;
}
#navi ul#main li.marken-hersteller ul#subnavi-marken-hersteller li a#glaslieferanten{
background-position: 0 -21px;
}
#navi ul#main li.marken-hersteller ul#subnavi-marken-hersteller li a#glaslieferanten:hover{
background-position: -129px -21px;
}

/*Container*/
#container{
width:900px;
margin:0px auto;
background:#a6041b;
}

/*Content*/
#content{
width:547px;
min-height:430px;
float:left;
display:block;
background:#a6041b;
line-height:20px;
z-index: 0;
}
#content a{
color:#FFFFFF;
text-decoration:underline;
}
#content a:hover{
color:#FFFFFF;
text-decoration:none;
}
#content p {
width:410px;
margin:0 108px 20px 25px;
}
#content a img{
	background:none;
text-decoration:underline;
}
#table {
width:439px;
margin:0 108px 20px 5px;
}

h2{
width:463px;
height:40px;
text-indent:-9999px;
margin-bottom:6px;
display:block;
}
h2#herzlich-willkommen{
width:463px;
height:40px;
text-indent:-9999px;
display:block;
background:url(../images/h2/herzlich-willkommen.jpg) 0 0 no-repeat;
}
h2#h2-philosophie{
width:463px;
height:40px;
text-indent:-9999px;
display:block;
background:url(../images/h2/philosophie.jpg) 0 0 no-repeat;
}
h2#h2-team{
width:463px;
height:40px;
text-indent:-9999px;
display:block;
background:url(../images/h2/team.jpg) 0 0 no-repeat;
}
h2#h2-geschichte{
width:463px;
height:40px;
text-indent:-9999px;
display:block;
background:url(../images/h2/geschichte.jpg) 0 0 no-repeat;
}
h2#h2-brillenfassungen{
width:463px;
height:40px;
text-indent:-9999px;
display:block;
background:url(../images/h2/brillenfassungen.jpg) 0 0 no-repeat;
}
h2#h2-kontaktlinsen{
width:463px;
height:40px;
text-indent:-9999px;
display:block;
background:url(../images/h2/kontaktlinsen.jpg) 0 0 no-repeat;
}
h2#h2-glaslieferanten{
width:463px;
height:40px;
text-indent:-9999px;
display:block;
background:url(../images/h2/glaslieferanten.jpg) 0 0 no-repeat;
}
h2#h2-aktuelles{
width:463px;
height:40px;
text-indent:-9999px;
display:block;
background:url(../images/h2/aktuelles.jpg) 0 0 no-repeat;
}
h2#h2-monatsangebot{
width:463px;
height:40px;
text-indent:-9999px;
display:block;
background:url(../images/h2/monatsangebot.jpg) 0 0 no-repeat;
}
h2#h2-leistungen{
width:463px;
height:40px;
text-indent:-9999px;
display:block;
background:url(../images/h2/leistungen.jpg) 0 0 no-repeat;
}
h2#h2-impressum{
width:463px;
height:40px;
text-indent:-9999px;
display:block;
background:url(../images/h2/impressum.jpg) 0 0 no-repeat;
}
h2#h2-kontakt{
width:463px;
height:40px;
text-indent:-9999px;
display:block;
background:url(../images/h2/kontakt.jpg) 0 0 no-repeat;
}
h2#h2-fehler{
width:463px;
height:40px;
text-indent:-9999px;
display:block;
background:url(../images/h2/error.jpg) 0 0 no-repeat;
}
h2#h2-danke{
width:463px;
height:40px;
text-indent:-9999px;
display:block;
background:url(../images/h2/danke.jpg) 0 0 no-repeat;
}
h2#h2-newsletter{
width:463px;
height:40px;
text-indent:-9999px;
display:block;
background:url(../images/h2/newsletter.jpg) 0 0 no-repeat;
}
h2#h2-anfahrt{
width:463px;
height:40px;
text-indent:-9999px;
display:block;
background:url(../images/h2/anfahrt.jpg) 0 0 no-repeat;
}
.hr{
	margin:15px 0 15px 25px;
	height:1px;
	width:522px;
	background:#fff;
	float:left;
	}
.imgFloat{
	margin:0 15px 0 25px;
	float:left;
	}
h3{
margin:0 0 10px 25px;
}
h4{
margin:0 0 0 25px;
}
#euroweb{
margin-left:25px;
}
#images{
width:449px;
margin:44px 108px 15px 15px;
}
img{
background:#ffffff;
}
#images img{
width:204px;
height:104px;
padding:2px;
background:#ffffff;
margin-left:10px;
}
.cmsGalerie {
	float:left;
	margin:20px 0 0 25px;
}
* html .cmsGalerie {
	float:left;
	margin:20px 0 0 12px;
}
.cmsGalerie img{
border:0px;
}
/*Sidebar*/
#sidebar{
width:300px;
line-height:20px;
float:left;
margin: 0 0 0 50px;
}
#sidebar a{
color:#ffffff;
text-decoration:underline;
}
#sidebar a:hover{
color:#ffffff;
text-decoration:none;
}
* html #sidebar{
width:300px;
line-height:20px;
float:left;
background:#a6041b;
margin: 0 0 0 25px;
}
#sidebar p{
padding:0 0 0 18px;
margin-bottom:15px;
}
#adresse{
width:274px;
padding:46px 0 0 0;
height:152px;
float:left;
background:url(../images/bg-adresse.jpg) top left no-repeat;
display:block;
}
#oeffnungszeiten{
width:274px;
height:108px;
padding: 46px 0 0 0;
float:left;
background:url(../images/bg-oeffnungszeiten.jpg) top left no-repeat;
display:block;
}
.spacer-wide {
display: block;
width:149px;
float: left;
}
.spacer-middle {
display: block;
width:117px;
float: left;
margin-bottom:10px;
}
.spacer-small {
display: block;
float: left;
width: 120px;
margin-bottom:10px;
}
.spacer-narrow {
display: block;
width: 80px;
float:left;
}
/*Footer*/
#footerContainer{
position:relative;
width:100%;
height:183px;
float:left;
background:url(../images/bg-footerContainer.jpg) bottom center repeat-x;
}
#footer{
position:relative;
width:915px;
background:url(../images/bg-footer.jpg) bottom center no-repeat;
margin: 0px auto;
padding:20px 0 0 65px;
height:120px;
}
/*NaviAdd*/
#naviAdd{
width:209px;
height:13px;
float:left;
margin-top:86px;
}
#naviAdd ul{
width:209px;
height:13px;
background:url(../images/bg-naviAdd.jpg) 0 0 no-repeat;
}
#naviAdd ul li {
float:left;
list-style:none;
}
#naviAdd ul li a{
height:13px;
text-indent:-9999px;
display:block;
}
#naviAdd ul li a#kontakt{
width:44px;
background:url(../images/bg-naviAdd.jpg) 0 0 no-repeat;
}
#naviAdd ul li a#kontakt:hover{
width:44px;
background:url(../images/bg-naviAdd.jpg) 0 -14px no-repeat;
}
#naviAdd ul li a#kontakt-active{
width:44px;
background:url(../images/bg-naviAdd.jpg) 0 -14px no-repeat;
}
#naviAdd ul li a#anfahrt{
width:51px;
background:url(../images/bg-naviAdd.jpg) -44px 0 no-repeat;
}
#naviAdd ul li a#anfahrt:hover{
width:51px;
background:url(../images/bg-naviAdd.jpg) -44px -14px no-repeat;
}
#naviAdd ul li a#anfahrt-active{
width:51px;
background:url(../images/bg-naviAdd.jpg) -44px -14px no-repeat;
}
#naviAdd ul li a#impressum{
width:56px;
background:url(../images/bg-naviAdd.jpg) -96px 0 no-repeat;
}
#naviAdd ul li a#impressum:hover{
width:56px;
background:url(../images/bg-naviAdd.jpg) -96px -14px no-repeat;
}
#naviAdd ul li a#impressum-active{
width:56px;
background:url(../images/bg-naviAdd.jpg) -96px -14px no-repeat;
}
#sloagan{
width:338px;
height:42px;
float:left;
background:url(../images/bg-text-footer.jpg) 0 0 no-repeat;
text-indent:-9999px;
margin-top:61px;
display:block;
}
#logo{
background:transparent url(../images/bg-logo-footer.jpg) no-repeat scroll 0 0;
display:block;
height:197px;
position:absolute;
right:65px;
text-indent:-9999px;
top:-54px;
width:274px;
}
#map{
width:475px;
padding:2px;
background:#ffffff;
margin:0 0 20px 25px;
}
#map a{
color:#a6041b;
text-decoration:underline;
}
#map a:hover{
color:#a6041b;
text-decoration:none;
}

table{
	padding-left:20px;}
table td{
	padding-bottom:20px;
	padding-top:20px;
	border-bottom: 1px solid #cccccc;}
	
table td.table-images{
	padding-left:20px;}

.acc-image{
	float:left;
	padding: 10px 20px 20px 0;}
	
.acc-image2{
	float:left;
	padding: 10px 0 20px 0;}

.no-image{
margin-left:5px !important;
}

.strich {
	background:url(../images/strich.jpg) 0 0 no-repeat;
	z-index:1;
	position:relative;
	width:13px;
	height:19px;
	left:278px;
	top:4px;
	}
	
*+html .strich {
	background:url(../images/strich.jpg) 0 0 no-repeat;
	z-index:1;
	position:relative;
	width:13px;
	height:19px;
	left:278px;
	top:-24px;
	}
	
.noneborder {
	border:none!important;
	}