@font-face {
    font-family: 'SourceSansPro-ExtraLight';
    src: url('../common/_fonts/SourceSansPro-ExtraLightItalic.ttf');
    
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'SourceSansPro-Regular';
    src: url('../common/_fonts/SourceSansPro-Regular.ttf');	
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'SourceSansPro-Semibold';
	src: url('../common/_fonts/SourceSansPro-Semibold.ttf');
    font-weight: normal;
    font-style: normal;
	
}
@font-face {
    font-family: 'SourceSansPro-Light';
    src: url('../common/_fonts/SourceSansPro-Light.ttf');
    font-weight: normal;
    font-style: normal;
	
}
@font-face {
    font-family: 'SourceSansPro-LightItalic';
    src: url('../common/_fonts/SourceSansPro-LightItalic.ttf');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'SourceSansPro-Bold';
    src: url('../common/_fonts/SourceSansPro-Bold.ttf');
    font-weight: normal;
    font-style: normal;

}





body { 
	background-color:#fff;
	margin:0px;
	padding:0; 
	font-family: SourceSansPro-Regular, verdana, arial;
	color: #777777;
	font-size: 10pt;
  background-color: rgb(255,255,255);
}

#content {
	width:1000px;
	margin: 0 auto 0 auto;
	}


a {
	color:#88167d;
}

/*Grunsätzliche Einstellungen*/

h1/*für Main, Überschriften der Kategorien*/ {
	font-family: SourceSansPro-Regular, verdana, arial; /*font-style: italic;*/;
	color: #606060;
	text-decoration: none;
	font-size: 20pt;
	line-height: 10pt;
	text-align: center;
	margin-left: 0px;
	margin-bottom: 5px;
}



h2 /* für New Products, Product Highlights, Products, Applications, Know How*/ {
	font-family: SourceSansPro-Regular, verdana, arial;
	color: #5b5b5b;
	color: #88167d;
	color: #606060;
	text-decoration: none;
	font-size: 22pt;
	line-height: 38pt;
	text-align: left;
	background-color: rgb(240,240,240);
	border-bottom: 2px  #A0A0A0;
	border-top: 2px #A0A0A0;
	border-left: 0px;
	border-right: 0px;
	padding: 0 0 0 1em;
	border-radius:0 0.3em 0.3em 0.3em;
	margin:5px 5px 5px 5px;
	border:thin gray solid;

}


h3 /*für Artikelnamen*/ {
	margin-left:0px;
	margin-right:10px;
	padding-top:5px;
	font-family: SourceSansPro-Regular, verdana, arial;
	color: #5b5b5b;
	color: #606060;
	text-decoration: none;
	font-size: 14pt;
	line-height: 20pt;
	border-bottom: 0px #A0A0A0;
  	text-align: left;
  	margin:0px 5px 0px 0px;
  	padding: 10px 0 0 0em;
  	width:auto;
}
/*Bezogen auf h4 (Siehe Cree wenn Produkte mehrere Unterkategorien haben*/
h4, h5, h6 {
	font-family: SourceSansPro-Regular, verdana, arial;
	color:#606060;
	text-decoration: none;
	font-size: 16pt;
	line-height: 22pt;
    text-align: left;
    border:thin solid gray;
    margin:40px 600px 20px 0px;
    padding:10px 0 0 1.6em;
    border-radius:0 0.5em 0.5em 0.5em;
    background:#E9E9E9
    
}

h5 {
	font-size: 11pt;
}

h6 {
	font-size: 10pt;
}

.img_icon img{
	text-align:center;
	width:40px;
	height:40px;
	margin:5px 2px 0 0;
	vertical-align:middle;		
}

table{
  	border: 0px #777777; 
  	border-spacing:0pt;
  	padding: 0pt;
  	width:980px;
  	text-align:left;
  	margin: 0 0 0 0;
  	padding:0 10px 0 10px;
}

thead{
	width: 980px;
	background: #ffffff;
	background-color: rgb(240,240,240);
	height: 20px;
	text-align: left;
	color: #606060;
}

th{
	font-family: SourceSansPro-Regular, verdana, arial;
	font-size:12pt;
	text-decoration:none;
	border-right:3px white solid;
	border-left:2px white solid;
	padding:0 0 0 5px;
	border-radius:0 0.3em 0.3em 0.3em;
	width:auto;
	background-color: rgb(240,240,240);
	color: #606060;
}

tbody{
	width: 980px;
	text-align: left;
	color: black;
	border-bottom:thin black solid;
}

tr {
	/*	border: solid 1px #777777; */
	border-collapse: separate;
	border-spacing: 0pt;
	padding: 0pt;
	vertical-align: top;
	text-align: left;
	font-size: 11pt;
	font-weight: bold;
	background-color: rgb(255, 255, 255);
	border: 0 white none;
	width:980px;
}

td {
	/* border: solid 1px #777777; */
	border-collapse: separate;
	border-spacing: 0pt;
	vertical-align: top;
	font-size: 10pt;
	font-weight:normal;
	color: #5B5B5B;
	padding: 0pt;
	border:0 white none;
	margin:0 10px 0 10px;
	width:auto;
}

ul{
	font-family: SourceSansPro-Regular, verdana, arial;
	text-decoration:none;
	text-align: left;	
}
li{
	font-family: SourceSansPro-Regular, verdana, arial;
	text-decoration:none;
	text-align: left;
	color:#606060;		
}

ul ul{
	font-family: SourceSansPro-Regular, verdana, arial;
	text-decoration:none;
	text-align: left;
	margin: 1px 0 0 5px;	
}

/*Ende grunsätzliche Einstellungen*/


/* Definition der Kopfzeilen
   Enthält Firmenlogo, Icon für internen Bereich 
*/
.header{
	width:980px;
	text-align:center;
}

.header tr td:nth-child(2n-1) img{
	width:300px;
	height:auto;
	text-align:center;
	margin:0 20px 0 0;
} 

.header tr td:nth-child(even){
	width:70px;
	text-align:center;	
}

.header tr td:nth-child(even) img{
	width:40px;
	height:40px;
	text-align:center;	
}

.header_icons{
	width:980px;
	height:50px;
	margin:0 0 0 0;
	text-align:center;		
}

.header_icons tbody tr{
	width:auto;
	margin:0 0 0 0;
	text-align:center;
}

.header_icons tbody tr td{
	width:50px;
	text-align:center;
}

.header_icons tbody tr td img{
	width:40px;
	height:40px;
	text-align:center;
}


.content{
	float: none;
	border: thin gray solid;
	background: none #CCCCCC;
	display: block;
	width: 300px;
	border-radius: 0 0.3em 0.3em 0.3em;
	margin: 30px 5px 30px 5px;
	background-color: #CCCCCC;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12pt
}

.content > li:first-child{
	font-family: SourceSansPro-Regular, verdana, arial; /*font-style: italic;*/;
	color:#606060;
	text-decoration: none;
	font-size: 15pt;
	line-height: 10pt;
	text-align: center;
	margin-left: 0px;
	margin-bottom: 5px;
	list-style:none;
	padding:4px 0 2px 0;
}

.content ul li:nth-child(n){
	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
	text-align:left;
	list-style:square;	
}

.content > li:last-child{
	margin:0 0 0px 0;
	padding:0 0 15px 0; 
}
/*Bsp: Sparklan (3 Spalten Tabellen)*/
.product_table_type1{
	width:980px;
	margin:30px 5px 10px 5px;	
}

.product_table_type1 tbody tr:nth-child(even) td{
	text-align:left;
	color:#606060;
	border-bottom:thin black solid;
}

.product_table_type1 tbody tr td:nth-child(2n-1){
	text-align:center;
}
/*Für 4 SPalten wobei die vierte Spalte für MEV_Offline steht*/
.product_table_type1 tbody tr td:last-child{
	text-align:center;
}


.product_table_type1 thead{
	width: 950px;
	background-color: rgb(230,230,230);
	height: 20px;
	text-align: left;
	color: #606060;
}
.product_table_type1 thead th{
	font-family: SourceSansPro-Regular, verdana, arial;
	font-size:12pt;
	text-decoration:none;
	border-right:3px white solid;
	border-left:2px white solid;
	padding:0 0 0 5px;
	border-radius:0 0.3em 0.3em 0.3em;
	width:auto;
	background-color: rgb(230,230,230);
	color: #606060;
}

/*Bsp: Littelfuse (4 Spalten ohne eigene Zeile für Artikelname)*/

.product_table_type2{
	width:980px;
	margin:30px 5px 10px 5px;
}
.product_table_type2 thead{
	width: 980px;
	background-color: rgb(230,230,230);
	height: 20px;
	text-align: left;
	color: #606060;	
}
.product_table_type2 thead th{
	font-family: SourceSansPro-Regular, verdana, arial;
	font-size:12pt;
	text-decoration:none;
	border-right:3px white solid;
	border-left:2px white solid;
	padding:0 0 0 5px;
	border-radius:0 0.3em 0.3em 0.3em;
	width:auto;
	background-color: rgb(230,230,230);
	color: #606060;
	text-align:center;
}

.product_table_type2 tbody tr td{
	text-align:center;
	border-bottom:thin black solid;
	vertical-align:middle;
}
/*Siehe Cree (Hintergrund jeder 2. Zeile)*/
.product_table_type3{
	width:980px;
	margin:30px 5px 10px 5px;
}
.product_table_type3 thead{
	width: 980px;
	background-color: rgb(230,230,230);
	height: 20px;
	text-align: left;
	color: #606060;	
}
.product_table_type3 thead th{
	font-family: SourceSansPro-Regular, verdana, arial;
	font-size:12pt;
	text-decoration:none;
	border-right:3px white solid;
	border-left:2px white solid;
	padding:0 0 0 5px;
	border-radius:0 0.3em 0.3em 0.3em;
	width:auto;
	background-color: rgb(230,230,230);
	color: #606060;
	text-align:center;
}

.product_table_type3 tbody tr td{
	text-align:center;
	border-bottom:thin black solid;
	vertical-align:middle;
}
.product_table_type3 tbody tr:nth-child(even) td{
	color:#808080;
	background-color:#E4E4E4;
}

.fullsize_img{
	width:980px;
	height:auto;
	text-align:center;
}
.product_table_type4{
	width:980px;
	margin:30px 5px 10px 5px;
}
.product_table_type4 thead{
	width: 980px;
	background-color: rgb(230,230,230);
	height: 20px;
	text-align: left;
	color: #606060;	
}
.product_table_type4 thead input{
	width:100%;
	padding:3px;
	box-sizing: border-box;
}
.product_table_type4 thead th{
	font-family: SourceSansPro-Regular, verdana, arial;
	font-size:12pt;
	text-decoration:none;
	border-right:3px white solid;
	border-left:2px white solid;
	padding:0 0 0 5px;
	border-radius:0 0.3em 0.3em 0.3em;
	width:auto;
	background-color: rgb(230,230,230);
	color: #606060;
	text-align:center;
}

.product_table_type4 tbody tr td{
	text-align:center;
	border-bottom:thin black solid;
	vertical-align:middle;
}
.product_table_type4 tbody tr:nth-child(even) td{
	color:#808080;
	background-color:#E4E4E4;
}