@charset "utf-8";

body 
{
	font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
	/*background: #8baddc;*/
	margin: 0;
	padding: 0;
	background-color:#E0E0E0;
	background-image:url(../images/hintergrund.jpg);
    background-position:center;
	background-repeat:repeat-y;
		
}
	


#container
{
	width:980px;
	margin: 0 auto;		
}


#banner
{
	height:100px;
	background-color:#06F;
	padding:0;
}



#content
/* Auf 600px Höhe beschnitten wegen Titelseite */
{
	/*background-color:#CCCCCC;*/
	background-image:url(../images/hintergrund.jpg)
	background-position:center;
	background-repeat:no-repeat;
	height:600px;
	overflow:auto;
	margin:0px;
	/*color:#4073B9;*/
	color:#000066;
	/*color:#406eac;*/
	padding-left:10px;
	padding-right:10px;
	text-align: left;
	
}



div#rahmen 
{   
	display:block;
	height:24px;
}


.menue 
{
	font-size:11px;
	font-weight:bolder;
	text-align:center;
	
}

	
#stopper
/* float left abschalten */
{
    clear: left;
}

  
ul#navigation 
/* Navigationspunkte zentrieren */
{
    margin: 0 auto; padding: 0;
    text-align: center;
}


ul#navigation li 
{
    list-style: none;
    float: left;
    width: 140px;
    position: relative;
    margin: 0px; padding: 0;
}



 ul#navigation li ul 
{
    margin: 0 ; padding: 0;
    position: absolute;
    
}
  
  
ul#navigation li ul li 
{
    float: none;
    display: block;
    /*margin-bottom: 0.2em;*/
	font-size:10px;
	text-align:left;
	font-weight:normal;
}


ul#navigation a
{
    display: block;
    padding: 0.2em 1em;
    text-decoration: none; font-weight: bold;
    border: 1px solid black;
    border-left-color:#999; border-top-color:#FFF;
    /*color: #4073B9; background-color: #ccc;*/
	color:#006; background-color: #ccc;	
}



/* Browserspezifisches */
  * html ul#navigation a, * html ul#Navigation span 
{  /* nur fuer IE erforderlich */
    width: 100%;
    w\idth: 6.4em;
}
  
  
  
  ul#navigation a:hover, ul#Navigation span, li a#aktuell 
{
    border-color: white;
    border-left-color: black; border-top-color: black;
    color: white; background-color: gray;
}
  

  
/* Erweiterung zur dynamischen Ein-/Ausblendung */
  ul#navigation li>ul 
{
    display: none; top: 1.6em;
}


  ul#navigation li:hover>ul
{
    display: block;
}



  /* Workaround fuer den IE 7 */
  *:first-child+html ul#navigation ul 
{
    background-color:silver; padding-bottom:0.4em;
}
  
  
  * html ul#navigation li 
{
  /* Korrektur fuer den IE 5 und 6 */
    margin-bottom: -0.4em;
}


  *:first-child+html ul#navigation li 
{  /* Korrektur fuer den IE 7 */
    margin-bottom: -0.1em;
}


  * html ul#navigation li ul 
{  /* Korrektur fuer IE 5.x */
    left: -1.5em;
    lef\t: -0.4em;
}



/*HTML-Elemente allgemein */

p 
{
	font-size: 100%;
	line-height: 110%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
}




h6 
{
	font-size: 100%;
	line-height: 110%;
	font-weight:bold;
}

.h6materialzuschläge 
{
	font-size: 80%;
	line-height: 110%;
}

.h6klein 
{
	font-size: 80%;
	line-height: 110%;
	font-weight:bold;
}

.h6kleiner
{
	font-size: 80%;
	line-height: 90%;
	font-weight:bold;
	margin-bottom:-5px;
}


h5 
{
	font-size: 120%;
	line-height: 110%;
	font-weight:bold;
}


h4 
{
	font-size: 140%;
	line-height: 110%;
	font-weight:bold;
}

.h4klein 
{
	font-size: 120%;
	line-height: 110%;
	font-weight:bold;
	text-align: left;
}



.Ueberschrift 
{
	font-size: 110%;
	line-height: 120%;
	font-weight:bold;
	text-align: left;
}

h3 
{
	line-height: 110%;
	font-weight:bold;
	text-align: left;
}



h2 
{
	font-size: 180%;
	line-height: 110%;
	font-weight:bold;
}


h1 
{
	font-size: 200%;
	line-height: 110%;
	font-weight:bold;
}



a
{
	color: #000066;
	
}


a:visited
{
	color: #000066;
	text-align: left;
}





img
{
	border:none;
	text-align: center;
}


.tabellendaten 
{
	font-size: 90%;
	line-height: 90%;
}


#bild_links
{
	float: left;
	margin-left:150px;	
}


#bild_rechts
{
	float: right;
	margin-right:150px;
	
}


#begleittext {
	width:650px;
	margin-top: 300px;
	margin-left:150px;
	
}

#qs_bild
{
	height: 280px;
	width: 950px;
}


.rechts
{
	text-align:right;
	margin-top: -25px;
	

}#titelseite_links {
	float: left;
	height: 500px;
	width: 480px;
	margin-top: 50px;
}
#titelseite_rechts {
	float: right;
	height: 500px;
	width: 465px;
	margin-top: 50px;
}

.zentriert
{
	text-align:center;
}

.anfahrtsskizze
{
	margin-left:20px;
}

.werkstofftabellen
{
	font-size:12px;
	line-height:20px;
	margin-bottom:25px;
}

.zellhintergrund
{
	
	background-image:url(../images/zellhintergrund.png);
}

.fieldwrapper
{
	margin-left:30px;	
}

.fieldwrapper
{
	margin-left:30px;		
}

.formularfeld_gross {
	font-size: 10px;
	color: #00007E;
	height: 11px;
	width: 50px;
	margin:0px;
}

.formularfeld_klein {
	font-size: 10px;
	color: #00007E;
	height: 11px;
	width: 30px;
	margin:0px;
}

.formularfeld_text {
	font-size: 10px;
	color: #00007E;
	height: 11px;
	width: 80px;
}

.formularfeld_text_gross {
	font-size: 10px;
	color: #00007E;
	height: 11px;
	width: 120px;
}

.formularfeld_text_kundenangaben {
	font-size: 10px;
	color: #00007E;
	height: 11px;
	width: 115px;
}

.textbereich {
	font-size: 10px;
	color: #00007E;
	height: 80px;
	width: 250px;
}

.textbereich_kleiner {
	font-size: 10px;
	color: #00007E;
	height: 70px;
	width: 250px;
}


.textbereich_klein {
	font-size: 10px;
	color: #00007E;
	height: 50px;
	width: 250px;
}


.textbereich_werkzeugbau {
	font-size: 10px;
	color: #00007E;
	height: 250px;
	width: 250px;
}


.button {
	font-size: 11px;
	color: #00007E;
	height: 18px;
	width: 85px;
	padding:0px;
}

.button_versenden {
	font-size: 11px;
	color: #00007E;
	height: 18px;
	width: 75px;
	padding:0px;
}

.radio {
    height: 11px;
	width: 11px;
	pading:0px;
}

.dateifeld {
	font-size: 11px;
	height: 18px;
	width: 220px;
	padding:0px;
}

.dropdownfeld {
	font-size: 11px;
	color: #00007E;
	height: 16px;
	width: 200px;
}

.checkbox {
	height: 11px;
	width: 11px;	
}

.checker {
	color: #00007E;
	height: 15px;
	width: 15px;
}

.formularueberschriften {
	font-size: 11px;
	line-height:12px;
	
	
}

.formularueberschriften_gross {
	font-size: 12px;
	line-height:13px;
	font-weight:bold;
	
	
}