body {
  margin:0 0 8px 0;
  padding:0;
  background:url(/cms/images/bg_verlauf.gif) repeat-x #F4F4F4;
  background-attachment:fixed;
  text-align:center;
}

body *{
  font:normal 11px Arial;
  color:#322828;
/*border:solid 1px blue;*/
/*  border-bottom:dotted 1px blue;*/
}

#col2 *{
  /*border:solid 1px blue;*/
  /*border:none;*/
}

div{
	position:relative;
}

div.last{
  margin:0 0 30px 0;
  padding:0;
}

strong{
  font-weight:bold;
}

p {
  line-height:15px;
  margin:0 0 10px 0;
  padding:0;
}

p.lastp{
  margin:0;
}

#col2 p {
  line-height:17px;
}

/*#col2 ul{
  list-style-image:url(/cms/images/bullet.gif);
}

#col2 ul li{
  padding:0 0 5px 0;
}
*/
#col2 ul{
  list-style:none;
  display:block;
  padding:0;
  margin: 0Px 0Px 10Px 0Px;
}

#col2 ul li{
  background-repeat:no-repeat;
  background-image:url(/cms/images/bullet.gif);
  background-position:0 2px;
  display:block;
  width:480px;
  padding: 0 0 0 10px;
  margin: 0Px;
  margin-bottom:5px;
}

a{
  color:#c10000;
  text-decoration:none;
}

a:hover{
  text-decoration:underline;
}

#page {
	width:780px;
	margin:0 auto 0 auto;
	padding:0;
	position:relative;
	border:none;
}

#mainframe {
	margin:0 auto 0 auto;
	width:100%;
	padding:0;
	position:relative;
	text-align:left;
  border-bottom:5px;
  border-bottom-color:#908b8b;
  border-bottom-style:solid;
}

#mainframe h1{
	display:none;
	margin:0;
}

#borderframe{
  border-style:solid;
  border-width:1px 1px 0 1px;
  border-color:#b4aaaa;
  background-color:#ffffff;
	width: 778Px;
}

#header{
	padding:0 20px 0 0;
	text-align:right;
	vertical-align:middle;
	margin:0;
	line-height:20px;
	height:20px;
}

#header span.navi{
	margin:0;
	padding-left:10px;
	text-align:left;
	display:inline;
	text-transform:uppercase;
	font-size:10px;
	color:#c10000;
}

#header span.navi a, #header span.navi a:link, #header span.navi a:visited{
	color:#645a5a;
	text-decoration:none;
	font-size:10px;
}

#header span.navi a:hover{
	font-size:10px;
	color:#c10000;
}

#head{
  height:120px;
  width:778px;
  padding:0;
  margin:0;
}

#logo{
  width:300px;
  float:left;
  text-align:left;
  height:120px;
}

#cert{
  margin-left:301px;
  text-align:right;
  height:120px;
  padding-right:20px;
}

img.logo{
  padding-left:50px;
  padding-top:40px;
}

img.certificat{
  padding-left:14px;
  padding-top:20px;
}

#mainnavi{
	height:40px;
	background-color:#c10000;
	padding:0;
	margin:0;
	position:relative;
	border:none;
	border-bottom:solid 1px white;
}

#mainnavi ul {
  margin:0;
  padding:0 0 0 10px;
  list-style:none;
  display:block;
  height:40px;
/*  font-size:11px;*/
}

#mainnavi ul li {
  float:left;
  margin:0;
  line-height:40px;
  background-color:#c10000;
}

#mainnavi ul li a {
  display:block;
  height:40px;
  background-color:#c10000;
  background-image:url(/cms/images/navi_haupt.gif);
  background-repeat:no-repeat;
}

#mainnavi ul li a:hover, #mainnavi ul li a.selected{
  background-color:#E69999;
}
/*  
Navipunkt:  News
Breite:     53
*/
#mainnavi ul li.navi01 a {
  background-position:0 0;
  width:53px;
}

#mainnavi ul li.navi01 a:hover, #mainnavi ul li.navi01 a.selected  {
  background-position:0 -40Px;
  width:53px;
}

/*  
Navipunkt:  Sage Produkte
Breite:     120
*/
#mainnavi ul li.navi02 a {
  background-position:-53px 0;
  width:120px;
}

#mainnavi ul li.navi02 a:hover, #mainnavi ul li.navi02 a.selected {
  background-position:-53px -40Px;
  width:120px;
}

/*  
Navipunkt:  Anwendungen
Breite:     114
*/
#mainnavi ul li.navi03 a {
  background-position:-173px 0;
  width:114px;
}

#mainnavi ul li.navi03 a:hover, #mainnavi ul li.navi03 a.selected {
  background-position:-173px -40Px;
  width:114px;
}

/*  
Navipunkt:  Seminare
Breite:     80
*/
#mainnavi ul li.navi04 a {
  background-position:-287px 0;
  width:80px;
}

#mainnavi ul li.navi04 a:hover, #mainnavi ul li.navi04 a.selected {
  background-position:-287px -40Px;
  width:80px;
}

/*  
Navipunkt:  Leistungen
Breite:     94
*/
#mainnavi ul li.navi05 a {
  background-position:-367px 0;
  width:94px;
}

#mainnavi ul li.navi05 a:hover, #mainnavi ul li.navi05 a.selected {
  background-position:-367px -40Px;
  width:94px;
}

/*  
Navipunkt:  Über Uns
Breite:     80
*/
#mainnavi ul li.navi06 a {
  background-position:-461px 0;
  width:80px;
}

#mainnavi ul li.navi06 a:hover, #mainnavi ul li.navi06 a.selected {
  background-position:-461px -40Px;
  width:80px;
}

ul.subnavi {
  margin:0 0 30px 0;
  padding:0;
  list-style:none;
}

ul.subnavi li{
  margin:0;
  padding:0;
}

ul.subnavi li span{
  display: block;
}

ul.subnavi li a, ul.subnavi li span{
  margin:0;
  padding:0;
  font-weight:bold;
  line-height:20px;
}

ul.subnavi li a:hover, ul.subnavi li a.selected,ul.subnavi li span{
  color:#322828;
  text-decoration:none;
}

ul.subnavi li ul{
  margin:0 0 0 15px;
  padding:0;
  list-style:none;
}

ul.subnavi li ul li a{
  font-weight:normal;
}

h2{
  height:105px;
  margin:0;
  padding:0;
}

h2.visual2{
  background:#ffffff url(/cms/images/visual_news.jpg) 0 0 no-repeat;
}

h2.visual3{
  background:#ffffff url(/cms/images/visual_sage_produkte.jpg) 0 0 no-repeat;
}

h2.visual4{
  background:#ffffff url(/cms/images/visual_anwendungen.jpg) 0 0 no-repeat;
}

h2.visual5{
  background:#ffffff url(/cms/images/visual_seminare.jpg) 0 0 no-repeat;
}

h2.visual6{
  background:#ffffff url(/cms/images/visual_leistungen.jpg) 0 0 no-repeat;
}

h2.visual7{
  background:#ffffff url(/cms/images/visual_ueber_uns.jpg) 0 0 no-repeat;
}

#content {
	position: relative; 
	margin: 0;
	width: 778Px;
}

#wr1, #wr2,
#col1, #col2 {
	position: relative; 
}

#wr1 {
	width: 195Px;
	background-color: #ececec;
}

#wr2 {
	width: 583Px; 
	left: 195Px; 
	margin-right: -583Px; 
	background-color: #ffffff;
}

#col1, #col2{
	float: left;
	margin: 0; 
  padding:30px 20px 0 20px;
}

#col1 {
	margin-left: -195Px; 
	width: 155Px;
	 
}

#col2 {
	width: 543Px;
  padding:30px 20px 30px 20px;
}

h3, h4{
  padding:0;
  text-transform:uppercase;
}

h3{
  margin:0 0 25px 0;
  font-size:17px;
  font-weight:bold;
}

h4{
  margin:0 0 15px 0;
  font-size:12px;
  font-weight:bold;
}

.news{
  margin:0 0 24px 0;
}

.news div{
  margin:0 0 11px 0;
}

.news span{
  display:inline;
}

.news span.header{
  font-size:16px;
  font-weight:bold;
  text-transform:uppercase;
}

.news span.title{
  font-size:12px;
  font-weight:bold;
  text-transform:uppercase;
}

.news span.date{
  margin:0 10px 0 10px;
  color:#7D7373;
  font-style:italic;
}

.news span.category{
  font-size:10px;
  color:#FFFFFF;
  font-weight:normal;
  text-transform:uppercase;
  padding-left:3px;
  padding-right:3px;
}

.spindlernews{
  background-color:#E69999;
}
  
.branchennews{
  background-color:#C8C8C8;
}
  
.sagenews{
  background-color:#BEE5A1;
}
  
.info{
  color:#7D7373;
  margin-left:5px;
}

.infolabel{
  margin-left:26px;
}


.more {
	padding: 0 0 0 11Px;
	background-position:0px;
	background-repeat: no-repeat;
	background-image:url(/cms/images/roter_pfeil.gif);
}

.gototop {
	padding: 0 0 0 10Px;
	background-position:0px;
	background-repeat: no-repeat;
	background-image:url(/cms/images/pfeil_oben.gif);
}

.header_kontakt{
  background:#ececec url(/cms/images/header_kontakt.gif) 0 2px no-repeat;
}

.header_hotoffer{
  background:#ffffff url(/cms/images/header_angebot-des-monats.gif) 0 0 no-repeat;
}

.header_important{
  background:#ffffff url(/cms/images/header_wichtige-information.gif) 0 0 no-repeat;
}

.header_mehrwert{
  background:#ffffff url(/cms/images/header_machen-sie-mehr-aus.gif) 0 0 no-repeat;
}

.header_partner{
  background:#ffffff url(/cms/images/header_partnerloesungen.gif) 0 0 no-repeat;
}

.header_tippstricks{
  background:#ffffff url(/cms/images/header_tipps-tricks.gif) 0 0 no-repeat;
}

.header_knowledge{
  background:#ffffff url(/cms/images/header_wussten-sie-schon.gif) 0 0 no-repeat;
}

.header_eastern{
  background:#ffffff url(/cms/images/header_frohe-ostern.gif) 0 0 no-repeat;
}

.header_xmas{
  background:#ffffff url(/cms/images/header_froehliche-weihnacht.gif) 0 0 no-repeat;
}


.teaser_hotoffer{
  background:#ffffff url(/cms/images/teaser_angebot-des-monats.jpg) 0 0 no-repeat;
}

.teaser_important{
  background:#ffffff url(/cms/images/teaser_wichtige-information.jpg) 0 0 no-repeat;
}

.teaser_mehrwert{
  background:#ffffff url(/cms/images/teaser_machen-sie-mehr-aus.jpg) 0 0 no-repeat;
}

.teaser_partner{
  background:#ffffff url(/cms/images/teaser_partnerloesungen.jpg) 0 0 no-repeat;
}

.teaser_tippstricks{
  background:#ffffff url(/cms/images/teaser_tipps-tricks.jpg) 0 0 no-repeat;
}

.teaser_knowledge{
  background:#ffffff url(/cms/images/teaser_wussten-sie-schon.jpg) 0 0 no-repeat;
}

.teaser_eastern{
  background:#ffffff url(/cms/images/teaser_frohe-ostern.jpg) 0 0 no-repeat;
}

.teaser_xmas{
  background:#ffffff url(/cms/images/teaser_froehliche-weihnacht.jpg) 0 0 no-repeat;
}

            
            
.header_spindlernews{
  background:#ffffff url(/cms/images/header_spindler-news.gif) 0 0 no-repeat;
}

.header_sagenews{
  background:#ffffff url(/cms/images/header_sage-news.gif) 0 0 no-repeat;
}

.header_branchennews{
  background:#ffffff url(/cms/images/header_branchen-news.gif) 0 0 no-repeat;
}

.header_seminare{
  background:#ffffff url(/cms/images/header_seminare.gif) 0 0 no-repeat;
}

.header_edv{
  background:#ffffff url(/cms/images/header_spindler-news.gif) 0 0 no-repeat;
}


.teaser_news{
  background:#ffffff url(/cms/images/news.jpg) 0 0 no-repeat;
}

.teaser_seminare{
  background:#ffffff url(/cms/images/seminare.jpg) 0 0 no-repeat;
}

span, hr{
	display:none;
}

.clearleft{
  clear:left;
}

br.clearleft{
  padding:0;
  margin:0;
  clear:left;
}

.footerfiller{
  height:17px;
  margin:0;
  padding:0;
}

.footerinfo{
  background:#ffffff url(/cms/images/gepunktet_waagerecht.gif) 0 13px repeat-x;
  margin:25px 0 13px 0;
  padding:33px 0 0 0;
}

.footerinfoprodukt{
  background:#ffffff url(/cms/images/gepunktet_waagerecht.gif) 0 0 repeat-x;
  margin:0 0 13px 0;
  padding:20px 0 0 0;
}

.dottedh{
  height:1px;
  background:#ECECEC url(/cms/images/gepunktet_waagerecht.gif) 0 0 repeat-x;
  margin:0 0 30px 0;
  padding:0;
}

.dottedh_home{
  margin:0 0 20px 0;
}

img{
  margin:0;
  padding:0;
}

img.teaser{
  float:left;
  margin:0;
  padding:0;
  margin-right:20px;
}

img.jump_in{
  float:right;
  margin:0;
}

p.teaser{
  margin-bottom:10px;
  line-height:120%;
}

h3.teaser{
  height:13px;
  line-height:13px;
  margin-left:130px;
}

h3.kontakt{
  height:13px;
  line-height:13px;
}

#jump_in {
	position: relative; 
	margin: 0;
	width: 778Px;
	border-bottom:solid 1px #b4aaaa;
}

#jwr1, #jwr2,
#jcol1, #jcol2 {
	position: relative; 
}

#jwr1 {
	width: 389Px;
	background-color: #0080d4;
}

#jwr2 {
	width: 389Px; 
	left: 389Px; 
	margin-right: -389Px; 
	background-color: #79c93c;
}

#jcol1, #jcol2{
  height:243px;
	float: left;
	margin: 0; 
  padding:0;
	width: 389Px;
}

#jcol1 {
	margin-left: -389Px; 
}

div.jump_in{
  margin:0;
  padding:11px 214px 0 20px;
  color:#ffffff;
  font-size:13px;
  line-height:17px;
}

div.anwendung{
  padding-bottom:15px;
}

div.produkt{
  padding-bottom:9px;
}

div.anwendungen{
  padding-left:10px;
}

div.produkte{
  padding-left:10px;
}

.produktblockteaser{
  margin:0;
}

.produktblockteaser .produkttext{
  width:430px;
  margin-bottom:34px;
  float:left;
}

.firstprodukt{
  margin-top:25px;
}

.produktblockteaser .produktimg{
  margin-left:460px;
}

.produktblock{
  margin:0 0 30px 0;
  padding:0;
}

.produktblock .produkttext{
  width:370px;
  /*margin-bottom:27px;*/
  float:left;
}

.produktblock .produktimg{
  margin-left:405px;
}

.modultabs{
	margin:0 0 120px 0;
	padding:0;
}

.modultabs span{
	padding-top:20px;
	margin-bottom:10px;
	display:block;
	float:left;
	height:76px;
	width:98px;
	background:url(/cms/images/modul_bg.jpg);
	line-height:28px;
	text-align:center;
	font-weight:bold;
	margin-right:11px;
}

.modultabs span.onerow{
	padding-top:30px;
	height:66px;
}

.modultabs span.lasttab{
	margin-right:0;
}

.modultabs span a, .modultabs span a:hover{
  font-size:11px;
  font-weight:bold;
  color:#322828;
  text-decoration:none;
  text-transform:uppercase;
}

.modultabs span.last{
	margin-right:0;
}

.textblock{
  margin:10px 0 30px 0;
}

.firstanwendung{
  margin-top:25px;
}

.linkliste{
  margin:0 0 30px 0;
}

.modultitel,.modulcontent{
  padding:7px 11px 7px 11px;
  border:none;
}

.modultitel{
  background-color:#95D763;
  border-bottom:solid 1px #ffffff;
}

.modultiteltext{
  width:350px;
  float:left;
  font-weight:bold;
}

.modultitellink{
  margin-left:350px;
  text-align:right;
}

.modulcontent{
  background-color:#F2FAEC;
}

.produktlistetitel, .produktliste1, .produktliste2,.downloadlistetitel, .downloadliste1, .downloadliste2,.konditionlistetitel, .konditionliste1, .konditionliste2{
  padding:7px 11px 7px 11px;
  border:none;
  border-bottom:solid 1px #ffffff;
}

.produktliste1, .produktliste2,.downloadliste1, .downloadliste2,.konditionliste1, .konditionliste2{
  padding:5px 11px 5px 11px;
}

table.konditiontable{
  width:100%;
  margin:0 0 20px 0;
}

table.konditiontable tr td, table.konditiontable tr th{
  padding:5px 11px 5px 11px;
  border-bottom:solid 1px #ffffff;
}

table.konditiontable tr th{
  font-weight:bold;
  background-color:#FFD789;
}

.produktlistetitel{
  background-color:#6CB6E7;
  font-weight:bold;
}

.produktliste1{
  background-color:#EAF5FB;
}

.produktliste2{
  background-color:#D3E9F7;
}

.downloadlistetitel{
  background-color:#95D763;
  font-weight:bold;
}

.downloadliste1{
  background-color:#F2FAEC;
}

.downloadliste2{
  background-color:#E5F5D9;
}

.downloadiconpdf{
  background-image:url(/cms/images/icon_pdf.gif);
  background-position: 516px 3px;
  background-repeat:no-repeat;
}

.downloadicondefault{
  background-image:url(/cms/images/icon_default.gif);
  background-position: 516px 9px;
  background-repeat:no-repeat;
}

.downloadtitel{
  width:350px;
  float:left;
}

.downloadinfo{
  margin-left:350px;
  text-align:right;
  margin-right:24px;
}

.konditionlistetitel .konditioninfo, .konditionlistetitel .konditiontitel{
  font-weight:bold;
}

.konditioninfo{
  text-align:right;
}

.konditionlistetitel{
  background-color:#FFD789;
  font-weight:bold;
}

.konditionliste1{
  background-color:#FFF9ED;
}

.konditionliste2{
  background-color:#FFF3DB;
}

.anwendungen, .produkte{
  margin-top:2px;
  line-height:18px;
  height:18px;
  display:block;
}

.anwendungen a, .produkte a{
  display:block;
  height:18px;
  width:175px;
  background-repeat:no-repeat;
}

.anwendungen a{
  background-image:url(/cms/images/navi_blau.gif);
}

.produkte a {
  background-image:url(/cms/images/navi_gruen.gif);
}

.a1 a, .p1 a{
  background-position:0 0;
}

.a1 a:hover, .p1 a:hover{
  background-position:-175px 0;
}

.a2 a, .p2 a{
  background-position:0 -18px;
}

.a2 a:hover, .p2 a:hover{
  background-position:-175px -18px;
}

.a3 a, .p3 a{
  background-position:0 -36px;
}

.a3 a:hover, .p3 a:hover{
  background-position:-175px -36px;
}

.a4 a, .p4 a{
  background-position:0 -54px;
}

.a4 a:hover, .p4 a:hover{
  background-position:-175px -54px;
}

.a5 a, .p5 a{
  background-position:0 -72px;
}

.a5 a:hover, .p5 a:hover{
  background-position:-175px -72px;
}

.p6 a{
  background-position:0 -90px;
}

.p6 a:hover{
  background-position:-175px -90px;
}

.p7 a{
  background-position:0 -108px;
}

.p7 a:hover{
  background-position:-175px -108px;
}

#freeteaser{
  height:110px;
  margin:0 0 20px 0;
  padding:0 0 0 130px;
}

#teasers {
  background:#ffffff url(/cms/images/gepunktet_waagerecht.gif) 0 0 repeat-x;
	margin:0;
	padding-top:20px;
	width: 543Px;
}

#twr1 {
	width: 271Px;
}

#twr2 {
	width: 271Px; 
	left: 271Px; 
	margin-right: -271Px; 
}

#tcol1, #tcol2{
	float: left;
	margin: 0; 
  padding:0;
  height:110px;
  padding-left:130px;
}

#tcol1 {
	margin-left: -271Px; 
	width: 121Px;
	padding-right:20px;
}

#tcol2 {
	padding-left:150px;
	width: 121Px;
}

.tbl{
  margin:0;
  margin-bottom:5px;
  padding:0;
  width:530px;
}

table.seminar, table.kontakt{
  margin:0;
  margin-bottom:5px;
  padding:0;
  width:530px;
}

table.kontakt{
  margin-bottom:18px;
}
  
.lc{
  vertical-align:top;
  width:110px;
  padding:0 10px 5px 0;
}

.rc{
  vertical-align:top;
  color:#7D7373;
  padding:0 0 5px 0;
  width:420px;
}


.prefill{
  margin-top:28px;
}