*	{
	margin:0;
	padding:0;
	font-family:verdana, non-serif;
	font-size:11px;
	line-height:150%;
	color:#4c4c4c;
	}							

html[xmlns^="http"]{
	overflow-y: scroll;
}
	
body {
	background:url(../img/body.jpg) repeat-x #fff;
}

a {
	color:#4c4c4c;
	text-decoration:none;
}

a:hover {
	color:#4c4c4c;
	text-decoration:underline;
}

#wrapper {
	width:990px;
	margin:0 auto;
}

#header {
	width:743px;
	height:144px;
	margin:0 auto;
}

#center {
	width:990px;
	height:292px;
	background:url(../img/center.jpg) no-repeat;
}

#center-inline {
	width:747px;
	height:292px;
	margin:0 auto;
}

#content {
	width:750px;
	margin:0 auto;
	padding:20px 0 0 0;
}

#center-left {
	width:234px;
	height:242px;
	padding:34px 0 16px 0;
	margin:0;
	float:left;
}

span#center-right {
	width:496px;
	height:242px;
	padding:0 0 16px 0;
	margin:34px 0 0 0;
	float:right;
	display:block;
	background:url(../img/header_screens.png) no-repeat;
	text-decoration:none;
}

*html span#center-right  {
	background:none;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='../img/header_screens.png');
}

span#center-right-video {
	width:496px;
	height:242px;
	padding:0 0 16px 0;
	margin:34px 0 0 0;
	float:right;
	display:block;
	text-align:center;
}

.clear {
	clear:both;
}

h1 {
	font-family:verdana, non-serif;
	font-size:24px;
	color:#fff;
	width:240px;
	display:block;
}

h2 {
	font-family:verdana, non-serif;
	font-size:18px;
	color:#fff;
	width:240px;
	display:block;
	padding:0 0 10px 0;
}

h2.headline2 {
	font-family:verdana, non-serif;
	font-size:18px;
	color:#4c4c4c;
	display:block;
	width:496px;
	padding:0 0 10px 0;
}

#nav {
	width:80px;
	height:25px;
	float:right;
	text-align:right;
	padding:119px 0 0 0;
}

#logo {
	float:left;
	height:76px;
	width:650px;
	display:block;
	margin: 60px 0 0 0;
	background:url(../img/logo.png) no-repeat;
}

.prom {
	padding: 0 0 12px 0;
	display:block;
	color:#fff;
}

.prom strong{
	font-weight:bold;
	color:#fff;
	font-size:17px;
}

.prom ul li {
	color:#fff;
	list-style: disc;
	margin:0 0 3px 15px;
}

*html a.features  {
	display:block;
	width:234px;
	height:49px;
	background:none;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='../img/features.png');
}

*html a.features:hover {
	display:block;
	width:234px;
	height:49px;
	background:none;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='../img/features.png');
	cursor:pointer;
}


a.features {
	display:block;
	width:234px;
	height:49px;
	background:url(../img/features.png) no-repeat top left;
	text-decoration:none;
	cursor:pointer;
}

a.features:hover {
	background:url(../img/features.png) no-repeat bottom left;
	text-decoration:none;
}

a.features-aktiv{
	display:block;
	width:234px;
	height:49px;
	background:url(../img/features.png) no-repeat bottom left;
	text-decoration:none;
	cursor:pointer;
}


a.screens-start {
	width:234px;
	display:block;
	height:120px;
	background:url(../img/inside.jpg) no-repeat top left;
	text-decoration:none;
	margin:0 20px 0 0;
	float:left;
}

a.screens-start:hover {
	background:url(../img/inside.jpg) no-repeat bottom left;
	text-decoration:none;
}

a.demo-start {
	width:234px;
	display:block;
	height:120px;
	background:url(../img/demo.jpg) no-repeat top left;
	text-decoration:none;
	margin:0 21px 0 0;
	float:left;
}

a.demo-start:hover {
	background:url(../img/demo.jpg) no-repeat bottom left;
	text-decoration:none;
}

a.order-start {
	width:234px;
	display:block;
	height:120px;
	background:url(../img/order.jpg) no-repeat top left;
	text-decoration:none;
	margin:0;
	float:left;
}

a.order-start:hover {
	background:url(../img/order.jpg) no-repeat bottom left;
	text-decoration:none;
}

.block-headline {
	width:143px;
	float:right;
	padding:15px 10px 7px 0;
	font-weight:bold;
	font-size:16px;
	cursor:pointer;
}

.block-description {
	width:143px;
	float:right;
	padding:0 10px 0 0;
	cursor:pointer;
}

a.screens {
	width:234px;
	display:block;
	height:120px;
	background:url(../img/inside.jpg) no-repeat top left;
	text-decoration:none;
	margin:0 0 20px 0;
}

a.screens:hover {
	background:url(../img/inside.jpg) no-repeat bottom left;
	text-decoration:none;
}

a.screens_selected {
	width:234px;
	display:block;
	height:120px;
	background:url(../img/inside.jpg) no-repeat bottom left;
	text-decoration:none;
	margin:0 0 20px 0;
}

a.screens_selected:hover {
	background:url(../img/inside.jpg) no-repeat bottom left;
	text-decoration:none;
}

a.demo {
	width:234px;
	display:block;
	height:120px;
	background:url(../img/demo.jpg) no-repeat top left;
	text-decoration:none;
	margin:0 0 20px 0;
}

a.demo:hover {
	background:url(../img/demo.jpg) no-repeat bottom left;
	text-decoration:none;
}

a.demo_selected {
	width:234px;
	display:block;
	height:120px;
	background:url(../img/demo.jpg) no-repeat bottom left;
	text-decoration:none;
	margin:0 0 20px 0;
}

a.demo_selected:hover {
	background:url(../img/demo.jpg) no-repeat bottom left;
	text-decoration:none;
}

a.order {
	width:234px;
	display:block;
	height:120px;
	background:url(../img/order.jpg) no-repeat top left;
	text-decoration:none;
	margin:0;
}

a.order:hover {
	background:url(../img/order.jpg) no-repeat bottom left;
	text-decoration:none;
}

a.order_selected {
	width:234px;
	display:block;
	height:120px;
	background:url(../img/order.jpg) no-repeat bottom left;
	text-decoration:none;
	margin:0;
}

a.order_selected:hover {
	background:url(../img/order.jpg) no-repeat bottom left;
	text-decoration:none;
}

#content-left {
	width:234px;
	margin:0 20px 0 0;
	float:left;
}

#content-right {
	width:496px;
	float:left;
}

#content-right li {
	list-style: squad;
    margin: 3px 0 0 20px; 
	padding: 0;

}

#content-right img {
	border:1px solid #c3c3c3;
}

h1.headline-screenshots {
	font-family:verdana, non-serif;
	font-size:24px;
	color:#4c4c4c;
	width:496px;
	display:block;
	text-indent:76px;
	background:url(../img/icon_screenshots.jpg) no-repeat;
	height:54px;
	margin:0 0 10px 0;
	padding:5px 0 0 0;
}

h1.headline-livedemo {
	font-family:verdana, non-serif;
	font-size:24px;
	color:#4c4c4c;
	width:496px;
	display:block;
	text-indent:76px;
	background:url(../img/icon_livedemo.jpg) no-repeat;
	height:54px;
	margin:0 0 10px 0;
	padding:5px 0 0 0;
}

h1.headline-bestellung {
	font-family:verdana, non-serif;
	font-size:24px;
	color:#4c4c4c;
	width:496px;
	display:block;
	text-indent:76px;
	background:url(../img/icon_bestellung.jpg) no-repeat;
	height:54px;
	margin:0 0 10px 0;
	padding:5px 0 0 0;
}

h1.headline-features {
	font-family:verdana, non-serif;
	font-size:24px;
	color:#4c4c4c;
	width:496px;
	display:block;
	text-indent:76px;
	background:url(../img/icon_screenshots.jpg) no-repeat;
	height:54px;
	margin:0 0 10px 0;
	padding:5px 0 0 0;
}

h1.headline-impressum {
	font-family:verdana, non-serif;
	font-size:24px;
	color:#4c4c4c;
	width:496px;
	display:block;
	text-indent:76px;
	background:url(../img/icon_impressum.jpg) no-repeat;
	height:54px;
	margin:0 0 10px 0;
	padding:5px 0 0 0;
}

h1.headline-features {
	font-family:verdana, non-serif;
	font-size:24px;
	color:#4c4c4c;
	width:496px;
	display:block;
	text-indent:76px;
	background:url(../img/icon_features.jpg) no-repeat;
	height:54px;
	margin:0 0 10px 0;
	padding:5px 0 0 0;
}

.aufzaehlung {
	background:url(../img/drag_back.gif) #e9e9e9 repeat-x;
	width:486px;
	padding:5px;
	border: 1px solid #C3C3C3;
}

.aufzaehlung  strong{
	color:#fff;
	padding:2px 0 6px 6px;
	display:block;
}




table.preisliste {
	border:1px solid #C3C3C3;
}

table.preisliste td {
	padding:3px;
}

table.preisliste td.eins {
	border-right:1px solid #C3C3C3;
	border-top:1px solid #C3C3C3;
}

table.preisliste td.einswechsel {
	border-right:1px solid #C3C3C3;
	border-top:1px solid #C3C3C3;
	background: #faf9f9;
}

table.preisliste td.einsextra {
	border-right:1px solid #C3C3C3;
	background: #EEEDEE;
}

table.preisliste td.zwei{
	border-top:1px solid #C3C3C3;
}

table.preisliste td.zweiwechsel{
	border-top:1px solid #C3C3C3;
	background: #faf9f9;
}

table.preisliste td.zweiextra{
	border:none;
	background: #EEEDEE;
}

label.normal {
	float:left;
	margin:5px 10px 5px 0;
	text-align:left;
	width:120px;
}

label.normalb {
	float:left;
	margin:5px 10px 5px 0;
	text-align:left;
	width:150px;
}

label.radio {
	float:left;
	margin:5px 12px 5px 0;
	width:132px;
}

input {
	background:#FFFFFF none repeat scroll 0 0;
	border:1px solid #C3C3C3;
	color:#000000;
	font-size:11px;
	height:18px;
	width:350px;
}

input.b{
	background:#FFFFFF none repeat scroll 0 0;
	border:1px solid #C3C3C3;
	color:#000000;
	font-size:11px;
	height:18px;
	width:320px;
}

input.b.plz{
	width:50px;
}

input.b.ort{
	width:264px;
}

input.senden {
	background:url(../img/senden.gif) left top repeat-x;
	border:0;
	color:#fff;
	font-size:11px;
	height:18px;
	width:120px;
	cursor:pointer;
}

input.senden:hover {
	background:url(../img/senden.gif) left bottom repeat-x;
	border:0;
	color:#fff;
	font-size:11px;
	height:18px;
	width:120px;
	cursor:pointer;
}

input.small {
	border:0;
	float:left;
	margin:5px 3px 5px 0;
	width:20px;
	height:18px;
} 

.feature-left {
	width:160px;
	float:left;
	margin:0;
}

.feature-center {
	width:160px;
	float:left;
	margin:0;
}

.feature-right {
	width:160px;
	float:left;
	margin:0;
}


/******** TOOLTIP *******/

.hover {display:block;text-decoration:none;cursor:pointer;position:absolute;display:none;z-index:999;width:237px;height:240px;background:url(../img/tooltip.gif) no-repeat}
.hover span.tool {padding:15px 0 0 0;display:block;margin:0px;text-align:center;font-size:16px;font-weight:bold;text-decoration:none;cursor:pointer;}

/************************/


/******** Bestellung *******/

#checkbox {
	display:none;
}

/************************/