html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6,
pre, form, fieldset, input, blockquote {
  margin:0px;
  padding:0px;
}


ul ul { margin-bottom: 0;}  /*verschachtelte Listen ohne Abstand*/

a {
	text-decoration: none;
	color:#2e639c;
}

.bilder img{
	border: 1px solid #858585;
	}

.startbilder img{
	border: 1px solid #E3E3E3;
	float:right;
	}


html, body { 
	height:100%;
	font-size:100%;
	font-family: Arial, Verdana, Geneva, sans-serif;
	background-image:url(pics-site/bg_all.gif);
	background-repeat:repeat-x;
	background-color: #e3e3e3;
	
}


h1{	margin-bottom: 20px;
	font-family: "Arial Black", Gadget, sans-serif;
	color: #3c5d82;
	font-size:35px;
	font-weight:normal;
	padding-top:4px;
}

h2{
	margin-bottom: 20px;
	font-family: "Arial", Gadget, sans-serif;
	color: #3c5d82;
	font-size:22px;
	font-weight:normal;
	line-height: 1.2em;
}

h3{
	font-size:14px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	
	margin-bottom: 12px;
	font-weight:bold;
}


h4{
	font-size:14px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	
	margin-bottom: 5px;
	font-weight:bold;
}
h5{
	font-size:14px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-bottom:3px;
	font-weight:bold;
	margin-top:10px;
}

ol{
	margin-left:14px;
	margin-bottom: 10px;
}

ol li{
margin-bottom:5px;

}
#wrapper {
	position:relative;
	min-height:85%;
	height: auto !important;
	height:85%;
	font-size:12px;
	margin: 0 auto;
	width: 1012px;
	
}

#nebenmenue{
	width: 1012px;
	height:116px;
	
	}
	
.logo{
	position: absolute;
	width:341px;
	height:85px;
	top:23px;
	left:21px;
	background-image: url(pics-site/logo-mfsa-gecom-text.gif);
	background-repeat:no-repeat;
}

#logos li {
	margin-top:20px;
	display:block;
	float:left;
	height:	40px;
	text-align:center;
	list-style-type:none;
	width:181px;
	
	}

.logo-mfsa{
	 border: none;
	 background-image: url(pics-site/logo-mfsa.jpg);
	 background-repeat:no-repeat;
	 background-position:left top;
	}


a:hover .logo-mfsa {
	 background-image: url(pics-site/logo-mfsa.jpg);
	 background-repeat:no-repeat;
	 background-position: left bottom;
	}

.logo-gecom{
	 border: none;
	 background-image: url(pics-site/logo-gecom.jpg);
	 background-repeat:no-repeat;
	 background-position:left top;
	}


a:hover .logo-gecom {
	 background-image: url(pics-site/logo-gecom.jpg);
	 background-repeat:no-repeat;
	 background-position: left bottom;
	}
	
.logo-optivent{
	 padding-left:40px;
	 border: none;
	 background-image: url(pics-site/logo-optivent.jpg);
	 background-repeat:no-repeat;
	 background-position:top;
	}

a:hover .logo-optivent {
	 padding-left:40px;
	 background-image: url(pics-site/logo-optivent.jpg);
	 background-repeat:no-repeat;
	 background-position: bottom;
	}	

.zur-startseite{
	position: absolute;
	top:5px;
	width:287px;
	height:67px;
	left: 4px;
}	
	
	
.nebennavi {
	padding-top: 23px;
	float: right;
	color:#9d9d9d;
	font-family: Arial Narrow, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight: bold;
}	

.nebennavi a{
	font-weight: normal;
	color: #9d9d9d;
}


.nebennavi a:hover{
	font-weight: normal;
	color: #039;
}

.nebennavi li {
	display: inline;
	}

#leer{
	width:10px;
	height:7px;
	
	}
	

#leer-2{
	width:10px;
	height:9px;
	
	}	
	

#topmenue {
	background-image:url(pics-site/bg_main_menu.gif);
	background-repeat:repeat-x;
  	color: white;
    font-size: 12px;
    font-weight: normal;
    height: 17px;
    
    text-align: left;
    width: 1012px;
	margin-bottom:1px;
}




#topmenue ul {margin-bottom: 0px;
padding-top:1px;}

#topmenue li{
	
	background-color: transparent;
    display: block;
    float: left;
    list-style-type: none;
    padding-left: 0;
    text-align: center;
    text-transform: uppercase;
    width: 165px;
}

#topmenue li a{
	
	font-weight:normal;
	font-style:normal;
	color:white;
}

#topmenue a:hover,
		#topmenue a:focus{
			Font-weight: bold;
			
}


#firma #main_00 a,			/*damit Menuepunkt Firma bold bleibt bei allen Unterpunkten*/
#team #main_00 a,
#rothensee #main_00 a,
#lorenzweg #main_00 a,
#fe #main_00 a,
#kompetenz #main_00 a,
#daten #main_00 a,

#produkte #main_10 a,			/*damit Menuepunkt Produkte bold bleibt bei allen Unterpunkten*/
#formen #main_10 a,
#lehren #main_10 a,
#vorrichtung #main_10 a,
#prototypen #main_10 a,
#composite #main_10 a,

#engineering #main_20 a,		/*damit Menuepunkt Engineering bold bleibt bei allen Unterpunkten*/
#cad #main_20 a,
#berechnung #main_20 a,
#doku #main_20 a,

#technik #main_30 a,			/*damit Menuepunkt Technik bold bleibt bei allen Unterpunkten*/
#drehen #main_30 a,
#messen #main_30 a,
#cutter #main_30 a,
#material #main_30 a,

#qualitaet #main_40 a,			/*damit Menuepunkt Qualität bold bleibt bei allen Unterpunkten*/
#messmaschinen #main_40 a,
#gom #main_40 a,

#dienstleistung #main_50 a,		/*damit Menuepunkt Dienstleistung bold bleibt bei allen Unterpunkten*/
#bepasten #main_50 a,
#vorort #main_50 a


{						
	font-weight:bold;

	
	}


#kontakt #upnav_00 a,			/*das ist das Obermenü*/
#anfahrt #upnav_10 a,
#links #upnav_20 a,
#sitemap #upnav_30 a,
#impress #upnav_40 a,

#firma #sub_00 a,
#team #sub_05 a,			/*ab hier die einzelnen Untermenuepunkte*/
#rothensee #sub_10 a,
#lorenzweg #sub_15 a,
#fe #sub_20 a,
#kompetenz #sub_25 a,
#daten #sub_30 a,
#produkte #sub_33 a,
#formen #sub_35 a,
#lehren #sub_40 a,
#vorrichtung #sub_45 a,
#prototypen #sub_50 a,
#composite #sub_55 a,
#topvent #sub_56 a,
#cad #sub_57 a,
#engineering #sub_60 a,
#berechnung #sub_65 a,
#doku #sub_70 a,
#technik #sub_73 a,
#drehen #sub_75 a,
#messen #sub_80 a,
#cutter #sub_85 a,
#material #sub_90 a,
#qualitaet #sub_93 a,
#messmaschinen #sub_95 a,
#gom #sub_100 a,
#dienstleistung #sub_103 a,
#bepasten #sub_105 a,
#vorort #sub_110 a

{
	font-weight:bold;
	color:#333333;
}




.outline{
	border: 2px solid #fff;
	}



#picture{
	width:1012px;
	height:167px;
	background-color:black;
	}

#subplatz{
	height: 57px;
}

#submenue {
	background-color:white;
  	color:#858585;
    font-size: 12px;
    font-weight: normal;
    height: 17px;
    text-align: left;
    width: 762px;
	margin-bottom: 40px;
}

#submenue ul {margin-bottom: 0px;
padding-top:1px;}

#submenue li{
	
	
    display: block;
    float: left;
    list-style-type: none;
    padding-left: 0;
    text-align: center;
    width: 107px;
}

#submenue li a{
	
	font-weight:normal;
	font-style:normal;
	color:#333333;
}

#submenue a:hover,
		#topmenue a:focus{
			color:#003;
			
}



#textbereich{
	width:1012px;
	color: black;
	text-align: left;
	
}

#textbereich ul li{
	margin-left: 10px;
}

.fehltext{
	color:red;
	}

.headliner{
	width:260px;
	float: left;
	line-height:20px;
	padding-bottom:10px;
	color:#333;
	
	}
	
.headliner a{
	 text-decoration: none;
	 color: #666;
	 font-style:italic;
}


	
.content-main{
	width:752px;
	float: right;
	line-height:20px;
	padding-bottom:10px;
	
	}

.text{
	width:478px;
	float: left;
	line-height:15px;
	padding: 0 5px 10px;
	
	
	}
	
.text table{
	color:#555555;
	text-align:left;
	}
	
.bilder{
	width:250px;
	float: right;
	line-height:20px;
	text-align:right;
	
	}

#big-image{
  float: right;
  width: 250px;

}

.slideshow-bilder{
  float: left;
  width: 492px;
  text-align: left;
  padding-left: 0;
}

.slideshow-bilder img{
  border: 1px solid transparent;
  width: 85px;
  margin: 4px;
}

.slideshow-bilder img.current{
  margin: 4px;
  padding: 0px;
  background: transparent;
  border: 1px solid #3c5d82;
}



#fusszeile{
	position: relative;
	width:100%;
	color: #b36722;
	/*background-image: url(pics-site/bg_fusszeile.jpg);*/
	background-repeat:repeat-x;
	background-color: #2a496a;
	border-top: 2px solid #fff;
	height:12%;
	margin-top:5px;
	padding-top:20px;
	
	font-size:10px;
	text-align:right;
}

#copyright{
	position: relative;
	bottom:0;
	width:100%;
	color: #7b9bbc;
	
	background-color: #1A2939;
	height:15px;
	
	padding-top:5px;
	
	font-size:10px;
	text-align:center;
}

.abstand{
	margin-right:20px;
	color:#7b9bbc;
	font-size:12px;
	}

#content_fuss{
	width:1012px;
	height:85px;
	margin:auto;
	}
	
#content_fuss_link{
	width:800px;
	float:left;
	text-align:left;
	font-size:10px;
	color:#7b9bbc;
	}
	
#content_fuss_link h1{
	font-size:16px;
	font-family:Arial Black, Helvetica, sans-serif;
	color:#8cb1d8;
	margin-bottom:8px;
	}	
	

#content_fuss_rechts{
	width:200px;
	float:right;
	text-align:right;
	font-size:12px;
	color:#7b9bbc;
	}
	
	#content_fuss_rechts a{
	text-decoration:none;
	font-style:italic;
	color:#7b9bbc;
	}

#content_fuss_rechts a:hover{
	color:#ffffff;
}
	
#content_fuss_rechts h1{
	font-size:16px;
	font-family:Arial Black, Helvetica, sans-serif;
	color:#8cb1d8;
	margin-bottom:8px;
	}	
	

.copyright{
	text-align:center;
	color:#7b9bbc;
	margin-top:4	0px;
	}

.clear{
	clear:both;
}
/*geschichte-slide*/

.year-navi-item{
  cursor: pointer;
  float: left;
  display: block;
  width: 24px;
  margin-right:0px;
  height: 3em;
  text-align: center;
}
.year-navi-item span{
  color: transparent;
}
.year-navi-item:hover span{
  color: #666;
}

.year-absolute{
  position: absolute;
  height:300px;
  
}

#preview , #cover, #preview-wrapper{
	width: 246px;
	height: 185px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}

#preview-wrapper{
	position: relative;
}

.impressum{
	color:#999;
	background-color: #f1f1f1;
	padding:5px;
	width:400px;

	}

.impressum a{
	color:#F60;
	font-style:normal;
	}

	

#history{
  position: relative;
  min-height:300px;
}

#year-navi{
  display: block;
  height: 3em;
  overflow: hidden;
}
#year-navi .selected, .year-navi-item.selected span{
  color: #2e639c;
}

.year {
  float: left;
  font-size: 24px;
  font-family: "Arial Black", Gadget, sans-serif;
	color: #868686;
  margin-top: 3px;
  width: 100px;
}

.content {
  float: right;
  width: 300px;
}

#year-navi .bullet {
	display: block;
	margin:0 9px 10px;
	
	height: 2px;
	background: #666;
	}
	
#year-navi .selected .bullet {
	background: #2e639c;
	}
	
.year-section{
	overflow: hidden;
	padding-bottom:10px;
	padding-top: 5px;
	border-bottom: 1px dotted #858585;
	}

.linktext{
	float: right;

	margin-top: 20px;
	width: 75%;
}