html {
	background:#f4f4f4;
}
body, textarea, input {
	font-family: "Helvetica", Helvetica, Arial, Verdana, sans-serif; font-size:12px; color:#232323; background: url(images/body_bg.gif) #fff 0 135px repeat-x;
}
a {
	color:#4d4d4d;
}
.invisible {
	display:none;
}
.right {
	float:right;
}
.left {
	float:left;
}
#container {
	width:785px; padding:325px 26px 0 29px;	border-top:1px solid #fff; margin:auto; background: url(images/top_bg.gif) left top no-repeat; position:relative;
}
#logo {
	position:absolute; left:29px; top:20px; float:left; overflow:hidden; text-indent:-19999px;
}
#logo a {
	width:231px; height:38px; display:block; background:url(images/logo.gif) no-repeat;
}
.interfacelink {
	 text-transform:uppercase; font-size:10px;
}
#quicklinks {
	position:absolute; right:26px; top:9px;
}
#quicklinks li {
	float:left; margin-left:18px;
}
#quicklinks li a {
	color:#4f4f4f; text-decoration:none;
}
#quicklinks li a:hover {
	color:#000; text-decoration:underline;
}
#main {
	background:url(images/content_bg_2.gif) left bottom repeat-y; width:515px; padding-left:35px;
}
#main h1 {
	margin:0 0 10px -35px; padding:17px 0 10px 35px; background:url(images/content_bg_1.gif) left top no-repeat; color:#ffbb00; font-size:18px; line-height:23px; text-transform:uppercase;
}
#main h2 {
	margin-bottom:12px; color:#ffbb00; font-size:16px; font-weight:normal;
}
#main h3 {
	margin-bottom:10px;
}
#main p {
	margin-bottom:20px; line-height:18px;
}
#main ul, #main ol {
	line-height:18px; list-style-type:circle; margin:0 0 20px 16px;
}
#main ol {
	list-style-type:decimal;
}
#main a:hover {
	color:#ffbb00;
}
hr {
	display:none;
}
#headimg {
	position:absolute; top:128px;
}
#navi {
	position:absolute; left:24px; top:86px; width:760px;
}
#navi li {
	float:left; overflow:hidden;
}
#navi li a {
	display:block; height:37px; text-indent:-9999px; float:left; border-right:12px solid #fff; background-repeat:no-repeat;
}
#navi .rs_mechatronik, #navi .rs_mechatronik_active {
	width:138px; background:url(images/nav_sprite.gif) 0 0;
}
#navi .entwicklung, #navi .entwicklung_active {
	width:119px; background:url(images/nav_sprite.gif) -152px 0;
}
#navi .fertigung, #navi .fertigung_active {
	width:96px; background:url(images/nav_sprite.gif) -284px 0;
}
#navi .produkte, #navi .produkte_active {
	width:93px; background:url(images/nav_sprite.gif) -655px 0;
}
#navi .blog, #navi .blog_active {
	width:57px; background:url(images/nav_sprite.gif) -394px 0;
}
#navi .anreise, #navi .anreise_active {
	width:79px; background:url(images/nav_sprite.gif) -465px 0;
}
#navi .kontakt, #navi .kontakt_active {
	width:83px; background:url(images/nav_sprite.gif) -558px 0; padding:0;
}

#navi .rs_mechatronik:hover {
	background-position: 0 -37px;
}
#navi .entwicklung:hover {
	background-position: -152px -37px;
}
#navi .fertigung:hover {
	background-position: -284px -37px;
}
#navi .produkte:hover {
	background-position: -655px -37px;
}
#navi .blog:hover {
	background-position: -394px -37px;
}
#navi .anreise:hover {
	background-position: -465px -37px;
}
#navi .kontakt:hover {
	background-position: -558px -37px;
}

#navi .rs_mechatronik_active {
	background-position: 0 37px;
}
#navi .entwicklung_active {
	background-position: -152px 37px;
}
#navi .fertigung_active {
	background-position: -284px 37px;
}
#navi .produkte_active {
	background-position: -655px 37px;
}
#navi .blog_active {
	background-position: -394px 37px;
}
#navi .anreise_active {
	background-position: -465px 37px;
}
#navi .kontakt_active {
	background-position: -558px 37px;
}

#left {
	width:211px;
}
#subnav_caption {
	color:#fff; padding:19px 0 0 15px; font-size:13px; background: url(images/subnav_head.gif); height:19px; text-transform:uppercase;
}
#subnav_caption a {
	text-decoration:none; color:#fff;
}
#subnav {
	margin-bottom:25px;
}
#subnav li {
	background:url(images/dots.gif) left bottom repeat-x; padding-left:13px; font-size:11px; text-transform:uppercase;
}
#subnav li a {
	display:block; text-decoration:none; color:#3d3d3d; background:url(images/nav_arrow.gif) right center no-repeat; width:185px; padding-top:11px; height:22px;
}
#subnav li a:hover, #subnav li a.active {
	width:190px; color:#ffbb00;
}
#totop {
	margin-top: 15px; background:url(images/arrow_up.gif) left center no-repeat; padding:3px 0 3px 16px; color:#7c7c7c; float:right;
}
#contact {
	padding-left:14px;
	line-height:18px;
}
#contact strong {
	background:url(images/fuer_sie_da.gif) no-repeat; width:211px; height:0; display:block; padding-top:44px; overflow:hidden; margin-left:-14px;
}
#footer {
	clear:both; background: url(images/footer_bg.gif) 0 0 repeat-x #f4f4f4; border-top:30px solid #fff; height:1%;
}
#footer:after, #totop:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
#contact_wrap {
	margin:auto; width:786px;
}
#contact_wrap form {
	width:460px; float:left; background: url(images/contact.gif) 0 18px no-repeat; padding-top:73px;
}
#contact_wrap legend {
	display:none;
}
#portrait {
	margin-top:88px; width:267px; float:right; font-size:11px;
}
#portrait p {
	line-height:15px; width:267px; height:100px; clear:both; float:left; margin-top:-10px;
}
#portrait p img {
	margin:0 13px 9px 0; float:left; width:90px; height:99px; position:relative;
}
#portrait p img.right {
	margin:0; margin-bottom:9px; float:right; 
}
#feed_icon {
	display:block; background: url(images/feed_icon.gif); width:180px; height:117px; text-indent:-9999px; margin:20px 0 0 14px;
}
.info_link {
	float:right; background:url(images/info_icon.gif) left center no-repeat; padding:3px 18px 3px 18px; color:#7c7c7c;
}
#main #totop:hover, .info_link:hover {
	text-decoration:none;
	color:#7c7c7c;
}
#f1 {
	position:relative; border:0;
}
#f1 div.formbody {
	width:486px; height:386px; border-right:1px solid #d3d3d3; margin-bottom:30px;
}
.formbody label.name, .formbody input.name, .formbody label.email, .formbody input.email, .formbody textarea.message, .formbody label.message, #ctrl_4 {
	position:absolute; background:url(images/form_bg.gif) left top no-repeat #e2e1e1; border:1px solid #c4c3c3;
}
.formbody label.name, .formbody label.email {
	top:72px; left:0; border:0; background:transparent;
}
.formbody label.email {
	left:237px;
}
.formbody input.name, .formbody input.email {
	top:92px; left:0; width:201px; padding:5px; height:12px;
}
.formbody input.email {
	left:237px;
}
.formbody label.message {
	top:134px; border:0; background:transparent;
}
.formbody textarea.message {
	top:155px; width:439px; height:140px; padding:5px;
}
.formbody div.error {
	display:none;
}
.formbody input:focus,.formbody textarea:focus {
	border-color:#424242;
}
.formbody input.error, .formbody textarea.error {
	border-color:#f00;
}
#main .sitemap {
	margin:0; list-style-type:none;
}
#main .sitemap li {
	margin:0; background:url(images/dots.gif) left bottom repeat-x;
}
#main .sitemap li a {
	display:block; text-decoration:none; padding:6px 0 6px 10px; height:18px;
}
.sitemap li a:hover {
	color:#ffbb00;
}
#main .sitemap li ul {
	margin-left:15px;
}
.ce_comments .info {
	background:url(images/dots.gif) left bottom repeat-x; height:18px; margin-top:5px; font-weight:bold;
}
.ce_comments .comment {
	padding:5px; line-height:16px;
}
.ce_comments input {
	width:215px; border:0; padding:4px; margin-right:5px; background:url(images/from_bg.gif) top left #f1f1f1;
}
.ce_comments textarea {
	width:400px; height:120px;
}
.ce_comments input:focus {
	background-color:#ffbb00; color:#fff;
}
#ctrl_4, .ce_comments .submit {
	cursor:pointer; padding-top:27px; overflow:hidden; border:0; width:215px; height:27px; top:331px; left:236px; background:url(images/anfrage_button.gif) top left no-repeat; color:#fff;
}
.ce_comments .submit {
	background:url(images/comment_button.gif) top left no-repeat;
}
.ce_comments .widget {
	margin-bottom:5px;
}
.mod_newslist .layout_simple {
	font-weight:bold; margin-bottom:8px; padding-bottom:5px;
}
.layout_full .info {
	font-weight:bold; text-align:right;
}
.layout_simple span {
	background-color:#4d4d4d; padding:4px 6px; margin-right:5px; color:#fff;
}
#main .layout_short .info {
	margin-bottom:0; text-align:right;
}
#main table td, #main table th {
	padding:7px; margin:3px; border-right:1px solid #cbcbcb;
}
#main table th {
	background:#fca000; color:#fff; border-right:1px solid #fff;
}
#main table {
	border-bottom:1px solid #cbcbcb; margin-bottom:20px;
}
#main table tr.odd {
	background:#f4f4f4;
}
#main table.produkt td, #main table.produkt th  {
	border:0; vertical-align:top;
}
#main table.produkt span {
	background:#f4f4f4; padding:5px;
}
#main .pagination ul {
	list-style-type:none;
	margin:0;
	width:100%;
	height:15px;
}
#main .pagination ul li {
	float:left;
	display:inline;
}
#main .pagination .current, #main .pagination li a {
	float:left;
	padding:2px 8px 2px 8px;
	background:#e4e4e4;
	margin-right:3px;
}
#main .pagination li a {
	background:#cdcdcd;
}
#main .pagination li a:hover {
	background:#fff;
}