/*
Theme Name: Farr Feinmechanik 2006
Theme URI: http://www.farr-feinmechanik.de
Description: Layout Stand 2006
Version: 1.0
Author: Florian Farr

Default WordPress by Dave Shea || http://mezzoblue.com
Modifications by Matthew Mullenweg || http://photomatt.net
This is just a basic layout, with only the bare minimum defined.
Please tweak this and make it your own. :)
*/
html, body {
	margin: 0;
	padding: 0;
	background: #e6e6e6;
	color: #767676;
	font-family: Arial;
}
img {
	border: 0;
}
a, a:link, a:active, a:visited, a:hover {
	text-decoration: none;
}
#container {
	position: absolute;
	width: 904px;
	height: 600px;
	left: 50%;
	margin-left: -452px;
	top: 4%;
	padding: 0;
}
#header {
	position: absolute;
	background-color:transparent;
	top: 0px;
	left: 0px;
	width: 904px;
	height: 24px;
	overflow:hidden;
	padding: 0;
	margin: 0;
	z-index: 1;
}
#language {
	position: absolute;
	top: 0px;
	right: 45px;
	width: 120px;
	height: 30px;
	padding: 3px;
	margin: 0;
	z-index:2;
	text-align: right;
}
#flags {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 44px;
	height: 30px;
	padding: 0;
	margin: 0;
	text-align: right;
	z-index: 5;
}
#content {
	position: absolute;
	background: url('background-images/start.jpg') top left no-repeat;
	top: 24px;
	left: 0px;
	width: 904px;
	height: 334px;
	padding: 0;
	margin: 0;
	text-align: left;
	z-index: 4;
}
#panel_l400 {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 400px;
	height: 334px;
	overflow: hidden;
	padding: 0;
	margin: 0;
	text-align: left;
	z-index:4;
}
#panel_l {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 566px;
	height: 328px;
	overflow: hidden;
	padding: 0;
	margin: 0;
	text-align: left;
	z-index:4;
}
#panel_r {
	position: absolute;
	top: 0px;
	left: 290px;
	width: 338px;
	height: 328px;
	padding: 0;
	margin: 0;
	text-align: left;
	z-index:4;
}
#panel_r504 {
	position: absolute;
	top: 0px;
	left: 400px;
	width: 504px;
	height: 328px;
	padding: 0;
	margin: 0;
	text-align: left;
	z-index:4;
}
#menu {
	position: absolute;
	background: #ffffff;
	top: 358px;
	left: 0px;
	width: 904px;
	height: 18px;
	overflow: hidden;
	padding: 0;
	margin: 0;
	text-align: left;
	z-index:3;
}
#blue {
	position: absolute;
	background: url('img/blue_bg.png') top left no-repeat;
	top: 376px;
	left: 0px;
	width: 920px;
	height: 230px;
	padding: 0;
	margin: 0;
	text-align: left;
}
#footer {
	position: absolute;
	top: 606px;
	right: 3px;
	width: auto;
	height: auto;
	overflow: hidden;
	padding: 0;
	margin: 0;
	text-align: right;
}
#news {
	position: absolute;
	top: 33px;
	right: 4px;
	width: 392px;
	overflow:auto;
	height: 123px;
	margin: 0;
	padding:0;
	text-align: left;
}
header h1, #language a, #flags a, #menuitems a, #footer a {
	font-size: 11px;
	line-height: 12px;
	font-weight: normal;
	color: #454545;
}
#header h1 {
 	font-size:12px;
 	font-weight:normal; 	
}
#header h1 span.artur {
	font-weight:bold;
}	
#footer a {
  color:#333333;
  margin:0;
  padding:1px 0 0;
  line-height:12px;
}
#header h1 {
	margin: 8px 0 0 16px;
}
* html #header h1 {
	margin: 9px 0 0 16px;
}
#language {
  padding:8px 0 0 0;
}
* html #language {
  padding:2px 0 0 0;
}
#menuitems {
	padding: 0 0 0 20px;
	line-height: 13px;
}
#menuitems a {
	color: #000000;
}
#menuitems a:hover {
	color: #3a5787;
}
#content h2, #content p, li, #news h2, #news p, #content a  {
	color: #666666;
	text-align: justify;
}
#content h2, #news h2 {
	font-size: 16px;
	font-family: Arial Black, Arial Black, Gadget, sans-serif;
	font-weight: normal;
	padding: 0;
	margin: 28px 0 18px 30px;
}
#content p, #news p, li, #content a  {
	font-family: Arial;
	padding: 0;
	font-size: 12px;
	line-height: 16px;
	margin: 0 70px 10px 30px;
}
ul {
  list-style:square;
}
li {
  line-height:10px;
}
#content a{
  margin:0;
  font-size:11px;
  color:#3a5787;
}
#news h2 {
  margin:5px 20px 0 10px;
  font-size:11px;
  color:#333333;
}
#news p.small {
  display:none;
}
#news p {
  color:#333333;
  margin:2px 30px 0 10px;
  font-size:11px; 
  line-height:160%;
}
#news .small {
  font-size:10px;
}