@charset "utf-8";

* {
	border:0;
	margin:0;
	padding:0;
}

img {
	vertical-align:bottom;
}



/* -------------------------------------------------------
	|							site structure								|
    ------------------------------------------------------- */
html {

}

body {
	background:#096a9f url(../images/bg-body.png) repeat-x;
	color:#fff;
	font:82%/1.5em "Trebuchet MS", "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", Verdana, sans-serif;
}


div#container {
	margin:0 auto;
	padding:60px 0 0 0;
	position:relative;
	width:972px;
}




/* -------------------------------------------------------
	|							 	header									|
    ------------------------------------------------------- */
h1#branding {
	background:url(../images/bg-branding.png) no-repeat;
	position:absolute;
	right:0;
	top:60px;
	width:244px;
	z-index:2;
}

h1#branding a {
	display:block;
	height:100px;
	overflow:hidden;
	text-decoration:none;
	text-indent:-9999px;
}




/* ----------- hyperlinks ---------- */

a:link {
	color:#47A6D9;
}

a:visited {
	color:#47A6D9;
}

a:hover {
	color:#fff;
}

a:active {
	color:#47A6D9;
}






/* -------------------------------------------------------
	|							 	navigation								|
    ------------------------------------------------------- */
ul#navi {
	background:url(../images/bg-navi.png) 0 -122px no-repeat;
	list-style:none;
	height:61px;
	margin:0 auto;
	position:relative;
	width:960px;
	z-index:1;
}

ul#navi li {
	float:left;
	height:60px;
}

ul#navi a {
	background:url(../images/bg-navi.png) no-repeat;
	display:block;
	height:60px;
	overflow:hidden;
	text-decoration:none;
	text-indent:-9999px;
}

ul#navi a:hover {
	background:none;
}

ul#navi li:hover > a {
	background:none;
}


li#uhren a {
	width:86px;
}
li#uhren.current a {
	background-position:0 -61px;
}

li#optik a {
	background-position:-86px 0;
	width:81px;
}
li#optik.current a {
	background-position:-86px -61px;
}

li#schmuck a {
	background-position:-167px 0;
	width:102px;
}
li#schmuck.current a {
	background-position:-167px -61px;
}

li#team a {
	background-position:-269px 0;
	width:78px;
}
li#team.current a {
	background-position:-269px -61px;
}

li#news a {
	background-position:-347px 0;
	width:80px;
}
li#news.current a {
	background-position:-347px -61px;
}

li#standorte a {
	background-position:-427px 0;
	width:109px;
}
li#standorte.current a {
	background-position:-427px -61px;
}




/* ---------- Subnavi ---------- */
ul#navi ul {
	background:#fff;
	visibility:hidden;
	left:0;
	list-style:none;
	padding:17px 20px;
	position:absolute !important;
	top:43px;
	z-index:1;
}

ul#navi li:hover ul {
	visibility:visible;
}

ul#navi ul li {
	float:none;
	height:auto;
	padding:3px 0;
	width:100%;
}

ul#navi ul a {
	background:none;
	display:inline;
	color:#494743;
	height:auto;
	text-indent:0;
	width:100%;
}

ul#navi ul a:hover {
	color:#0C6495;
	text-decoration:underline;
}


ul#navi ul li.current a {
	color:#0C6495;
}


li .sb {
	padding-left:25px !important;
}

li#uhren .sb {
	left:-2px;
}

li#optik ul {
	left:86px;
}
li#optik .sb {
	left:84px;
}

li#standorte ul {
	left:427px;
}
li#standorte .sb {
	left:425px;
}






/* ---------- Navigation additional ---------- */
div#footer ul {
	background:url(../images/bg-navi-add.png) 0 -37px no-repeat;
	float:right;
	list-style:none;
	height:37px;
	width:274px;
}

div#footer ul li {
	float:left;
}

div#footer ul a {
	background:url(../images/bg-navi-add.png) no-repeat;
	display:block;
	height:37px;
	overflow:hidden;
	text-decoration:none;
	text-indent:-9999px;
}

div#footer ul a:hover, div#footer li.current a {
	background:none;
}


li#anfrage a {
	width:79px;
}

li#newsletter a {
	background-position:-79px 0 !important;
	width:99px;
}

li#impressum a {
	background-position:-178px 0 !important;
	width:96px;
}







/* -------------------------------------------------------
	|							 	content									|
    ------------------------------------------------------- */
div#content-container {
	background:url(../images/bg-content.png);
	margin:0 auto 10px auto;
	width:960px;
}

div#column-01 {
	float:left;
	position:relative;
	width:490px;
}

div#column-02 {
	float:left;
	width:470px;
}

div#column-03 {
	width:960px;
}

div#column-04 {
	border-top:1px dashed #146291;
	clear:both;
	padding:20px 30px 20px 30px;
	width:900px;
}

div.column {
	float:left;
	margin:0 30px 10px 0;
	width:435px;
}


div#content-container p {
	margin:0 0 1.2em 0;
}

div#headline {
	background:url(../images/bg-headline.png) bottom left repeat-x;
	padding:20px 30px;
}

div#content {
	padding:25px 30px 0 30px;
}



h2 {
	color:#48a9dc;
	font:24px Calibri,"Trebuchet MS",Arial,sans-serif;
	text-transform:uppercase;
}

h3 {
	color:#fff;
	font:20px Calibri,"Trebuchet MS",Arial,sans-serif;
}

h4 {
	color:#47A6D9;
	font:1.2em Calibri,"Trebuchet MS",Arial,sans-serif;
	font-weight:normal;
}




/* ---------- Unordered list ---------- */
div#content-container ul {
	list-style:none;
	margin:0 0 1.5em 0;
}

div#content-container ul li {
	background:url(../images/anfrage/icon-required.png) left center no-repeat;
	padding:0 0 0 20px;
}





/* -------------------------------------------------------
	|							 	footer									|
    ------------------------------------------------------- */
div#footer {
	background:url(../images/bg-footer.png) top left no-repeat;
	margin:0 auto;
	min-height:74px;
	padding:0 8px 0 0;
	width:952px;
}




/* -------------------------------------------------------
	|							  misc. styles								|
    ------------------------------------------------------- */
.image {

}

.leftfloat {
	float:left;
	margin:0 20px 20px 0 !important;
}

.rightfloat {
	float:right;
	margin:0 0 10px 10px;
}

div#slideshow {
	height:461px;
	position:relative;
	z-index:0;
}

div#slideshow img {
	display:none;
	position:absolute;
}

div#slideshow p {
	display:none;
	height:461px;
	position:absolute;
}

div#slideshow span {
	background:#333;
	bottom:10px;
	display:block;
	font-size:4em;
	left:10px;
	padding:0.35em 4px;
	position:absolute;
	z-index:10;
}

img.first {
	display:block !important;
}

.clear {
	clear:both;
}


.last {
	margin-right:0 !important;
}


dl.gallery {
	float:left;
	margin:0 15px 5px 0;
	width:213px;
}

dl dd {
	padding:5px 0 0 0;
	line-height:1.3em;
}


div#euroweb {
	float:right;
	width:150px;
}

p.source {
	background:#333;
	bottom:0;
	font-size:0.9em;
	font-style:italic;
	left:10px;
	padding:2px 5px;
	position:absolute;
	z-index:10;
}

#formabtasten, #schleifvorgang, #feinschliff, #rillung {
	display:none;
}


.pdf-download {
	background:url(../images/news/aktion.png) no-repeat;
	display:block;
	height:100px;
	overflow:hidden;
	text-decoration:none;
	text-indent:-9999px;
	width:410px;
}



/* ---------- float clearing ---------- */
div#content-container:after {
	clear:both;
	content:'.';
	display:block;
	height:0;
	visibility:hidden;
}

div#video {
	width: 400px;
	height: 310px;
	margin-top: 20px;
	margin-bottom: 50px;
	margin-left:20px;
}