
/************************************************
*	Global Reset and Generals 			        *
************************************************/
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset, img {
	border: 0;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}
ol, ul, li {
	list-style: none;
}
caption, th {
	text-align: left;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
}
q:before, q:after {
	content: '';
}
strong {
	font-weight: bold;
}
em {
	font-style: italic;
}
* a {
	position: relative;
}
a img {
	border: none;
}
body {
	color: #202020;
	font: 12px Arial, Tahoma, Verdana, Helvetica, Sans-Serif;
	background-color: #fff;
}
.strong {
	font-weight: 700;
}
.clearboth {
	clear: both;
}
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
/************************************************
*	HyperLinks       							*
************************************************/
a, a:visited { color: #a4a9a0; text-decoration: none; }
a:hover { color: #8fc72a; text-decoration: underline; }
/************************************************
*	Header       							    *
************************************************/
#header { width:auto; margin:0 auto; height:43px; padding-top: 10px; padding-left: 300px; }
#logo {
	height:67px;
	width:290px;
	float:left;
	padding:25px 0 0 15px;
}
/************************************************
*	content          							*
************************************************/
.heading {
	font:bold 30px Georgia, "Times New Roman", Times, serif;
	color:#80817E;
	border-bottom:2px solid #9B9D98;
}
#content {
	width: 955px;
	margin: 0 auto 0 0;
	padding: 0 0 0;
}
#products {
	width: 905px;
	padding:0;
	background:url(images/product_box_bg.png) no-repeat left top;
	height:123px;
	margin-top:0;
}
#products_unten { background: url(images/product_box_bg.png) no-repeat 23px bottom; margin-top: 23px; padding: 0 0 0 23px; width: 905px; height: 163px; }
#product-boxes {
	width: 929px;
}
#details {
	width: 955px;
	padding-bottom:30px;
}
#details a {
	color:#6fae26;
	font:12px Tahoma, Arial, Helvetica, sans-serif;
}
#details a:hover {
	text-decoration:underline;
}
h3.title {
	font:24px Georgia, "Times New Roman", Times, serif;
	color:#fff;
}
.small-box {
	width: 700px;
	height:auto;
	float:left;
	padding:23px 5px 0;
}
.small-box img { float: left; padding:0 15px 15px 80px; }
.small-box p {
	line-height:19px;
	color:#ccc;
	padding-top:5px;
}
.small-box .product-title a {
	color:#f6f6f6;
	text-decoration:underline;
	font-weight:bold;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
}
.small-box .product-title a:hover {
	color:#b3b3b3;
}
.small-box .readmore a {
	color:#6fae26;
	font-weight:bold;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	display:block;
	padding-top:15px;
}
.small-box .readmore a:hover {
	color:#89ff00;
	display:block;
	padding-top:15px;
}
.line {
	width: 1px;
	height:323px;
	float:left;
	background:url(./images/line.gif) no-repeat;
	padding-left:7px;
}
#box-1 {
	width:200px;
	float:left;
	margin:25px 0 0 50px;
	display:inline;
}
#box-1 .date {
	color:#0b7aae;
	
	font:bold 11px Verdana, Arial, Helvetica, sans-s
}
#box-1 p {
	color:#80817f;
	font:12px Tahoma, Arial, Helvetica, sans-serif;
	line-height:17px;
	margin-top:5px;
}
#box-1 ul {
	margin-right: 5px;
	margin-bottom:15px;
}
#box-1 ul li { padding-top: 5px; padding-left: 3px; font:14px Arial, Helvetica, sans-serif; background-color: transparent; color:#80817f;
	font:12px Tahoma, Arial, Helvetica, sans-serif;
	line-height:17px;
	margin-top:5px;}
#box-1 ul li a {
	font:14px Arial, Helvetica, sans-serif;
	color:#000000;
}
#box-1 ul li a:hover {
	color: #777777;
}
#box-2 {
	width:280px;
	float:left;
	margin:25px 0 0 20px;
	display:inline;
}
#box-2 #welcome-text {
	color:#80817f;
	font:12px Tahoma, Arial, Helvetica, sans-serif;
	line-height:20px;
	margin-top:15px;
	margin-bottom:15px;
}
#box-3 {
	width:280px;
	float:left;
	margin:25px 0 0 15px;
	display:inline;
}
#box-3 .service-head {
	padding-left:55px;
	font:17px Georgia, "Times New Roman", Times, serif;
	color:#5c8d36;
}
#box-3 .service-text {
	padding-left:55px;
	padding-top:2px;
	font:12px Tahoma, "Times New Roman", Times, serif;
	color:#80817f;
	line-height:16px;
}
#box-3 .service1 {
	background:url(./images/date-48.gif) no-repeat;
	width:280px;
	height:51px;
	margin:15px 0 5px 0;
}
#box-3 .service2 {
	background:url(./images/plugins-48.gif) no-repeat;
	width:280px;
	height:51px;
	margin:30px 0 5px 0;
}
#box-3 .service3 {
	background:url(./images/email-48.gif) no-repeat;
	width:280px;
	height:51px;
	margin:30px 0 5px 0;
}
#box-4 {
	width:640px;
	float:left;
	margin:25px 0 0 216px;
	display:inline;
}
#box-4 p { font:12px/19px Tahoma, Arial, Helvetica, sans-serif; color:#80817f; margin-top: 5px; margin-bottom: 15px; margin-left: 5px; }
#box-4 h3 { color: #949393; font: 12px/19px Tahoma, Arial, Helvetica, sans-serif; margin-bottom: 15px; }
#box-4 .date { color: #0b7aae; font: bold 14px Verdana, Arial, Helvetica, sans-s; }
/************************************************
*	Wrapper          							*
************************************************/
#wrapper {
	width: 995px;
	margin: 0 auto;
	padding: 0;
	background:#fafdf2 url(./images/wrapper.gif) repeat-x 0 -120px;
	border-left:1px solid #eee;
	border-right:1px solid #eee;
}
/************************************************
*	Navbar          							*
************************************************/
#toll {
	height:43px;
	background:url(./images/toll.gif) no-repeat;
	margin-left:150px;
	padding:9px 0 0 60px;
	font-weight:bold;
	color:#80817e;
}
#nav-box {
	height:92px;
	width:650px;
	float:left;
}
#nav {
	height:40px;
	width:650px;
	float:right;
}
#left-nav {
	background:url(./images/slice.gif) no-repeat;
	float:right;
	width:15px;
	height:40px;
}
#nav-bg {
	background:url(./images/nav_bg.gif) repeat-x;
	float:right;
	height:40px;
	width:auto;
}
#nav-box ul {
	padding-right:5px;
}
#nav-box ul li {
	float: left;
	padding:13px 17px 0 5px;
}
#nav-box ul li a {
	color:#9d9d9d;
	font-weight:bold;
	font-size:13px;
}
#nav-box ul li a:hover {
	color:#80817e;
}
/************************************************
*	Form            							*
************************************************/
#commentform label { color: #80817e; font-size: 12px; text-align: left; padding-left: 5px; }
#commentform input {
	font: 110% Arial, Verdana, Helvetica, sans-serif;
	padding: 5px 3px 3px 7px;
	border: solid 1px #cccfc9;
	background-color: #f5f9ed;
	margin: 4px 20px 4px 4px;
}
#commentform textarea {
	font: 12px Arial, Verdana, tahoma, Helvetica, sans-serif;
	width: 440px;
	height: 100px;
	background: #f5f9ed;
	border: 1px solid #cccfc9;
	padding: 5px 3px 3px 7px;
	margin-top: 3px;
}
#commentform #submit { font: 12px Arial, Verdana, tahoma, Helvetica, sans-serif; color: #666666; background-color: #eeeeee; border: solid 1px #999999; width: 135px; }
/************************************************
*	Footer          							*
************************************************/

#footer {
	margin: 0 auto;
	padding: 0;
	padding-top: 20px;
	padding-left:30px;
	color:#808080;
	clear: both;
	background: url(./images/footer_bg.gif) repeat-x;
	height: 29px;
}
#footer a, #footer a:visited {
	color:#6fae26;
	text-decoration:none;
}
#footer a:hover {
	color:#7cd219;
}
