/*
 * CSS-Reset v1.0 | 20080212
 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
input, select, textarea,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
}
ul, ol {
    list-style:none;
}
blockquote, q {
    quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
}

/* remember to define focus styles! */
a:focus, label:focus, input:focus, select:focus, textarea:focus {
	outline:1px dotted #58585a;
}

/* remember to highlight inserts somehow! */
ins {
    text-decoration:none;
}
del {
    text-decoration:line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse:collapse;
    border-spacing:0;
}

/*
 * HTML
 */
html {
    font-size:100.01%;
}

/*
 * Body
 */
body {
	background:#eceded;
	color:#58585a;
	font-family:Arial, Helvetica, Verdana, sans-serif;
	font-size:13px; /*13px*/
	line-height:16px;   /*16px*/
	text-align:center;
}

label:hover, input.submit:hover {
    cursor:pointer;
}

label.noTarget:hover {
    cursor:default; 
}

input, select, textarea {
    color:#58585a;
    font-family:Arial, Helvetica, Verdana, sans-serif;
    font-size:1em;
}

a {
	text-decoration:none;
	color: #015ea4;
}

/*
 * General classes
 */
.wrapper {
	float:left;
	width:100%;
} 
 

/*
 * Main Wrapper
 */
#mainWrapper {
	/*left:-115px;*/
	margin:39px auto 0 auto;
	position:relative;
	text-align:left;
	width:945px;
}

#wrapper1 {
    background:url(../images/rand-rechts.png) right repeat-y;   
}

#wrapper2 {
	background:#FFF;
}

#wrapper3 {
	background:url(../images/schieblehre-transparent.png) right bottom no-repeat; 
}

#wrapper4 {
	background:url(../images/eck-oben-rechts.png) right top no-repeat;
}

/*moderne Browser*/
 #mainWrapperInner {
         float:left;
         min-height:647px;
         margin-left:0px;
         width:900px;
 }
 

/*alte IEs*/
* html #mainWrapperInner { height: 800px }
*+html #mainWrapperInner { height: 800px }



/*
 * Intro
 */
 
#intro {
	margin:39px auto 0 auto;
	width:945px;
	position:relative;
	z-index: 1;
}

#messuhr {
	z-index:1;
	position:absolute;
	width:490px;
	left: 20px;
	top: 125px;
	background:url(../images/messuhr-intro.png);
	height: 846px;
	background-image: url(../images/messuhr-intro.png);
}

#messuhr li {margin: 0; padding: 0; list-style: none; display: block; position: absolute;}
	
#messuhr a {display: block;}
	
#messuhr-home {
	left: 116px;
	top: 100px;
	width: 154px;
	height: 175px;
}
#messuhr-cnc {
	left: 219px;
	top: 68px;
	width: 62px;
	height: 202px;
}
#messuhr-material {
	left: 224px;
	top: 105px;
	width: 169px;
	height: 169px;
}

#messuhr-produkte {
	left: 223px;
	top: 226px;
	width: 197px;
	height: 76px;
}

#messuhr-impressum {
	left: 225px;
	top: 226px;
	width: 148px;
	height: 189px;
}

#messuhr-geschichte {
	left: 128px;
	top: 226px;
	width: 140px;
	height: 188px;
}

#messuhr-oberflaeche {
	left: 73px;
	top: 214px;
	width: 196px;
	height: 85px;
}


#messuhr-home a {height: 175px;}
#messuhr-cnc a {height: 206px;}
#messuhr-material a {height: 169px;}
#messuhr-produkte a {height: 76px;}
#messuhr-impressum a {height: 189px;}
#messuhr-geschichte a {height: 188px;}
#messuhr-oberflaeche a {height: 85px;}
	
#messuhr-home a:hover {background:url(../images/messuhr-intro-home.png) no-repeat;}
#messuhr-cnc a:hover {background:url(../images/messuhr-intro-cnc.png) no-repeat;}
#messuhr-material a:hover {background:url(../images/messuhr-intro-material.png) no-repeat;}
#messuhr-produkte a:hover {background:url(../images/messuhr-intro-produkte.png) no-repeat;}
#messuhr-impressum a:hover {background:url(../images/messuhr-intro-impressum.png) no-repeat;}
#messuhr-geschichte a:hover {background:url(../images/messuhr-intro-geschichte.png) no-repeat;}
#messuhr-oberflaeche a:hover {background:url(../images/messuhr-intro-oberflaeche.png) no-repeat;}


#logo-big {
	z-index:2;
	position:absolute;
	width:489px;
	left: 437px;
	top: 51px;
}

#iso9001 {
	z-index:2;
	position:absolute;
	width:200px;
	left: 620px;
	top: 275px;
}

/*
 * Content
 */
 
#illustration {
	background:url(../images/home.png) left top no-repeat;
	height:647px;
}

#illustration-cnc {
	background:url(../images/cnc.png) left top no-repeat;
	height:806px;
}

#illustration-material {
	background:url(../images/material.png) left top no-repeat;
	height:647px;
}

#illustration-impressum {
	background:url(../images/impressum.png) left top no-repeat;
	height:647px;
}

#illustration-produkt {
	background:url(../images/produkte.png) left top no-repeat;
	height:806px;
}

#illustration-oberflaeche {
	background:url(../images/oberflaeche.png) left top no-repeat;
	height:647px;
}

#illustration-kontakt {
	background:url(../images/kontakt.png) left top no-repeat;
	height:648px;
}

#illustration-geschichte {
	background:url(../images/geschichte.png) left top no-repeat;
	height:690px;
}




#logo a {
	width:230px;
	margin:-335px 390px 0 0;
	float:right;
}


/*
 * Navigation
 */
#nav {
	width:84px;
	margin-left:62px;
	padding-top:96px;
}
 
#nav ul {
	list-style:disc;
	list-style-type:none;
}

#nav li {
  margin:0;
  font-size:15px;
  padding-bottom:20px;
  }
  
#nav a {
  display:block;
  margin:0;
  }

#nav li.current {
	font-weight:bold;
 	color:#015ea4;
	margin:0;
}

#nav li.current li {
    font-weight:normal;
	margin:0;
}

#nav li a, #nav li.current li a {
    color:#58585a;
	margin:0;
}

#nav li.current a, #nav li li.current a, #nav li a:hover, #header li.current li a:hover {
	color:#015ea4;
}

#nav li li.current {
    font-weight:bold;
	margin:0;
}


/*
 * Text
 */
 
#content {
	float:left;
	width:525px;
	margin:-217px 0 0 317px;
	z-index:4;
}

#content h1 {
    color:#015ea4;
    font-size:18px;
    font-weight:bold;
    line-height:22px;
    margin-bottom:15px;
}

#mainwrapper #content h2 {
	color:#58585a;
	font-size:16px;
	font-weight:normal;
	line-height:20px;
	margin-bottom:20px;
}

#content p, #content ul, #content ol, #content dl{
	margin-bottom:12px;
}

#content ul {
	list-style-image:url(../images/bullet.png);
	padding-left:25px;
	vertical-align:middle;
}


#content dt {
	float:left;
	width:72px;
	margin-right:18px;
}

#content dd {
	padding-left:90px;
}

#content a {
	color:#015ea4;
}

#content a:hover {
    color:#015ea4;
}

.text-fett {
	font-weight:bold;
}

hr{
 border: 0px; /* Für Firefox und Opera */
 border-top: solid 1px #015ea4;
 border-bottom: transparent;
}

/* Gallerie */


#content .gallerie {
	float:left;
	display:block;
	width:155px;
	padding-right:30px;
	padding-top:15px;
	cursor:pointer;
	overflow:hidden;
}

#content .gallerie.last {
	padding-right:0px;
}

/*#gallerie-2 {
	display:block;
	float:left;
	width:155px;
	padding-right:30px;
	padding-top:15px;
	cursor:pointer;
}

#gallerie-3 {
	display:block;
	float:left;
	width:155px;
	padding-top:15px;
	cursor:pointer;
}*/



.simple_overlay {
	position: absolute;
	display:none;
	z-index:10000;
	background-color:#58585a;
	width:343px;	
	min-height:227px;	
	border:1px solid #eceded;
	cursor:pointer;
	-moz-box-shadow: 5px 5px 5px #666;
	-webkit-box-shadow: 5px 5px 5px #666;
	box-shadow: 5px 5px 5px #666;
	filter:progid:DXImageTransform.Microsoft.Shadow(strength=3,color=#666666,direction=135);
}

.simple_overlay .close {
	background-image:url(../images/gallerie/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}

.details {
	position:absolute;
	top:10px;
	right:10px;
	font-size:10px;
	color:#fff;
	width:112px;
}
	
.details h3 {
	color:#015ea4;
	font-size:13px;
	padding-bottom:7px;
}



/*
 * Footer
 */
 
#footer {
	font-size:11px;
	line-height:13px;
	margin:20px 0 0 0;
	padding-left: 317px;
	width: 629px;
}



/*
 * Contact
 */
#contactFormWrapper {
    margin-top:32px;
} 
 
.element {
    float:left;
    margin-bottom:8px;
    width:100%; 
}


label, input, textarea {
    float:left;
    display:block;
}

label {
    margin-right:8px;
    line-height:19px;
    width:112px;
}

input, textarea {
    border:1px solid #58585a;
    width:278px;
    padding:1px;
}

.submit input {
    background:#015ea4;
    color:#fff;
    font-weight:bold;
    width:64px;
    margin-left:338px;
}
 
input.c {
    border:0;
    display:none;
    height:0;
    visibility:hidden;
    margin:0;
    padding:0;
}

.errors {
    margin-bottom:16px; 
}