/* main styles */
body {
	margin:0;
	padding:0;
  	color:#666;
	font-family: arial, tahoma, sans-serif;
	background:#fff;
	font-size:11px;
	}
form {
	margin:0;
	padding:0
	}
img {border:none;display:block;}
a {
	text-decoration:none;
	color:#D69302;
	}
a:hover {
	text-decoration:underline;
	}
input {vertical-align:middle}
.floatleft {float:left !important}
.floatright {float:right !important}
.clear {clear:both !important}
.bold {font-weight:bold !important}
input.text,
input,
select,
textarea {
	color:#666;
	font-family:arial,sans-serif;
	font-size:11px;
	font-weight:normal;
	}
/* main container */
#main {
	width:740px;
	margin:0 auto;
	}
/* header */
#header {
	width:100%;
	position:relative;
	height:89px;
	}
a.logo,
.visual h1 {
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	}
/* logo */
a.logo {
	position:absolute;
	left:0;
	top:23px;
	width:136px;
	height:53px;
	background:url(../images/logo.gif);
	}
	
/* main navigation */
#main-navigation {
	position:absolute;
	top:60px;
	right:0;
	text-transform:uppercase;
	}
#main-navigation li {
	float:left;
	padding:0 8px;
	background:url(../images/delimiter.gif) no-repeat right;
	}
#main-navigation a {color:#666;}
#main-navigation li#active-menu-1 {font-weight:bold;}
#main-navigation li.last {
	padding-right:3px;
	background:none;
	}
	
/* visual box */
.visual {
	width:100%;
	position:relative;
	height:194px;
	}
.visual .text {
	font-family:HelveticaNeueLT,Helvetica,arial,sans-serif;
	font-size:12px;
	font-weight:bold;
	text-align:right;
	right:24px;
	top:97px;
	width:323px;
	position:absolute;
	}
/* visual headers */
.visual h1 {
	position:absolute;
	top:66px;
	right:25px;
	margin:0;
	}
.kmu-server-system {width:252px;height:25px;background:url(../images/h-kmu-server-system.gif) no-repeat left top;}
.wir-helfen-ihnen-gerne {width:277px;height:26px;background:url(../images/h-wir-helfen-ihnen-gerne.gif) no-repeat left top;}
.kein-zutritt {width:147px;height:21px;background:url(../images/h-kein-zutritt.gif) no-repeat left top;}
.wir-mass {width:321px;height:21px;background:url(../images/h-wir-mass.gif) no-repeat left top;}
.kleine-und {width:349px;height:26px;background:url(../images/h-kleine-und.gif) no-repeat left top;}
/* visual price */
#index .price {
	font-family:HelveticaNeueLT,Helvetica,arial,sans-serif;
	font-size:28px;
	color:#fff;
	position:absolute;
	left:340px;
	top:158px;
	}
/* visual backgrounds */
#index {
	height:247px;
	background:#F1F1F2 url(../images/visual-index.jpg);
	margin:0 0 6px 0;
	}
#unternehmen {background:#F1F1F2 url(../images/visual-unternehmen.jpg);}
#kunden {background:#F1F1F2 url(../images/visual-kunden.jpg);}
#kontakt {background:#F1F1F2 url(../images/visual-kontakt.jpg);}
#loesungen {background:#F1F1F2 url(../images/visual-loesungen.jpg);}
	
	
/* main text styles*/
ul {
	margin:0;
	padding:0;
	}
li {list-style:none;}

p {margin:0 0 15px 0;}
p.large {font-size:13px;}
p.description {padding:4px 0 4px 12px;font-size:10px;}
h2,h3 {
	font-size:18px;
	font-weight:normal;
	line-height:22px;
	}
h2 {margin:0 0 15px 0;}
h3 {margin:0 0 10px 0;}
h4 {
	font-size:13px;
	margin:0;
	}
#middle ul,
#middle p {
	line-height:18px;
	}
a.raquo-bold {
	padding:0 0 0 8px;
	background:url(../images/raquo-bold.gif) no-repeat 0 6px;
	}
a.raquo {
	padding:0 0 0 6px;
	background:url(../images/raquo.gif) no-repeat 0 5px;
	}
	
/* main container */
#middle {
	width:100%;
	float:left;
	background:url(../images/bg-middle.gif) no-repeat left top;
	padding:15px 0 0 0;
	}
#bottom {
	width:100%;
	float:left;
	background:url(../images/bg-middle-bottom.gif) no-repeat left bottom;
	padding:0 0 25px 0;
	}
/* main columns */
.left-column {
	float:left;
	padding:0 0 0 17px;
	width:385px;
	}
.right-column {
	float:right;
	padding:0 15px 0 0;
	width:270px;
	}
	
/* right teaser */
.teaser {
	width:100%;
	overflow:hidden;
	}
.teaser .image {
	float:left;
	border:1px solid #E0E0E0;
	width:81px;
	}
.teaser .text {
	float:right;
	width:178px;
	margin-top:-3px;
	}
	
/* footer */
#footer {
	float:left;
	color:#999;
	font-size:10px;
	width:100%;
	padding:8px 0 42px 0;
	background:url(../images/bg-footer.gif) no-repeat left bottom;
	}
#footer .links {
	float:left;
	margin:0 75px 0 0;
	padding:0 0 0 15px;
	color:#B0B0B0;
	}
#footer .links a {color:#B0B0B0;}

/* sub navigation */
.sub-nav {padding:8px 13px;height:14px;}
.sub-nav a {color:#666;margin:0 2px;}
.sub-nav strong {color:#333;margin:0 2px;}

/* listing */
.listing {
	float:left;
	padding:0 0 0 15px;
	}
.listing a {padding:0 0 0 6px;background:url(../images/raquo.gif) no-repeat 0 5px;}
.listing #active-menu-3 a {color:#333;background-image:url(../images/raquo-black.gif);}

/* right content block */
.right-content {
	float:right;
	padding:0 16px 0 0;
	width:497px;
	}
	
/* about man block photo */
.man .photo {
	float:left;
	border:1px solid #ccc;
	padding:4px;
	margin:0 15px 10px 0;
	}

.man .name {font-size:13px;}
	
/* bottom logos */
.man .logos img {float:left;margin:0 30px 15px 0}

/* form styles */
.main-form {
	float:right;
	width:498px;
	padding:0 16px 0 0;
	}
.main-form .h {
	display:block;
	font-size:13px;
	font-weight:normal;
	margin:0 0 10px 0;
	}
.main-form .row {
	width:100%;
	overflow:hidden;
	padding:0 0 6px 0;
	}
.main-form .buttons {padding:11px 0 5px 55px;}
.main-form .buttons  input {margin-right:7px; border:0px;}
.main-form .buttons  input.send {background-image:url(../images/btn-senden.gif);width:80px;height:19px;}
.main-form .buttons  input.reset {background-image:url(../images/btn-zurucksetzen.gif);width:80px;height:19px;}

.main-form label {line-height:19px;}
.main-form .left {
	float:left;
	width:55px;
	}
.main-form .right {
	float:left;
	width:37px;
	}
.main-form .text,
.main-form textarea {
	float:left;
	border:1px solid #E0E0E0;
	padding:2px 0 1px 4px;
	height:14px;
	width:189px;
	}
.main-form .small {width:72px;}
.main-form .full {width:437px;}
.safari .main-form .full {width:443px;}
.main-form textarea {width:437px;height:100px;}
.safari .main-form textarea {width:443px;}

/* products table */
table.items {
	line-height:18px;
	border-collapse:collapse;
	width:484px;
	}
table.items img {margin-bottom:-10px;}
table.items .header td {padding:0 0 6px 0;}
table.items .raquo-bold {font-size:13px;}
table.items td {
	border:1px solid #E0E0E0;
	padding:0;
	text-align:center;
	}
table.items .name {width:218px;text-align:left;padding:2px 0 2px 11px;}
table.items .product {width:87px;text-align:center !important;}
table.items span {font-size:16px;}
table.items .price td {padding-top:10px;}