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

/* LAYOUT STYLES */

body{
	background: #1b191c url(../images/layout-bg.png);
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#1a171b;
}
#container{
	width:952px;
	margin:auto;
}
#header-container{
	width:958px;
	height:286px;
	position:relative;
	z-index:2;
}
#header{
	border-left:3px solid #ffffff;
	border-right:3px solid #ffffff;
	width:952px;
	height:198px; 
	background-image:url(../images/layout-header.png);
	float:left;
	position:relative;
}
h1.branding a{
	width:255px;
	height:76px;
	display:block;
	text-indent:-10000px;
	background:none;
}
h1.branding{
	margin:18px 0 0 69px;
	width:255px;
	height:76px;
	z-index:10000;
	position:absolute;
}
#header-overlay{
	position:absolute;
	width:952px;
	height:198px; 
	background-image:url(../images/layout-header-overlay.png);
	z-index:50;
}
#slideshow-container{
	width:561px;
	height:198px;
	float:right;
	overflow:hidden;
	text-align:right;
}
#slideshow{
	width:561px;
	height:198px;
	overflow:hidden;
}
#slideshow img{
	width:561px;
	height:198px;
	border:0px;
	text-align:right;
	
	/*background:url(../images/slideshow/slide-back.png) !important;*/
}
#slideshow div{
	float:right;
}
#slideshow img.first { display: block }

#navi-empty{
	border-left:3px solid #ffffff;
	width:69px;
	height:57px;
	background-image:url(../images/navi-empty.png);
	float:left;
}
ul#navi{
	width:883px;
	border-right:3px solid #ffffff;
	float:left;
	margin:0px;
	z-index:999;
}
ul#navi a{
	text-indent:-10000px;
	background-image:url(../images/layout-content-bg.png);
}
ul#navi li, ul#navi a{
	height:57px;
	display:block;
	border:0px;
}
ul#navi li{
	list-style-type:none;
	float:left;
}
li#brillen{ width: 92px;}
li#linsen{ 	width: 80px;}
li#aktuelles{ width: 98px;}
li#ueberraschung{ width: 145px;}
li#erfahrungen{ width: 132px;}
li#team{	width: 62px;}
li#standorte{ width: 110px;}
li#kontakt{ width: 103px;}
li#gaestebuch{ width: 61px;}

ul#navi li a{ background-image:url(../images/navi.png);}

li#brillen a{ background-position: 0 0;}
li#linsen a{ background-position: -92px 0;}
li#aktuelles a{ background-position: -172px 0;}
li#ueberraschung a{ background-position: -270px 0;}
li#erfahrungen a{ background-position: -415px 0;}
li#team a{background-position: -547px 0;}
li#standorte a{ background-position: -609px 0;}
li#kontakt a{ background-position: -719px 0;}
li#gaestebuch a{ background-position: -822px 0;}

#navi li:hover{
	overflow:visible;}
#navi li a:hover{
	height:57px;
	text-decoration:none;
	}
#navi li ul{}
#navi li ul li a{
	font-weight:normal;
	text-indent:0;
	background-image:none;
	font-family:Arial, Helvetica, sans-serif;
	color:#cdcccd;
	/*border-left:	1px solid #1b1a1c;*/
	height:24px;
	padding: 5px 0 0 10px;
	border-top:	1px solid #676767;
	border-bottom:	1px solid #1b1a1c;
	border-left:#676767 1px solid;
	border-right:#676767 1px solid;
}
#navi li ul li{
	background-image:none;
	height:31px;
}
#navi li ul li a:hover{
	color:#ffffff;
	background-image:none;
	height:24px;
}
ul#navi a:hover{
	background-image:url(../images/navi.png);
}
li#brillen a:hover{ background-position: 0 -57px;}
li#linsen a:hover{ background-position: -92px -57px;}
li#aktuelles a:hover{ background-position: -172px -57px;}
li#ueberraschung a:hover{ background-position: -270px -57px;}
li#erfahrungen a:hover{ background-position: -415px -57px;}
li#team a:hover{background-position: -547px -57px;}
li#standorte a:hover{ background-position: -609px -57px;}
li#kontakt a:hover{ background-position: -719px -57px;}
li#gaestebuch a:hover{ background-position: -822px -57px;}

ul#navi a.active{
	background-image:url(../images/navi.png);
}
li#brillen a.active{ background-position: 0 -114px;}
li#linsen a.active{ background-position: -92px -114px;}
li#aktuelles a.active{ background-position: -172px -114px;}
li#ueberraschung a.active{ background-position: -270px -114px;}
li#erfahrungen a.active{ background-position: -415px -114px;}
li#team a.active{background-position: -547px -114px;}
li#standorte a.active{ background-position: -609px -114px;}
li#kontakt a.active{ background-position: -719px -114px;}
li#gaestebuch a.active{ background-position: -822px -114px;}

ul#navi a.active:hover{
	background-image:url(../images/navi.png);
}
li#brillen a.active:hover{ background-position: 0 -171px;}
li#linsen a.active:hover{ background-position: -92px -171px;}
li#aktuelles a.active:hover{ background-position: -172px -171px;}
li#ueberraschung a.active:hover{ background-position: -270px -171px;}
li#erfahrungen a.active:hover{ background-position: -415px -171px;}
li#team a.active:hover{background-position: -547px -171px;}
li#standorte a.active:hover{ background-position: -609px -171px;}
li#kontakt a.active:hover{ background-position: -719px -171px;}
li#gaestebuch a.active:hover{ background-position: -822px -171px;}


ul#navi-add{
	margin:50px 0 0 0;
	width:61px;
	float:right;
	z-index:999;
}
ul#navi-add a{
	text-indent:-10000px;
	background-image:url(../images/navi-newsletter.png);
	background-position:0 0;
	padding:0;
}
ul#navi-add li, ul#navi-add a{
	width:61px;
	height:24px;
	display:block;
	border:0px;
}
ul#navi-add li{
	list-style-type:none;
	float:left;
}
ul#navi-add a:hover{	background-position: 0 -24px;}
ul#navi-add a.active {	background-position: 0 -48px;}
ul#navi-add a.active:hover{	background-position: 0 -72px;}

#content{
	width:955px;
	background:url(../images/layout-content-bg.png) no-repeat #ffffff;
	background-position:3px 0;
	border-right:3px solid #ffffff;
	border-top:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
}
#footer-container{
	width:952px;
	height:248px;
}
#footer{
	width:952px;
	height:212px;
	border-right:3px solid #ffffff;
	border-left:3px solid #ffffff;
	background:url(../images/layout-footer.png) #ffffff no-repeat;
	background-position:bottom;

	float:left;
}
#shadow-bottom{
	width:958px;
	height:23px;
	float:left;
	border-top:3px solid #ffffff;
}
#shadow-top{
	width:958px;
	height:28px;
	border-bottom:3px solid #ffffff;
	float:left;
}
/* CLEARFIX TO BREAK FLOATING */

.clearfix:after {
  content: ".";
  clear: both;
  height: 0;
  visibility: hidden;
  display: block;
}
.clearfix {
  display: inline-block; /* Fixes IE/Mac */
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}

.clearfix {display: block;}
/* End hide from IE-mac */





/* CONTENT STYLES */

h2,h3,h4,h5{
	text-transform:uppercase;
	color:#1a171b;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
}

div#container div#content h2 {
	font-size:18px;
	width: 871px;
	height: 24px;
	padding: 54px 0 40px 84px;
}
h3{
	font-size:15px;
	line-height:30px;
	margin:15px 0 10px 0;
}
h4{
	font-size:13px;
	line-height:30px;
	margin:15px 0 7px 0;
	font-weight:bold;	
}

.footer-title{
	margin:56px 0 25px 84px;
	text-transform:uppercase;
	color:#eeeeee;
	font-size:11px;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
}
div.adress{
	margin:0 0 0 84px;
	width:333px;
	float:left;
}
div.adress p{
	color:#565656;
	font-size:11px;
	line-height:15px;
	margin:0;
}
div.adress a{
	color:#565656;
	font-weight:normal;
}
div.adress p.standort{
	margin-bottom:7px;
	font-size:12px;
	font-weight:bold;
}
p{
	font-size:12px;
	text-align:justify;
	line-height:20px;
	margin-bottom:15px;
}
a, a:active{
	color:#4a9c2d;
	font-weight:normal;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
/*
a[href^="http:"] {
	background: transparent url(../images/icon-external-link.gif) 100% 50% no-repeat;
	padding-right: 16px;
}
*/
img{
	border:1px solid #d4d4d4;
	display:block;
}
#video{
	border:1px solid #d4d4d4;
	}

div.ul-styled{
	width:100%;
	border:1px solid #d4d4d4;
	margin:0 0 20px 0;
}
div.ul-styled div.ul-title{
	padding:10px 10px 10px 25px;
	border-bottom:1px solid #d4d4d4;
	background-color:#f6f6f6;
	font-weight:bold;
}
div.ul-styled ul{
	line-height:18px;
	list-style-type:square;
	list-style-image:url(../images/list-style-image.png);
	margin:8px 20px 8px 40px;
}
div.ul-styled li{
	margin:0 0 5px 0;
}
div.ul-styled table{
	margin:8px 0 8px 20px;
}

div.ul-styled p{
	margin:8px 20px 8px 20px;
}
ul{
	line-height:18px;
	list-style-type:circle;
	margin:0 0 5px 20px;
}



/* 2 COLUMNS IN LAYOUT */

.content-row{
	margin:0 0 20px 84px;
	width:826px;
	padding:0px;
}
.just-images{
	margin:0 0 20px 0;
}
.just-images .content-row{
	margin:0 0 0 84px;
}
.content-row a img:hover{
	border:1px solid #a5b99e;
}
.content-row .ewcms_edit_img:hover{
	border:0px;
}
.content-column{
	width:367px;
	margin:0 45px 0 0;
	float:left;
}
.content-column1{
	width:779px;
	margin:0 0 0 0;
}
.content-column3{
	width:230px;
	margin:0 45px 0 0;
	float:left;
}
.content-column5{
	width:144px;
	margin:0 15px 0 0;
	float:left;
}
.img-top{
	height:3px;
	width:367px;
	background:url(../images/layout-img-border-top.png);
	overflow:hidden;
}
.img-bottom{
	height:6px;
	width:367px;
	background:url(../images/layout-img-border-bottom.png);
	margin:0 0 10px 0;
	overflow:hidden;
}
.content-column3 .img-top{
	height:3px;
	width:230px;
	background:url(../images/layout-img-border-top-3.png);
	overflow:hidden;
	}
.content-column3 .img-bottom{
	height:6px;
	width:230px;
	background:url(../images/layout-img-border-bottom-3.png);
	margin:0 0 10px 0;
	overflow:hidden;
	}
.img-top-5{
	height:3px;
	width:144px;
	background:url(../images/team/layout-img-border-top.png);
	overflow:hidden;
}
.img-bottom-5{
	height:6px;
	width:144px;
	background:url(../images/team/layout-img-border-bottom.png);
	overflow:hidden;
}
.right{text-align:right;}
.bold{font-weight:bold;}
.noborder{
 border:0px;
 }
td{
	padding:5px 15px 5px 5px;
}
.mycontact{
	width:600px;
	margin:0 0 0 90px;
}
.teamname{
	font-weight:bold;
	margin:0 0 0 0;
	}
.teamfunktion{
	text-align:left;
	line-height:16px;
	font-size:11px;
	}
p.groupfancy{
	margin:0px;
}
.small{
	font-size:9px;
	margin:0 0 50px 0;
}