/*
Projekt: www.fiberglas-technik.de

Erstellt am: 10.10.2005, mh
Zuletzt ge?ndert: 10.10.2005, mh
www.duf.de

*/


/*
Farben:

dunkelrot: #DB0000
*/

/* >>>>>> Globale Tag-Selektoren <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */

  * {
    font-size: 100%;
    margin:0;
    padding:0;
  }
   
  html {
    min-height: 100%; 
	margin-bottom: 1px;
    width: 100%
  } 
  
  body {
    font-family: Tahoma, Verdana, Arial, Sans-Serif;
    padding: 0;
    margin: 0;
    color: #000;
    font-size : 1em;
    height: 100%;
    background: #EFEFEF;
  }
  
  
  h1 {
	margin: 0 20px 15px 0;
    font-size: 15px;
    font-weight: bold;
    color: #DB0000;
  }
  
  h2 {
    margin: 20px 15px 10px 0;
    font-size: 0.9em;
    font-weight: bold;
    color: #DB0000;
  }
	
 h3 {
    margin: 20px 15px 10px 0;
    font-weight: bold;
  }  
  
  img {
    border:0;
	margin: 0;
	padding: 0;
  }
    
  strong {
   font-weight: bold;
  }      

	p, li{
	line-height: 18px;
	}
	
	hr {
	clear: both;
	border:1px solid #333;
	}
	
	ins {
	  text-decoration: none;
	}
	
/* 	ul {
	list-style: disc;
	display: list-item;
	} */
  
/* >>>>>> ID Container <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */  
  

  #wrapper{
	float: left;
    text-align:left;
    margin: 10px 0 0 10px;
	padding:0;
    width:760px;
	border: 2px solid #fff;
	background: #ccc;
  }
	
	
	#header-logo-alt {
    width:760px;
    height: 97px; 
    margin: 0; 
    background: #fff url(../images/header-logo_alt.gif) no-repeat;
  }
	
	#header-logo {
    width:760px;
    height: 117px; 
    margin: 0; 
    background: #fff url(../images/header-logo.gif) no-repeat;
  }
	
	#header-bild {
    width:760px;
height: 135px; 
	margin: 0; 
	background: #fff url(../images/header-bild-solo.jpg) no-repeat;
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
  }
	
	#header-bild img {
	margin: 0px 0 0 0; 
  }	
	
	 #main {
    float:left; 
    width: 760px;
    background: #fff url(../images/navi-bg.gif) repeat-y;
  }	
	
/* :::::: NAVIGATION ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ 
  
#navi {
    float: left;
    width: 167px;
    height: 100%;
    border: 0;
    font-size: 10px;
    line-height: 20px;
	margin-top: 40px;
}

#navi img {
    margin: 0;
    padding: 0;
}

#navi a {
   display: block;
   height: 20px;
  }

#navi ol {
    list-style: none;
    text-align: left;
    margin: 0;
    padding: 0;
    border-top: 2px solid #fff;
   }

#navi ul {
    list-style: none;
    text-align: left;
    margin: 0;
    padding: 0;
    background: #fff;
}

/* Hauptmenupunkte */

#navi ol li a:link, #navi ol li a:visited {
    display: block;
    margin: 0;
    padding: 0 0 0 25px;
 	color: #000;
 	text-decoration: none;
 	line-height: 20px;
 	background: #fff url(../images/navbutton-bg.gif) no-repeat;
 	background-position: 0px -40px; 
    border-bottom: 2px solid #fff;
}
#navi ol li a:hover, #navi ol li a:focus, #navi ol li a:active {
	display: block;
    margin: 0;
    padding: 0 0 0 25px;
	color: #000;
	text-decoration: none;
	line-height: 20px;
	background: #fff url(../images/navbutton-bg.gif) no-repeat;
	background-position: 0px -20px; 
    border-bottom: 2px solid #fff;
}

/* aktiver Linkblock */
#navi ol li.aktiv a:link, #navi ol li.aktiv a:visited, #navi ol li.aktiv a:hover, #navi ol li.aktiv a:active {
	display: block;
	height: 20px;
	background: #fff url(../images/navbutton-bg.gif) no-repeat;
	background-position: 0px 0px;
}

/* aktiver Linkblock mouseover */
 #navi ol li.aktiv a:hover {
	display: block;
	height: 20px;
	background: #fff url(../images/navbutton-bg.gif) no-repeat;
	background-position: 0px -20px;
}
/* index-seite aktiv */
#navi ol li a:link.aktiv-index, #navi ol li a:visited.aktiv-index, #navi ol li a:hover.aktiv-index, #navi ol li a:active.aktiv-index {
	display: block;
	height: 20px; 
	background: #fff url(../images/navbutton-bg.gif) no-repeat;
	background-position: 0px -20px; 
}

/* Submenupunkte */

#navi ol ul li a:link, #navi ol ul li a:visited {
    display: block;
    margin: 0;
    padding: 0 0 0 35px;
    text-decoration: none;
	line-height: 20px;
    border-bottom: 2px solid #fff;
}
#navi ol ul li a:hover, #navi ol ul li a:focus, #navi ol ul li a:active {
    display: block;
    margin: 0;
    padding: 0 0 0 35px;
    text-decoration: none;
	line-height: 20px;
	background: #fff url(../images/navbutton-bg.gif) no-repeat;
	background-position: 0px -20px;
} 



#navi ol li.aktiv ul li.subaktiv a, #navi ol li.aktiv ul li.subaktiv a:visited, #navi ol li.aktiv ul li.subaktiv a:hover, #navi ol li.aktiv ul li.subaktiv a:active {
	display: block;
	height: 20px;    
	background: #fff url(../images/navbutton-bg.gif) no-repeat;
	background-position: 0px -20px; 
} 

#navi ol.metanav {
	margin: 20px 0 0 0;
}


/* :::::: Teaser ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */


#b-start #content  .teaserbox {
    float: right;
    width: 180px;
    margin: 0px 0 0 0px;
	padding: 20px 0 0 0;
    font-size: 11px;
    line-height: 1.7em;
    color: #000;
	background: #DFDFDF;
	
  }

 #b-start #content .teaser  {
	float: right;
	width: 180px;
	margin: 0 0 0 0;
	border-bottom: 2px solid #fff;
  }
	
 #b-start #content .teaser p {
	float: right;
	padding: 10px;
	margin: 0;
  }	

 #b-start #content .teaser h2 {
	font-weight: bold;
	color: #000;
	margin: 0 10px;
  } 
	
 #b-start #content .teaser img
	{
	float: right;
	margin: 6px 0 0 8px;
	}
	

	
#b-start #content .teaser a, .teaser a:link, .teaserlink a:visited {
	color: #000;
	text-decoration: none;
	}
	
	.teaser a:hover, .teaserlink a:active {
	color: #000;
	text-decoration: underline;
	} 	

	
/* :::::: Inhalt ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */	
	

#content {
    float: left;
    width: 475px;
    margin: 40px 0 0 30px;
    font-size: 12px;
    line-height: 1.7em;
    color: #000;
	background: #fff;
  }
	
#b-start #content {
    width: 593px;
    margin: 0;
  }
  
#b-start #content h1{
    margin-top: 10px;
}
  
  #b-start #content #slideshow-fiber { 
     background: #fff;
     border: 7px solid #dfdfdf;
     height: 369px;
     width: 554px;
     margin: 0 0 2px 25px;
     clear: both;}

  #b-start #content #slideshow-fiber img { 
     /*border: 1px solid #fff;*/
     display: block; 
  }
  
  #b-start #content .col-2-3{
    float: left;
    width: 363px;
    margin: 30px 20px 20px 30px;
  }
  
  #b-start #content .col-1-3{
    float: left;
    width: 180px;
    margin: 0;
  }
  
  #content p {
    margin: 0 0 15px 0;
  }
	
	img.floatright {
	float: right;
	margin: 0 0 10px 10px;
	}
	
	img.floatleft {
	float: left;
	margin: 0 10px 10px 0;
	}
	
	div.floatright {
	float: right;
	margin: 3px 0 0 10px;
	}

	div.floatleft {
	float: left;
	margin: 3px 10px 0 0;
	}	
	
	#content .floatright p {
	margin: 0;
	}
	
	#content .floatleft p {
	margin: 0;
	}	
	
	.zentriert {
	text-align: center;
	}
	
	#kontaktform{
	float: left;
	width: 420px;
	font-size: 12px;
	}
	
	#kontaktform .block{
	float: left;
	margin: 0 0 15px 0;
	}
	
	#kontaktform .eingabe{
	clear: both;
	}	
	
	#kontaktform input, #kontaktform textarea{
	font-family: Tahoma, Verdana, Arial, Sans-Serif;
	line-height: 1em;
	float: right;
	border: 1px solid #ccc;
	padding: 0.1em;
	margin: 5px 0;
	}
	
	#kontaktform .checkbox input {
	border: 0;
	}
	
	#kontaktform label{
	float: left;
	}
	
	#kontaktform .button {
   margin: 10px 0 0 5px; 
   background-color:#ddd;
   border:4px solid #ccc;
   color:#DB0000;
	 font-size: 11px;
	 font-weight: bold; 
   width:100px; 
   }
	


/* >>>>>> Content Elemente <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */

	table.tabdaten-2sp {
	width: 225px;
	margin: 0 0 20px 0;
	padding: 0;
	}
 
 td{
 	border-bottom: 1px solid #C0C0C0;
	padding: 6px 6px 6px 0;
 }
 
 .align-right{
 	text-align: right;
 }
 
 .abstand-re-25 {
 	margin: 0 15px 0 0;
 }
 
 .zweipaltig {
 	float: left;
 }
 
 #content p.bildunterschrift {
 	font-size: 11px;
	text-align: center;
	margin: 5px 0;
 }
 
 #content .smalltype {
 	font-size: 11px;
 }
 
 ul.linkliste {
 	  list-style: none;
    text-align: left;
	line-height: 30px;
	margin: 15px 0;
	padding: 15px 0;
	border-top: 1px solid gray;
	border-bottom: 1px solid gray;
 }
 
 

 #content ul li a:link, #content ul li a:visited {
	color: #DB0000;
	text-decoration: none;
}

 #content ul li a:hover, #content ul li a:active {
	color: #DB0000;
	text-decoration: underline;
}

 #content ul.liste {
	list-style:disc;
	margin: 15px;
 }
 
  #content ul.liste li{
	margin: 8px;
 }

/* >>>>>> Global Classes <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */
  
  .reader {
    display: none;
  }

  .clear {
    clear: both;
  }
  

	.lineheight-plus {
	line-height: 26px;
	}
  
  .absatz  {
	  margin-top: 8px;
  }
	
	.spacetop  {
	  margin: 50px;
  }
  
  .highlight {
      color: #DB0000;
  }
	
	 a:link.text-link,  a:visited.text-link {
	color: #DB0000;
	text-decoration: underline;
	}
	
	a:hover.text-link, a:active.text-link {
	color: #DB0000;
	text-decoration: underline;
	}
	
	div.pfeil-link {
	margin: 20px 0;
	}
	
	.pfeil-link a:link,  .pfeil-link a:visited {
	color: #DB0000;
	text-decoration: none;
	}
	
	.pfeil-link a:hover, .pfeil-link a:active {
	color: #DB0000;
	text-decoration: underline;
	}
	
	.pfeil-link img {
	margin: 0 5px 0 0;
	}
	
	.scriptmail{
    text-decoration:underline;
    color:#000;
  }
	
	 .scriptmail a:link, .scriptmail a:visited {
    text-decoration: none;
    color: #DB0000;
  }
  
   .scriptmail a:hover, .scriptmail a:active {
    text-decoration:underline;
    color: #DB0000;
  }
  
  


	
/* 	#content-main .mehr {
	color: #FFAA55;
	margin-bottom: 15px;
	}
	
	#content-main .mehr a:link, #content-main .mehr a:visited {
	color: #FFAA55;
	text-decoration: none;
	}
	
	#content-main .mehr a:hover, #content-main .mehr a:active {
	color: #FFAA55;
	text-decoration: underline;
	}
	
	.mehr img {
	margin: 0 5px 0 0;
	}
	
	.border-right{
	border-right: 2px solid #fff;
	}
   
  .duf a:link,.duf a:visited {
    text-decoration:none;
    color:#4979BD;
  }
  
  .duf a:hover,.duf a:active {
    text-decoration:none;
    color:#4979BD;
  }  
  
	
	input.text, textarea.text {
	border: 1px solid #576A92;
	color: #000;
	font-family: Tahoma, Verdana, Arial, Sans-Serif;
	padding: 2px;
	}
  
  input.button {
   margin: 10px 5px 0 0; 
   background-color:#4979BD;
   border:2px solid #fff;
   color:#FFFFFF; 
   width:80px; 
   }
	 
	
	.fehler {
	color: #f00;
	}
	
	.fehler a:link,.fehler a:visited, .fehler a:hover,.fehler a:active {
	  color: #f00;
	}
	  */