@charset "utf-8";

/*--------------------------------------------------------------*/
/*--------------------[ CSS Document reset ]--------------------*/
/*--------------------------------------------------------------*/

* {
	margin: 0;
	padding:0;
	outline:none;
}

/*--------------------------------------------------------------*/
/*-------------[ global tags, selectors, classes ]--------------*/
/*--------------------------------------------------------------*/

html,
body {
	height:100%;
}

body {
	background:url(../images/bg-body.jpg) center 0 repeat-x;
	font:12px/20px arial, tahoma, verdana, sans-serif;
	color:#b9b9b9;
}

/*--------------------------------------------------------------
	gloabal => typography
--------------------------------------------------------------*/
p {
	margin:0 0 20px 0;
}

textarea {
	overflow:auto;
}

a {
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	color:#ffae00;
}

a:hover {
	text-decoration:underline;
}

.highlight {
	font-weight:bold;
}

ul {
	list-style:none;
}

/*--------------------------------------------------------------
	gloabal => positioning
--------------------------------------------------------------*/

.clear {
	clear:both;
	height:0;
	overflow:hidden;
}

.floatRight {
	float:right;
}

.floatLeft {
	float:left;
}

.indent {
	text-indent:-9999px;
}

/*--------------------------------------------------------------
	gloabal => images
--------------------------------------------------------------*/
img.floatLeft {
	float:left;
	margin:0 10px 0 0;
}

/*--------------------------------------------------------------*/
/*-------------------------[ =container ]-----------------------*/
/*--------------------------------------------------------------*/

#container {
	min-height:100%;
	height:auto !important;
	height:100%;
	width:960px;
	margin: 0 auto -85px;
	background:url(../images/bg-container.jpg) 0 0 repeat-y;
}

/*--------------------------------------------------------------*/
/*------------------------[ =slideshow ]------------------------*/
/*--------------------------------------------------------------*/
#slideshow {
	width:960px;
	height:320px;
	position:absolute;
	z-index:1;
}

#slideshow img {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
}

/*--------------------------------------------------------------*/
/*---------------------------[ =header ]------------------------*/
/*--------------------------------------------------------------*/
#headerContainer {
	width:960px;
	height:320px;
	position:relative;
}

#header {
	width:960px;
	height:320px;
	background:url(../images/bg-header.png) 0 0 no-repeat;
	position:absolute;
	z-index:2;
}

#flash {
	position:absolute;
	top:35px;
	left:14px;
	width:195px;
	height:155px;
	z-index:1;
	cursor:pointer;
}

/*--------------------------------------------------------------
	header => branding
--------------------------------------------------------------*/
#header h1.branding a {
	position:absolute;
	display:block;
	width:195px;
	height:155px;
	overflow:hidden;
	top:34px;
	left:0;
}

#header h1.branding img {
	border:none;
}

#header h1 span {
	display:block;
	text-indent:-9999px;
}

#header h1.branding a:hover {
	text-decoration:none;
}

/*--------------------------------------------------------------
	header => naviAdd
--------------------------------------------------------------*/

#header ul#naviAdd {
	list-style-type:none;
	width:325px;
	height:26px;
	overflow:hidden;
	position:absolute;
	z-index:3;
	top:8px;
	left:425px;
}

#header ul#naviAdd li {
	float:left;
	height:26px;
	overflow:hidden;
	margin:0 4px 0 0;
}

#header ul#naviAdd li a {
	height:18px;
	padding:8px 0 0 0;
	text-align:center;
	font-size:11px;
	background:url(../images/bg-navi-add.jpg) 0 0 no-repeat;
	display:block;
	color:#ffffff;
	text-transform:uppercase;
}

*+html #header ul#naviAdd li a {
	height:23px;
	padding:4px 0 0 0;
}

* html #header ul#naviAdd li a {
	height:23px;
	padding:4px 0 0 0;
}

#header ul#naviAdd li a.Willkommen {
	width:122px;
}

#header ul#naviAdd li a.Willkommen:hover,
#header ul#naviAdd li.active a.Willkommen {
	background-position:0 -26px;
	text-decoration:none;
}

#header ul#naviAdd li a.Kontakt {
	width:94px;
	background-position:-126px 0;
}

#header ul#naviAdd li a.Kontakt:hover,
#header ul#naviAdd li.active a.Kontakt {
	background-position:-126px -26px;
	text-decoration:none;
}

#header ul#naviAdd li a.Anfahrt {
	width:97px;
	background-position:-224px 0;
}

#header ul#naviAdd li a.Anfahrt:hover,
#header ul#naviAdd li.active a.Anfahrt {
	background-position:-224px -26px;
	text-decoration:none;
}

/*----------------------------------------------------------------
	header => naviLanguage
----------------------------------------------------------------*/
#header ul#naviLanguage {
	width:76px;
	height:11px;
	overflow:hidden;
	position:absolute;
	top:20px;
	left:799px;
}

#header ul#naviLanguage li {
	float:left;
	height:11px;
	overflow:hidden;
	padding:0 22px 0 0;
}

#header ul#naviLanguage li a {
	display:block;
	width:16px;
	height:11px;
	overflow:hidden;
	text-indent:-9999px;
}

/*----------------------------------------------------------------
	header => navigation
----------------------------------------------------------------*/
#navigation {
	width:695px;
	height:32px;
	position:absolute;
	left:210px;
	top:249px;
}

#navigation li {
	float:left;
	padding:0 5px 0 0;
	height:32px;
	overflow:hidden;
}

#navigation li a {
	display:block;
	height:22px;
	padding:10px 0 0 0;
	overflow:hidden;
	font-size:14px;
	text-decoration:none;
	text-transform:uppercase;
	text-align:center;
	color:#ffffff;
	background:url(../images/bg-navigation.jpg) 0 0 no-repeat;
}

*+html #navigation li a {
	height:26px;
	padding:6px 0 0 0;
}

* html #navigation li a {
	height:26px;
	padding:6px 0 0 0;
}

#navigation li a.LaserTechnik {
	width:195px;
}

#navigation li a.LaserTechnik:hover,
#navigation li.active a.LaserTechnik {
	background-position:0 -32px;
}

#navigation li a.GravurTechnik {
	width:195px;
	background-position:-200px 0;
}

#navigation li a.GravurTechnik:hover,
#navigation li.active a.GravurTechnik {
	background-position:-200px -32px;
}

#navigation li a.ForschungEntwicklung {
	width:290px;
	background-position:-400px 0;
}

#navigation li a.ForschungEntwicklung:hover,
#navigation li.active a.ForschungEntwicklung {
	background-position:-400px -32px;
}

/*--------------------------------------------------------------*/
/*----------------[ =contentContainer ]-------------------------*/
/*--------------------------------------------------------------*/
#contentContainer {
	width:960px;
	background:url(../images/bg-content-container.jpg) 0 0 no-repeat;
}

/*----------------------------------------------------------------
	contentContainer => contentSidebar
----------------------------------------------------------------*/
#contentSidebar {
	width:149px;
	float:left;
	text-align:right;
	padding:57px 32px 0 0;
	background:url(../images/bg-sidebar.jpg) right 20px no-repeat;
}

#contentSidebar h5 {
	font-size:11px;
	line-height:20px;
	color:#ffffff;
	text-transform:uppercase;
}

#contentSidebar p {
	font-size:12px;
	line-height:20px;
}

#contentSidebar a {
	color:#b9b9b9;
	font-weight:normal;
	text-decoration:none;
}

#contentSidebar a:hover {
	text-decoration:underline;
}


/*----------------------------------------------------------------
	contentContainer => contentMain
----------------------------------------------------------------*/
#contentMain {
	width:726px;
	float:left;
	padding:19px 25px 30px 28px;
}

#contentMain h2 {
	color:#ffffff;
	font-size:24px;
	font-weight:normal;
	margin:0 0 13px 0;
	letter-spacing:0.05em;
	text-transform:uppercase;
}

#contentMain h3, h4 {
	font-size:16px;
	margin:0 0 10px 0;
	font-weight:normal;
}

#contentMain img {
	padding:1px;
	border:1px solid #b0b3b6;
}

#contentMain iframe {
	padding:1px;
	border:1px solid #b0b3b6;
}

#contentMain img.clearBord {
	border:none;
	padding:0;
	margin:0 0 30px 0;
}

#contentMain .column {
	width:332px;
	float:left;
	padding:0 28px 0 0;
}

#contentMain p a.vcard {
	display:block;
	width:250px;
	height:30px;
	text-indent:-9999px;
	background:url(../images/vcard.png) 0 0 no-repeat;
}

#contentMain .cmsBox {
	padding:20px 0 0 0;
}

#contentMain .cmsBox .pdf {
	display:block;
	height:22px;
	overflow:hidden;
	padding:0 0 0 59px;
	font-size:12px;
	font-weight:bold;
	color:#ffae00;
	margin:0 0 18px 0;
	line-height:22px;
	background:url(../images/pdf-download.jpg) left 0 no-repeat;
}

#contentMain .image {
	margin:0 0 21px 0;
}

#contentMain li {
	background:	url(../images/li.gif) no-repeat 0 6px;
	padding: 0 0 10px 15px;
}

#contentMain ul  {
	margin:0 0 20px 0;
}

#player {
	height:207px;
	width:326px;
	background:#ababab;
	padding:1px;
	border:1px solid #b0b3b6;
}

#getAdobeFlash {
	margin:0 auto;
	width:112px;
	padding-top:130px;
}

.videoBorder {
	padding:1px;
	border:1px solid #b0b3b6;
	margin:0 0 30px 0;
	width:326px;
}

/*--------------------------------------------------------------*/
/*--------------------------[ =footer ]-------------------------*/
/*--------------------------------------------------------------*/

#push {
	height:85px;
	clear:both;
}

#footer {
	width:916px;
	height:60px;
	margin:0 auto;
	padding:25px 0 0 44px;
	background:url(../images/bg-footer.jpg) center 0 no-repeat;
}

#footer a {
	display:block;
	width:112px;
	height:18px;
	padding:8px 0 0 0;
	overflow:hidden;
	font-size:11px;
	color:#ffffff;
	text-transform:uppercase;
	text-align:center;
	background:url(../images/bg-impressum.jpg) 0 0 no-repeat;
}

* html #footer a {
	height:24px;
	padding:2px 0 0 0;
}

*+html #footer a {
	height:24px;
	padding:2px 0 0 0;
}

#footer a:hover,
#footer a.active {
	background-position:0 -26px;
	text-decoration:none;
}