body {
	font-size: 14px;
	font-family: "lucida grande", Arial;
	line-height: 15px;
	text-align: center;
	margin: 0;
	overflow-x:hidden
	padding: 0; 
}
#wrapper {
	background-image: url(../images/bg_site.png);
	background-repeat: repeat-y;
	text-align: left;
	margin: 0 auto;
	width: 990px;
	overflow: hidden;
	padding: 0;
	border-width: 0; }
a:active, a:hover, a:visited {
	outline-width: 0; }

.header {
	background-image: url(../images/bg_header.png);
	background-repeat: no-repeat;
	background-position: 14px 0;
	height: 253px;
	margin-bottom: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 24px;
	border-width: 0; }
.logo {
	width: 325px;
	height: 86px;
	float: left; }
.topmenu {
	text-align: right;
	width: 600px;
	height: 40px;
	float: right;
	margin-top: 10px;
	padding-right: 15px; }
	
.topmenu a, .topmenu a:link {
	color: #737373;
	font-size: 11px;
	font-family: "lucida grande", Verdana;
	text-decoration: none !important;
	text-transform: uppercase !important;
	padding: 3px 6px;
	outline-width: 0; }
	
.topmenu a:hover, .topmenu a:visited {
	color: #df6e15;
	text-decoration: none; }
	
.menu {
	width: 325px;
	height: 165px;
	float: left;
	clear: left; }
	
.menu a:link, .menu a:visited {
	color: #fff;
	font-size: 13px;
	font-family: "lucida grande", Verdana;
	font-weight: normal;
	line-height: 30px;
	background-image: url(../images/bg_menu.png);
	background-repeat: no-repeat;
	text-decoration: none;
	text-transform: uppercase;
	word-spacing: 1px;
	height: 30px;
	clear: right;
	margin-top: 2px;
	padding-left: 50px;
	border-bottom: 1px dashed #fff;
	outline-width: 0;
	display: block; }

.menu a:hover {
	background-image: url(../images/bg_menu_hover.png);
	border-bottom: 1px solid #fff;
	outline-width: 0; }
#submenu {
	top: 88px;
	left: 250px;
	width: 140px;
	z-index: 500;
	overflow: hidden;
	float: left;
	clear: right;
	margin-right: 15px;
	border-color: #fff #fff #fff #df6e15;
	border-style: solid;
	border-width: 1px;
	display: inline; }

#submenu a, #submenu a:link, #submenu a:visited {
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	line-height: 30px;
	background-color: #f7b52d;
	background-image: url(../images/bg_submenu.png);
	background-repeat: no-repeat;
	text-decoration: none;
	text-align: left;
	text-indent: 30px;
	height: 31px;
	margin-right: 2px;
	padding-right: 15px;
	outline-width: 0;
	display: block; }

#submenu a:hover {
	text-decoration: underline; }

p {
	margin: 0;
	padding: 0; }
.content a, .content a:link, .contentstart a, .contentstart a:link {
	color: #df6e15;
	font-family: "lucida grande", Arial, arial;
	text-decoration: none;
	outline-width: 0; }
.content a:hover, .contentstart a:hover {
	color: #df6e15;
	text-decoration: underline; }

.footer {
	width: 990px;
	line-height: 15px;
	background-image: url(../images/bg_footer.png);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 0 0;
	text-align: left;
	height: 80px;
	clear: both;
	margin-top: 0;
	margin-right: auto;
	margin-left: auto; }
.footersmall {
	color: #b64500;
	text-align: right;
	width: 600px;
	float: right;
	margin-top: 15px;
	margin-right: 30px; }
.footerleft {
	width: 90px;
	height: 35px;
	float: left;
	margin-top: 10px;
	margin-left: 14px; }

.clear {
	height: 1px;
	overflow: hidden;
	clear: both; }
.noborder {
	border-width: 0; }

/*content area
*/
.contentstart {
	color: #494949;
	font-size: 12px;
	font-family: "lucida grande", Arial;
	line-height: 15px;
	background-image: url(../images/bg_startpage.png) !important;
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 964px;
	margin-left: 14px;
	border-top: 1px solid #fff; }
.first {
	width: 964px;
	height: 196px;
	clear: left;
	margin-top: 12px;
	border-width: 0; }
.preise {
	text-align: right;
	width: 320px;
	height: 60px;
	overflow: hidden;
	float: right;
	clear: right;
	margin-right: 15px;
	padding: 0;
	display: inline; }
.preise td {
	margin: 0;
	padding: 0;
	border: solid 1px #e60000; }
.lpreise {
	width: 220px;
	height: 60px;
	overflow: hidden;
	float: left;
	margin: 0;
	padding: 0; }
.rpreise {
	text-align: right;
	width: 95px;
	height: 60px;
	float: right;
	display: inline; }
.preise a:link, .preise a:visited {
	font-size: 15px !important;
	font-family: "lucida grande", Verdana !important;
	font-weight: normal;
	line-height: 60px !important;
	background-image: url(../images/bg_preise.gif);
	background-repeat: no-repeat;
	background-position: 0 10px;
	text-decoration: none;
	text-align: left;
	text-indent: 45px;
	width: 220px;
	height: 60px !important;
	float: left;
	margin: 0 0 0 2px;
	padding: 0;
	white-space: nowrap; }
.preise a:hover {
	background-image: url(../images/bg_preisehover.gif);
	background-repeat: no-repeat; }
.modultable {
	background: #ffffff;
  color: #616161;
} 
.modultable td {
	font-size:           13px;
	font-weight:         normal;
	line-height:         22px;
	text-decoration: none;
	text-align:          left;
	margin:              0;
  padding:             2px 0 0 0px;
	position:            relative;
	display: block;   
} 
.modulname {
	color: #000;
	font-size: 22px;
	font-weight: bold;
	line-height: 38px !important;
	background-image: url(../images/DB2.gif);
	background-repeat: no-repeat;
	background-position: 2px 0;
	text-indent: 32px;
	height: 38px !important;
	border-bottom: 2px solid #668e11; 
}
.moduldesc {
	padding-left: 40px !important;
	 }  
.pricetable {
	background: #ffffff;
  color: #616161;
}  
.contacttable {
	background: #ffffff;
  color: #616161;
}
.contacttable td {
	font-size:           13px;
	font-weight:         normal;
	line-height:         22px;
	text-decoration: none;
	text-align:          left;
	margin:              0;
  padding:             0 0 0 0px;
	position:            relative;
  border-color: #eee;
  border-style: solid;
  border-width: 0 1px 1px 0;  
	display: block;   
}
.contacttable th {
	color: #080808;
	font-size:           14px;
	font-weight:         bold;
	line-height:         30px;
	background-color: #bfd65b;
	background-repeat:   no-repeat;
	background-position: 0 0;
	text-decoration: none;
	text-align:          left;
	margin:              0;
  padding:             0 0 0 0;
	position:            relative;
	display: block;   
}
.pricetable td {
	font-size:           14px;
	font-weight:         normal;
	line-height:         25px;
	text-decoration: none;
	text-align:          left;
	margin:              0;
	padding:             2px 0 0 10px;
	position:            relative;
	height: 32px;
	border-color: #eee !important;
	border-style: solid !important;
	border-width: 0 1px 1px 0 !important; 
}
.pricetable th {
	color:               #fff;
	font-size:           13px;
	font-weight:         bold;
	line-height:         30px;
	background-color:    #668e11;
	background-repeat:   no-repeat;
	background-position: 0 0;
	text-decoration: none;
	text-align:          left;
	margin:              0;
  padding:             2px 0 0 10px;
	position:            relative;
	display: block;   
}
.collage {
	width: 590px;
	float: left; }
.path {
	font-size: 11px;
	height: 20px;
	margin-top: 5px;
	margin-bottom: 10px;
	padding-left: 25px; }

/*content styles
*/
.screenshots {
	background-image: url(../images/bg_screenshots.png);
	background-repeat: no-repeat;
	background-position: 5px 20px;
	height: 200px;
	overflow: hidden;
	float: left;
	clear: both;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 53px; }
.screenshots img {
	float: left;
	margin-right: 6px;
	margin-left: 6px;
	border: solid 1px #ffb2b2;
	display: inline; }

.screenshots h2 {
	color: #0f0f0f;
	font-size: 16px;
	font-weight: normal;
	line-height: 30px;
	width: 640px;
	height: 34px;
	clear: both;
	margin: 0 0 13px;
	padding: 0 0 0 7px;
	display: block; }
.right {
	width: 235px;
	float: right; }
.left {
	width: 720px;
	overflow: hidden;
	float: left; }

.text {
	margin-top:    0;
	margin-bottom: 20px;
	padding-right: 30px;
	padding-left: 24px; }
.texta {	display:       inline;
	margin-top:    0;
	margin-bottom: 20px;
	margin-left:   14px;
	padding-right: 10px;
	padding-left:  10px;
	float:         left; }
.links_services {
	width: 220px;
	float: left;
	clear: both;
	margin-bottom: 20px; }
	
.links_services a:link, .links_services a:visited {
	color: #ffffff;
	font-size: 11px;
	font-family: "lucida grande", arial, Verdana;
	font-weight: bold;
	line-height: 30px;
	background-image: url(../images/bg_menu.png);
	background-repeat: no-repeat;
	background-position: -12px 0;
	text-decoration: none;
	text-transform: uppercase;
	word-spacing: 1px;
	height: 30px;
	overflow: hidden;
	clear: right;
	padding-left: 32px;
	border-bottom: 1px dashed #f6b32c;
	display: block;
	white-space: nowrap; }
a:link.current, a:visited.current   {
	color: #fff !important;
	font-weight: bold;
	background-color: #7eac20;
	background-image: none !important;
	background-repeat: no-repeat;
	background-position: -400px 0; }

.links_services a:hover {
  color: #ffffff;
  text-decoration: none;
	background-image: url(../images/bg_menu_hover.png);
	border-bottom: 1px solid #f6b32c; 
}
.second {
	width: 964px;
	height: 200px;
	clear: left;
	margin-top: 10px; }
.content {
	color:            #616161;
	font-size:        13px;
	font-family:      "lucida grande", Arial;
	line-height:      20px;
	background-color: #fff;
	background-repeat: repeat-y;
	padding:          0 0 10px;
	width:            964px;
	min-height:       400px;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 14px;
	border-width: 0; }
.content h1 {
	color: #020202;
	font-size:           20px;
	font-weight:         normal;
	line-height:         30px;
	background-repeat:   no-repeat;
	background-position: 0 0;
	text-align: left;
	position: relative;
	margin: 10px 0 0;
	padding: 0; }
.content h3 {
	color:               #fff;
	font-size:           13px;
	font-weight:         bold;
	line-height:         30px;
	background-color:    #668e11;
	background-repeat:   no-repeat;
	background-position: 0 0;
	text-decoration: none;
	text-align:          left;
	margin:              0;
  padding:             5px 0 0 10px;
	position:            relative;
	display: block; }
.content h4 {
	color:               #fff;
	font-size:           13px;
	font-weight:         bold;
	line-height:         30px;
	background-color:    #f7a62c;
	background-repeat:   no-repeat;
	background-position: 0 0;
	text-decoration: none;
	text-align:          left;
	margin:              0;
  padding:             5px 0 0 10px;
	position:            relative;
	display: block; }  
.bild {
	margin-bottom: 30px;
	margin-left: 15px;
	border: solid 2px #df6e15; }
.leftbild {
	float: left;
	margin-top: 5px;
	margin-right: 15px;
	margin-bottom: 15px; }
.te {
float:right;
font-size:11px;
height:180px;
line-height:17px;
margin-right:15px;
margin-top:6px;
overflow:hidden;
width:300px;
}
.te h3 {
	color: #6a8a22;
	font-size: 14px;
	font-weight: bold;
	line-height: 25px;
	height: 25px;
	margin: 0;
	padding: 0; }

.testimonial {
	float: left;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dashed #cbdd66;
	 }

.testimonial img {
	background-color: #fff;
	float: left;
	margin-right: 10px;
	padding: 4px;
	border: solid 1px #f0f0f0;
	display: inline; }

.sign {
	color: #6a8a22;
	font-style: italic; }

.news {
	width: 620px;
	height: 180px;
	float: left;
	margin-top: 10px; }
.newsline {
	font-size: 12px;
	line-height: 14px;
	background-image: url(../images/bg_news.png);
	background-repeat: no-repeat;
	height: 57px;
	overflow: hidden;
	margin-top: 2px;
	margin-bottom: 2px;
	padding-left: 100px; }

.newsline h1 {
	font-size: 16px;
	line-height: 35px;
	text-transform: uppercase;
	margin: 0;
	padding: 0; }
.submit_btn {
	float: left; }
a.submit_btn {
	font-size: 11px;
	color: #fefefe !important;
	font-family: Verdana;
	font-weight: normal;
	padding-left: 10px;
	background-image: url(../images/bg_button.png);
	background-repeat: no-repeat;
	border:  0;
	display: block;
	line-height:  24px;
	text-transform: uppercase;
	letter-spacing: 1px;
	width: auto;
	height: 24px;
	float: left; }
.submit_btn span {	
	background-image:    url(../images/bg_button.png);
	background-repeat:   no-repeat;
	background-position: right 50%;
	display:             block;
	padding-right:       10px;
	height:              24px; }

/*******************************/
/*****       Contacts       ****/
/*******************************/
.conleft {
	color: #232323;
	width: 350px;
	float: left;
	margin-right: 40px;
	padding-top: 10px;
	padding-bottom: 50px; }

.contact {
	font-size: 12px;
	font-family: "lucida grande", ARIAL;
	line-height: 20px;
	width: 500px;
	float: left;
	padding-top:      10px;
	padding-right:    10px;
	padding-bottom:   10px; }
.contact textarea {
	color: #3e3e3e;
	font-size: 12px;
	font-family: "lucida grande", ARIAL;
	background-color: #fff;
	width:300px;
	height: 120px;
	float: left;
	margin-top: 5px;
	padding-top: 3px;
	padding-right: 5px;
	padding-left: 4px;
	border-bottom: 1px solid #ebebeb;
	border-left: 1px solid #ebebeb;
	border-top-style: inset;
	border-top-width: 1px;border-right-styl;e: inset;
	border-right-width: 1px; }
.contact_row input {
	color: #3e3e3e;
	font-size: 12px;
	width: 200px !important;
	background-color: #fff !important;
	float: left;
	padding: 2px 5px;
	border-bottom: 1px solid #ebebeb;
	border-left: 1px solid #ebebeb;
	border-top-style: inset;
	border-top-width: 1px;border-right-styl;e: inset;
	border-right-width: 1px; }
.contact_row {
	text-align: left;
	vertical-align: middle;
	clear: right;
	padding: 5px 10px 5px 20px;
	border-bottom-color: #fff;
	display:block; }
.contact_row ul {
	padding: 0 0 0 180px;
	list-style-type: none; }

.contact_row ul li {
	float: left;
	clear: right;
	padding: 0;
	list-style-type: none; }

.contact_row ul li label {
	width: 500px;
	float: left;
	clear: right;
	display: block; }

.contact_row label {
	width: 170px;
	float: left; }
	
	
.contact_row_errors {clear:both !important;}
.contact_row_errors ul {
	padding: 0 0 0 180px;
	list-style-type: none !important; }

.contact_row_errors ul li {
	/*float: left;*/
	clear: both;
	padding: 0;
	list-style-type: none !important; }

.contact_row_errors ul li label {
	width: 500px;
	/*float: left;*/
	clear: both !important;
	/*display: block;*/ }
	
.contact .error {
	color: #d10000;
	font-size: 11px;
	font-weight: normal;
	background-image: url(../images/exclamation.gif);
	background-repeat: no-repeat;
	background-position: 3px 2px;
	text-indent: 25px;
	letter-spacing: 1px;
	float: left; }
.input_form input {	
  color:            #3e3e3e;
	font-size:        12px;
	background-color: #fff !important;
	padding:          2px 5px;
	width:            100px;
	float:            left;
	border-style:     inset;
	border-width:     1px; }
.required{	
  color:            #555555;
	font-size:        12px;
	background-color: #FFFFCC !important;
	padding:          2px 5px;
	float:            left;
	border-style:     inset;
	border-width:     1px; }
.notrequired{	
  color:            #555555;
	font-size:        12px;
	background-color: #ffff !important;
	padding:          2px 5px;
	float:            left;
	border-style:     inset;
	border-width:     1px; }  
.input_form .error  {	color:               #d10000;
	font-size:           11px;
	font-weight:         normal;
	background-image:    url(../images/exclamation.gif);
	background-repeat:   no-repeat;
	background-position: 3px 2px;
	letter-spacing:      1px;
	padding-left:        25px;
	float:               left; }
.contact_row .check, .check {
	width: 12px !important;
	height: 12px !important;
	padding-right: 10px;
	padding-left: 20px; }
	/* BUTTONS */
.buttclear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
	clear: both;
	margin-top: 20px;
	margin-bottom: 25px;
	padding-left: 360px; }
a.button {
    background: transparent url(../images/bg_button_a.gif) no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none !important;
}

a.button span {
    background: transparent url(../images/bg_button_span.gif) no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}

a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}
a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}
/*boxes presse
*/
.box_title {
	color: #080808;
	font-size: 14px;
	line-height: 22px;
	margin-top: 10px;
	padding-top: 7px;
	padding-bottom: 5px;
	border-top: 1px solid #f2f2f2; }

.box_images {
	float: left;
	margin-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	display: inline; }

.bxo_images img {
	float: left;
	margin-right: 5px;
	display: inline; }

.box_files {
	float: left;
	clear: both;
	margin-top: 10px;
	padding-bottom: 15px; }