/*   =======   RESET    =======   */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td 
       { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent }
body   { line-height: 1 }
a img, iframe, object { border: none }
:focus { outline: 0 }
ins    { text-decoration: none }
del    { text-decoration: line-through }
table  { border-collapse: collapse; border-spacing: 0 }

/*   =======   BASICS    =======   */
body { 
 font-family: Arial, Helvetica, sans-serif;
 font-size: 16px;
 color: #000000;
 background: #2e2e2e url(../Bilder/bg-main.png) repeat-x left top;
 width: 100%;
 margin: 0 auto;
 text-align: center;
}
html,body {height: 100%}
#page {
 min-height: 100%;
 height: auto !important;
 height: 100%;
 margin: 0 auto -55px;
}
#footer-wrapper, #push {
 clear: both;
 height: 55px;
}
h1, h2, h3, h4, h5, h6 { 
 color: #000000; 
 margin-bottom: 10px; 
 font-weight: normal;
}
h1 { font-size: 2.5em;}
h2 { font-size: 1.2em; padding-top: 18px;}
h3 { font-size: 1.0em; color: #464646; }
h4 { font-size: 0.95em; margin: 10px 0px 5px 0px; color: #444; line-height: 1.2em}
h5 { font-size: 0.9em; margin-bottom: 16px; }
h6 { font-size: 0.9em; margin-bottom: 4px; }
#device-support {width: 100%}
.device-support-column {float:left;width:300px}
#device-support h3 {font-size: 15px; font-weight: bold; padding: 4px 0 3px 0; margin: 0}
#pressroom h3 {font-size: 15px; font-weight: bold; padding: 20px 0 16px 0; margin: 0}
p  {
 color: #666;
 font-size: .75em; 
 line-height: 1.5em; 
 margin: 0 0 1.2em;
}

a, a:link, a:visited, a:active {
	color: #00509E;
	text-decoration: none;
}
a:hover { color: #545454; text-decoration: none; }
a:active, a:focus { outline: none; }

.left 	{ float: left }
.right 	{ float: right }
.center { text-align: center; }
.hide 	{ display: none; }
.clear 	{ clear:both; height:1px; font-size:1px; line-height:1px; }
.upperC { text-transform: uppercase; }
.noBorder { border: none !important; }
.imgLeft  { float: left; padding: 0 1em 1em 0; }
.imgRight { float: right; padding: 0 0 1em 1em;  }

/*   =======   LAYOUT  =======   */
#top-bar, #header, #footer {
 width: 960px;
 margin: 0 auto;
 text-align: left;
 position: relative;
 display: block;
}
#top-bar {
 height: 29px;
 overflow: hidden;
}
#header, #header div {
 padding: 0;
 overflow: hidden;
}
#content {
 width: 960px;
 margin: -22px auto;
 min-height: 630px;
 padding: 22px;
 text-align: left;
 background: url(../Bilder/bg-content-sub.png) no-repeat center top;
}
#content.front {
 position: relative;
 min-height: 400px !important;
 background: url(../Bilder/bg-content-home.png) no-repeat center top;
}
#content-lower {
 width: 960px;
 margin: 0 auto;
 text-align: left;
}
#page-left {
 width: 258px;
 float: left;
 margin-left: -47px;
 position: relative;
 padding: 30px 0;
}

#page-right-wrap {
 float: right;
 width: 740px;
 margin: 0;
 padding: 0;
}
#page-right-wrap-comparison {
 float: right;
 width: 740px;
 margin: 0;
 padding: 0;
}
#page-right {
 width: 640px;
 padding: 0px 60px 0 40px;
}
#page-right-screens {
 width: 700px;
 padding: 0 0 0 40px;
}
#page-right-content {padding-right: 40px}
#page-right-comparison {width: 700px; height: 320px; padding: 0px 0 0 20px}
#page-full {
 clear: both;
 width: 840px;
 padding: 0;
 margin: 0px auto;
}
#page-wide {
 clear: both;
 width: 890px;
 margin: 0px auto;
}
#sf-form {
 width: 640px;
 margin: 50px 40px 80px 100px;
}
#sf-form-sm {
 width: 500px;
 margin: 50px auto;
}
#wide-sf-form {
 width: 820px;
 margin: 50px 0px 0px 20px;
 padding: 0 0 10px 0;
 border-bottom: 1px dotted #aaa;
}
#inner-sf-form {
 width: 640px;
 margin: 0px auto;
 padding-left: 120px;
}

/*   =======   ALL PAGES  =======   */
#social-networks {
 float: right;
 display: block;
 margin-top: 6px;
 height: 18px;
 width: 100px;
 padding-right: 10px;
}
#social-networks li {
 display: inline;
 margin-right: 2px;
}
#login {
 float: right;
 margin-top: 5px;
 padding-right: 12px;
}
#login a {
 color: #fff;
 display: block;
 height: 19px;
 line-height: 19px;
 font-size: .625em;
 text-transform: uppercase;
 font-style: italic;
 margin-right: 22px;	
}
#cse-search-box {
 float: right;
 margin-top: 5px;
 padding-right: 1px;
}
#cse-search-box .search-field {
 width: 200px;
 height: 17px;
 padding: 2px 0px 0px 4px;
 margin: 0;
 border: 0;
 display: block;
 float: left;
 font-size: 12px;
}
#cse-search-box .search-submit {
 display: block;
 float: left;
 width: 34px;
 height: 19px;
 border: 0;
 padding: 0;
 margin: 0;
 text-indent: -999em;
 font-size: 0;
 line-height: 0;
 cursor: pointer;
}
h1#logo {
	display: block;
	position: relative;
	float: left;
	margin: 0px 0 0 10px;
}
h1#logo a {
	display: block;
	width: 232px;
	height: 97px;
	text-indent: -999em;
	text-decoration: none;
	background: url(../Bilder/logo/logo-fit.png) no-repeat 0 0;
}

h1.page-title {
 margin-top: 10px;
 line-height: 88px;
 min-height: 88px;
}
h1.page-title span {
 display: block;
 float: left;
}
#page-right ul, #page-right ol, #page-full ul, #page-full ol, #page-wide ul, #page-wide ol {margin: -10px 0 8px 0; padding: 0}
#page-right li, #page-full li, #page-wide li {
	color: #666;
	font-size: 0.75em;
	line-height: 1.3em;
	margin: 0 0 0 35px;
	padding: 1px 0px 4px 0;
}
#page-right .floatright, #page-full .floatright, #page-wide .floatright {
 float:right;
 padding:15px 0 15px 20px;
}

.callout {
 width: 215px;
 height: 385px;
 padding: 15px 0 0 28px;
 background: url(../Bilder/callout.png) no-repeat 0 0;
}
.callout p {padding: 0; margin: 0}
.callout h4 {font-size: 1.125em; color: #444444}
.callout a:hover {
	color: #00509E
} 

#side-headlines ul, #side-headlines li {list-style-type: none}

#copyright, #nav-bottom {
 display: block;
 margin-top: 23px;
 float: left;
}
#nav-bottom li {
 display: block;
 float: left;
 border-left: 1px solid #b5b5b5;
 line-height: 100%;
 margin-left: 12px;
}
#nav-bottom a {
 padding-left: 12px;
 display: block;
 float: left;
 line-height: 100%;
 color: #fff;
 font-size: 11px;
 font-style: normal;
}
#nav-bottom a:hover, #nav-bottom-right a:hover {
 color: #b5b5b5;
}
#nav-bottom-right {
 display: block;
 margin-top: 23px;
 float: right;
 text-transform: uppercase;
 padding-right: 0;
 width: 530px;
}
#nav-bottom-right li {
 display: block;
 float: right;
 line-height: 100%;
 margin-right: 8px;
}
#nav-bottom-right a {
 padding-left: 14px;
 display: block;
 line-height: 100%;
 color: #fff;
 font-size: 11px;
 font-style: normal;
}
#copyright, #credit {
 color: #b5b5b5;
 font-size: 11px;
 line-height: 100%;
 font-style: normal;
}
#credit {
 float: right;
 margin-top: 25px;
}
#credit a { color: #b5b5b5;	}
#credit a:hover { color: #ffffff; }

/*   =======   NAV  =======   */
#nav {
 padding: 0;
 float: right;
 width: 665px;
 height: 114px;
 overflow: hidden;
}
#nav li {
 display: block;
 float: left;
}
#nav a {
 display: block;
 float: left;
 width: 111px;
 background: url(../Bilder/nav-buttons-sm.png) no-repeat 0 0;
 color:#ffffff;
 font-size:0.625em;
 height:33px;
 padding-top:68px;
 text-align:center;
 text-transform:uppercase;
}

#nav .solutions a { background-position:      0 0; }
#nav .product a	  { background-position: -111px 0; }
#nav .partners a  { background-position: -222px 0; }
#nav .support a   { background-position: -333px 0; }
#nav .news a      { background-position: -444px 0; }
#nav .company a   { background-position: -555px 0; width: 110px; }
#nav .solutions a:hover, #nav .solutions a.active { background-position:      0 -100px; }
#nav .product a:hover, #nav .product a.active	  { background-position: -111px -100px; }
#nav .partners a:hover, #nav .partners a.active   { background-position: -222px -100px; }
#nav .support a:hover, #nav .support a.active     { background-position: -333px -100px; }
#nav .news a:hover, #nav .news a.active	          { background-position: -444px -100px; }
#nav .company a:hover, #nav .company a.active     { background-position: -555px -100px; }

#news-ticker {
 width: 100%;
 height: 28px;
 text-align: center;
}
.newsticker {
 height: 28px;
 padding: 0;
 list-style-type: none;
 border: none;
 background: #2e2e2e;
 font-weight: normal;
 color: #eee;
}
.newsticker div {margin: 0px auto}
.newsticker p {padding-top: 1px; font-size: 15px; color: #ddd}
.newsticker p a {
 color: #ffdd00;
 font-weight: normal;
}
#language a {
 color: #00A9C9;
 font-weight: normal;
}
#language a:hover, #language a:active {
 color: #ffdd00;
}

#side-headlines {padding: 0 0 40px 30px;}
#side-headlines .hl-headline {padding: 0 0 0 25px; background:url(../images/icons/icon-headline.png) 0 12px no-repeat}
#side-headlines .hl-podcast {padding: 0 0 0 25px; background:url(../images/icons/icon-podcast.png) 0 12px no-repeat}
#side-headlines .hl-report {padding: 0 0 0 25px; background:url(../images/icons/icon-acrobat.gif) 0 12px no-repeat}
#side-headlines .hl-award {padding: 0 0 0 25px; background:url(../images/icons/icon-award.png) 0 12px no-repeat}
#side-headlines .hl-blog {padding: 0 0 0 25px; background:url(../images/icons/feed-16x16.png) 0 12px no-repeat}

#footer-wrapper {
 width: 100%;
 margin: 0 auto;
 background: #2e2e2e;
 min-height: 15px;
 overflow: hidden;
}
#nav-footer {
 float: right;
 overflow: hidden;
 height: 49px;
}
#nav-footer li {
 display: block;
 float: left;
}
#nav-footer a {
 display: block;
 float: left;
 line-height: 49px;
 padding: 0 20px;
 font-size: .625em;
 text-transform: uppercase;
 color: #9c9c9c;
}
#nav-footer a:hover { color: #2e2e2e; }
#nav-footer li.last a { padding-right: 0 !important; }

#sub-nav {
 width: 718px;
 height: 50px;
 padding: 15px 15px 0 0;
}
#sub-nav a {
 float: right;
 height: 30px;
 padding-top: 6px;
 margin: 0 0 0 70px;
 font-size: 12px;
}
#sub-nav a {color: #000}
#sub-nav a:hover {text-decoration: underline}
#sub-nav a.active {color: #08b; font-weight:bold}
#sub-nav a.free-trial-button {
 width: 110px;
 height: 25px;
 padding-top: 0;
 margin: 0 0 0 42px;
 background: url(../images/button-free-trial.png) no-repeat 12px 0px;
}
#sub-nav a.cs-mars-button {
 float: left;
 width: 192px;
 height: 25px;
 padding-top: 0;
 margin: 0 0 0 18px;
 background: url(../images/button-replace-mars.png) no-repeat 8px 0px;
}

#side-nav {
 width: 258px;
 padding: 0;
 margin:  -10px 0 0 0;
 padding: 20px 0 12px 3px;
 background: url(../Bilder/side-nav.png) no-repeat 0 0;
}
#side-nav-base {
 position: relative;
 display: block;
 margin:  0 0 0 0 !important;
 padding: 0 !important;
 height: 18px !important;
 background: transparent url(../Bilder/side-nav-base.png) no-repeat 0 0;
}
#side-nav li {
	height: 39px;
	font-size: .75em;
	width: 270px;
	display: block;
	margin-left: -15px;
}
#side-nav a {
	display: block;
	color: #fff;
	height: 49px;
	margin-left: 9px;
	padding-left: 47px;
	width: 210px;
	line-height: 49px;
	background: url(../Bilder/side-nav-active.png) no-repeat left top;
}
#side-nav a.active {
	color: #FFF;
	text-shadow: 0 1px 0 #0264c4;
	background-position: left bottom;
}
#side-nav a:hover {
	color: #2F2F2F;
	background-position: left bottom;
	text-shadow: 0 1px 0 #0264c4;
	background: url(../Bilder/side-nav-hover.png) no-repeat left bottom;
}
#top-nav a {
 display: block;
 color: #000;
 padding: 0 0 0 10px;
 width: 305px;
 height: 36px;
 line-height: 31px;
 font-size: 14px;
 background: none;
}
#top-nav a.active {
 color: #1e1d1d;
 text-shadow: 0 1px 0 #ccc;
 background: url(../Bilder/top-nav-active.png) no-repeat left -1px;
}
#top-nav a:hover {
 color: #1e1d1d;
 text-shadow: 0 1px 0 #eee;
 background: url(../Bilder/top-nav-hover.png) no-repeat left -1px;
}

/*   =======   HOME PAGE  =======   */
#slider-main-wrap {
 overflow: hidden;
 position: relative;
 width: 959px !important;
}
#slider-main {
 width: 860px;
 margin-top: 5px;
 overflow: hidden;
}

#slider-main .first {display: block}

#slides-main {
 width: 860px;
 margin-top: 5px;
 overflow: hidden;
}
#slides-main .first {display: block}

/*
#slides-nav { width: 960px; margin: 0 }
#slides-nav li { width: 180px; float: left; margin: 0; list-style: none }
#slides-nav a { width: 180px; float: left; border: 1px solid white }
#slides-nav a.activeSlide { border: 1px solid red }
#slides-nav a:focus { outline: none; }
#slides-nav img { border: none; display: block }
*/

#slider-main ul {
 width: 700px; 
 border: 0;
}
#slider-main li {
 display: block;
 float: left;
}
.slider-main-content {
 /*display: none;*/
 width: 959px;
 overflow: hidden;
 padding: 28px 0 2px 0;
}
.slider-main-content .left {
 width: 470px;
 padding-left: 40px;
 float: left;
}
.slider-main-content .right {
 width: 460px;
 float: left;
}
.slider-main-content .left h2 {
	line-height: 2em;
	font-size: 1.5em;
}
.slider-main-content .left p {
 color: #000;
 line-height: 2em;
 text-align: justify;
}
.slider-main-content .left a.learn-more {
 display: block;
 padding: 0 34px 0 10px;
 height: 29px;
 font-size: .8125em;
 color: #000;
 text-transform: uppercase;
 font-style: italic;
 float: right;
 line-height: 29px;
 background: #e2e2e2 url(../Bilder/button-go-large.png) no-repeat right top;
}
.slider-main-content .left a.learn-more:hover, a.replay-movie:hover {
 color: #0d96b9; 
}

a.replay-movie {
 display: block;
 margin: 54px 0 0 -14px;
 padding: 0 10px 0 32px;
 height: 29px;
 font-size: .7em;
 color: #000;
 text-transform: uppercase;
 font-style: italic;
 float: left;
 line-height: 29px;
 background: #e2e2e2 url(../Bilder/button-go-left.png) no-repeat left top;
}

a.learn-more2 {
 display: block;
 padding: 0 34px 0 10px;
 height: 29px;
 font-size: .8125em;
 color: #000;
 font-style: italic;
 line-height: 29px;
 float: left;
 background: #e2e2e2 url(../Bilder/button-go-large.png) no-repeat right top;
}

#slider-icons {
 height: 138px;
 background: #fff;
 overflow: hidden;
 position: relative;
}
#slider-icons li {display: inline}
#slider-icons li a {
 width: 170px;
 height: 138px;
 display: block;
 float: left;
 text-indent: -999em;
}
#slider-icons li#slider-icons1 a {background: url(../Bilder/slide/1.jpg) no-repeat left top}
#slider-icons li#slider-icons2 a {background: url(../Bilder/slide/2.jpg) no-repeat left top}
#slider-icons li#slider-icons3 a {background: url(../Bilder/slide/3.jpg) no-repeat left top}
#slider-icons li#slider-icons4 a {background: url(../Bilder/slide/4.jpg) no-repeat left top}
#slider-icons li#slider-icons5 a {background: url(../Bilder/slide/5.jpg) no-repeat left top}
#slider-icons li#slider-icons6 a {background: url(../Bilder/slide/6.jpg) no-repeat left top}
#slider-icons li#slider-icons7 a {background: url(../Bilder/slide/7.jpg) no-repeat left top}
#slider-icons li#slider-icons8 a {background: url(../Bilder/slide/8.jpg) no-repeat left top}
#slider-icons li#slider-icons9 a {background: url(../Bilder/slide/9.jpg) no-repeat left top}
#slider-icons li#slider-icons10 a {background: url(../Bilder/slide/10.jpg) no-repeat left top}
#slider-icons li a:hover, #slider-icon s li.active a {background-position: left bottom !important}

ol#mini-control {
 display: block;
 position: absolute;
 top: 14px;
 right: 17px;
 height: 7px !important;
}
ol#mini-control li {
 display: block;
 width: 7px !important;
 height: 7px !important;
 padding: 0 !important;
 margin: 0 0 0 3px !important;
 float: left;
 border: none;
 overflow: hidden;
 background: url(../Bilder/slide/slider-dots-mini.png) no-repeat 0px 0px;
}
ol#mini-control li.current, ol#mini-control li:hover {
 line-height: 0;
 background-position: 0px -7px !important;
}
ol#mini-control a {
 text-indent: -999em;
 display: block;
 width: 7px;
 height: 7px;
 float: left;
}

#icon-controls-left, #icon-controls-right {
 position: absolute;
 top: 394px;
 display: block;
 width: 32px;
 height: 116px;
}
#icon-controls-left a, #icon-controls-right a {
 display: block;
 width: 32px;
 height: 116px;
 text-indent: -999em;
}
#icon-controls-left {
 background: url(../Bilder/arrow-left.png) no-repeat 0 0;
 left: -10px;
}
#icon-controls-right {
 background: url(../Bilder/arrow-right.png) no-repeat 0 0;
 right: -9px;
}

#buzz-wrap {
 overflow: hidden;
 width: 250px;
 height: 225px;
 margin-bottom: 15px;
 position: relative;
}
#buzz-box {
 width: 250px;
 height: 219px;
 padding: 0 0 0 15px;
 margin: 5px 15px 0 0;
 background: url(../Bilder/callout-sm.png) no-repeat 0 0;
}
#buzz-header {
 width: 205px;
 padding: 25px 0 0 13px;
}
#buzz-box p {padding: 0; margin: 0}
#buzz-box h4 {font-size: 1.125em; color: #444444}
#buzz-box a:hover {color: #0d96b9} 
#buzz-slider {
 width: 218px;
 background: #fff;
 overflow: hidden;
 padding: 0;
 margin: 0;
}
#buzz-slider li {
 width: 220px;
 height: 160px;
 padding: 0;
 list-style: none;
}
#buzz-slider li p {
 padding: 0 20px;
}
ol#buzz-control {
 display: block;
 position: absolute;
 top: 35px;
 right: 25px;
 height: 7px !important;
}
ol#buzz-control li {
 display: block;
 width: 7px !important;
 height: 7px !important;
 padding: 0 !important;
 margin: 0 0 0 3px !important;
 float: left;
 border: none;
 overflow: hidden;
 background: url(../Bilder/slide/slider-dots-inverse.png) no-repeat 0px 0px;
}
ol#buzz-control li.current, ol#buzz-control li:hover {
 line-height: 0;
 background-position: 0px -7px !important;
}
ol#buzz-control a {
 text-indent: -999em;
 display: block;
 width: 7px;
 height: 7px;
 float: left;
}

.buzz {text-align: center}
.buzz img {padding: 0; margin: 0 auto}
.buzz p {vertical-align: middle; color: #333; text-align: left}

/* Main Page */
#reference-slider .belg img {padding-top: 10px}
#reference-slider .belg p {padding: 5px 10px 0 10px}
#reference-slider .ara img {padding-top: 25px}
#reference-slider .ara p {padding: 13px 10px 10px 10px}
#reference-slider .crn img {padding-top: 5px}
#reference-slider .crn p {padding: 10px 10px 10px 10px}
#reference-slider .dionex img {padding-top: 29px}
#reference-slider .dionex p {padding: 15px 10px 10px 18px}
#reference-slider .ca img {padding-top: 30px}
#reference-slider .ca p {padding: 25px 0 0 10px}
#reference-slider .csu img {padding-top: 29px}
#reference-slider .csu p {padding: 15px 0 0 8px}
#reference-slider .iw-health img {padding-top: 27px}
#reference-slider .iw-health p {padding: 13px 10px 0 12px}
#reference-slider .amer-sys img {padding-top: 10px}
#reference-slider .amer-sys p {padding: 8px 10px 0 10px}
#reference-slider .jhome img {padding-top: 50px}
#reference-slider .jhome p {padding: 20px 20px 0 20px}
#reference-slider .nworld img {padding-top: 20px}
#reference-slider .nworld p {padding: 15px 10px 0px 20px}
#reference-slider .cio img {padding-top: 20px}
#reference-slider .cio p {padding: 15px 12px 10px 14px}
#reference-slider .dh img {padding-top: 30px}
#reference-slider .dh p {padding: 15px 0 0 24px}
#reference-slider .scmag img {padding-top: 25px}
#reference-slider .scmag p {padding: 15px 12px 0 20px}
#reference-slider .upsd img {padding-top: 30px}
#reference-slider .upsd p {padding: 11px}
#reference-slider .frost img {padding-top: 15px}
#reference-slider .frost p {width: 290px; padding: 15px 0 0 10px}
#reference-slider .ema img {padding-top: 35px}
#reference-slider .ema p {padding: 25px 10px 0 30px}
#reference-slider .redmonk img {padding-top: 35px}
#reference-slider .redmonk p {padding: 25px 10px 0 20px}

/* Sub-pages */
#buzz-slider .belg img {padding: 0 0 0 0}
#buzz-slider .belg p {width: 205px; padding: 5px 5px 0 10px; line-height: 11px}
#buzz-slider .ara img {padding: 15px 0 0 0}
#buzz-slider .ara p {width: 205px; padding: 15px 5px 0 10px}
#buzz-slider .crn img {padding: 0 20px 0 0}
#buzz-slider .crn p {width: 200px; padding: 10px 5px 0 10px; line-height: 11px}
#buzz-slider .dionex img {padding-top: 20px}
#buzz-slider .dionex p {width: 200px; padding-top: 20px}
#buzz-slider .ca img {padding-top: 20px}
#buzz-slider .ca p {width: 190px; padding-top: 25px}
#buzz-slider .csu img {padding-top: 20px}
#buzz-slider .csu p {width: 200px; padding-top: 20px}
#buzz-slider .iw-health img {padding-top: 15px}
#buzz-slider .iw-health p {width: 190px; padding: 15px 0 0 13px}
#buzz-slider .amer-sys img {padding-top: 0}
#buzz-slider .amer-sys p {width: 200px; padding: 10px 0 0 13px}
#buzz-slider .jhome img {padding-top: 40px}
#buzz-slider .jhome p {width: 200px; padding-top: 20px}
#buzz-slider .nworld img {padding-top: 10px}
#buzz-slider .nworld p {width: 190px; padding: 20px 0 0 20px}
#buzz-slider .cio img {padding-top: 10px}
#buzz-slider .cio p {width: 200px; padding: 15px 12px 10px 10px}
#buzz-slider .dh img {padding-top: 20px}
#buzz-slider .dh p {width: 180px; padding: 10px 0 0 24px}
#buzz-slider .scmag img {padding-top: 10px}
#buzz-slider .scmag p {width: 200px; padding: 10px 35px 0 12px}
#buzz-slider .upsd img {padding-top: 15px}
#buzz-slider .upsd p {width: 200px; padding: 15px 0 0 15px}
#buzz-slider .frost img {padding: 5px 0 0 5px}
#buzz-slider .frost p {width: 200px; padding: 10px 0 0 10px}
#buzz-slider .ema img {padding-top: 25px}
#buzz-slider .ema p {width: 200px; padding-top: 25px}
#buzz-slider .redmonk img {padding-top: 30px}
#buzz-slider .redmonk p {width: 200px; padding:25px 0 0 13px}

#mini-wrap {
 width: 962px;
 height: 200px;
 position: relative;
 margin: 30px 0;
}
#slider-wrap {
 overflow: hidden;
 width: 310px;
 position: relative;
 float: left;
}
.mini-box {
 float: left;
 width: 310px;
 position: relative;
}
.mini-box-mid {
 float: left;
 width: 150px;
 position: relative;
}
.mini-header {
 width: 310px;
 height: 23px;
 padding-top: 12px;
 background: url(../Bilder/bg-bar-header.png) no-repeat 0 0;
}
.mini-header-mid {
 width: 149px;
 height: 5px;
 text-align: center;
 background: url(../Bilder/bg-bar-header-mid.png) no-repeat 0 0;
}
.mini-header h3 {
 margin: 0 0 0 14px;
 padding: 0;
 color: #fff;
 font-size: 12px;
}
.mini-header-mid h3 {
 padding: 12px 0 0 0;
 color: #666;
 font-weight: bold;
 font-size: 11px;
}
.mini-header h4 {
 float: right;
 width: 60px;
 margin: -1px 17px 0 0;
 color: #fff;
 font-size: 12px;
}
.mini-content {
 width: 308px;
 height: 185px;
 background: #fff;
 overflow: hidden;
 border-left: 1px solid #ddd;
 border-right: 1px solid #ddd;
 border-bottom: 1px solid #ddd;
}
.mini-content-mid, .fs-content-mid {
 width: 147px;
 height: 200px;
 background: #fff;
 overflow: hidden;
 padding: 15px 0 0 0;
 border-left: 1px solid #ddd;
 border-right: 1px solid #ddd;
 border-bottom: 1px solid #ddd;
}
.fs-content-mid {
 float: left;
 width: 148px;
 padding: 0
}
.mini-content li {
 display: block;
 padding: 0;
 margin: 0;
 float: left;
}
.mini-content .ltContent {
 float: left;
}
.mini-content .ltContent img {
 margin-right: 10px;
}
.rtContent, .fsContent {
 font-size: 11px;
 padding: 10px 0 0 0;
 margin: 0px auto;
 color: #666;
 font-weight: bold;
 text-align: center;
 line-height: 15px;
}
.fsContent {padding: 5px 0 10px 0}

.mini-divider {
 float: left; 
 width: 13px; 
 height: 200px; 
}
#reference-slider li {
 width: 310px;
 height: 175px;
}
#reference-slider .content img {
 display: block;
 float: right;
 clear: both;
}
#mid-slider li {
 list-style: none;
 width: 147px;
 height: 210px;
}

#glossary {padding-left: 10px}
#page-right #glossary table {clear:both; width:100%; margin:20px 0px 20px 0;font-size: 12px}
#page-right #glossary table td {padding:10px; background:#accdeb; border-right:1px solid #ffffff; border-bottom:1px solid #ffffff; color:#050606; text-align:left;}
#page-right #glossary table .head td {background:#179acd; color:#ffffff}
#page-right #glossary table .alt td {padding:10px; background:#d8d8e9; border-right:1px solid #ffffff; border-bottom:1px solid #ffffff; color:#050606; text-align:left;}

.scalable {padding: 0 0 10px 0}
#page-right .scalable table {clear:both; width:100%; margin:20px 0px 20px 0;font-size: 12px}
#page-right .scalable table td {padding:10px; background:#accdeb; border-right:1px solid #ffffff; border-bottom:1px solid #ffffff; color:#050606; text-align:left;}
#page-right .scalable table .head td {background:#179acd; color:#ffffff}
#page-right .scalable table .alt td {padding:10px; background:#d8d8e9; border-right:1px solid #ffffff; border-bottom:1px solid #ffffff; color:#050606; text-align:left;}

#salesforceForm table {margin:10px 0 25px 0}
#salesforceForm table td {padding:0 0 4px 0; font-size: 0.8em; text-align:left;}
#salesforceForm table .list td {vertical-align: middle; font-size: 0.8em; text-align:left;}
#salesforceForm table .heading td {padding: 20px 0 15px 0; font-size: 1em}

#page-right .less-height li {margin-bottom: -10px}

.reference {padding: 20px 0 20px 0}
.reference img {padding-right: 20px}
.reference td {vertical-align:top}

.article {
	padding: 0 0 5px 0px
}
.article img {padding-bottom: 10px}

.webcast, .livedemonstration {padding: 2px 0px 15px 30px; background:url(../images/icons/icon-livedemonstration.gif) 0 12px no-repeat;}
.webcast em, .podcast em {color: #776}
.newsletter {padding: 0px 0px 15px 30px; background:url(../images/icons/icon-newsletter.gif) 0 12px no-repeat; border: 1px solid white}
.survey {padding: 0px 0px 15px 30px; background:url(../images/icons/icon-survey.gif) 0 12px no-repeat; border: 1px solid white}
.watch {padding: 0px 0px 15px 30px; background:url(../images/icons/icon-watch.gif) 0 12px no-repeat; border: 1px solid white}
.headline {padding: 2px 0px 0px 27px; background:url(../images/icons/icon-headline.jpg) 1px 12px no-repeat; border-left: 1px solid white}
.podcast {padding: 2px 0px 15px 30px; background:url(../images/icons/icon-podcast.gif) 0 12px no-repeat; border-left: 1px solid white}
.blog {padding: 2px 0px 15px 30px; background:url(../images/icons/feed-16x16.png) 0 2px no-repeat; border-left: 1px solid white}
.downloads {padding: 1px 0px 15px 30px; background:url(../images/icons/icon-acrobat.gif) 0 13px no-repeat; border-left: 1px solid white}
.award {padding: 2px 0px 0 27px; background:url(../images/icons/icon-award.png) 0 13px no-repeat; border-left: 1px solid white}
.tradeshow {padding: 2px 0px 0 27px; background:url(../images/icons/tickets_sm.png) 0 11px no-repeat; border-left: 1px solid white}
.report {
	padding: 2px 0px 15px 30px;
	border-left: 1px solid white
}
.blog h4 {margin:0; padding:0}

.resTitleBlock {float: left; width: 260px}
.partnerLink {float: left; padding-left: 0px; width: 130px; text-align:left}
.partnerLink_c {float: left; padding-left: 4px;  width: 160px; text-align:center}

.compLeft ul {float: left; width: 330px; padding: 0 0 0 20px}
.compRight ul {float: right; width: 310px}
.compLeft a {line-height: 16px; padding-right: 20px}
.compRight a {line-height: 16px; padding-right: 0px}
.compLeft h4, .compRight h4 {padding-bottom: 5px; font-size: 14px}

#headlines {width: 290px; padding: 0px 10px 0 8px}
#headlines p {padding: 8px 0 0 0; margin: 0; line-height: 12px; font-size: 10px; color: #000}
#headlines .webcast, #headlines .livedemonstration, #headlines .podcast, #headlines .newsletter, #headlines .report, #headlines .award, #headlines .headline
{height: 34px; padding: 0 0 0 28px; margin: 0}
.callout .webcast, .callout .livedemonstration, .callout .podcast, .callout .newsletter, .callout .report, .callout .award, .callout .headline
{height: 64px; padding: 0 0 0 28px; margin: 0}

#page-left p {width: 175px; padding: 10px 0px 10px 0; margin: 0; line-height: 12px; font-size: 10px; color: #000}
#page-left .webcast, #page-left .livedemonstration, #page-left .podcast, #page-left .newletter, #page-left .report
{padding: 0 0 4px 28px; margin: 0}

.image {float: left; padding: 5px 20px 8px 0px}
.image-left-wrap  {float: left; padding: 5px 20px 8px 0px}
.image-right-wrap {float: right; padding: 8px 0px 8px 20px}

#page-right #sitemap ul {padding:10px 0 0 0px; margin-bottom: 8px}
#page-right #sitemap ul li {
 padding:8px 0 0 0;
 font-size: 14px;
 margin-left: 25px;
}
#page-right #sitemap ul ul {padding:16px 0 0 0; font-size: 14px}
#page-right #sitemap ul ul li {padding:0 0 5px 0px; font-size: 12px}
#page-right #sitemap ul ul ul {padding:12px 0 0 0px; font-size: 12px}
#page-right #sitemap ul ul ul li {padding:0 0 0px 0px; font-size: 12px}

/* Lightbox */
#lightbox {position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img {border: none;}

#outerImageContainer {position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto;}
#imageContainer {padding: 10px;}

#loading {position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0;}
#hoverNav {position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10;}
#imageContainer>#hoverNav {left: 0;}
#hoverNav a { outline: none;}

#imageDataContainer {font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%;}

#imageData {padding:0 10px; color: #666;}
#imageData #imageDetails {width: 70%; float: left; text-align: left;}	
#imageData #caption {font-weight: bold;}
#imageData #numberDisplay {display: block; clear: left; padding-bottom: 1.0em;}			
#imageData #bottomNavClose {width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay {position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000;}

#professional div {padding: 10px 0 0px 0}
    
#questions {padding: 10px 0 0 0}
.qblock {padding: 0 0 15px 0}
.qblock p {padding: 3px 0 1px 12px; margin: 0}
#answers p {padding: 5px 0 15px 0}
#answers ul {padding: 0; margin-top: -20px}
#answers h4, #questions h4 {font-size: 14px; font-weight: bold; padding: 0; margin: 0}

.regMsg {color: #999999; font-size: 12px}
.ulOnly {margin: -10px 0 20px 0}

.ssThumb {position: relative;}
.ssThumb span {
 width: 25px;
 height: 25px;
 display: block;
 position: absolute;
 top: -10px;
 left: -12px;
 background: url(../Bilder/circle-plus.png) no-repeat;
}

.ltText {width: 100%;}
.ltText .txt {float: left}
.ltText .img {float: right}
.rtTextWrap {width: 100%;}
.rtTextWrap .img {float: left; padding: 0px 20px 10px 0px}
.ltTextWrap {width: 100%;}
.ltTextWrap .img {float: right; padding: 5px 20px 10px 20px}
.rtText {width: 100%;}
.rtText .txt {float: right}
.rtText .img {float: left}
.ltText .icon {margin-left: 25px}

.wideImage img {padding-top: 5px}
.wideImage h3 {font-weight: bold; font-size: 14px; margin: 0; padding: 0 0 20px 0}
.wideSection {}
.imgBorder {padding: 3px; border: 1px solid #ccc}
.bottomText {padding: 10px 0 0 0px}

.spacer {clear: both}
.spacer40 {clear: both; height:30px}
.divider {clear: both; height:35px}
.divider-sm {clear: both; height: 15px}
.divider-lg {clear: both; height: 45px}

.roundedTopImage {position: relative}
.roundedTopImage img {padding: 0}
.roundedTopImage span {
 width: 640px;
 height: 360px;
 display: block;
 position: absolute;
 background: url(../Bilder/rounded-border.png) no-repeat;
}

.sliderImage {
 float: right;
 border: none;
 padding: 0 0 0 0;
 margin: 0px 0 15px 0px;
 position: relative;
}

.sliderImgWide {margin-right: 20px}

#videobox {
 width: 960px;
 height: 334px;
 position: absolute; 
 float:left; 
 top: 22px; 
 left: 21px;
 overflow: hidden;
 z-index: 100;
}
#close-box, #replay-box, #mars-box {
 position: absolute;
 right: 5px;
 top: 5px;
 height: 18px;
 font-size: .6875em;
 text-transform: uppercase;
 line-height: 18px;
 background: #363636;
 color: #fff;
 padding: 0 5px;
 font-weight: bold;
 cursor: pointer;
}
#close-box {display: block}
#replay-box { 
 display: none;
 right: 27px;
 top: 27px;
 z-index: 101;	
}
#mars-box { 
 left: 27px;
 top: 27px;
 width: 126px;
 z-index: 101;	
 color: #97d0e0;
}

#newsletter-links {
 padding-left: 20px;
 margin-bottom: 100px;
 font-size: 12px;
}
#newsletter-links h3 {
 font-size: 14px;
 font-weight: bold;
 color: #666;
}

#wideNav {
 width: 100%;
 text-align: center;
}
.wideBlock {
 font-size: 1em;
}
.wideBlock p {
 font-size: 0.75em;
 color: #464646;
}
.sectionTop {
 padding: 10px 0 0 0;
 font-size: 0.8em;
}
.navBtn {
 width: 250px;
 height: 110px;
 background: url(../Bilder/bg-nav-btn.png) no-repeat 0 0;
}
.navBtn .text {font-size: 0.88em}
.nav-l {float: left}
.nav-m {margin: 0px auto}
.nav-r {float: right}

.column {
 width: 280px;
 height: 700px;
}
.column h2 {
 padding: 0 0 0 0;
 font-weight: bold;
 font-size: 0.9em;
 color: #444;
}
.column .image-left-wrap {
 float: left; 
 padding: 0px 17px 5px 0px;
}
.column-l {
 width: 282px;
 float: left;
}
.column-m {
 width: 268px;
 margin: 0px auto;
}
.column-r {
 float: right;
 width: 285px;
 margin-left:20px;
} 

.centered-text-wrap {width: 100%;text-align: center}
.centered-text {margin: 0px auto}

#product-comparison {padding-left: 0px}
#product-comparison table {clear:both; width:100%; margin:0 0 0 0;font-size: 12px}
#product-comparison table td {padding:10px; background:#fff; border:1px solid #888; color:#555; text-align:left; vertical-align:middle}
#product-comparison table .head td {background:#ccc; color:#333; border:1px solid #666; vertical-align:middle}
#product-comparison table .section td {background:#fff; border:none; vertical-align:middle; padding:10px 0 7px 2px; font-size: 15px; color: #575; font-weight: bold}
#product-comparison table .sectionName td {background:#fff; border:none; vertical-align:middle; padding:0 0 20px 0}
#product-comparison table .topLink td {background:#fff; border:none; vertical-align:middle; padding: 10px 0 20px 4px; color: #575; font-size: 12px}
.fs {
 width: 16px;
 height: 16px;
 margin: 0px auto;
 background: url(../images/supported-feature.png) no-repeat 0 0;
}
.ps {
 width: 16px;
 height: 16px;
 margin: 0px auto;
 background: url(../Bilder/partially-supported-feature.png) no-repeat 0 0;
}
.us {
 width: 16px;
 height: 16px;
 margin: 0px auto;
 background: none;
}
.superscript {
 position: relative;
 bottom: 0.5em;
 font-size: 0.8em;
 padding-left: 3px;
}
h2 .superscript {
 position: relative;
 bottom: 0.8em;
 font-size: 0.6em;
 font-weight: bold;
 padding-right: 3px;
}

#community {
 padding: 0;
 margin: 0;
}
#community img {
 float: left; 
 padding: 10px;
 margin: 0; 
 border: 0;
 width: 48px;
 height: 48px;
}
#ceo-blog {
 height: 85px;
 padding: 0 10px 0 0;
 font-size: 12px;
 color: #000;
}
#ceo-blog a {
 font-size: 12px; 
 line-height: 14px
}
#ceo-blog p {
 padding: 10px 0 0 60px;
 font-size: 14px;
 color: #000;
}
#comm-div {
 clear: both;
 padding: 0 6px 0 6px;
 margin: 0;
}
#comm-div p {
 padding: 0 0 0 0;
 margin: 0;
 border-bottom: 1px dashed #888;
}
#sites-on {
 clear: both;
 padding: 10px 0 0 0;
 margin: 0;
 border: 0;
}
#sites-on p {
 padding: 0 0 0 10px;
 margin: 0;
 font-size: 14px;
 color: #000;
}
.soc-sp {
 float: left;
 width: 5px;
 border: 1px solid white;
}

#actions {
 width: 680px;
 height: 110px;
 margin: 0 0 30px -14px;
}
#mars-actions {
 width: 100%;
 height: 110px;
 margin: 20px 0 0 -14px;
}
.navBtnSm {
 float: left;
 width: 220px;
 height: 110px;
 padding-right: 6px;
 background: url(../Bilder/bg-nav-btn-sm.png) no-repeat 0 0;
}
.dialogPanel {
 display: none;
 position: absolute;
 width: 700px;
 height: 600px;
 top: 100px;
 padding: 9px 30px 5px 10px;
 text-align: left;
 background-color: #fff;
 border: 1px solid #a9b9b5;
}

#tab-bar {
 float: right;
 width: 100%;
 height: 30px;
 margin: 20px 10px 30px 0;
}
#mid-tab-bar {
 float: right;
 width: 100%;
 height: 30px;
 margin: 20px 10px 10px 0;
}

#sub-tabs {
 float: left;
 width: 302px;
 height: 30px;
 margin-left: 47px;
 background: url(../Bilder/tab-bar-bg.png) repeat left top;
}
#sub-tabs p {
 width: 100px;
 height: 30px;
 padding: 0 0 12px 0;
 color: #000;
 font-size: 13px;
 line-height: 30px;
 text-align: center;
}
#sub-tabs a {
 float: left;
 padding: 0;
 width: 100px;
 height: 30px;
 margin-right: 1px;
}
#sub-tabs a.last {margin-right: 0}
#sub-tabs a.first {background: url(../Bilder/tab-first-up.png) no-repeat left top}
#sub-tabs a.first:hover {background: url(../Bilder/tab-first-hover.png) no-repeat left top}
#sub-tabs a.mid {background: url(../Bilder/tab-mid-up.png) no-repeat left top}
#sub-tabs a.mid:hover {background: url(../Bilder/tab-mid-hover.png) no-repeat left top}
#sub-tabs a.last {background: url(../Bilder/tab-last-up.png) no-repeat left top}
#sub-tabs a.last:hover {background: url(../Bilder/tab-last-hover.png) no-repeat left top}
#sub-tabs a:hover p, #sub-tabs a.down p {color:#eee;text-shadow:0 1px 0 #000}
#sub-tabs a.active p {
	color:#2492FF;
	text-shadow:0 1px 0 #333
}
#sub-tabs a.first.down {background: url(../Bilder/tab-first-down.png) no-repeat left top}
#sub-tabs a.mid.down {background: url(../Bilder/tab-mid-down.png) no-repeat left top}
#sub-tabs a.last.down {background: url(../Bilder/tab-last-down.png) no-repeat left top}
#sub-tabs a.first.active {background: url(../Bilder/tab-first-active.png) no-repeat left top}
#sub-tabs a.mid.active {background: url(../Bilder/tab-mid-active.png) no-repeat left top}
#sub-tabs a.last.active {background: url(../Bilder/tab-last-active.png) no-repeat left top}

#sub-tabs-tx-bar {
 float: left;
 width: 634px;
 height: 35px;
 margin: 10px 0 20px 0;
}
#sub-tabs-tx {
 width: 100%;
 height: 100%;
 background-color: #fff;
}
#sub-tabs-tx a {
 float: left;
 width: 170px;
 height: 100%;
 padding: 10px;
 background-color: #888;
}
#sub-tabs-tx p {
 width: 100%;
 height: 100%;
 padding: 0px 30px 10px 0;
 color: #000;
 font-size: 11px;
 font-weight: bold;
 line-height: 12px;
 text-align: center;
}

.sub-tab-tx-block {width:610px;height:210px;padding:0px 10px 10px 10px;border:2px solid black}
.sub-tab-tx-block h4 {font-size:13px;color:#000;line-height:18px;padding:0 25px 15px 0}
#sp-a li, #sp-b li, #sp-c li {color: black}

#sub-tabs-tx #a {background-color:#C7CDE8;padding-bottom:8px;margin-right:26px;border:2px solid black}
#sub-tabs-tx #a:hover {background-color:#D2D8F4}
#sub-tabs-tx #a.active {background-color:#D2D8F4;padding-bottom:10px;border-bottom:none}
#sp-a {background-color:#D2D8F4}

#sub-tabs-tx #b {background-color:#A5CEEC;padding-bottom:8px;border:2px solid black}
#sub-tabs-tx #b:hover {background-color:#C0D7EB}
#sub-tabs-tx #b.active {background-color:#C0D7EB;padding-bottom:10px;border-bottom:none}
#sp-b {background-color:#C0D7EB}

#sub-tabs-tx #c {background-color:#80B8DA;padding-bottom:8px;margin-left:26px;border:2px solid black}
#sub-tabs-tx #c:hover {background-color:#90C1E4}
#sub-tabs-tx #c.active {background-color:#90C1E4;padding-bottom:10px;border-bottom:none}
#sp-c {background-color:#90C1E4}

#sub-tabs-4 {
 float: left;
 width: 403px;
 height: 30px;
 margin-left: 10px;
 background: url(../Bilder/tab-bar-bg.png) repeat left top;
}
#sub-tabs-4 p {
 width: 100px;
 height: 30px;
 padding: 0 0 12px 0;
 color: #000;
 font-size: 13px;
 line-height: 30px;
 text-align: center;
}
#sub-tabs-4 a {
 float: left;
 padding: 0;
 width: 100px;
 height: 30px;
 margin-right: 1px;
}
#sub-tabs-4 a.last {margin-right: 0}
#sub-tabs-4 a.first {background: url(../Bilder/tab-first-up.png) no-repeat left top}
#sub-tabs-4 a.first:hover {background: url(../Bilder/tab-first-hover.png) no-repeat left top}
#sub-tabs-4 a.mid {background: url(../Bilder/tab-mid-up.png) no-repeat left top}
#sub-tabs-4 a.mid:hover {background: url(../Bilder/tab-mid-hover.png) no-repeat left top}
#sub-tabs-4 a.last {background: url(../Bilder/tab-last-up.png) no-repeat left top}
#sub-tabs-4 a.last:hover {background: url(../Bilder/tab-last-hover.png) no-repeat left top}
#sub-tabs-4 a:hover p, #sub-tabs-4 a.down p {color:#eee;text-shadow:0 1px 0 #000}
#sub-tabs-4 a.active p {color:#84e7fa;text-shadow:0 1px 0 #333}
#sub-tabs-4 a.first.down {background: url(../Bilder/tab-first-down.png) no-repeat left top}
#sub-tabs-4 a.mid.down {background: url(../Bilder/tab-mid-down.png) no-repeat left top}
#sub-tabs-4 a.last.down {background: url(../Bilder/tab-last-down.png) no-repeat left top}
#sub-tabs-4 a.first.active {background: url(../Bilder/tab-first-active.png) no-repeat left top}
#sub-tabs-4 a.mid.active {background: url(../Bilder/tab-mid-active.png) no-repeat left top}
#sub-tabs-4 a.last.active {background: url(../Bilder/tab-last-active.png) no-repeat left top}

#sub-btns {
 float: right;
 width: 290px;
 height: 50px;
 padding: 0 0 0 0;
}
#sub-btns a {
 float: left;
 height: 25px;
 margin: 4px 0 0 0;
 font-size: 12px;
}
#screenshots {
 margin-top: 20px;
}
#screenshots a {
 float:left;
 width: 200px;
 height: 139px;
 padding-right: 32px;
 padding-bottom: 20px;
}
#screenshots img {
 border: 2px solid #888;
}
 
#resources {
 padding-top: 0;
}
.res-report {
 padding: 0 0 0 80px; 
 background: url(../images/icons/icon-report-64.png) 0 0 no-repeat;
}
.res-report p {
 padding: 0;
 line-height: 15px;
}
.res-report h4 {padding: 3px 0 0 0; margin: 0 0 3px 0}

#inline-intro {
 padding: 10px 0 15px 0;
 font-size: 15px;
 color: #222;
 font-weight: bold;
}
#pdform {
 width: 600px;
 margin: 10px auto 10px auto;
 padding: 10px 0 0 20px;
 background-color: #a8c4da;
 border: 1px dotted #037;
}

.acc-text {
 float: left;
 padding-top: 5px;
 font-size: 12px;
}
.acc-img {
 float: right;
}

#res-nav {
 padding: 0;
 margin: 0;
}
#res-nav a {
 display: block;
 color: #000;
 padding: 0 0 0 10px;
 width: 305px;
 height: 36px;
 line-height: 31px;
 font-size: 14px;
 background: none;
}
#res-nav ul, #res-nav li {padding:0; margin:0}
#res-nav li {list-style-type: none;}
#res-nav a.active {
 color: #1e1d1d;
 text-shadow: 0 1px 0 #ccc;
 background: url(../Bilder/res-nav-active.png) no-repeat left top;
}
#res-nav a:hover {
 color: #1e1d1d;
 text-shadow: 0 1px 0 #eee;
 background: url(../Bilder/res-nav-hover.png) no-repeat left top;
}
.resLeft ul {float: left; width: 320px; padding: 0 0 0 0}
.resRight ul {float: right; width: 310px}
.resLeft a {line-height: 16px; padding-right: 10px}
.resRight a {line-height: 16px; padding-right: 0px}

.tooltip {
 display:none;
 background: url(../Bilder/tooltip_large.png);
 height:159px;
 padding:30px;
 width:310px;
 font-size:11px;
 color:#fff;
}
.tooltip .title {
 font-size: 12px;
 color: #ff0;
 font-weight: bold;
 line-height: 14px;
}
.tooltip p {
 font-size: 11px;
 color: #ffffff;
}
.tooltip a {
 color: #0cb7e2;
}
.tooltip-row {
 width:100%;
 height:30px
}
.jhr {height:35px}
.bgc {height:36px;line-height:10px}
.tooltip-row-img {
 float:left;
 width:100px;
 text-align:center;
}
.jh {width:90px;padding-right:10px}
.bc {width:70px;height:32px;padding:0 10px 0 0}
.tooltip-row a {
 color: #ff0;
}

.awardLogo {float:left}
.awardSpc {float:left;width: 20px;height:1px}
#front-awards .awardSpc {width: 70px}

#success .customer-badge {float:left;height:80px}
#success .custSpc {float:left;width:25px;height:55px}

#front-customers .customer-badge {float:left;height:55px}
#front-customers .custSpc {float:left;width:12px;height:25px}

#sp-success .customer-badge {float:left;height:55px}
#sp-success .custSpc {float:left;width:32px;height:25px}