/* styles for www.tools-for-composite.de  */
/*                                        */
/* media:	screen                        */
/* use:		on every page                 */
/* author:	click solutions GmbH          */
/*          Holger Bluethmann             */
/*                                        */


center, isindex, menu, dir, html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 101%; font-family: inherit; font-variant: inherit; vertical-align: baseline; }

strong {
	font-weight: bold; }
body {
	line-height: 1; color: black; background: white;}

ol, ul {
	list-style: none }

table {
	border-collapse: separate; border-spacing: 0; }

caption, th, td {
	text-align: left; font-weight: normal; }

blockquote:before, blockquote:after, q:before, q:after {
	content: none }

blockquote, q  {
	quotes: none }

ul, ol, dl {
	position: relative }
	
a, a:hover {
	text-decoration: none; }

html { }

body {
	color: black; background-color: #ffffff; }

body {
	background: #ffffff; padding-bottom: 40px; font-family: Arial, Helvetica, sans-serif; }


/*                                   */
/* main divs                         */
/*                                   */

div#sitenavi {
	position: absolute; left: 0; top: 0; width: 820px; height: 20px; }

div#language {
	position:absolute;
	left:610px;
	padding:0;	
}

div#language a {
	padding:0;
	margin:0;	
	font-size:10px;
	padding:3px 0 0 25px;
	height:23px;
	display:block;
	float:left;
	margin: 3px 0 0 3px;
}

a#german {
	background: url('../images/german.gif') no-repeat;
}

a#english {
	background: url('../images/english.gif') no-repeat;	
}

a#chinese {
	background: url('../images/chinese.gif') no-repeat;	
}
		
div#logo {
	z-index: 1001; position: absolute; left: 599px; top: 20px; width: 204px; height: 200px; background-image: url(../images/logo_tfc.gif); background-repeat: no-repeat; background-color: #FFFFFF; }
	
div#navi {
	z-index: 1001; position: absolute; left: 599px; top: 160px; width: 217px; height: 175px; background-image: url(../images/navi_bg.gif);  background-repeat: no-repeat; background-position: bottom left; }
	
div#headerimage {
	z-index: 1000; position: absolute; left: 0px; top: 20px; width: 599px; height: 290px; background-image: url(../images/header.jpg); background-repeat: no-repeat; }
	
div#content {
	position: absolute; left: 0px; top: 160px; width: 100%; min-height: 100px; background-image: url(../images/content_bg.gif); background-repeat: repeat-y; background-color: #ebebeb; }

div#text {
	width: 599px; background-color: #FFFFFF; }

div#footer {
	width: 100%; height: 20px; background-image: url(../images/footer_bg.gif); background-repeat: repeat-x; background-color: #FFFFFF; }
	
/*                                   */
/* navi div                          */
/*                                   */

div#navi ul li {
	
	}
	
div#navi ul li a {
	font-family: Times New Roman;
	font-size:15px;
	display: block;
	width: 164px;
	margin: 0;
	padding: 8px 0 6px 40px;
	border-top: 1px dotted #000000;
	letter-spacing:1px;
	color:#000000;
}
	
div#navi ul li a#unternehmen {
	 }
	
div#navi ul li a#unternehmen.selected {
	font-weight: bold;
	  }
	
div#navi ul li a#leistungen {
	  }
	
div#navi ul li a#leistungen.selected {
	font-weight: bold;
	 }
	
div#navi ul li a#kompetenzen {
	  }
	
div#navi ul li a#kompetenzen.selected {
	font-weight: bold;
	 }
	
div#navi ul li a#team {
	 }
	
div#navi ul li a#team.selected {
	font-weight: bold;
	  }
	
div#navi ul li a#kontakt {
	  }
	
div#navi ul li a#kontakt.selected {
	font-weight: bold;
	  }
	

/*                                   */
/* text div                          */
/*                                   */

div#text h1 {
	padding: 180px 30px 0px 70px; font-size: 14px; text-transform: uppercase; font-weight: normal; color: #666666; }
	
div#text h2 {
	padding: 2px 30px 20px 70px; font-size: 22px; color: #e8b735; font-weight: normal; }
	
div#text h3 {
	padding: 10px 30px 5px 70px; font-size: 13px; font-weight: bold; color: #e8b735; }

div#text h3#news {
	color:#e7180d;
	font-size:16px;
}
	
div#text p {
	padding: 0px 30px 10px 70px; font-size: 13px; color: #000000; line-height: 17px; }
	
div#text p.person {
	clear: both; margin: 0px 30px 10px 70px; padding: 0px; height: 116px; background-image: url(../images/border.gif); background-repeat: repeat-x; background-position: bottom; }
	
div#text p.person img {
	float: left; margin-right: 10px; }
	
div#text a {
	color: #000000; text-decoration: underline; }
	
div#text a:hover {
	color: #e8b735; text-decoration: underline; }
	
/*                                   */
/* footer div                        */
/*                                   */

div#footer a {
	display: block; margin: 5px 0px 0px 435px; font-size: 11px; text-transform: uppercase; font-weight: normal; color: #666666; }