
body
	{
	margin: 0;
	padding: 0;
	font-size: 14px;
	font-family: 'Arimo', sans-serif;
	line-height: 24px;
	font-weight: normal;
	color: #333333;
	background-color:#ffffff;
	text-decoration: none;
  	overflow: auto; 
	/* CLASSES 
	background-image: url(bg.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-position-y:90px; 	*/	
	}

h1 {
	font-family: 'Arimo', sans-serif;
	font-size: 30px;
	font-weight: normal;
	color: #474543;
	line-height: 16px;
	text-decoration: none;
}

h2 {
	font-family: 'Arimo', sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #21789f;
	line-height: 20px;
	text-decoration: none;
}

hr
{
	color: #333333; /* IE */
	background-color: #333333; /* FF */
}

#top
	{
		margin: auto;
		margin-top: 0px;
		margin-bottom: 0px;
		width: 100%;
		height: 125px;
		background-image: url(tk_top_bg.png);
		
	}
	
#header
	{
		margin: auto;
		margin-top: 0px;
		margin-bottom: 0px;
		width: 990px;
		height: 125px;
		
	}
	

#logo
	{
		margin: 0px;
		width: 265px;
		height: 125px;
		border: 0px;
		float: left;
		
	}
	
#logo a
	{
		display:block;
     	background-image:url(tk_automation_mechatronik.png);
        width:265px; height:125px;		
	}
	
#logo a:hover
	{
		background-image:url(tk_automation_mechatronik2.png); 
	}
	
	
	
	
#menu
	{
		margin: 0px;
		width: 695px;
		height: 116px;
		border: 0px;
		text-align: left;
		font-size: 14px;
		color: #ffffff;
		padding: 0px;
		float: right;
		background-image: url(tk_menu_bg.png);
		border: 0px solid #333333;
	}
	
#menu a
	{
		text-decoration: none;
		color: #ffffff;			
	}
	
#menu a:hover
	{
		text-decoration: none;
		color: #474543;
	}


#container
	{
		margin: auto;
		margin-top: 0px;
		margin-bottom: 0px;
		width: 100%;
		height: 450px;
		color: #333333;
	}
	
#page
	{
		margin: auto;
		margin-top: 20px;
		margin-bottom: 0px;
		width: 990px;
		border: 0px solid #333333;
		
	}
	
#content
	{
		margin: auto;
		margin-top: 0px;
		width: 705px;
		float: right;
		
	}
	
#txt
	{
		margin: auto;
		margin-top: 40px;
		margin-left: 20px;
		width: 700px;
		border: 0px solid #000000;
		
	}
	
#sub
	{
		margin: auto;
		margin-top: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
		width: 265px;
		float: left;
		border-right-width:1px;
  		border-right-style:solid;
  		border-right-color:#e1e1e1;
		
	}
	
#submenu
	{
		margin: auto;
		margin-top: 42px;
		margin-left: 40px;
		font-size: 12px;
		color: #474543;
		width: 200px;
		border: 0px solid #000000;
		
	}
	
#submenu a
	{
		text-decoration: none;
		font-size: 12px;
		color: #21789f;			
	}
	
#submenu a:hover
	{
		text-decoration: none;
		color: #474543;
	}
	
	
#footer
	{
		margin: auto;
		margin-top: 50px;
		margin-bottom: 0px;
		margin-left: 0px;
		width: 100%;
		height: 90px;
		background-color:#f2f2f2;
		background-image: url(tk_footer_bg.png);
		
		
	}
	
#copyline
	{
		margin: auto;
		margin-bottom: 0px;
		width: 950px;
		height: 90px;
		font-size: 10px;
		color: #21789f;
		border: 0px solid #333333;
		
	}
	
#copyline a
	{
		text-decoration: none;
		color: #21789f;			
	}
	
#copyline a:hover
	{
		text-decoration: none;
		color: #474543;
	}

/* CLASSES */

.address
	{
		text-decoration: none;
		color: #333333;
		font-size: 12px;
	}
	
#untermenu
	{
		font-size: 12px;
		color: #3395ca;
		
	}
	
#untermenu a
	{
		text-decoration: none;
		font-size: 12px;
		color: #97bf0d;			
	}
	
#untermenu a:hover
	{
		text-decoration: none;
		color: #3395ca;
	}
	

	

	
#content a
	{
		text-decoration: none;
		color: #c91517;			
	}
	
#content a:hover
	{
		color: #474543;
	}
	
#content ul
	{
		padding-left: 20px;
		margin-left: 0px;
		list-style-type: none;
	}
	
#content li
	{
		list-style-image: url(arrow-content.jpg);
		padding: 0px 3px 0px 3px;
	}
	

	

	


