/* CSS Document */

html {
margin:0px;
margin-left:-2px; 
padding:0px;
}

html, body {
  background-color:#9A9A9A;
  margin-top:10px;  
  height:100%;  
  vertical-align:top;
  text-align:center;  
  scrollbar-arrow-color: #C5D2F3;
  scrollbar-face-color: #5A9EC8;
  scrollbar-highlight-color: #C5D2F3;
  scrollbar-3dlight-color: #5A9EC8;
  scrollbar-shadow-color: #5A9EC8;
  scrollbar-darkshadow-color: #5A9EC8;
  scrollbar-track-color: #E7E7E7;
  
}

p {     color: #333333;
        font-family: arial;
        font-size: 12px;
		font-weight:normal;
		margin-top: 5px;
		margin-bottom:0px;
		line-height:13px;
}

p a	{color : #990000;
	font-size : 10px;
	font-weight: bold;
	font-family : Arial;
	text-decoration: underline;}

ul { list-style-image:url(../images/arrow_ul.gif);
 	 margin-left:17px;
	 /*margin-top:10px;*/
}

li { line-height:20px;
}
		
.csc-header-n2 h1 {
     	color: #990000;
        font-family: arial;
        font-size: 18px;
		font-weight:bold;
}


.csc-firstHeader {
        color: #333333;
        font-family: arial;
        font-size: 14px;
		font-weight:bold;	
		margin-bottom:8px;	
}	


/************************************* Farben der Contentbereiche *****************************************/


.content_box{
        background-color: #F3F4FE   ;			
		
		width:650px
}

/************************************* Schrift *****************************************/

.title_grau_16 {
        color: #333333;
        font-family: arial;
        font-size: 16px;
		font-weight:bold;
}

.title_grau_16 a{
        color: #333333;
        font-family: arial;
        font-size: 16px;
		font-weight:bold;
		text-decoration:none;
}

.text_grau_12 {
        color: #333333;
        font-family: arial;
        font-size: 12px;
		font-weight:bold;
}

.text_grau_12 a{
        color: #333333;
        font-family: arial;
        font-size: 12px;
		font-weight:bold;
		text-decoration:none;
}

.text_grau_10 {
        color: #999999;
        font-family: arial;
        font-size: 10px;
		font-weight:normal;

}

.text_grau_10 a{
        color: #999999;
        font-family: arial;
        font-size: 10px;
		font-weight:normal;
		text-decoration:none

}

.title_rot_12{
        color: #990000;
        font-family: Arial;
        font-size: 12px;
		font-weight: bold;
}

.title_rot_12 a{
        color: #990000;
        font-family: Arial;
        font-size: 12px;
		font-weight: bold;
		text-decoration:none;
}

.text_dark{
        color: #000000;
        font-family: arial;
        font-size: 12px;}
		
.text_dark a{
        color: #000000;
        font-family: arial;
        font-size: 12px;
		text-decoration:none;}
		
.text_dark h3{
        color: #000000;
        font-family: arial;
        font-size: 12px;
		text-decoration:none;}
		
.text_dark_light h3{
        color: #333333;
        font-family: arial;
        font-size: 12px;
		text-decoration:none;}					

.text_dark a:hover{
        color: #0397D6;
        font-family: arial;
        font-size: 12px;
		text-decoration:none;}				

.text_light{
        color: #FFFFFF;
        font-family: arial;
        font-size: 11px;}

.text_red{
        color: #FF0000;
        font-family: Arial;
        font-size: 11px;}
		
.text_red a{
        color: #FF0000;
        font-family: Arial;
        font-size: 11px;
		text-decoration:none;}		

.text_small_dark{
        color: #999999;
        font-family: Arial;
        font-size: 10px;}
		
.text_small_dark h3{
        color: #999999;
        font-family: Arial;
        font-size: 10px;}
		
	

.text_small_light{
        color: #FFFFFF;
        font-family: Arial;
        font-size: 10px;}

.text_small_red{
        color: #FF0000;
        font-family: Arial;
        font-size: 10px;}

.title_dark{
        color: #666666;
        font-family: Arial;
        font-size: 12px;
		font-weight: bold;}

.title_light{
        color: #FFFFFF;
        font-family: Arial;
        font-size: 11px;
		font-weight: bold;}

.title_red{
        color: #990000;
        font-family: Arial;
        font-size: 11px;
		font-weight: bold;}

.title_red a{
        color: #990000;
        font-family: Arial;
        font-size: 11px;
		font-weight: bold;
		text-decoration:none;}

.title_big_dark	{
        color: #000000;
        font-family: Arial;
        font-size: 15px;
		font-weight: bold;}

.title_big_light{
        color: #FFFFFF;
        font-family: Arial;
        font-size: 14px;
		font-weight: bold;}

.title_big_red{
        color: #990000;
        font-family: Arial;
        font-size: 14px;
		font-weight: bold;}

/************************************* Links *****************************************/

/* Helle Links Normal */
.link_light a {
	color : #FFFFFF;
	font-size : 11px;
	font-weight: normal;
	font-family : Arial;
	text-decoration: none;}

.link_light a:hover {
	color : #666666;
	text-decoration: none;}

/* Helle Links Fett */
.link_light_bold a {
	color : #FFFFFF;
	font-size : 11px;
	font-weight: bold;
	font-family : Arial;
	text-decoration: none;}

.link_light_bold a:hover {
	color : #666666;
	text-decoration: none;}

/* Helle Links klein */
.link_small_light a {
	color : #FFFFFF;
	font-size : 10px;
	font-weight: bold;
	font-family : Arial;
	text-decoration: none;}

.link_small_light a:hover {
	color : #666666;
	text-decoration: none;}

/* Helle Links gross */
.link_big_light a {
	color : #883D26;
	font-size : 12px;
	font-weight: bold;
	font-family : Arial;
	text-decoration: none;}

.link_big_light a:hover {
	color : #883D26;
	text-decoration: none;}



/* Dunkle Links Normal */
.link_dark a {
	color : #000000;
	font-size : 12px;
	font-weight: normal;
	font-family : Arial;
	text-decoration: none;}

.link_dark a:hover {
	color : #666666;
	text-decoration: none;}

/* Dunkle Links Normal */
.internal-link{
	color : #000000;
	font-size : 12px;
	font-weight: normal;
	font-family : Arial;
	text-decoration: underline;}	
	
/* Dunkle Links Normal */
.internal-link a {
	color : #000000;
	font-size : 12px;
	font-weight: normal;
	font-family : Arial;
	text-decoration: underline;}

.internal-link a:hover {
	color : #666666;
	text-decoration: underline;}
	
	
.sitemap11 a{
	color : #000000;
	font-size : 12px;
	font-weight: normal;
	font-family : Arial;
	text-decoration: none;
}
.sitemap11 a:hover{
	color : #000000;
	font-size : 12px;
	font-weight: normal;
	font-family : Arial;
	text-decoration: underline;
}

.sitemap12 a{
	color : #666666;
	font-size : 12px;
	font-weight: normal;
	font-family : Arial;
	text-decoration: none;
}		

.sitemap12 a:hover{
	color : #666666;
	font-size : 12px;
	font-weight: normal;
	font-family : Arial;
	text-decoration: underline;
}
/* Dunkle Links Fett */
.link_dark_bold a {
	color : #000000;
	font-size : 11px;
	font-weight: bold;
	font-family : Arial;
	text-decoration: none;}

.link_dark_bold a:hover {
	color : #666666;
	text-decoration: none;}

/* Dunkle Links klein */
.link_small_dark a {
	color : #999999;
	font-size : 10px;
	font-weight: bolder;
	font-family : Arial;
	text-decoration: none;}

.link_small_dark a:hover {
	color : #666666;
	text-decoration: none;}


/* Rote Links klein */
.link_small_red a {
	color : #990000;
	font-size : 9px;
	font-weight: bold;
	font-family : Arial;
	text-decoration: underline;}

/************************************* Contentelemente *****************************************/

.klickpfad{
		background:#EEEEEE;
		color: #FFFFFF;
        font-family: Arial;
        font-size: 10px;
		height:20px;
		width:666px;
}

.tabellenkopf {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
    text-align: center;
    padding: 4px;
    background-color: #54668A;
}

.tabelleninhalt {
	background-color: #E7E7E7;
	color: #000000;
	font-family: Arial;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-align: center;
	padding: 4px;
}


/************************************* other(Input;Button;Select;Ränder) *****************************************/

/*** Select ***/
.select {
    color : #000066;
    font-size : 12px;
	font-family : Tahoma,Verdana,Arial;
	font-weight: normal;
	background-color: #FFFFFF;
	border: 1px solid #DDDDF9;}


/*** Ränder ***/
.border_dark {
	   border: 1px solid #3B77AE;}

.border_light {
	   border: 1px solid #AFAFAF;}

.border_red {
	   border: 1px solid #FF0000;}


/*** Button ***/
.button{
       font-family: Arial;
       font-size: 9px;
       border: 0px solid #333333;
       padding-top:2px;
	   background-color: #3B77AE;
       color: #FFFFFF;}


/*** Input ***/
.input{
       font-family: Arial;
       font-size: 12px;
       border: 1px solid #D9DDE1;
       background-color: #FFFFFF;
       color: #000000;
	   }

.input_red{
       font-family: Arial;
       font-size: 12px;
       border: 1px solid #FF0000;
       background-color: #FFFFFF;
       color: #000000;
	   }
	   
	   
/*Formulare*/

.csc-mailform {
border:none;
}

.csc-mailform-field-label{
	width:80px;
	color: #333333;
	font-family: arial;
	font-size: 12px;
	font-weight:normal;	

}

.csc-mailform-field-field input#mailformName{
	   font-family: Arial;
       font-size: 12px;
       border: 1px solid #D9DDE1;
       background-color: #FFFFFF;
       color: #000000;
	   width:300px;
}

.csc-mailform-field-field input#mailformFirma{
	   font-family: Arial;
       font-size: 12px;
       border: 1px solid #D9DDE1;
       background-color: #FFFFFF;
       color: #000000;
	   width:300px;
}

.csc-mailform-field-field input#mailformTelefon{
	   font-family: Arial;
       font-size: 12px;
       border: 1px solid #D9DDE1;
       background-color: #FFFFFF;
       color: #000000;
	   width:300px;
}

.csc-mailform-field-field input#mailformEmail{
	   font-family: Arial;
       font-size: 12px;
       border: 1px solid #D9DDE1;
       background-color: #FFFFFF;
       color: #000000;
	   width:300px;
}

.csc-mailform-field-field input#mailformWandstrke{
	   font-family: Arial;
       font-size: 12px;
       border: 1px solid #D9DDE1;
       background-color: #FFFFFF;
       color: #000000;
	   width:300px;
}

.csc-mailform-field-field input#mailformMaterialgte__Werkstoffnummer{
	   font-family: Arial;
       font-size: 12px;
       border: 1px solid #D9DDE1;
       background-color: #FFFFFF;
       color: #000000;
	   width:300px;
}

.csc-mailform-field-field input#mailformMenge{
	   font-family: Arial;
       font-size: 12px;
       border: 1px solid #D9DDE1;
       background-color: #FFFFFF;
       color: #000000;
	   width:300px;
}

.csc-mailform-field-field input#mailformattachment1{
	   font-family: Arial;
       font-size: 12px;
       border: 1px solid #D9DDE1;
       background-color: #FFFFFF;
       color: #000000;
	   width:300px;
}

.csc-mailform-field-field textarea{
	   font-family: Arial;
       font-size: 12px;
       border: 1px solid #D9DDE1;
       background-color: #FFFFFF;
       color: #000000;
	   width:300px;
}

.csc-mailform-field-field input#mailformNamek{
	   font-family: Arial;
       font-size: 12px;
       border: 1px solid #D9DDE1;
       background-color: #FFFFFF;
       color: #000000;
	   width:150px;
}

.csc-mailform-field-field input#mailformFirmak{
	   font-family: Arial;
       font-size: 12px;
       border: 1px solid #D9DDE1;
       background-color: #FFFFFF;
       color: #000000;
	   width:150px;
}

.csc-mailform-field-field input#mailformTelefonk{
	   font-family: Arial;
       font-size: 12px;
       border: 1px solid #D9DDE1;
       background-color: #FFFFFF;
       color: #000000;
	   width:150px;
}

.csc-mailform-field-field input#mailformEmailk{
	   font-family: Arial;
       font-size: 12px;
       border: 1px solid #D9DDE1;
       background-color: #FFFFFF;
       color: #000000;
	   width:150px;
}


.csc-mailform-field-field textarea#mailformNachrichtk{
	   font-family: Arial;
       font-size: 12px;
       border: 1px solid #D9DDE1;
       background-color: #FFFFFF;
       color: #000000;
	   width:150px;
}

/*grauer Hintergrund für layout 1*/

.gray_bg {
	background-color:#E9E9E9;
	padding:10px;
	padding-right:20px;


}

* html .gray_bg {
	width:704px;

	background-color:#E9E9E9;
	padding:10px;
	padding-right:20px;


}
 
*+html .gray_bg {
	background-color:#E9E9E9;
	padding:10px;
	padding-right:20px;
	width:674px;


}