
/******************************************/
/* SU-matic 2009  */
/******************************************/



* {
	padding: 0;
	margin: 0;
	border: 0;
	text-decoration: none;
}

html, body {
	height: 100%;
}


body {
	background-color: #FFFFFF;
	background: url(bilder/background_04.jpg) no-repeat;
	color: #000000;
}


body, td {
	font-family: Verdana, sans-serif;
	font-size: 11px;
	line-height: 14px;
}





#container { /* alles umfassender Container  */
	width: 718px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
}


#startnavi {
	position: relative;
	float: left;
	width: 718px;
	height: 133px;
	overflow: visible;
	clear: both;
	z-index: 200;
		/*border: 1px solid #009;*/
}

* html #startnavi {
	width: 780px;

}



#inhalt {
	position: relative;
	float: left;
	width: 100%;
	min-height: 255px;
	display: block;
	padding-bottom: 50px;
}

* html #inhalt {
	height: 290px;

}




#stopper {
	width: 100%;
	clear: both;
	padding-bottom: 55px;
}



#fuss {
	display: block;
	clear: both;
	height: 50px;
	left: 0px;
	margin-top: -50px;
	background-color: #FFF;
}

#fuss_it {
	display: block;
	clear: both;
	height: 80px;
	left: 0px;
	margin-top: -80px;
	background-color: #FFF;
}


/******************************************/
/* Typo  */
/******************************************/

a:link, a:visited {color: #666666; text-decoration: none;}
a:hover   {color: #DF0029; text-decoration: none;}


.navigation a:link, .navigation a:visited {color: #000000; text-decoration: none;}
.navigation a:hover   {color: #DF0029; text-decoration: none;}


#container ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}



#seitentitel {
	position: relative;
	float: left;
	margin-top: 30px;
	display: block;
	width: 615px;
	left: 103px;
	height: 42px;
	clear: both;
}


#seitentitel p {
	font-size: 16px;
	color: #000000;
	font-weight: bold;
	text-align: center;
}


/******************************************/
/* Quadrate obere Reihe */
/******************************************/
.obenquadrat {
	position: absolute;
	width: 115px;
	height: 115px;
	top: 56px;
}

#app01 {left: 102px;}
#app02 {left: 227px;}
#app03 {left: 352px;}
#app04 {left: 477px;}
#app05 {left: 602px;}



.obenquadrat a {
	width: 115px;
	height: 115px;
	display: block;
	background: transparent;
}

#app01 a:link, 
#app01 a:visited {background: url(bilder/2006/appl_01_p.gif) no-repeat;}

#app02 a:link, 
#app02 a:visited {background: url(bilder/2006/appl_02_p.gif) no-repeat;}

#app03 a:link, 
#app03 a:visited {background: url(bilder/2006/appl_03_p.gif) no-repeat;}

#app04 a:link, 
#app04 a:visited {background: url(bilder/2006/appl_04_p.gif) no-repeat;}

#app05 a:link, 
#app05 a:visited {background: url(bilder/2006/appl_05_p.gif) no-repeat;}

#app01 a:hover {background: url(bilder/2006/appl_01_a.gif) no-repeat;}
#app02 a:hover {background: url(bilder/2006/appl_02_a.gif) no-repeat;}
#app03 a:hover {background: url(bilder/2006/appl_03_a.gif) no-repeat;}
#app04 a:hover {background: url(bilder/2006/appl_04_a.gif) no-repeat;}
#app05 a:hover {background: url(bilder/2006/appl_05_a.gif) no-repeat;}



/******************************************/
/* Pulldown-Ebenen obere Reihe */
/******************************************/

#appdet_1,
#appdet_2,
#appdet_3,
#appdet_4,
#appdet_5 {
	position: absolute;
	top: 261px;
	visibility: hidden;
	height: 1px;
}

#appdet_1 {left: 102px;}
#appdet_2 {left: 227px;}
#appdet_3 {left: 352px;}
#appdet_4 {left: 477px;}
#appdet_5 {left: 602px;}




.suma_pd_links {
	position: absolute;
	top: 115px;
}


.suma_pd_links ul {
	background-color: #FAF8D1;
}


.suma_pd_links ul a:link,
.suma_pd_links ul a:visited {
	width: 100%;
	height: 20px;
	line-height: 20px;
	display: block;
	text-indent: 2px;
}

.suma_pd_links ul a:hover {
	background-color: #FFF215;
}





#suma_pd_1_de {	
	width: 145px;
	left: 0px;
}


#suma_pd_2_de {
	width: 184px;
	left: 0px;
}

#suma_pd_3_de {
	width: 193px;
	left: 0px;
}

#suma_pd_4_de {
	width: 172px;
	left: 0px;
	/*text-align: right;*/
}

#suma_pd_5_de {
	right: 0px;
	width: 115px;
	/*text-align: right;*/
}



/******************************************/
/* Quadrate untere Reihe */
/******************************************/


.untenquadrat {
	position: absolute;
	top: 181px;
	width: 115px;
	height: 115px;
}

.untenquadrat a {
	width: 115px;
	height: 115px;
	display: block;
	background: transparent;
}

#wks01 {left: 102px;}
#wks02 {left: 227px;}
#wks03 {left: 352px;}
#wks04 {left: 477px;}
#wks05 {left: 602px;}




#wks01 a:link,
#wks01 a:visited {background: url(bilder/_start_prod_auto_1_p.jpg) no-repeat;}

#wks02 a:link,
#wks02 a:visited {background: url(bilder/_start_prod_arma_1_p.jpg) no-repeat;}

#wks03 a:link,
#wks03 a:visited {background: url(bilder/_start_prod_avia_1_p.jpg) no-repeat;}

#wks04 a:link,
#wks04 a:visited {background: url(bilder/_start_prod_medical_1_p.jpg) no-repeat;}

#wks05 a:link,
#wks05 a:visited {background: url(bilder/_start_prod_decol_1_p.jpg) no-repeat;}

#wks01 a:hover {background: url(bilder/_start_prod_auto_1_a.jpg) no-repeat;}
#wks02 a:hover {background: url(bilder/_start_prod_arma_1_a.jpg) no-repeat;}
#wks03 a:hover {background: url(bilder/_start_prod_avia_1_a.jpg) no-repeat;}
#wks04 a:hover {background: url(bilder/_start_prod_medical_1_a.jpg) no-repeat;}
#wks05 a:hover {background: url(bilder/_start_prod_decol_1_a.jpg) no-repeat;}




.startclear {
	position: relative;
	float: left;
	width: 100%;
	height: 1px;
	overflow: hidden;
	clear: both;
}



.suma_loeschie {
	position:absolute;

}


















