/* ---------- Buhler Yarn HOME  ----------*/

/*  #################################################
    CSS Template «Buhler Yarn» for TYPO3
    -------------------------------------------------
	
	company:	DACHCOM digital AG
	publisher:	Sandro Hagen
	date:		2008-05
	www:		www.dachcomdigital.com
	
	INCLUDES										  */
	
	@import url("/fileadmin/templates/styles/resets.css");
	@import url("/fileadmin/templates/styles/content.css");
	
/*	################################################# */



/* ------- FRAMEWORK -------  */

/*-- clearfix -- */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}

.clear {clear: both;}
img {vertical-align: bottom;}
.underline {border-bottom: 1px solid #FFFFFF;}

a img,a:link img,a:visited img {border: none;}
a,a:link,a:visited,a:hover,a:active {
	text-decoration: none;
	color: #D0041F;
}

/*-------- / MAIN MARKUP/ ---------*/

html {
	font-family: Arial, Helvetica, Arial;
	font-size: 100.1%;
	height: 100%;
	background: url('/fileadmin/templates/images/bg_body.gif');
}
body {
	font-size: .75em; /* .75em = 12px */
	line-height: 1.2em;
	height: 100%;
	color: #666;
	background: transparent url('/fileadmin/templates/images/bg_header.gif') repeat-x 0 -235px;
}

#wrapper {
	width: 980px;
	margin: 0 auto;
	padding-top: 55px;
}

#main {position: relative;}




/*########################################
			  Header
#########################################*/

#header {
	width: 100%;
	height: 100px;
}

#logo {
	float: left;
	width: 103px;
	height: 71px;
	margin-top: 22px;
}

div.hnav {
	float: right;
	margin-top: 20px;
}

div.hnav li {
	float: left;
	width: 133px;
	height: 71px;
	background: url('/fileadmin/templates/images/shadow_hnav.png') no-repeat 0 0;
	padding: 2px 5px 5px 2px;
}

div.hnav li a span {
	display: block;
	padding-top: 50px;
}

div.hnav ul li a, 
div.hnav ul li a:link, 
div.hnav ul li a:visited {
	display:  block;
	width: 100%;
	height: 100%;
	font-size: 1.1em;
	text-align: center;
	color: #999;
	font-weight: bold;
}

/* hover, act und cur identisch */
div.hnav ul li a:hover, 
div.hnav ul li a:active,
div.hnav ul li.act a,
div.hnav ul li.act a:link,
div.hnav ul li.act a:visited,
div.hnav ul li.cur a,
div.hnav ul li.cur a:link,
div.hnav ul li.cur a:visited {
	color: #000;
}

/* ---------- Themes ----------- */

.th-about {background: #D9D6B9 !important;}
.th-products {background: #E5D899 !important;}
.th-service {background: #EFE8C2 !important;}
.th-sales {background: #E2D290 !important;}
.th-news {background: #EBE1AE !important;}
.th-contact {background: #F2ECCC !important;}

/* Standard-Farbe */
div.content .shadowbox-content {
	background: #EFE8C2;
}


/*########################################
			  LEFT
#########################################*/

div.left {
	float: left;
	width: 130px;
	padding-bottom: 20px;
}

ul.snav {margin-top: 35px;}

ul.snav li {
	display: block;
	margin: 5px 0;
}
ul.snav li 	a,
ul.snav li	a:link,
ul.snav li	a:visited {
	font-size: 1em;
	font-weight: bold;
	color:#999;
}

ul.snav li a:hover, 
ul.snav li a:active,
ul.snav li.act a,
ul.snav li.act a:link,
ul.snav li.act a:visited,
ul.snav li.cur a
ul.snav li.cur a:link,
ul.snav li.cur a:visited {
	font-size: 1em;
	font-weight: bold;
	color:#000;
}


/* 2. Ebene */

div.left ul.snav li ul {margin-left: 5px;}

div.left ul.snav li ul li a,
div.left ul.snav li ul li a:link,
div.left ul.snav li ul li a:visited {
	font-size: .8em;
	font-weight: normal;
	color:#999;
}

div.left ul.snav li ul li a:hover, 
div.left ul.snav li ul li a:active,
div.left ul.snav li.act ul li.act a,
div.left ul.snav li.act ul li.act a:link,
div.left ul.snav li.act ul li.act a:visited,
div.left ul.snav li.act ul li.cur a
div.left ul.snav li.act ul li.cur a:link,
div.left ul.snav li.act ul li.cur a:visited {
	font-size: .8em;
	font-weight: normal;
	color:#000;
}


/* language navigation */
ul.lnav {
	margin: 40px 0 8px 0;
}

ul.lnav li {
	display: inline; 
	margin-right: 15px;
}
ul.lnav li a,
ul.lnav li a:link,
ul.lnav li a:visited {
	color: #999;
}

a.downloadlink,
a.downloadlink:link,
a.downloadlink:visited {
	color: #999;
}

div.left a:hover,
div.left a:active {
	color: #000 !important;
}


/*---------- CONTENT ----------*/

div.content {
	float: right;
	width: 840px;
}

/*########################################
			  FOOTER
#########################################*/

#footer {
	clear: both;
	margin-left: 140px;
}

#footer ul li {
	display: inline;
	margin: 0 5px;
}

.gnav li a,
.gnav li a:link,
.gnav li a:visited,
.servicenav li a,
.servicenav li a:link,
.servicenav li a:visited {
	font-size: .8em;
	color: #999;
}

.gnav li a:hover,
.gnav li a:active,
.servicenav li a:hover,
.servicenav li a:active {
	color: #333;
}

ul.gnav {float: left;}
ul.servicenav {float: right; text-align: right; width: 25%;}

/*########################################
			 Shadowed Boxes
#########################################*/

div.shadowbox-content {
	position: relative;
	left: -3px;
	padding: 20px;
}
div.content div.shadowbox-content {min-height: 370px;}


/*-- Even more rounded corners with CSS: Base stylesheet --*/
.shadowbox {
	position:relative;
	margin:0px auto;
	min-width:8em;
	z-index:1;
	margin-left:5px; /* default, width of left corner */
}

.shadowbox .shadowbox-inner,
.shadowbox .t,
.shadowbox .b,
.shadowbox .b div {
	background:transparent url('/fileadmin/templates/images/shadow.png') no-repeat top right;
	_background-image: url('/fileadmin/templates/images/shadow.gif');
}

.shadowbox .shadowbox-inner {
	position:relative;
	zoom:1;
	_overflow-y:hidden;
	padding:2px 2px 0px 0px;
}

.shadowbox .t {
	/* top+left vertical slice */
	position:absolute;
	left:0px;
	top:0px;
	width:5px; /* top slice width */
	margin-left:-5px;
	height:100%;
	_height:1600px; /* arbitrary long height, IE 6 */
	background-position:top left;
}

.shadowbox .b {
	/* bottom */
	position:relative;
	width:100%;
}

.shadowbox .b,
.shadowbox .b div {
	height:5px; /* height of bottom cap/shade */
	font-size:1px;
}

.shadowbox .b {
	background-position:bottom right;
}

.shadowbox .b div {
	position:relative;
	width:5px; /* bottom corner width */
	margin-left:-5px;
	background-position:bottom left;
}

.shadowbox .hd,
.shadowbox .bd,
.shadowbox .ft {
	position:relative;
}

.shadowbox .wrapper {
/* extra content protector - preventing vertical overflow (past background) */
	position:static;
	max-height:1000px;
	overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

/*
.shadowbox h1,
.shadowbox p {
	margin:0px;
	padding:0.5em 0px 0.5em 0px;
}

.shadowbox h1 {
	padding-bottom:0px;
}*/





/*****************************************
			 
			 EXTENSIONS
			 
*****************************************/




/*########################################
			 tt_news
#########################################*/

/* LATEST View */
.news-latest-date {
	float: right;
	width: 25%;
	text-align: right;
	font-weight: normal;
	color:#999;
	font-size: .9em;
}
.news-latest-item h3 {
	margin-top: 0;
}
.news-latest-item p a,
.news-latest-item p a:link,
.news-latest-item p a:visited {
	display: block;
	white-space: nowrap;
	margin-top: 3px;
}

/* LIST View  */
.news-list-container {
	float: left;
	width: 500px;
}
.news-list-item {
	padding: 10px 0;
	border-bottom: 1px solid #fff;
}

.gotoarchive {
	text-align: right;
	width: 500px;
	font-weight: bold;
	border-bottom: 1px solid #fff;
	padding-bottom: 5px;
}

.news-list-container p a,
.news-list-container p a:link,
.news-list-container p a:visited {display: block; margin-top: 3px;}

/*----- Pagebrowser ----- */

div.news-list-browse {
	margin-top: 10px;
}
div.news-list-browse table td {
	padding-right: 10px;
}

/* Seitenzahlen */
div.news-list-browse table td p a,
div.news-list-browse table td p a:link,
div.news-list-browse table td p a:visited {
	font-size: .9em;
	padding: 1px 5px;
	/*border: 1px solid #fff;*/
	vertical-align: middle;
}
div.news-list-browse table td p a:hover,
div.news-list-browse table td p a:active {
	background: #F2ECCC;
	text-decoration: none;
}

/* aktive Seite */
div.news-list-browse table td.tx-ttnews-browsebox-SCell a,
div.news-list-browse table td.tx-ttnews-browsebox-SCell a:link,
div.news-list-browse table td.tx-ttnews-browsebox-SCell a:visited,
div.news-list-browse table td.tx-ttnews-browsebox-SCell a:hover,
div.news-list-browse table td.tx-ttnews-browsebox-SCell a:active {
	color: #000 !important;
	font-weight: bold;
	cursor: default;
	background: #F2ECCC;
}


div.news-list-browse table td p a span {
	font-size: 1.3em;
}


.news-list-browse a,
.news-list-browse a:link,
.news-list-browse a:visited {
	padding: 0px;
}


/* SINGLE View  */

.news-single-item h3 {
	font-weight: bold;
	width: 70%;
}

/*########################################
			 Formulare
#########################################*/

form {
}

/* Kontaktformular */

form label.w25 {
	width: 23%;
	display: block;
}

form label.w100 {
	width: 98%;
	display: block;
}

form label.inputselect span.title {
	margin: 0 0 2px 0;
	display: table; /* act as inline-block */
}

form span.labelwrapper {
	margin: 0;
	padding: 0;
	display: table-cell;
	width: 1%; /* firefox */
}

form label input.field,
form label select.field,
form label textarea.field {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 1em;
	width: 100%;
	display: block;
	border: 1px solid #666666;
	background: #F2ECCC;
	color: #666666;
	padding: 4px;
	-moz-box-sizing: border-box; /* gecko */
	-webkit-box-sizing: border-box; /* khtml/webkit */
	margin-bottom: 5px;
}

form label select.field {
	padding: 4px 1px 1px 1px; 
}

form label input.field:focus,
form label select.field:focus,
form label textarea.field:focus {
	border: 1px solid #666666;
	background: #F2ECCC;
	color: #666666;
}

form label {
	border:0pt none;
	display:table;
	float:left;
	margin:0pt 1%;
	padding:0pt;
	width:1%;
}

.mb0 {
	margin-bottom: 0 !important;
}

form label.w100 {
	width: 78%;
	display: block;
}

form label.radiocheck {
	margin-bottom: 10px;
}

form label.radiocheck span.labelwrapper {
	padding-right: 0;
}

form label.radiocheck span.title {
	display: block;
	margin: 0 0 0 20px;
	padding: 0;
}

form input.select {
	display: block;
	float: left;
	margin: 0;
}

input.textfeld_kl {
	width: 60px;
	margin-right: 30px;
	margin-left: 0px;
	display: block;
	border: 1px solid #666666;
	background: #F2ECCC;
	color: #666666;
	padding: 4px;
	font-size: 1em;
}
input.textfeld_kl:hover,
input.field:hover,
textarea:hover {
	border: 1px solid #D0041F !important;
}
input.textfeld_kl:focus,
input.field:focus,
textarea:focus {
	border: 1px solid #D0041F !important;
	background: #fff !important;
}

fieldset.logos {
	margin-top:10px;
	clear:both;
}		

fieldset.logos table.chooselogo {
	margin-top: 0px;
	margin-left: 8px;
	border-top: 1px solid #FFFFFF;
}

fieldset.logos table.chooselogo tr {
	
} 

fieldset.logos table.chooselogo td {
	vertical-align: top;
	padding-bottom: 20px;
	border-bottom:1px solid #FFFFFF;
	padding-top: 20px;
	padding-right: 20px;
}

input#submit {
	border: 1px solid #666666;
	cursor: pointer;
	background: #D9D6B9;
	color: #333;
	-moz-box-sizing: border-box; /* gecko */
	-webkit-box-sizing: border-box; /* khtml/webkit */
	font-weight: bold;
	text-transform: uppercase;
	padding: 3px 5px;
	font-size: 1em;
}

input#submit:hover {
	color: #fff;
}


form#contact_form textarea#message {
	width: 470px;
}
form#contact_form input#submit {
	margin-left: 8px; 
}

/* Newsletter-Formular */

div.newsletter-form .tx-thmailformplus-pi1 {
	width: 270px; 
	float: right; 
}

div.newsletter-form .tx-thmailformplus-pi1 label {
	float: none;
	width: auto;
	margin-top: 8px;
	margin-bottom: 5px;
	display: block;
}

div.newsletter-form .tx-thmailformplus-pi1 input.textfeld {
	float: none;
	display: block;
	border: 1px solid #666666;
	background-color: #F2ECCC;
	color: #666666;
	width: 220px;
}



/*########################################
			 tipafriend
#########################################*/

div.tipafriend div.captcha img {
	width: 95px;
	height: 25px;
	display: block;
}

div.tipafriend fieldset {
	border: 1px solid #fff;
	padding: 15px;
	width: 43%;
	float: left;
}
div.tipafriend fieldset.url {
	float: right;
	margin-bottom: 25px;
}
div.tipafriend fieldset.spam {
	float: right;
}

div.tipafriend legend {
	font-weight: bold;
}

div.tipafriend label {
	margin: 0;
	display: block;
	width: auto;
	float: none;
}
div.tipafriend input.field,
div.tipafriend textarea.field  {
	width: 100%;
	display: block;
	border: 1px solid #666666;
	background: #F2ECCC;
	color: #666666;
	padding: 4px;
	-moz-box-sizing: border-box; /* gecko */
	-webkit-box-sizing: border-box; /* khtml/webkit */
	margin-bottom: 5px;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 1em;
}

div.tipafriend textarea.field {height: 100px;}

div.tipafriend fieldset.url a.url,
div.tipafriend fieldset.url a.url:link,
div.tipafriend fieldset.url a.url:visited {
	display: block;
	padding: 5px;
	background: #EFE8C2;
	text-align: center;
}


div.tipafriend div.captcha {
	float: left;
	width: 30%;
}
div.tipafriend div.signs {
	float: right;
	width: 65%;
}

div.tipafriend input#submit {
	margin-top: 20px;
}

/* errors */
div.tipafriend div.errors {
	margin-top: 20px;
	float: right;
	width: 46%;
	color: #D0041F;
}


/*########################################
			 Sitemap
#########################################*/

div.sitemap ul {
	margin-left: 15px;
	list-style-type: none;
}
div.sitemap ul li {
	float: left;
	width: 20%;
	margin: 0px 18px 30px 0; 
	background-color:#F2ECCC;
	padding: 10px;
}
div.sitemap ul li a,
div.sitemap ul li a:link,
div.sitemap ul li a:visited {
	color: #333;
	text-decoration: none;
}
div.sitemap ul li a:hover,
div.sitemap ul li a:active {color: #D0041F;}

div.sitemap ul li li {
	float: none;
	width: auto;
	margin: 3px 0;
	padding: 0;
}

div.sitemap ul li li a,
div.sitemap ul li li a:link,
div.sitemap ul li li a:visited {color: #666;}

div.sitemap ul li li a:hover,
div.sitemap ul li li a:active {color: #D0041F;}



div.sitemap ul li a,
div.sitemap ul li a:link,
div.sitemap ul li a:visited {
	display: block;
	padding-bottom: 7px;
	font-size: 1.2em;
	font-weight: bold;
}

/* Ebene 2 */
div.sitemap ul ul li a,
div.sitemap ul ul li a:link,
div.sitemap ul ul li a:visited {
	font-size: 1em;
	font-weight: bold;
	padding-bottom: 0;
}

div.sitemap ul ul ul li a,
div.sitemap ul ul ul li a:link,
div.sitemap ul ul ul li a:visited {
	font-weight: normal;
}

div.sitemap ul ul ul li {
	list-style-type: disc;
}

div.sitemap ul li.tree6 {/*position: relative; left: 25%;*/}


/*########################################
			 dcduserlist
#########################################*/

div.tx-dcduserlist-pi1 {

}

/* Kontakt > Ansprechpartner */
div#dcduserlist {
	float: left;
}

div.single {
	float: left;
	width: 150px;
	margin-right: 15px;
	margin-top: 20px;
}

/* bild */
div.single div.img {
	width: 100px;
	height: 125px;
	border: 1px solid #999;
	margin-bottom: 10px;
}
div.single div.img:hover {
	border-color: #666;
}

/* text */
div.single div.txt {padding-left: 2px;}

div.single div.txt a,
div.single div.txt a:link,
div.single div.txt a:visited {
	display: block;
	font-weight: bold;
}

div.single div.txt div.function {
	font-size: .8em;
}


/* single */

div#dcduserlistsingle {
	float: right;
	width: 270px;
}

div#dcduserlistsingle div.img img {
	border-color: #666;
}