body {
	color: #66788c;
	background: #fff url(bgr-body.png) center 0 no-repeat; /* #ea8022 */
	font:80%/1.36em "trebuchet ms",helvetica,arial,sans-serif;
}

a,a:link {
	color:#008060;
}


	
/* 	--------------------------------
--- basics */
.clear {
	height:0;
	font-size:0;
	visibility:hidden;
	clear:both;
}
.orange {
	color: #fff; /* #ee7f00; */
}
.bold {
	font-weight: bold;
}

	
/* 	--------------------------------
--- taken */
#saperion,#content,#main {
	width:510px;
	float:none;
	margin:0;
}

#saperion {
	width:1011px;
	padding-top:37px;
	margin:0 auto;
	margin-top: 19px;
	text-align:left;
	position:relative;
	background:url(bgr-header.png) no-repeat;
}

#header {
	border:0;
	height:50px;
}

#header #logo {
	border:0;
	height:50px;
}

#mainbody,#header {
	background:url(bgr-content.png) repeat-y;
	padding:0 9px 0 8px;
}

#mainbody {
	position:relative;
}

#footer {
	position:relative;
	background:url(bgr-footer.png) no-repeat;
	clear:both;
	height:40px;
}

#logo {
	position:absolute;
	top:35px;
	left:38px;
	height:80px;
}

#visual {
	margin-left:30px;
	margin-bottom:15px;
	position:relative;
}


	
/* 	--------------------------------
--- main */
#saperion #header .telefon {
	width:449px;
	position:absolute;
	top:35px;
	right:15px;
	font-size:18px;
	color:#5a6f85;
	text-align:right;
	padding:0 27px 0 0;
}

#saperion #header .telefon a {
	color:#5a6f85;
	text-decoration: underline;
}

#saperion #mainbody #content #visual #teaser-link {
	position: absolute;
	top: 50px;
	left: 485px;
	display: block;
	width: 385px;
	height: 160px;
	text-indent: -9999px;
}

#saperion #mainbody #content #mainindex {
	position:relative;
	margin:0 0 0 45px;
	width:895px;
	padding:0 0 4px;
}

#saperion #mainbody #content #mainindex #slider1 {
	padding-top:15px;
	position:relative;
}

#saperion #mainbody #content #mainindex #glossar {
	padding: 15px 0 15px 0;
	position:relative;
	width:765px;
	
	margin: 0 auto;
}

#saperion #mainbody #content #mainindex a {
	color: #ee7f00;
}

#saperion #mainbody #content #mainindex h2 {
	font-size:21px;
	color:#ee7f00;
	font-weight:bold;
	margin:0 0 25px 0;
}

#saperion #mainbody #content #mainindex h3 {
	font-size:17px;
	font-weight:normal;
	margin:0 0 20px;
	margin-bottom: 8px;
	margin-top: 15px;
}

#saperion #mainbody #content #mainindex #glossar h3 {
	font-size:17px;
	font-weight:normal;
	margin: 20px 0 7px;
}

#saperion #mainbody #content #mainindex #slider1 .template1-block-left {
	width: 430px;
	float: left;
	padding: 0 20px 0 0;
}

#saperion #mainbody #content #mainindex #slider1 .template1-block-right {
	width: 290px;
	float: right;
}

#saperion #mainbody #content #mainindex #slider1 .template1-block-right .box {
	font-size: 12px;
	background: #fadab5 url(right-box.gif) top left no-repeat;
	padding: 15px 15px 10px 15px;
}

#saperion #mainbody #content #mainindex #slider1 .template1-block-right .block-right-box-cap {
	height: 5px;
	background: #fadab5 url(right-box.gif) bottom left no-repeat;
}

#saperion #mainbody #content #mainindex #slider1 .template1-block-right .box h3 {
	font-size:15px;
	font-weight:bold;
	margin:0 0 10px;
	color: #ee7f00;
}

#saperion #mainbody #content #mainindex #slider1 .template1-block-right .box ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#saperion #mainbody #content #mainindex #slider1 .template1-block-right .box ul li {
	padding: 0 0 6px 16px;
	margin: 0;
	background: transparent url(plus.gif) 0 5px no-repeat;
}

#saperion #mainbody #content #mainindex #slider1 .template2-block-left {
	width: 360px;
	float: left;
}

#saperion #mainbody #content #mainindex #slider1 .template2-block-right {
	width: 360px;
	float: right;
}

#saperion #mainbody #content #mainindex #slider1 p {
	margin:0 0 10px;
	line-height:145%;
}

#saperion #mainbody #content #mainindex #glossar p {
	margin:0 0 10px;
	line-height:145%;
}

#saperion #mainbody #content #mainindex a.bestellen {
	display:block;
	width:895px;
	height:33px;
	background:transparent url(bestellen.gif) top left no-repeat;
	text-indent:-9999px;
	margin:15px 0 0;
}

#saperion #mainbody #content #mainindex a.bestellen:hover {
	background-position:bottom left;
}

	
/* 	--------------------------------
--- slider */
.stripViewer .panelContainer .panel ul {
	text-align:left;
	margin:0 15px 0 30px;
}

.slider-wrap {

	
/* This div isn't entirely necessary but good for getting the side arrows vertically centered */
	margin:20px 0;
	position:relative;
	width:100%;
}

.stripViewer-cap {
	display: none;
	height:18px;
	background:transparent url(slider_cap.gif) top left no-repeat;
}


	
/* These 2 lines specify style applied while slider is loading */
.csw {
	width:100%;
	height:500px;
	background:#fff;
	overflow:scroll;
}

.csw .loading {
	margin:200px 0 300px;
	text-align:center;
}

.stripViewer {

	
/* This is the viewing window */
	position:relative;
	overflow:hidden;

	
/*  border: 5px solid #000; this is the border. should have the same value for the links */
	margin:auto;
	width:765px;

	
/* Also specified in  .stripViewer .panelContainer .panel  below */
	height:430px !important;
	clear:both;
}

.stripViewer .panelContainer {

	
/* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
	position:relative;
	left:0;
	top:0;
	width:100%;
	list-style-type:none;

	
/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
}

.stripViewer .panelContainer .panel {

	
/* Each panel is arranged end-to-end */
	float:left;
	height:100%;
	position:relative;
	width:765px;

	
/* Also specified in  .stripViewer  above */
}

.stripViewer .panelContainer .panel .wrapper {

	
/* Wrapper to give some padding in the panels, without messing with existing panel width */
	padding:10px;
}

.stripNav {
/* This is the div to hold your nav (the UL generated at run time) */
	margin:-61px 0 0 37px;
}

.stripNav ul {

	
/* The auto-generated set of links */
	list-style:none;
	width:765px;
}

.stripNav ul li {
	float:left;
	margin-right:0;

	
/* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
}

.stripNav a {

	
/* The nav links */
	display:block;
	width:128px;
	height:57px;
	text-indent:-9999px;
}

.stripNav li.tab1 a {
	background:transparent url(slide_button_unternehmen.png) top left no-repeat;
	width: 150px;
}

.stripNav li.tab2 a {
	background:transparent url(slide_button_referenzen.png) top left no-repeat;
	width: 150px;
}

.stripNav li.tab3 a {
	background:transparent url(slide_button_loesungen.png) top left no-repeat;
	width: 150px;
}

.stripNav li.tab4 a {
	background:transparent url(slide_button_kontakt.png) top left no-repeat;
	width: 150px;
}

.stripNav li.tab5 a {
	background:transparent url(slide_button_kontakt.png) top left no-repeat;
	width: 150px;
}

.stripNav li a:hover {
	background-position:bottom left;
}

.stripNav li a.current {
	background-position:bottom left;
}

.stripNavL,.stripNavR {

	
/* The left and right arrows */
	position:absolute;
	top:210px !important;
	text-indent:-9000em;
}

.stripNavL a,.stripNavR a {
	display:block;
	height:40px;
	width:40px;
}

.stripNavL {
	left:0;
}

.stripNavR {
	right:0;
}

.stripNavL {
	background:url(../images/arrow-left.gif) no-repeat center;
}

.stripNavR {
	background:url(../images/arrow-right.gif) no-repeat center;
}



/* formular */
form#rexform {
	margin: 15px 0 0 0;
	background-color: #fff;
	width: 420px;
}
form#rexform p em {
	font-size: 11px;
	color: #666;
}
form#rexform legend {
	display: none;
}
form#rexform .formblock label {
	float:left;
	width: 175px;
}
form#rexform label.head {
	float: none !Important;
	display: block !Important;
	width: 420px !Important;
	clear: both !Important;
	color: #005a9b;
	padding: 5px 5px 5px 0;
	margin-bottom: 10px !Important;
	font-size: 13px;
	font-weight: bold;
	border-bottom: 1px #d3d3d3 solid;
}
form#rexform .formblock input, form#rexform .formblock textarea, form#rexform .formblock select {
	padding: 3px;
	color: #66788c;
	border: 1px #ee7f00 solid;
	background-color: #fff;
}
form#rexform .formblock input.formtext {
	float:right;
	width:215px;
}
form#rexform .formblock select.formselect {
	float:right;
	width:224px;
}
form#rexform .formblock input.formsubmit {
	float:right;
	width:140px;
	margin: 0 0 0 0;
	border: 1px #E05B13 solid;
	background-color: #fff;
	color: #66788c;
	font-weight: bold;
	cursor: pointer;
}
form#rexform .formblock table {
	float:right;
	width:215px;
}
form#rexform .formblock table tr td {
	padding: 3px;
}
form#rexform .formblock select.text {
	float:right;
	width:215px;
}
form#rexform .formblock .formtextfield {
	float:right;
	width:215px;
	height: 90px;
}
form#rexform .formblock input:hover, form#rexform .formblock input:focus, form#rexform .formblock textarea:hover, form#rexform .formblock textarea:focus, form#rexform .formblock select.formselect:hover, form#rexform .formblock select.formselect:focus {
	background-color: #fff;
}
form#rexform .formblock input.formsubmit:hover {
	
}
form#rexform .formblock {
	clear: both;
	margin: 0 !important;
	padding: 5px 0 5px 0 !important;
	line-height:normal !important;
}
.forminfo {
	color: #590707 !Important;
	background-color: #f3d0d0;
	padding: 5px;
	font-weight: normal;
	margin-bottom: 10px;
	border: 1px #a90000 solid;
	width: 440px;
}
#form-module-thanks {
	color: #3a6e12;
	font-weight: normal;
	margin-bottom: 10px;
	background-color: #defbc7;
	border: 1px #5b992b solid;
	padding: 10px 10px 10px 10px;
	width: 440px;
}
#form-module-thanks p {
	margin: 0 !important;
	padding: 0 !important;
}

* .template1-block-left  {
	font-size: 12px;
}

* .template1-block-left ul {
	margin-top: -7px;
}

* .template1-block-left ul li{
	margin-left: -30px;
	padding-left: 13px;
	list-style: none;
	background-color: transparent;
	background-image: url(plus.gif);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 0px 5px;
}