/* 
Datei       		: style.css für collmex.de 
Autor       		: Markus Baersch, gandke marketing & software gmbh 
Fassung vom		: 06.02.2012
*/

/**********STYLE ELEMENTE ***********************************/
* { padding : 0;  margin : 0; }
html{overflow-y:scroll}
body { font-family: Arial,Helvetica,sans-serif; color: #222;  background: #fff; font-size: 100%;line-height: 1.4em;margin: 0; padding: 0;}
/********* Bilder    ***********  */
img.leftfloat { float: left;margin: 5px;margin-right: 15px; }
img.rightfloat { float: right;margin: 5px;margin-left: 15px; }
/********* Formulare  & Co.. ***********  */
hr { color: #000; background: transparent; margin: 0 0 0.5em 0;  padding: 0 0 0.5em 0;  border: 0;  height: 1px; border-bottom: 1px #466E82 solid;  }
fieldset { border:0; }
	
label { font-style:normal; text-align:right; padding-right:0.5em; }
input,option,select,textarea { font-family:arial,helvetica,sans-serif; font-size:100%; }
input, select {vertical-align:baseline;}
select, input, textarea {font-size:99%}
input[type="text"], input[type="password"], input[type="file"], input[type="image"],
select, textarea {margin:0; border:1px solid #c1c1c1; color:#222; -o-border-radius:4px; -moz-border-radius:4px;border-radius:4px;}
/*textarea { overflow:auto; overflow-x:hidden; }*/
input[type="radio"] { vertical-align:baseline }
input[type="checkbox"] { vertical-align:baseline; }
input[type="button"], input[type="submit"], input[type="image"] { cursor:pointer }
textarea.fulltxt {width:555px; }
select.wtxt1 {min-width:206px; }
select.wtxt0 {min-width:96px; }
select.wtxt2 {min-width:156px; }
.wtxt1 {min-width:200px; }
.wtxt0 {min-width:90px; }
.wtxt2 {min-width:150px; }

input.homepage { background: #fefefe;padding: 3px;border: 1px #666 solid;  }
input.homepage[type=reset],
input.homepage[type=submit],
input.homepage[type=button] { width: auto;overflow:visible;background: #fff; }
input.homepage[type=reset]:hover,
input.homepage[type=submit]:hover,
input.homepage[type=button]:hover { background: #fff;border-color: #666; }
input.homepage[type=text]:focus  { background: #fff;  border-color: #666; }
input.cmdbtn {margin:10px;padding:10px}

	
/*************** Textauszeichnungen... *************/
	
pre {	font-family: "Courier New", Courier, monospace;  }
	
dt, 
strong,
b { font-weight: bold; }
i, em { font-style: italic; }

/***************************** Tabellen *********************************/
table.formatted { border: 1px solid #466E82;  background-color: #fff;  empty-cells: show;  }
table.formatted caption { padding: 3px;  margin-bottom: 5px;  font-size: 0.8em;  font-weight: bold;  line-height: 1.5em;  caption-side: top;  text-align: left; }
table.formatted thead { font-size:1.0em;  text-align:center;  background-color: #466E82;  color: #fff; }
table.formatted tfoot { font-size: 0.8em;  text-align: left;  background-color: #fff;  font-weight: bold;  background-color: #eee;  }
table.formatted tbody { font-size: 0.9em;  text-align: left;  vertical-align: top;  background-color: #fff; }
table.formatted td, 
table.formatted th { padding: 3px; }
th { font-weight: bold;  }

/********* Überschriften und Textauszeichnungen ***********  */
h1,h2,h3,h4,h5,h6 { padding: 1.2em 0 0.3em 0;  font-size: 1.3em;  color: #676767; }
h1  { font-size: 1.8em;  padding: 0 0 0.3em 0;  line-height:1.1em; }
h2  { font-size: 1.4em; }
h4  { font-size: 1.2em;  padding-top: 1.0em;  padding-bottom: 3px; }

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

h5, h6 { font-size: 1.0em;  margin-bottom: 2px; }
p, ul, blockquote, cite { margin-top: 0.2em;  margin-bottom: 1em;  font-size: 1.0em;  }
blockquote, cite { width: auto; }
cite { font-style: italic;  }
ul, ol, dl {  padding: 3px;  padding-left: 1.8em; }
li { line-height: 1.5em; }

/***************************** Links *********************************/
a { color: #456d81;  text-decoration: underline;  }
a:hover { color: #c00;  }

/*****************************  TOOLS  UND KLASSEN   *********************************/
.bordered { border: 1px solid #466E82;  }
.bordered, 
.lighted {  padding: 0.6em; }
.padded,
.padded_plus { padding: 1em; }
.padded_plus { padding-right: 3em; }
.right  { text-align: right; }
.dotted {  border: 1px dotted #466E82;  }
.noborder {  border: 0px;  }
.nopadding {  padding: 0!important;  }
.nomargin {  margin: 0!important;  }
.highlight {  padding: 5px;  background-color: #EEEFA9;  border: 1px solid #466E82;  color: #111; }
.lighted {  background-color: #EEEFA9;  border: 1px solid #466E82;  color: #111; }
.alert {  color: #c00;  }
.round { -moz-border-radius:8px; border-radius:8px; -webkit-border-radius:8px; -o-border-radius:8px; }
.smaller { font-size: 0.9em; }
h1 small, h2 small { font-size: 0.7em;  color: #777;  letter-spacing: 0; }
.rtext { text-align: right;  }
.tline { padding-top: 5px ;  border-top: 1px solid #ccc;  }
.bgr { font-size: 1.1em; }
#imlogo {border:0; margin-top:0; padding-top:0; }
#tp h1 {text-transform:uppercase; font-size:22px; float:left; letter-spacing:-0.3px;color:#fff;font-weight:normal; margin:0;padding:5px 0 0 0; text-shadow: 1px 1px 1px #ddd; }
.bc { color:#888;  font-size:0.9em; }
.bc a { color:#888;}
.marker {background-color:yellow;}

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

.float_right {  float: right;  background-color: transparent; }
.float_left {  float: left;  background-color: transparent; }
.cleaner { clear: both;  height: 0px;  padding:0px;  margin: 0px;  border: 0px;  overflow: hidden; }
.clearfix:before, .clearfix:after{content:"\0020"; display:block; height:0; overflow:hidden}
.clearfix:after{clear:both}
.clearfix{zoom:1}
.colorfont { color: #E48F00; }
img.ns { height: 0 ;  width : 0 ; }
.bgline  li { margin-bottom: 0.5em; }
.centered { text-align: center; }

/******SEITENLAYOUT ****************************************/
#tp { background: #466E82 url('img/kopf.png') 0 0 repeat-x;  height:60px; }
.bg_teaser { color:#676767; padding-left:100px; height:310px; background: #fff; 
background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 100%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f2f2f2)); 
background: -webkit-linear-gradient(top, #ffffff 0%,#f2f2f2 100%); 
background: -o-linear-gradient(top, #ffffff 0%,#f2f2f2 100%); 
background: -ms-linear-gradient(top, #ffffff 0%,#f2f2f2 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); 
background: linear-gradient(top, #ffffff 0%,#f2f2f2 100%);}
.teaser_i {padding-top:30px;background-image: url('img/bteaser.gif'); min-height:290px; background-repeat:no-repeat;background-position:30px 20px;position:relative;}
#ts-verein, #ts-rechnung, #ts-buchhaltung, #ts-paket {
position:absolute; -o-transition: opacity 1.7s; -moz-transition: opacity 1.7s; -webkit-transition: opacity 1.7s; visibility:visible; opacity:1; overflow:hidden; height:auto; }
.ts-l {float:left; width: 400px;}
.ts-r {float:right;width: 400px;}
.hdline {margin-bottom:40px; padding-top:0; margin-top:0; font-weight:bold; font-size:18px; line-height:1.3em; color:#565656;}
a.testbtn, a.herobtn {-moz-box-shadow:2px 1px 4px #bbb; -o-box-shadow:2px 1px 4px #bbb; -webkit-box-shadow:2px 1px 4px #bbb; box-shadow:2px 1px 4px #bbb;-moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px; -o-border-radius:4px; padding: 12px; text-shadow: -1px -1px 1px #eee;  text-decoration:none; color:#00496e; border:1px solid #777; font-weight:bold;font-size:1.2em; 
background: #ddd; 
background: -moz-linear-gradient(top, #ededed 0%, #b5b5b5 100%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#b5b5b5)); 
background: -webkit-linear-gradient(top, #ededed 0%,#b5b5b5 100%); 
background: -o-linear-gradient(top, #ededed 0%,#b5b5b5 100%); 
background: -ms-linear-gradient(top, #ededed 0%,#b5b5b5 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#b5b5b5',GradientType=0 ); 
background: linear-gradient(top, #ededed 0%,#b5b5b5 100%);}
a.testbtn {padding: 3px 6px; font-size:1em; }
a.testbtn:hover, a.herobtn:hover { background:#ededed; }
a.herobtn span {padding-left:28px; background-image: url('img/hero.gif'); background-repeat:no-repeat;background-position:0% 50%;}
ul.heroinfo {margin-top: 30px; }
ul.heroinfo a {line-height:3em; color:#888; }
#bg_switch { height:44px; background: #CBD6DC url('img/switch.png') 0 0 repeat-x; border-top:1px solid #a8aaaa; border-bottom:1px solid #7a7a7a; }
#bg_switch .h_page { text-align:center;  }
.fronttext1 { width:440px; padding-right:10px; margin-right:10px; float:left; border-right:1px solid #b0b0b0; }
.fronttext2 { width:440px; float:right; }
.frontboxes {padding-top:30px; line-height:16px; font-size:12px;}
.fronttext {padding-top:60px;color:#3b3b3b; }
.frontbox {width:265px; height:110px; padding:8px; border:1px solid #b0b0b0; -moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px; -o-border-radius:4px; float:left;margin-right:20px; color:#303030; background: #e3e5e7; 
background: -moz-linear-gradient(top, #ffffff 0%, #e3e5e7 100%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e3e5e7)); 
background: -webkit-linear-gradient(top, #ffffff 0%,#e3e5e7 100%); 
background: -o-linear-gradient(top, #ffffff 0%,#e3e5e7 100%); 
background: -ms-linear-gradient(top, #ffffff 0%,#e3e5e7 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e3e5e7',GradientType=0 ); 
background: linear-gradient(top, #ffffff 0%,#e3e5e7 100%); }
.frontbox small {color:#373737; }
.frontbox h3 {padding-top:3px; color: #676767; font-size: 16px; margin-bottom:8px; } 
.fronttext h2 {padding-top:3px; color: #676767; font-size: 14px; } 
.bg_teaser h2 {text-transform:uppercase; font-weight:normal; color:#676767; text-shadow: 1px 1px 4px #aaa; line-height:1.2em; font-size:24px  }
.tagline {font-weight:bold; color:#666; text-shadow: 0px 1px 1px #ddd; padding-bottom: 3px; border-bottom:1px solid #676767; }
.bx-referenz {height:110px; background-image: url('img/referenz.png'); background-repeat:no-repeat;background-position:95% 85%;}
.bx-zertifikat {height:110px; background-image: url('img/zertifikat.png'); background-repeat:no-repeat;background-position:95% 85%;}
.bx-login {height:110px; background-image: url('img/login.png'); background-repeat:no-repeat;background-position:95% 85%;}
#c_page { margin: 0 auto;  width: 920px;  text-align: left; }
.h_page { margin: 0 auto;  width: 920px;  text-align: left;  font-size: 0.9em ;  color: #444;  }
.big  {  font-size: 2.2em;  font-weight: bold; }
#skip { position: absolute;  left: -3000px; }
#maincnt { font-size: 0.9em ;  min-height: 500px ; background: #fff;}
* html #maincnt { height: 500px; }
#content { float: left ;  width: 700px ; }
#sidebar { float: left ;  width: 215px ; }
#prefooter { height:2em; }
#footer { padding: 0.5em ;  color: #6b6b6b; border-top: 1px solid #b0b0b0 ;  font-size: 0.8em; }

/****************NAVIGATION ********************************/
#mnav  { float: left; margin: 3px 0 0 50px!important;  padding: 0!important;  list-style-type: none;  font-weight: normal;  line-height: 1.0em; }
#mnav  li { margin: 0;  padding: 0;  float: left;  text-align: center ;  line-height: 1.0em;  margin-right: 35px; }
#mnav li a { padding: 8px 3px 3px 28px; display: block;  font-size:1em;  font-weight: normal;  text-decoration: none; color: #fff; /*border-bottom:2px solid transparent; */transition: all 0.3s;  -webkit-transition: all 0.3s;  -moz-transition: all 0.3s;  -o-transition: all 0.3s; }
#mnav  li.current a { font-weight:bold; color:#efc4c3}
#mnav  li a:hover { /*border-bottom:2px solid #ef403d;*/ color:#efc4c3; transition: all 0.3s;  -webkit-transition: all 0.3s;  -moz-transition: all 0.3s;  -o-transition: all 0.3s; }
#swnav { margin:0 0 0 110px; border-left:1px solid #a5a5a5; padding: 0!important; list-style-type: none; font-weight: normal;  line-height: 1.0em; width:700px; height:44px; overflow:hidden; }
#swnav  li { margin:0; height: 44px; width: 160px; padding:0; float: left; text-align:center; line-height: 1.0em; border-right:1px solid #a5a5a5  }
#swnav li a { display: block; font-size:11px; font-weight:bold; padding: 27px 0 5px 0; text-decoration: none; color: #1a5f6d; transition: all 0.3s;  -webkit-transition: all 0.3s;  -moz-transition: all 0.3s;  -o-transition: all 0.3s; }
#swnav  li.current a { background-color:#edf1f4; padding-bottom:4px; }
#swnav  li a:hover { padding-bottom:4px; background-color:#edf1f4; transition: all 0.3s;  -webkit-transition: all 0.3s;  -moz-transition: all 0.3s;  -o-transition: all 0.3s; }
#fnav  { float: right; }
#fnav a { color: #6b6b6b; }
#fnav a { text-decoration:none; }
#fnav a:hover { text-decoration:underline; }
#ipnav {float:left; width: 200px; margin:0; padding:0; background-image: url('img/ipmback.png'); background-repeat:no-repeat;background-position:100% 0px;}
#ipnav li {list-style-type:none; padding-left:36px; }
#ipnav li a {padding: 10px 0; display: block;  font-size:15px;  font-weight: normal;  text-decoration: none; color: #444; }
#ipnav li.current a, #ipnav li a:hover {font-weight: bold; color: #456d81;}
#ipnav li.current a {margin-right:-12px; background-image: url('img/ipmmark.gif'); background-repeat:no-repeat;background-position:100% 50%;}
#ipnav ul.noimg, #ipnav ul.noimg li {padding-left:0; }
#ipnav.lng {background-image: url('img/ipmback-lng.png');}

li.mn-Home a {background-image: url('img/mn-home.png'); background-repeat:no-repeat;background-position:0 2px;}
li.mn-Produkte a {background-image: url('img/mn-produkte.png'); background-repeat:no-repeat;background-position:0 2px;}
li.mn-Kontakt a {background-image: url('img/mn-referenzen.png'); background-repeat:no-repeat;background-position:0 2px;}
li.mn-Partner a {background-image: url('img/mn-partner.png'); background-repeat:no-repeat;background-position:0 2px;}
li.mn-Sicherheit a {background-image: url('img/mn-sicherheit.png'); background-repeat:no-repeat;background-position:0 2px;}
li.mn-Service a {background-image: url('img/mn-service.png'); background-repeat:no-repeat;background-position:0 2px;}

a.sw-paket {background-image: url('img/sw-paket.png'); background-repeat:no-repeat;background-position:50% 3px;}
a.sw-rechnung {background-image: url('img/sw-rechnung.png'); background-repeat:no-repeat;background-position:50% 3px;}
a.sw-buchhaltung {background-image: url('img/sw-buchhaltung.png'); background-repeat:no-repeat;background-position:50% 3px;}
a.sw-verein {background-image: url('img/sw-verein.png'); background-repeat:no-repeat;background-position:50% 3px;}

li#ip-paket {background-image: url('img/ip-paket.png'); background-repeat:no-repeat;background-position:0 5px;}
li#ip-rechnung {background-image: url('img/ip-rechnung.png'); background-repeat:no-repeat;background-position:0 6px;}
li#ip-buchhaltung {background-image: url('img/ip-buchhaltung.png'); background-repeat:no-repeat;background-position:0 4px;}
li#ip-verein {background-image: url('img/ip-verein.png'); background-repeat:no-repeat;background-position:0 6px;}
li#ip-preise {background-image: url('img/ip-preise.png'); background-repeat:no-repeat;background-position:0 6px;}

/********DETAILSEITEN **************************/
.dpage-single { padding:15px 0 20px 0; }
.dpage-top { padding-bottom:20px; }
.dpage-tmain { float:right; width:680px; }
.dpage-timg { float:right; text-align:right; width: 260px; margin-left:10px; }

.dpage-title { font-size:22px; font-weight:bold; padding:20px 0 12px 0; color: #444; margin:0 }
.dpage-highlight { font-size:1.4em; font-weight:bold; color:#4c7990; line-height:1.4em; }
ul.marked {list-style-image: url('img/ulmark.gif');}
ul.marked li {padding: 0 0 8px 18px;}
ul.sp {margin-top:2em}
/**********************************/

/* Tabelle für Produkteigenschaften */
table.feature_table {border-collapse:collapse; empty-cells: show; margin-bottom:2em; width:100%; border:1px solid #a3a3a3; background-color:#fff;}

.feature {position:relative;  }
.feature_highlight { font-weight:bold; font-size:1.2em; padding:8px 0; }
.feature_toggle { font-size:1em; font-weight:normal; position:absolute; right:0; top:0; line-height:1.2em;}
a.feature_toggle:link, a.feature_toggle:visited {text-decoration:none; color:#888;border-bottom:1px dotted #888;}
a.feature_toggle:hover {border-bottom:0; color:#c00; border-bottom:1px solid #c00;}
.feature_table td { padding: 0.5em; border-left:1px solid #a3a3a3;border-right:1px solid #a3a3a3;}
p.feature_detail { margin-left:1em; margin-top:1em; display:none; }

th.feature_table { font-size:1.2em; font-weight:bold;padding:8px 0 8px 8px; background: #fefefe; text-align:left;border:1px solid #a3a3a3;
background: -moz-linear-gradient(top,  #fefefe 0%, #f5f5f5 43%, #f3f3f3 46%, #e9e9e9 51%, #f3f3f3 100%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(43%,#f5f5f5), color-stop(46%,#f3f3f3), color-stop(51%,#e9e9e9), color-stop(100%,#f3f3f3)); 
background: -webkit-linear-gradient(top,  #fefefe 0%,#f5f5f5 43%,#f3f3f3 46%,#e9e9e9 51%,#f3f3f3 100%); 
background: -o-linear-gradient(top,  #fefefe 0%,#f5f5f5 43%,#f3f3f3 46%,#e9e9e9 51%,#f3f3f3 100%); 
background: -ms-linear-gradient(top,  #fefefe 0%,#f5f5f5 43%,#f3f3f3 46%,#e9e9e9 51%,#f3f3f3 100%); 
background: linear-gradient(top,  #fefefe 0%,#f5f5f5 43%,#f3f3f3 46%,#e9e9e9 51%,#f3f3f3 100%); }

th.feature_h {font-size:1.2em; font-weight:bold;padding:8px 0 8px 8px;background-color:#DFE7ED;border:1px solid #a3a3a3;text-align:left;  }

th.feature_table_small {font-size:1.2em; width:90px; text-align:center;border:1px solid #a3a3a3;border:1px solid #a3a3a3; 
background: -moz-linear-gradient(top,  #fefefe 0%, #f5f5f5 43%, #f3f3f3 46%, #e9e9e9 51%, #f3f3f3 100%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(43%,#f5f5f5), color-stop(46%,#f3f3f3), color-stop(51%,#e9e9e9), color-stop(100%,#f3f3f3)); 
background: -webkit-linear-gradient(top,  #fefefe 0%,#f5f5f5 43%,#f3f3f3 46%,#e9e9e9 51%,#f3f3f3 100%); 
background: -o-linear-gradient(top,  #fefefe 0%,#f5f5f5 43%,#f3f3f3 46%,#e9e9e9 51%,#f3f3f3 100%); 
background: -ms-linear-gradient(top,  #fefefe 0%,#f5f5f5 43%,#f3f3f3 46%,#e9e9e9 51%,#f3f3f3 100%); 
background: linear-gradient(top,  #fefefe 0%,#f5f5f5 43%,#f3f3f3 46%,#e9e9e9 51%,#f3f3f3 100%); }

td.feature_check {width:90px; text-align:center; padding:0;border-left:1px solid #a3a3a3;border-right:1px solid #a3a3a3; }

tr.cld td {background-color:#efefef;}

th.feature_btns {width:90px; text-align:center; padding:16px 8px;background-color:#DFE7ED;border:1px solid #a3a3a3; }

#feature_nav td, #feature_nav tr {border-color:#a3a3a3; padding:0;border:1px solid #a3a3a3;  }
#feature_nav {border-collapse:collapse; border:1px solid #a3a3a3; padding:0; margin-bottom:-1px; width: 100%; font-size:1.2em; font-weight:bold; }
#feature_nav a {text-align:center; display:block; padding:8px 0 8px 8px; text-decoration:none; color:#444; background: #f5f5f5; 
background: -moz-linear-gradient(top,  #f3f3f3 0%, #f5f5f5 43%, #efefef 46%, #e7e7e7 51%, #cecece 100%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3f3f3), color-stop(43%,#f5f5f5), color-stop(46%,#efefef), color-stop(51%,#e7e7e7), color-stop(100%,#cecece)); 
background: -webkit-linear-gradient(top,  #f3f3f3 0%,#f5f5f5 43%,#efefef 46%,#e7e7e7 51%,#cecece 100%); 
background: -o-linear-gradient(top,  #f3f3f3 0%,#f5f5f5 43%,#efefef 46%,#e7e7e7 51%,#cecece 100%); 
background: -ms-linear-gradient(top,  #f3f3f3 0%,#f5f5f5 43%,#efefef 46%,#e7e7e7 51%,#cecece 100%); 
background: linear-gradient(top,  #f3f3f3 0%,#f5f5f5 43%,#efefef 46%,#e7e7e7 51%,#cecece 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#cecece',GradientType=0 ); 
transition: all 0.3s;  -webkit-transition: all 0.3s;  -moz-transition: all 0.3s; -o-transition: all 0.3s;}
#feature_nav td.current a {color:#fff; }
#feature_nav a:hover {background: #98c1ed;}
#feature_nav td.current a {background: #76a8d6; 
background: -moz-linear-gradient(top,  #98c1ed 0%, #92beed 43%, #83b4e8 46%, #76a8d6 51%, #648cc4 100%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#98c1ed), color-stop(43%,#92beed), color-stop(46%,#83b4e8), color-stop(51%,#76a8d6), color-stop(100%,#648cc4)); 
background: -webkit-linear-gradient(top,  #98c1ed 0%,#92beed 43%,#83b4e8 46%,#76a8d6 51%,#648cc4 100%); 
background: -o-linear-gradient(top,  #98c1ed 0%,#92beed 43%,#83b4e8 46%,#76a8d6 51%,#648cc4 100%); 
background: -ms-linear-gradient(top,  #98c1ed 0%,#92beed 43%,#83b4e8 46%,#76a8d6 51%,#648cc4 100%); 
background: linear-gradient(top,  #98c1ed 0%,#92beed 43%,#83b4e8 46%,#76a8d6 51%,#648cc4 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#98c1ed', endColorstr='#648cc4',GradientType=0 ); 
transition: all 0.3s;  -webkit-transition: all 0.3s;  -moz-transition: all 0.3s;  -o-transition: all 0.3s;}

/**********************************/
#loginform #Text1, 
#loginform #Submit1 {-moz-box-shadow:1px 1px 1px #ddd; -o-box-shadow:1px 1px 1px #ddd; -webkit-box-shadow:1px 1px 1px #ddd; box-shadow:1px 1px 1px #ddd;-moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px; -o-border-radius:4px; }
#loginform #Text1 {margin: 5px 0 10px 0; width: 160px;  }
#loginform #Submit1 {padding: 4px 20px; background: #b5b5b5; 
background: -moz-linear-gradient(top, #ededed 0%, #b5b5b5 100%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#b5b5b5)); 
background: -webkit-linear-gradient(top, #ededed 0%,#b5b5b5 100%); 
background: -o-linear-gradient(top, #ededed 0%,#b5b5b5 100%); 
background: -ms-linear-gradient(top, #ededed 0%,#b5b5b5 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#b5b5b5',GradientType=0 ); 
background: linear-gradient(top, #ededed 0%,#b5b5b5 100%);}
#loginform #Submit1:hover { background:#ededed;  }

/* Buchhaltungskurs */
table.kontierung { border-collapse:collapse;empty-cells: show;border: 1px solid #A3A3A3;margin-bottom: 1em;}
th.kontierung {padding: 0.5em 1.0em 0.5em 1.0em;font-size:1.0em;text-align:left;background-color: #DFE7ED;font-weight: bold; border: 1px solid #A3A3A3;}
td.kontierung , td.kontierung_betrag {padding: 0.5em 1.0em 0.5em 1.0em;border: 1px solid #A3A3A3;}
td.kontierung_betrag { text-align:right}
p.praxis {background-image: url('img/collmex.png'); background-repeat:no-repeat;background-position:0% 50%;padding-left:20px;font-weight: bold;}

/* Handbücher */
table.help { border-collapse:collapse;empty-cells: show;border: 1px solid #DDDDDD; }
th.help { padding: 0.5em 1.0em 0.5em 1.0em;font-size:1.0em;text-align:left;background-color: #DFE7ED;font-weight: bold; border: 1px solid #DDDDDD; }
td.help, td.help_feld  { padding: 0.5em 1.0em 0.5em 1.0em;border: 1px solid #DDDDDD; }
td.help_feld { font-style:italic; }
a.inhalt:link    { color:#222;text-decoration:none }
a.inhalt:visited { color:#222;text-decoration:none }
a.inhalt:hover   { color:#222;text-decoration:underline }

/* Sonstige Tabellen */
table.cmx { border-collapse:collapse;empty-cells: show;border: 1px solid #DDDDDD; }
th.cmx { padding: 0.5em 1.0em 0.5em 1.0em;font-size:1.0em;text-align:left;background-color: #DFE7ED;font-weight: bold; border: 1px solid #DDDDDD; }
td.cmx { padding: 0.5em 1.0em 0.5em 1.0em;border: 1px solid #DDDDDD; }

.inc {margin:1em;}
th.group { text-align:left; padding-bottom:0.3em; }
td.lc { padding-right:0.5em;}
td.fc { padding-right:3em; }
th.menublock { text-align:left; vertical-align:top; padding-bottom:1px; }
td.gray { background-color:#ccc; }
td.arrow { text-align:left; width:4px; vertical-align:top; padding-top:0.4em; padding-right:0.4em; }
td.menulink { text-align:left; vertical-align:top; }
td.menublock { text-align:left; vertical-align:top; padding-right:30pt; padding-bottom:10pt; padding-top:10pt; }
p.tabcap { margin-top:0px; margin-bottom:0.7em; padding-bottom:0.2em; border-bottom: 1px solid #c7c7c6; font-size:1.5em;margin-top:1em;font-weight:normal;text-align:left;}
th.t { padding: 0.1em 0.3em; }
td.l { text-align:left; vertical-align:top; padding: 0.1em 0.3em; }
td.r { text-align:right; vertical-align:top; padding: 0.1em 0.3em; }
td.c { text-align:center; vertical-align:top; padding: 0.1em 0.3em; }
td.spacer { border-bottom:1px solid #dadadc; font-size:1px; padding-top:2px; }
td.tp {vertical-align:top;padding-top:2px;}

/* Formatierte Tabellen*/
table.tabledata th.bck {font-size:1em; padding:5px 8px; background-color:#DCD9D0; color:#444;}
table.tabledata th.bck:first-child {-moz-border-radius-topleft:8px;border-top-left-radius:8px;-moz-border-radius-bottomleft:8px;border-bottom-left-radius:8px;}
table.tabledata th.bck:last-child {-moz-border-radius-topright:8px;border-top-right-radius:8px; -moz-border-radius-bottomright:8px;border-bottom-right-radius:8px;}
table.tabledata th {font-size:1.1em; padding-bottom:6px; color:#666;}
table.tabledata td {padding-top:3px;}
table.tablegrid { margin-top:10x; -moz-border-radius:8px; border-radius:8px; border-spacing:0; /*border:1px solid #aaa; background:#fff; padding:15px;*/}
table.tablegrid th {padding:5px 8px; /*background-color:#DCD9D0; */ font-size:1.1em; color:#666;}
table.tablegrid td {padding-top:4px; padding-bottom:4px; border-bottom:1px solid #ccc; color:#333;}
/* table.tablegrid th:first-child {-moz-border-radius-topleft:8px;border-top-left-radius:8px;-moz-border-radius-bottomleft:8px;border-bottom-left-radius:8px;}
table.tablegrid th:last-child {-moz-border-radius-topright:8px;border-top-right-radius:8px; -moz-border-radius-bottomright:8px;border-bottom-right-radius:8px;} */
table.tablegrid tr.summen td {color:#000; border-bottom:4px double #ccc;}
table.tabledata tr.summen td {color:#000}

.status-ok {background: url('img/statusok.png') 0 0 no-repeat; padding: 5px 0 5px 30px; }
.status-error {background: url('img/statuserror.png') 0 0 no-repeat; padding: 5px 0 5px 30px; }
.smallbtn {padding:0 4px!important;}
.warning {background: url('img/statuswarnung.png') 6px 2px no-repeat ; padding: 6px 10px 6px 40px;}
.error {background: url('img/statuserror.png') 6px 2px no-repeat ; padding: 6px 10px 6px 40px;color:red;}
.success {background: url('img/statusok.png') 6px 2px no-repeat ; padding: 6px 10px 6px 40px;color:blue;}