@import url("/fileadmin/templates/styles/resets.css");
@import url("/fileadmin/templates/styles/content.css");

/*  #################################################
    PRINT <> CSS Template «Buhler Yarn» for TYPO3
    ------------------------------------------------- */


/* ------- PRINT TOOLBAR -------  */

div#printToolbar {
	background: #3F3F3F;
	border-bottom: 2px solid #ccc;
	color: #EFEFEF;
	padding: 10px;
}
div#printToolbar div {
	display: inline;
}
div#printToolbar a,
div#printToolbar a:link,
div#printToolbar a:visited {
	text-transform: uppercase;
	margin-left: 20px;
	color: #EFEFEF;
	border: 1px solid #ccc;
	padding: 2px 3px;
}

div#printToolbar a:hover,
div#printToolbar a:active {
	color: #D0041F;
	background: #fff;
}
/* ------- 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: 12pt;
	height: 100%;
}
body {
	font-size: .75em; /* .75em = 12px */
	line-height: 1.2em;
	height: 100%;
	color: #666;
}

#wrapper {
	width: 90%;
	margin: 0 auto;
}


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

#header {
	width: 100%;
	height: 3cm;
	border-bottom: 5px solid #D9D6B9;
}

#logo {
	float: left;
	width: 14%;
	margin-top: 22px;
}

div.hnav {
	float: right;
	text-align: right;
	width: 82%;
	margin-top: 1cm;
}

div.hnav li {
	display: inline;
}

div.hnav ul li a, 
div.hnav ul li a:link, 
div.hnav ul li a:visited {
	float: left;
	padding: 1.2em .7em;
	font-size: 1.2em;
	text-align: center;
	color: #999;
	font-weight: bold;
	background: none;
	border: 2px solid #fff;
}

/* 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;
	border: 2px solid #D9D6B9;
}

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

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



div#main {
	width: 100%;
}

div.content {
	width: 100%;
	padding: 1cm 0;
	float: none;
}

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

#footer {
	border-top: 5px solid #D9D6B9;
	padding-top: .5em;
	clear: both;
	color: #999999;
}

#footer p {
	
}



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

div.shadowbox-content {
	background: none;
}













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




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

/* LATEST View */
.news-latest-date {
	color:#999;
}


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

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


/*----- 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;
}

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

/* 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 {
	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;
}

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: #D0041F;
	-moz-box-sizing: border-box; /* gecko */
	-webkit-box-sizing: border-box; /* khtml/webkit */
	font-weight: bold;
	text-transform: uppercase;
	padding: 10px;
}

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


/* 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 {
	float: none;
	display: block;
	border: 1px solid #666666;
	background-color: #F2ECCC;
	color: #666666;
	width: 200px;
}

div.newsletter-form .tx-thmailformplus-pi1 input#submit {
	background-color: #D9D6B9;
	margin-top: 5px;
	font-size: 0.8em;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	width: 70px;
}





/*########################################
			 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;
}

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: 20px;
	list-style-type: square;
}
div.sitemap ul li {
	float: left;
	width: 20%;
	margin: 0px 18px 30px 0; 
	background-color:#F2ECCC;
	padding: 10px;
}
div.sitemap ul li li {
	float: none;
	width: auto;
	margin: 3px 0;
	padding: 0;
}


div.sitemap ul li a,
div.sitemap ul li a:link,
div.sitemap ul li a:visited {
	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;
}

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;
}


/*########################################
			 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;
}