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

/* Fontface */


@font-face { /* first for IE 6/7/8 */
     font-family: 'dbold';
     src:url(type/dinbold.eot);
}
				
@font-face { /* for Mozilla browsers -> Firefox */
     font-family: 'dbold';
     src:url(type/dinbold.woff) format('woff');
}

@font-face { /* for Safari */
     font-family: 'dbold';
     src:url(type/dinbold.ttf) format('truetype');
}

@font-face { /* for IE6 */
     font-family: 'dbold';
     src:url(type/dinbold.otf) format('opentype');
}


@font-face{ /* first for IE 6/7/8 */
     font-family: 'din';
     src:url(type/din.eot);
}

@font-face { /* for Mozilla browsers -> Firefox */
     font-family: 'din';
     src:url(type/din.woff) format('woff');
}

@font-face { /* for Safari */
     font-family: 'din';
     src:url(type/din.ttf) format('truetype');
}

@font-face { /* for IE6 */
     font-family: 'din';
     src:url(type/din.otf) format('opentype');
}




/*Stuff für alle Seiten*/
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(../images/bg_mm.jpg);
	background-repeat: repeat;
}



/*Standards*/

#main {
	position: absolute;
	height:820px;
	width:1000px;
	left: 50%;
	margin-left: -500px;
	top: 50%;
	margin-top: -420px;
	z-index: 1;
}


#bg_schmutz_links {
	position: absolute;
	left: 50%;
	margin-left: -500px;
	z-index: 3;
}


#bg_schmutz_rechts {
	position: absolute;
	right:0;
	top:150px;
	z-index: 3;
}

#bg_schmutz_unten {
	position: absolute;
	bottom:0;
	z-index: 3;
}

#bg_image {
	position: absolute;
	width: 1000px;
	z-index: 2;
}


#header {
	position: absolute;
	width: 781px;
	top:17px;
	left: 50%;
	margin-left: -390px;
	z-index: 4;	
}


#content {
	position: absolute;
	width: 780px;
	height:582px;
	top:165px;
	left: 50%;
	margin-left: -390px;
	background-color:#FFFFFF;
	z-index: 5;	
}


#footer {
	position: absolute;
	left: 50%;
	top:760px;
	margin-left: 22px;
	z-index: 6;
}


#menu {
	position: absolute;
	width:726px;
	left: 50%;
	margin-left: -363px;
	top: 185px;
	z-index: 6;
}




#referenzen_menu {
	position: absolute;
	width: 740px;
	top:440px;
	left: 50%;
	margin-left: -350px;
	z-index: 20;
}

#product1 {
	height:auto;
	display:block;
	position: absolute;
	width: 740px;
	top:440px;
	left: 50%;
	margin-left: -350px;
	z-index: 10;
}

#product2 {
	height:auto;
	display:none;
	position: absolute;
	width: 740px;
	top:440px;
	left: 50%;
	margin-left: -350px;
	z-index: 10;
}

#product3 {
	height:auto;
	display:none;
	position: absolute;
	width: 740px;
	top:440px;
	left: 50%;
	margin-left: -350px;
	z-index: 10;
}

#product4 {
	height:auto;
	display:none;
	position: absolute;
	width: 740px;
	top:440px;
	left: 50%;
	margin-left: -350px;
	z-index: 10;
}

#product5 {
	height:auto;
	display:none;
	position: absolute;
	width: 740px;
	top:440px;
	left: 50%;
	margin-left: -350px;
	z-index: 10;
}

#product6 {
	height:auto;
	display:none;
	position: absolute;
	width: 740px;
	top:440px;
	left: 50%;
	margin-left: -350px;
	z-index: 10;
}

#product7 {
	height:auto;
	display:none;
	position: absolute;
	width: 740px;
	top:440px;
	left: 50%;
	margin-left: -350px;
	z-index: 10;
}


#product8 {
	height:auto;
	display:none;
	position: absolute;
	width: 740px;
	top:440px;
	left: 50%;
	margin-left: -350px;
	z-index: 10;
}

#product9 {
	height:auto;
	display:none;
	position: absolute;
	width: 740px;
	top:440px;
	left: 50%;
	margin-left: -350px;
	z-index: 10;
}


#product10 {
	height:auto;
	display:none;
	position: absolute;
	width: 740px;
	top:440px;
	left: 50%;
	margin-left: -350px;
	z-index: 10;
}

#product11 {
	height:auto;
	display:none;
	position: absolute;
	width: 740px;
	top:440px;
	left: 50%;
	margin-left: -350px;
	z-index: 10;
}










/* Typo */


.din_reg_menu {
	font-family: din, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #CC0000;
	text-decoration: none;
	line-height:20px;
}

.din_reg_menu a:link, a:visited{
	font-family: din, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #CC0000;
	text-decoration: none;
	line-height:20px;
}

.din_reg_menu a:hover, a:active{
	font-family: din, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #CC0000;
	text-decoration: none;
	line-height:20px;
}


.din_reg_flies {
	font-family: din, Arial, Helvetica, sans-serif;
	font-size:14px;
	color: #666666;
	text-decoration: none;
	line-height:18px;
}

.din_reg_flies_red {
	font-family: din, Arial, Helvetica, sans-serif;
	font-size:14px;
	color: #CC0000;
	text-decoration: none;
	line-height:18px;
}

.din_reg_flies_ref {
	font-family: din, Arial, Helvetica, sans-serif;
	font-size:13px;
	color: #666666;
	text-decoration: none;
	line-height:17px;
}

.din_bold_flies {
	font-family: dbold, Arial, Helvetica, sans-serif;
	font-size:14px;
	color: #CC0000;
	text-decoration: none;
	line-height:18px;
}

.din_reg_flies_a {
	font-family: dbold, Arial, Helvetica, sans-serif;
	font-size:14px;
	color: #CC0000;
	text-decoration: none;
	line-height:15px;
}

.din_reg_flies_b {
	font-family: dbold, Arial, Helvetica, sans-serif;
	font-size:14px;
	color: #CC0000;
	text-decoration: none;
	line-height:7px;
}


.din_bold_head_new {
	font-family: dbold, Arial, Helvetica, sans-serif;
	font-size:28px;
	color: #CC0000;
	text-decoration: none;
	line-height:33px;
}

.din_bold_kontakt {
	font-family: dbold, Arial, Helvetica, sans-serif;
	font-size:20px;
	color: #CC0000;
	text-decoration: none;
}

.din_reg_kontakt {
	font-family: din, Arial, Helvetica, sans-serif;
	font-size:16px;
	color: #CC0000;
	text-decoration: none;
}

.din_reg_kontakt a:link, a:visited{
	font-family: din, Arial, Helvetica, sans-serif;
	font-size:16px;
	color: #CC0000;
	text-decoration: none;
}

.din_reg_kontakt a:hover, a:active{
	font-family: din, Arial, Helvetica, sans-serif;
	font-size:16px;
	color: #CC0000;
	text-decoration: none;
}


.din_reg_formular {
	font-family: din, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #CC0000;
	text-decoration: none;
	padding-left:4px;
}

.din_reg_impressum {
	font-family: din, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CC0000;
	text-decoration: none;
	line-height:12px;
}

.din_reg_impressum_flies {
	font-family: din, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	text-decoration: none;
	line-height:12px;
}

.din_bold_impressum {
	font-family: dbold, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CC0000;
	text-decoration: none;
	line-height:12px;
}

.din_reg_impressum  a:link, a:visited {
	font-family: din, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CC0000;
	text-decoration: none;
	line-height:12px;
}

.din_reg_impressum a:hover, a:active {
	font-family: din, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CC0000;
	text-decoration: none;
	line-height:12px;
}

.din_reg_impressum_black {
	font-family: din, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
	line-height:12px;
}

.din_reg_impressum_black  a:link, a:visited {
	font-family: din, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
	line-height:12px;
}

.din_reg_impressum_black a:hover, a:active {
	font-family: din, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
	line-height:12px;
}


.din_reg_referenzen {
	font-family: din, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #FFFFFF;
	text-decoration: none;
}

.din_reg_referenzen  a:link, a:visited {
	font-family: din, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #FFFFFF;
	text-decoration: none;
}

.din_reg_referenzen a:hover, a:active {
	font-family: din, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #FFFFFF;
	text-decoration: none;
}