@charset "UTF-8";

* {
	margin:0;
	padding:0;
	font-family:Arial,Helvetica,sans-serif;
	font-size:1em;
	line-height:1.3em;
	color:#5d5f61;
}

html {
	font-size:78%;
}

body {
	background-image:url(../img/background.png);
	background-repeat:repeat-y;
}

img { border:none; }

a:active, a:hover { color:#000; }


/**
 *	Typo
 */

h1 { 
	font-size:1.2em;
	margin-top:0.8em;
	margin-bottom:0.7em;
}

p { padding-bottom:1em; }

.indent { padding-left:1.2em; }



/**
 *	Menu
 */

#menubox {
	position:absolute;
	width:250px;
	height:340px;
	top:77px;
	background-color:#fff;
	z-index:10;
}

#menubox li {
	list-style-type:none;
	background-image:url(../img/line.gif);
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:23px;
	margin-bottom:1em;
}

#menubox .selected {
	font-weight:bold;
	padding-left:66px;
	background-image:url(../img/linesel.gif);
	background-position:left center;
	background-repeat:no-repeat;
}

#menubox a:link, #menubox a:visited {
	text-decoration:none;
}

#menubox a:active, #menubox a:hover {
	text-decoration:none;
	color:#000;
}



/**
 *	Content
 */

#logobox {
	left:799px;
	top:32px;
	position:absolute;
	z-index:10;
}

#topline {
	position:absolute;
	background-color:#918f8f;
	overflow:hidden;
	height:1px;
	width:660px;
	left:250px;
	top:85px;
	z-index:1;
}

#midline {
	position:absolute;
	background-color:#918f8f;
	overflow:hidden;
	height:1px;
	width:695px;
	left:0;
	top:345px;
	z-index:20;
}

.hr {
	background-color:#918f8f;
	overflow:hidden;
	height:1px;
	width:100%;
}

#bodybox {
	position:absolute;
	left:250px;
	top:345px;
	width:445px;
	z-index:30;
	padding-bottom:2em;
}

#bodybox p { padding-right:10px; }

#image {
	position:absolute;
	background-repeat:no-repeat;
	z-index:15;
}

#langsel {
	margin-top:95px;
}



/**
 *	Bereichsabhaengige Inhalte: Home
 */

#home #bgimage {
	position:absolute;
	left:418px;
	top:2px;
	width:570px;
	height:610px;
	background-image:url(../img/home.gif);
	background-repeat:no-repeat;
	z-index:4;
}

#home #image {
	left:246px;
	top:80px;
	width:560px;
	height:320px;
	z-index:5;
	background-image:url(../img/home.jpg);
}



/**
 *	Unternehmen
 */

#unternehmen #image {
	left:243px;
	top:89px;
	width:700px;
	height:370px;
	background-image:url(../img/unternehmen.jpg);
}



/**
 *	Leistungsspektrum
 */

#leistungsspektrum #bodybox { top:85px; }

#leistungsspektrum #image { 
	position:relative;
	width:120px;
	height:210px;
	float:left;
}

#leistungsspektrum #outertab {
	position:relative;
	margin-top:1em;
	width:auto;
}

#leistungsspektrum #table { width:534px; position:relative; }
#leistungsspektrum #bodybox { width:660px; }



/**
 *	Konstruktion
 */

#konstruktion #image {
	left:244px;
	top:88px;
	width:680px;
	height:360px;
	background-image:url(../img/konstruktion.jpg);
}

#konstruktion #bodybox { left:463px; }



/**
 *	Werkzeugbau
 */

#werkzeugbau #image {
	left:242px;
	top:89px;
	width:680px;
	height:370px;
	background-image:url(../img/werkzeugbau.jpg);
}

#werkzeugbau #bodybox { width:330px; }
#werkzeugbau #midline { width:582px; }



/**
 *	Qualiaetssicherung
 */

#qualitaetssicherung #image {
	left:245px;
	top:88px;
	width:680px;
	height:360px;
	background-image:url(../img/qualisicherung.jpg);
}

#qualitaetssicherung #bodybox { left:463px; }



/**
 *	Oberflaechenveredelung
 */

#oberflaechenveredelung #image {
	left:243px;
	top:88px;
	width:680px;
	height:370px;
	background-image:url(../img/oberflaechenveredelung.jpg);
}

#oberflaechenveredelung #bodybox { width:223px; }
#oberflaechenveredelung #midline { width:475px; }



/**
 *	Kontakt
 */

#kontakt #image {
	left:245px;
	top:90px;
	width:700px;
	height:370px;
	background-image:url(../img/kontakt.jpg);
}

#kontakt #address {
	position:absolute;
	left:695px;
	top:361px;
	width:215px;
	font-size:0.9em;
	z-index:50;
}

#kontakt #midline { width:910px; }


/**
 *	Lightbox
 */

#overlay{ background-image:url(../img/overlay.png); }

* html #overlay{
	background-color:#000;
	back\ground-color:transparent;
	background-image:url(../img/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../img/overlay.png", sizingMethod="scale");
}

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #333;
	border-right: 2px solid #333;
}

#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
}	

#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }