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

* { margin:0; padding:0; font-size:1em; border:none; }

html[xmlns^="http"]
{
/* verhindert Mozilla-Zucken
* > Firefox 1.5
*/
overflow-y: scroll;
}
/*Katharina*/
ul				{list-style-type:none;}
ul.adresse		{float:left; padding: 0 10px 0 0; }
ul.adresse1		{float:left; padding: 0 10px 0 0; font-weight:bold; }
ul.adresse li, ul.adresse1 li		{ padding:0; background:none; }

.bild			{position:relative;
				 width:130px;
				 height:155px;
				 }
.bild span		{
				cursor:pointer;
				 position:absolute;
				 height:167px;
				 width:142px;
				 top:-6px;
				 left:-6px;
				 background:url(../images/img_border.png) no-repeat;
				 behavior: url(images/iepngfix.htc);
				}

.bild2			{position:relative;
				 width:130px;
				 height:155px;
				 }
.bild2 span		{
				cursor:pointer;
				 position:absolute;
				 height:167px;
				 width:142px;
				 top:-6px;
				 left:-6px;
				 background:url(../images/img_border2.png) no-repeat;
				 behavior: url(images/iepngfix.htc);
				}
blockquote {
  font: 1em/1.2em;  width: 280px; background: url(../images/design/close_gaensefuss.gif) no-repeat right bottom; padding-left: 18px; text-indent: -18px; margin:20px 0 0 20px; color:#5e5b55; padding-right: 20px;}

blockquote:first-letter { background: url(../images/design/open_gaensefuss.gif) no-repeat left top; padding: 4px 0 16px 32px; font-size: 1.6em; }

.package-soflens	{ float:right; margin-right:-24px; position:relative; }


/* GLOBALS */
body			{ font:normal 80%/140% Arial, Helvetica, sans-serif; color:#29363b; background:#e6d3b5; }
p				{ margin:0 0 8px 0; }
strong			{}
h1				{ height:40px; line-height:40px; }
h2				{ color:#68635a; font-size:130%; font-weight:normal; margin:14px 0 5px 0; }
h3				{ color:#5e5b55; font-size:100%; border-bottom:#d2c2b5 solid 1px; padding:0 0 3px 0; }
a:link			{ color:#b70b00; text-decoration:underline; }
a:visited		{ color:#29363b; text-decoration:underline; }
a:hover			{ color:#666; }
li { background:url(../images/design/bullet-li.gif) no-repeat left 0.5em; padding:0 0 0 1.3em; margin:0 0 0.3em 0; }

/* ID's */
#container { background:#f4ecdb url(../images/design/background.gif) repeat-x left top; }
#wrapperhome { width:965px; margin:0 auto; background:url(../images/design/wrapper-home.jpg) no-repeat left top; }
#wrapper { width:965px; margin:0 auto; background:url(../images/design/wrapper.jpg) no-repeat left top; }
#top { height:144px; width:857px; margin:0 auto; padding:40px 0 0 22px; background:url(../images/design/top-brille.jpg) no-repeat right bottom; }
#content { width:879px; margin:0 auto; padding:0 0 30px 0; }
#footer { border-top:#bbbcb3 solid 2px; font-size:85%; }
#footer img { vertical-align:middle; margin:0 0.8em 0.2em 0.8em; width:0.6em; height:0.6em; }
.footer-inner { width:857px; margin:0 auto; padding:0 0 20px 22px; }
#footer strong { color:#b70b00; }
.footer-left { float:left; border-top:#bbbcb3 solid 2px; padding:13px 0 0 0; }
.footer-right { float:right; border-top:#bbbcb3 solid 2px; padding:13px 0 0 0; word-spacing:21px; }
#footer a:link, #footer a:visited { color:#455054; text-decoration:underline; }
#footer a:hover { color:#b70b00; text-decoration:underline; }
#team {}
#team .member { float:left; width:270px; }
#team .member .bild2 { margin:0 0 10px 0; }
#partnerlogos { padding:20px 0 0 0; }
#introswf { padding:10px 0; }

/* CLASSES */
.left { float:left; width:548px; padding:30px 0 0 22px; }
.left h3 { color:#b70b00; font-size:120%; border:none; }
.right { float:right; width:243px; padding:30px 0 0 0; color:#455054; }
.breadcrumbhome { margin:230px 0 0 22px; font-size:85%; }
.breadcrumb { margin:160px 0 0 22px; font-size:85%; }
.breadcrumb a:link, .breadcrumb a:visited { color:#29363b; margin:0 4px 0 0; padding:0 8px 0 0; background:url(../images/design/arrow-grey.gif) no-repeat right; }
.breadcrumb strong { color:#68635a; }
.select-fontsize { float:right; width:220px; line-height:normal; text-align:right; margin:6px 0 0 0; }
.select-fontsize span { color:#6b6b6b; font-size:90%; }
.icons { float:right; width:70px; }
.logo-fassungen { vertical-align:middle; margin:0 24px 24px 0; }
.mod-oeffnungszeiten { background:url(../images/design/clock.gif) no-repeat 190px 36px; font-size:90%; margin:0 0 34px 0; }
.mod-oeffnungszeiten h3 { font-size:110%; margin:0 0 8px 0; }
.mod-oeffnungszeiten .mod-oeffnungszeiten-left { float:left; width:4.6em; font-weight:bold; }
.mod-oeffnungszeiten .mod-oeffnungszeiten-right { float:left; }
.mod-angebote { font-size:90%; }
.mod-angebote h3 { font-size:110%; margin:0 0 8px 0; }
.ftright { float:right; }
.margleft { margin:0 0 0 20px; }
.jobtitle { color:#6b6b6b; font-size:90%; }
.small { color:#6b6b6b; font-size:85%; line-height:100%; }
.clr { clear:both; font-size:0.000001em; line-height:0.000001em; }
.spacer { background:url(../images/design/spacer.gif) repeat-x left; line-height:0.000001em; font-size:0.000001em; margin:16px 0; height:1px; }

/* NAVIGATION ELEMENTS */
/* MAIN */
ul#navigation { list-style-type:none; margin:14px 0 0 0; position:relative; width:620px; }
ul#navigation li { list-style-type:none; float:left; background:url(../images/design/spacer-nav.gif) no-repeat right; padding:0 12px 0 10px; height:30px; line-height:30px; }
ul#navigation li.first { list-style-type:none; float:left; background:url(../images/design/spacer-nav.gif) no-repeat right; padding:0 12px 0 0; height:30px; height:30px; line-height:30px; }
ul#navigation li.last { list-style-type:none; float:left; background:none; padding:0 0 0 10px; height:30px; line-height:30px; }
ul#navigation li a:link, ul#navigation li a:visited { float:left; color:#455054; text-decoration:none; font-size:115%; }
ul#navigation li a:hover { background:none; color:#000; }

/*Start Klappnavigation*/
ul#navigation ul {
visibility:hidden;
position:absolute;
}

ul#navigation ul.leistungen {
top:24px;
left:68px;
}

ul#navigation ul.sortiment {
top:24px;
left:296px;
}

/* make the second level visible when hover on first level list OR link */
ul#navigation li:hover ul,
ul#navigation a:hover ul {
visibility:visible;
height:160px; /*Mouse-Over Bereich, damits aktiv bleibt*/
width:188px;
}

ul#navigation li:hover ul li, ul#navigation li a:hover ul li {
	height:auto;
	margin:0;
	border-bottom:1px solid #e3dcdc;
	background:none;
	width:188px;
	padding:0;
}

ul#navigation li:hover ul li a:link, ul#navigation li:hover ul li a:visited, ul#navigation li a:hover ul li a:link, ul#navigation li a:hover ul li a:visited {
	background-image:none;
	filter:alpha(opacity=90); /* Internet Explorer */
	-moz-opacity: 0.90; /* Mozilla Browser */
	opacity: 0.90; /* Opera */
	color:#000;
	width:168px;
	background:#fff url(../images/design/arrow-grey.gif) no-repeat 12px;
	margin:0;
	padding:0 0 0 20px;
	height:30px;
	line-height:30px;
	border:none;
	font-size:12px;
	letter-spacing:normal;
}

ul#navigation li:hover ul li a:hover, ul#navigation li a:hover ul li a:hover {
	filter:alpha(opacity=100); /* Internet Explorer */
	-moz-opacity: 1; /* Mozilla Browser */
	opacity: 1; /* Opera */
	background:#fff url(../images/design/arrow-grey.gif) no-repeat 12px;
	margin:0;
	padding:0 0 0 20px;
	color:#000;
	font-size:12px;
}

ul#navigation li a:visited ul li a:hover {
	filter:alpha(opacity=100); /* Internet Explorer */
	-moz-opacity: 1; /* Mozilla Browser */
	opacity: 1; /* Opera */
	background:#fff url(../images/design/arrow-grey.gif) no-repeat 12px;
	margin:0;
	padding:0 0 0 20px;
	color:#000;
	font-size:12px;
}
/*Ende Klappnavigation*/

/* SPECIALS */
.font_klein	{font-size: 0.7em; padding: 90px 0 0 0;}

#euroweb {
margin-top:30px;
width:151px;
}