@charset "utf-8";
/* =Basic */

/*----------------------------------------------------
// -- Basics
/----------------------------------------------------*/

* {margin:0;padding:0;}

body {	
	font:62.5% "Trebuchet MS", Arial, Verdana, sans-serif;
	background: url(../images/body.gif) repeat-x;
	color:#444;}
    
#container {
	width:960px;
    margin: 0 auto;
    background:url(../images/div-container.jpg) 0 0 no-repeat;}

    


/* Clearfix */

.clear:after {
	content:".";
	clear:both;
	visibility:hidden;
	height:0;
	display:block;
}

.clear {display: inline-block;}

/* Hides from IE-mac \*/
* html .clear {height: 1%;}
.clear {display: block;}
/* End hide from IE-mac */

/*----------------------------------------------------
// -- =layoutSidebar
/----------------------------------------------------*/

    
/*#layoutSidebar {
	width:230px;
    float:left;
    background:url(../images/div-layoutSidebar.jpg) 0 0 no-repeat;
    height:418px;}*/

#layoutSidebar {
	background:url(../images/div-layoutSidebar.png) 0 0 no-repeat;
	width:230px;
    float:left;
    height:418px;}
	
	/*head:first-child+body #layoutSidebar{background:url(../images/div-layoutSidebar.png) 0 0 no-repeat;}	*/
    
    .stapelfasergarne #layoutSidebar {background-position:-460px 0;}
	
	.filamentgarne #layoutSidebar {background-position:-690px 0;}
	
	.fasern #layoutSidebar {background-position:-920px 0;}
	
	.stoffe #layoutSidebar {background-position:-230px 0;}
	
	
	.staple-fiber-yarns #layoutSidebar {background-position:-460px 0;}
	
	.filamentyarns #layoutSidebar {background-position:-690px 0;}
	
	.fibers #layoutSidebar {background-position:-920px 0;}
	
	.fabrics #layoutSidebar {background-position:-230px 0;}

/*----------------------------------------------------
// -- =contentContainer
/----------------------------------------------------*/

#contentContainer {
position:relative;
width:710px;
float:right;}

/*----------------------------------------------------
// -- =header
/----------------------------------------------------*/

#header  {
	height:238px;
    background:url(../images/div-header.gif) 0 0 no-repeat;
    position:relative;}
    
/*----------------------------------------------------
// -- =navigationLanguage
/----------------------------------------------------*/

ul#navigationLanguage {
	list-style-type:none;
    position:absolute;
    top:0;
    left:0;
    border-right:1px solid #fff;
    height:19px;}
    
    ul#navigationLanguage li{float:left;}
    
    	ul#navigationLanguage a:link, ul#navigationLanguage a:visited {
        	display:block;
            width:36px;
            height:19px;
            line-height:19px;
            padding: 0 0 0 4px;
            font-size:1.1em;
            color:#fff;
            text-decoration:none;
            background-image:url(../images/ul-navigationLanguage-a.gif);
            background-repeat:no-repeat;}
        
        ul#navigationLanguage a:hover, ul#navigationLanguage a:active {text-decoration:underline;}
        
		ul#navigationLanguage a.english {background-position: 21px 0;}
        
        ul#navigationLanguage a.deutsch {background-position: 21px -19px;}
        
/*----------------------------------------------------
// -- =navigationAdditional
/----------------------------------------------------*/

ul#navigationAdditional {
	list-style-type:none;
    position:absolute;
    top:0;
    right:70px;
    border-right:1px solid #fff;
    height:19px;}
    
    ul#navigationAdditional li {float:left;}
    
   	ul#navigationAdditional a:link, ul#navigationAdditional a:visited {
        	display:block;
            width:79px;
            height:19px;
            line-height:19px;
            text-align:center;
            font-size:1.2em;
            border-left:1px solid #fff;
            color:#fff;
            text-decoration:none;}
        
        ul#navigationAdditional a:hover, ul#navigationAdditional a:active {background:#E80D3B;}
		
		.home ul#navigationAdditional a.home:link, .home ul#navigationAdditional a.home:visited 
		{background:#E80D3B;}
		
		.kontakt ul#navigationAdditional a.kontakt:link, .kontakt ul#navigationAdditional a.kontakt:visited 
		{background:#E80D3B;}
		
		.impressum ul#navigationAdditional a.impressum:link, .impressum ul#navigationAdditional a.impressum:visited 
		{background:#E80D3B;}
		

		
/*----------------------------------------------------
// -- =english
/----------------------------------------------------*/
		.homepage ul#navigationAdditional a.homepage:link, .homepage ul#navigationAdditional a.homepage:visited 
		{background:#E80D3B;}
		
		.contact ul#navigationAdditional a.contact:link, .contact ul#navigationAdditional a.contact:visited 
		{background:#E80D3B;}
		
		.imprint ul#navigationAdditional a.imprint:link, .imprint ul#navigationAdditional a.imprint:visited 
		{background:#E80D3B;}
		
		.contact ul#navigationAdditional a.contact:link, .contact ul#navigationAdditional a.contact:visited 
		{background:#E80D3B;}

		

        
/*----------------------------------------------------
// -- =branding
/----------------------------------------------------*/

h1#branding {
	width:185px;
	height:141px;
	position:absolute;
	top:58px;
	right:91px;
	text-indent:-999em;
	background:url(../images/h1-branding.gif) 0 0 no-repeat;
}
    
    h1#branding a {
	display:block;
	width:185px;
    height:141px;
	position:absolute;
	top:0px;
	right:0px;
	}
    
/*----------------------------------------------------
// -- =claim
/----------------------------------------------------*/

blockquote#claim {
	width:157px;
    height:37px;
    background:url(../images/blockquote-branding.gif) 0 0 no-repeat;
    position:absolute;
    top:66px;
    left:65px;
    text-indent:-999em;}
    
/*----------------------------------------------------
// -- =navigation
/----------------------------------------------------*/

ul#navi {
	height: 56px;
	width: 648px;
	background: url(../images/navi.jpg) no-repeat;
	margin: 1px 0 0 0;
}

ul#navi li {
	position: relative;
	float: left;
	list-style-type: none;
}

ul#navi li a {
	display: block;
	height: 41px;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #fff;
	text-decoration: none;
	text-align: center;
	padding-top: 15px;
	text-transform:uppercase;
}

ul#navi li a.s1 {width: 108px;}
ul#navi li a.s2 {width: 108px;}
ul#navi li a.s3 {width: 100px;}
ul#navi li a.s4 {width: 108px;}
ul#navi li a.s5 {width: 108px;}
ul#navi li a.s6 {width: 108px;}

ul#navi li#ueberuns ul li a.s1-1 { background: url(../images/sub_navi.jpg);}
ul#navi li#ueberuns ul li a.s1-1:hover {  background: url(../images/sub_navi-hover.jpg);}

ul#navi li#produkte ul li a.s1-1 { background: url(../images/sub_navi.jpg);}
ul#navi li#produkte ul li a.s1-1:hover {  background: url(../images/sub_navi-hover.jpg);}

ul#navi li a.s1:hover { background: url(../images/navi-hover1.jpg); color:#FFFFFF; }
ul#navi li a.s2:hover { background: url(../images/navi-hover2.jpg); color:#FFFFFF; }
ul#navi li a.s3:hover { background: url(../images/navi-hover3.jpg); color:#FFFFFF; }
ul#navi li a.s4:hover { background: url(../images/navi-hover2.jpg); color:#FFFFFF; }
ul#navi li a.s5:hover { background: url(../images/navi-hover2.jpg); color:#FFFFFF; }
ul#navi li a.s6:hover { background: url(../images/navi-hover2.jpg); color:#FFFFFF; }



ul#navi li a:hover {color: #C1BB81;text-decoration: none; }

ul#navi li#ueberuns ul, 
ul#navi li#produkte ul {
	display: none;
	list-style: none;
}

ul#navi li#ueberuns ul li, 
ul#navi li#produkte ul li {
	background: none;
	display: block;
	margin: 0;
	padding: 0;
	position: relative;
	float: none;
}

ul#navi li#ueberuns ul li a, 
ul#navi li#produkte ul li a {
	display: block;
	color: #fff;
	text-decoration: none;
	height: 35px;
	padding: 10px 0 0 2px;
	width: 98px;
	font-size: 12px;
	text-align: left;
	text-indent: 0px;
	background-color: #EC7378;
	text-align: center;
}

ul#navi li#ueberuns ul a:hover {color: #fff; background: #E90D3B;}
ul#navi li#produkte ul a:hover {color: #fff; background: #E90D3B;}

ul#navi li#ueberuns ul, 
ul#navi li#produkte ul {
	position: absolute;
	background: #8e7c73;
}

ul#navi li#ueberuns:hover ul {display: block;}
ul#navi li#produkte:hover ul {display: block;}

ul#navi li#ueberuns ul li, 
ul#navi li#produkte ul li {
	float: none;
	position: relative;
	display: inline;
	clear: both;
}
        
/*----------------------------------------------------
// -- =contentMain
/----------------------------------------------------*/

#contentMain {
	width:424px;
    padding: 76px 0 0 216px;
}
  
    h2 {
		
		float: left;
        font-weight:normal;
        height:28px;
        width:216px;
        text-indent:-999em;
        background: url(../images/h2.gif) 0 0 no-repeat;
		margin-left: -216px;
		margin-top: -10px;
		
		
		}
        
     .home h2 {background-position:0 -140px;}
     .ueber-uns h2 {background-position:0 -112px;}
     .philosophie h2 {background-position:0 -140px;}
     .team h2 {background-position:0 -168px;}
     .kontakt h2 {background-position:0 -196px;}
     .impressum h2 {background-position:0 -224px;}
     .produkte h2 {background-position:0 -252px;}
     .fasern h2 {background-position:0 -280px;}
     .stapelfasergarne h2 {background-position:0 -308px;}
     .filamentgarne h2 {background-position:0 -336px;}
     .stoffe h2 {background-position:0 -364px;}
     .consumer-products h2 {background-position:0 -392px;}
     .news h2 {background-position:0 0;}
     .garnboerse h2 {background-position:0 -28px;}
     .links h2 {background-position:0 -420px;}
     .partner h2 {background-position:0 -56px;}
	 .danke h2 {background-position:0 -448px;}
	 
	 .homepage h2 {background-position:-210px -140px;}
     .about-us h2 {background-position:-210px -112px;}
     .philosophy h2 {background-position:-210px -140px;}
     .team h2 {background-position:-210px -168px;}
     .contact h2 {background-position:-210px -196px;}
     .imprint h2 {background-position:-210px -224px;}
     .products h2 {background-position:-210px -252px;}
     .fibers h2 {background-position:-210px -280px;}
     .staple-fiber-yarns h2 {background-position:-210px -308px;}
     .filament-yarns h2 {background-position:-210px -336px;}
     .fabrics h2 {background-position:-210px -364px;}
     .consumer-products1 h2 {background-position:-215px -392px;}
     .news h2 {background-position:-210px 0;}
     .yarn-market h2 {background-position:-210px -28px;}
     .links h2 {background-position:-210px -420px;}
     .partner h2 {background-position:-210px -56px;}
	 .thank-you h2 {background-position:-210px -448px;}
        
      h3 {
      	font-size:1.2em;
        line-height:1.4em;
        font-weight:normal;
        text-transform:uppercase;
               position:relative;
        padding:0 0 1.5em 0;}
        
       h4 {
      	font-size:1.2em;
        line-height:1.4em;
        font-weight:bold;
        text-transform:uppercase;
        padding:0;}
        
       p, #contentMain ul {

       	font-size:1.2em;
        line-height:1.4em;
        padding:0 0 1.5em 0;
        text-align:justify;}
        
        #contentMain ul {
        	width:300px;
            padding: 0 0 1.5em 30px;}
            
        #contentMain li {
        	padding: 0 0 1em 0;}
        
       hr {
       width:640px;
       text-align:left;
       height:2px;
       margin: 0 0 0 -216px;
       outline:none;
       border:0;
       background:#888;}
	   
	   a{
	   	color: #e8203e;
	   }
	   
	   .float{
	   	float: left;
	   }
	   
	   .clear{
	   	clear:both;
	   }
 		
	   .clear2{
	   	clear:left;
		height: 20px;
	   }
	   
	   .link{
	   		font-size: 1.2em;
			list-style: circle;
			color:#676767;
	   }
       
       .bild1 {
       	padding: 30px 0 1.5em 0;}
        
       .bild2 {
       	position:absolute;
        top:0;
        left:-216px;}
	   


.cms{
       	font-size:1.2em;
        line-height:1.4em;
        padding:0 0 1.5em 0;
        text-align:justify;}
		
		
.cms p {
	width: 200px;
	margin-left: 20px;
	float: left;
	padding-bottom: 20px;
}
	   
.cms .cmsbild {
	width: 100px;
	height: 100px;
	float: left;
	margin-right: 10px;
	border: none;
}

.farbe{
	color: #e80d3b;
}