<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Kontakt - tfc - tools for composite</title>
<link href="../styles/screen.css" rel="stylesheet" type="text/css" />

<script type="text/javascript">
        function checkForm() {
            var errorMsg = "";
            var name = document.getElementById("mailform-name");
            var email = document.getElementById("mailform-email");
            var message = document.getElementById("mailform-message");
            
            if (name.value == "") {
                errorMsg += "Please enter your name our company! \n";
                name.focus();
                name.style.border = "2px solid red";
                name.style.backgroundColor = "#FFDF89";  
            }
            else {
                name.style.border = "1px solid #000000";
                name.style.backgroundColor = "white";  
            }
            
            if (email.value == "") {
                errorMsg += "Please enter a valid email address! \n";
                email.focus();
                email.style.border = "2px solid red";
                email.style.backgroundColor = "#FFDF89"; 
            }
            else {
                email.style.border = "1px solid #000000";
                email.style.backgroundColor = "white";  
            }
            
            if (message.value == "") {
                errorMsg += "Please enter a message! \n";
                message.focus();
                message.style.border = "2px solid red";
                message.style.backgroundColor = "#FFDF89"; 
            }
            else {
                message.style.border = "1px solid #000000";
                message.style.backgroundColor = "white";  
            }
            
            if (errorMsg != "") {
              alert(errorMsg);
              return false;
            }
            else {
              return true;
            }
        }
    
    </script>
    <style type="text/css">

/* 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: 81px; 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; }


        #mailform {
            width:500px;
		font-size:13px;
		margin-left: 70px;
		padding:0;            
        }
        
        #mailform-name, #mailform-email, #mailform-message, #mailform-submit {            
            border:1px solid #000000;           
        }
        
        #mailform-name, #mailform-email, #mailform-message {            
            padding: 2px;           
        }
        
        #mailform-name, #mailform-email {            
            width:200px;
        }
        
        .mailform-column {
            padding-bottom:0.5em;
		padding-right:1em;
		vertical-align:middle;                        
        }
        
        #mailform-submit {
            border:1px solid #000000;
            background-color:#FF6E1F;
            font-weight:bold;
            color:#FFFFFF;
            cursor:pointer;
        }
        
    </style>

</head>

<body>

	<div id="sitenavi">
    	<div id="language"><a href="../kontakt.htm" id="german">Deutsch</a><a href="../english/contact.htm" id="english">English</a><a href="#" id="chinese">&#20013;&#25991;</a></div>
    </div>
    
    <div id="headerimage">&nbsp;</div>
    
    <div id="logo">
    
    </div>
    
    <div id="navi">
    	<ul><li><a href="index.htm" id="unternehmen">1 公司简介
</a></li><li><a href="services.htm" id="leistungen">2 业务范围
</a></li><li><a href="skills.htm" id="kompetenzen">3 业务能力
</a></li><li><a href="team.htm" id="team">4 工作团队</a></li><li><a href="contact.htm" id="kontakt" class="selected">5 联系我们</a></li></ul>
		  </div>

    
    <div id="content">
    
    	<div id="text">
        	<h1>tools for composite</h1>
           	<h2>联系方式</h2>
          <p>tfc tools for composite 有限公司</p>
            <p>Zum Steinsitz 4
              <br />
              18237 G&uuml;strow
              <br />
              Germany              </p>
            
            <p>电话 +49 3843 - 24575 - 00<br />
              传真 +49 3843 - 24575 - 29<br />
            电子邮件 <a href="mailto:info@tools-for-composite.de">info@tools-for-composite.de</a></p>
          <p>&nbsp;</p>
   	  </div>    
        
  <form id="mailform" name="mailform" action="../scripts/mailer.php" method="post" accept-charset="ISO-8859-1" onsubmit="return checkForm();">
        <table cellpadding="0" cellspacing="3" border="0">
            <tr>
                <td class="mailform-column">name / company:</td>
                <td class="mailform-column"><input type="text" name="name" id="mailform-name" /></td>
            </tr>
            <tr>
                <td class="mailform-column">email address:</td>
                <td class="mailform-column"><input type="text" name="email" id="mailform-email" /></td>
            </tr>
            <tr>
                <td class="mailform-column">your message:</td>
                <td><textarea cols="40" rows="15" id="mailform-message" name="message"></textarea></td>
            </tr>
            <tr>
                <td></td>
                <td><br /><input type="submit" name="senden" value="send message" id="mailform-submit" /><br /></td>
            </tr>
        </table>
   </form>

  	<div id="footer"><a href="legalnotice.htm">LEGAL NOTICE</a></div>
    </div>

</body>
</html>    
ਊ