/* RESET OHNE IMG - VERURSACHT IE6 Problem */
html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, cite, em, font, b, u, i,
dl, dt, dd, ol, ul, li, fieldset, form, label, table, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: top;
	background: transparent;
	font-family: Helvetica, Arial, Verdana, Tahoma, sans-serif;
}
img {
	margin: 0;
	padding: 0;
	border: 0;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-spacing: 0;
}
/* ENDE RESET */

body {
	margin: 0 0 20px;
	padding: 0;
	font-family: Helvetica, Arial, Verdana, Tahoma, sans-serif;
	font-size: 12px;
	color: #333;
}
body.index {
	background: #fff url( http://www.ergosign.de/images/background-gradient.gif) repeat-x 0 100px;
}
body.subpage {
	background: #fff url( http://www.ergosign.de/images/background-subpage.gif) repeat-x 0 100px;
}

a {
	text-decoration: none;
	color: #666;
}
a:hover {
	color: #333;
}

.floatLeft {
	float: left;
}
.floatRight {
	float: right;
}
.img_right {
	float: right;
	margin: 3px -5px 3px 5px;
}
.img_left {
	float: left;
	margin: 3px 5px 3px -5px;
}
.clear {
	clear: both;
}

.button-outer {
	float: right;
	border: 1px solid #999;
	padding: 0;
	margin-bottom: 2px;
	cursor: pointer;
}
.button-outer .inner-glow {
	padding: 5px 8px 4px;
	height: 14px;
	background: #dedede url( http://www.ergosign.de/images/button-bg.png) repeat-x top;
	border: 1px solid #fff;
	display: block;
}
.button-outer.hover .inner-glow {
	background-position: 0 -28px;
}
.button-outer.pressed .inner-glow {
	background-position: 0 -56px;
}

.hide {
	left: -5000px !important;
}

#site {
	width: 980px;
	margin: 0 auto;
}
.index #site {position:relative;}

/* HEADER STUFF */
#header {
	overflow: hidden;
	height: 115px;
}
#logo {
	float: left;
	background: #fff url( http://www.ergosign.de/images/ergosign-logo.gif) no-repeat left center;
	width: 100px;
	height: 78px;
	margin: 12px 0 -78px; /* kurioser Safari-Bug: ohne das -58px wird die Suche umgebrochen
	(wird vielleicht der zur Verfügung stehende Platz falsch berechnet?) */
}
#info {
	float: right;
	overflow: hidden;
	font-size: 11px;
}
#info div {
	float: left;
	margin: 5px 0 0 20px;
	color: #666;
}
#info #phone-icon, #info #email-icon {
	float: left;
	width: 16px;
	height: 16px;
	background: url( http://www.ergosign.de/images/phone-mail.gif) no-repeat 0 0;
	margin: -1px 3px 0 0;
}
#info #email-icon {
	background-position: 0 -16px;
}

#info a {
	color: #0d3780;
}
#info a:hover {
	background-color: #e5efff;
}
#navigation {
	margin: 51px 0 0 120px;
	overflow: hidden;
}
#navigation ul li {
	float: left;
	font-size: 17px;
	margin-right: 15px;
}
.mac.opera #navigation ul li { font-size: 16px; }
#navigation ul li a {
	color: #777;
	padding: 12px 10px;
	display: block;
}
#navigation ul li a:hover {
	color: #333;
}
#navigation ul li.current {
	color: #0d3780;
	height: 65px;
	background: url( http://www.ergosign.de/images/topnav-selected.gif) no-repeat center bottom;
}
#navigation ul li.current a {color: #0d3780; }
/* white triangle on frontpage */
body.index #navigation ul li.current {
	height: 57px;
	background: url( http://www.ergosign.de/images/topnav-front-selected.gif) no-repeat center bottom;
}
#navigation ul li#search {
	float: right;
	height: 21px;
	background: #fff url( http://www.ergosign.de/images/input-bg.gif) repeat-x top;
	border: 1px solid #666;
	margin: 9px 0 0;
	overflow: hidden;
	width: 130px;
	position: relative;
}
#keywords {
	position: absolute;
	top: 0;
	left: 0;
	height: 17px;
	padding: 3px 3px 1px 20px;
	background: transparent url( http://www.ergosign.de/images/input-search.gif) no-repeat top left;
	border: none;
	width: 105px;
	color: #666;
}
.hiddenFields {
	display: none;
}

/* FOOTER */
#footer {
	clear: both;
	margin: 40px 10px 10px;
	padding: 0 15px 15px;
	border-top: 1px solid #ccc;
	color: #bbb;
	overflow: hidden;
}
#footer .footer-col-1,
#footer .footer-col-2,
#footer .footer-col-3,
#footer .footer-col-4,
#footer .footer-col-5 {
	float: left;
	width: 20%;
}
#footer .footer-col-1 {
	width: 24%;
}
#footer .footer-col-2 {
	width: 24%;
}
#footer .footer-col-3 {
	width: 19%;
}
#footer .footer-col-4 {
	width: 18.5%;
}
#footer .footer-col-5 {
	width: 14%;
}

#footer h2 {
	color: #999;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	margin: 30px 0 15px;
}
#footer li {
	margin: 0 0 10px;
}
#footer li a {
	color: #bbb;
}
#footer li a:hover {
	color: #999;
}

#footer-meta {
	text-align: center;
	font-size: 11px;
	color: #666;
	padding: 10px 0;
	border-top: 1px solid #eee;
	clear: both;
}
#footer-meta a {
	color: #0d3780;
	padding: 0 1px;
}
#footer-meta a:hover {
	background-color: #e5efff;
}

/* INDEX PAGE CONTENT, BLUE BACKGROUND */
#homepage {
	position: relative;
	height: 465px;
	color: #fff;
	overflow: hidden;
}
#homepage a {
	color: #fff;
}
#homepage a:hover {
	color: #ddd;
}
#homepage .teaser-content {
	position: absolute;
	top: 35px;
	left: 30px;
	width: 950px;
	height: 350px;
	overflow: hidden;
}
#homepage .teaser-content .text {
	float: left;
	width: 340px;
	position: relative;
	z-index: 10;
}
#homepage .teaser-content .text h1 {
	font-size: 30px;
	font-weight: bold;
	line-height: 135%;
	margin: 0 0 20px;
}
#frontpage_ucd .text h1 {
	white-space: nowrap;
}
#homepage .teaser-content .text p,
#homepage .teaser-content li {
	font-size: 16px;
	line-height: 150%;
	margin: 0 0 20px;
}
#homepage .teaser-content .text a {
	background: #525d73 url( http://www.ergosign.de/images/frontpage-more.png) repeat-x top;
	padding: 6px 8px;
	border: 1px solid #838c9d;
	border-color: #838c9d;
	border-right-color: #040810;
	border-bottom-color: #040810;
	font-size: 14px;
	font-weight: bold;
	float: left;
	display: block;
}
#homepage .teaser-content .text a span {
	font-size: 22px;
	font-weight: normal;
	padding-left: 10px;
	line-height: 14px;
}
#homepage .teaser-content .picture {
	position: absolute;
	right: 0;
	width: 600px;
	height: 350px;
	background-position: center;
	background-repeat: no-repeat;
	z-index: 5;
}
#homepage .teaser-content .picture.hide {
	display: none;
}
.teaser-anim {
	position: absolute;
	background-color: #fff;
}
#homepage .teaser-content ul {
	margin: -14px 0 20px 25px;
	list-style-type: disc;
}
#homepage .teaser-content li {
	margin-bottom: 3px;
}

#teaser-navigation {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
}
#teaser-navigation table {
	width: 100%;
}
#teaser-navigation table td.left-border {
	width: 95px;
	height: 75px;
	overflow: hidden;
	background: url( http://www.ergosign.de/images/inav-left.png) no-repeat 0 13px;
}
#teaser-navigation table td.right-border {
	width: 95px;
	height: 75px;
	overflow: hidden;
	background: url( http://www.ergosign.de/images/inav-right.png) no-repeat 0 13px;
}
#teaser-navigation div {
	height: 75px;
}
#teaser-navigation div.left {
	float: left;
	width: 2px;
	background: url( http://www.ergosign.de/images/inav-divider.png) no-repeat 0 13px;
}
#teaser-navigation .first div.left {
	background: url( http://www.ergosign.de/images/inav-right.png) no-repeat 0 13px;
}
#teaser-navigation div.teaser-entry-label {
	margin-left: 2px;
	background: url( http://www.ergosign.de/images/inav-bg.png) repeat-x 0 13px;
	padding: 35px 11px 10px;
	height: 30px;
	font-size: 16px;
	text-align: center;
	cursor: pointer;
}
#teaser-navigation div.teaser-entry-label:hover {
	background-image: url( http://www.ergosign.de/images/inav-hover.png)
}
#teaser-navigation .current {
	background: url( http://www.ergosign.de/images/inav-current-triangle.png) no-repeat center top;
}
#teaser-navigation .current div.teaser-entry-label {
	background-image: url( http://www.ergosign.de/images/inav-current.png);
}
#teaser-navigation .current div.left {
	background-image: url( http://www.ergosign.de/images/inav-current-left.png);
}


/* SUB PAGES */
#subpage {
	clear: left;
	margin-top: 5px;
}
#subnavigation {
	float: left;
	width: 205px;
	overflow: hidden;
}
.section-nav {
	margin: 8px 0 30px;
	float: left;
	width: 190px;
	overflow: hidden;
}
.section-nav li {
	background: url( http://www.ergosign.de/images/nav-border.gif) no-repeat left bottom;
	padding-bottom: 1px;
}
* html .section-nav li {
	background: none;
	padding-bottom: 0;
	border-bottom: 1px solid #ddd;
}
.section-nav li span {
	text-align: left;
	padding: 7px 10px;
	font-size: 14px;
	cursor: pointer;
	display: block;
}
.section-nav li.sub span {
	padding: 5px 10px 5px 30px;
	font-size: 12px;
}
.section-nav li span.current {
	background: url( http://www.ergosign.de/images/nav-selected.png) no-repeat right center;
	color: #0d3780;
}
.section-nav li.category {
	padding: 21px 10px 7px 0;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	color: #666;
	background: none;
}
.section-nav li.new-group {
	margin-top: 30px;
}
#subnavigation.clients .section-nav {
	margin-top: 15px;
}
#subnavigation.clients .section-nav li span {
	font-size: 12px;
	padding-top: 4px;
	padding-bottom: 4px;
}

#pagetitle {
	margin-left: 210px;
	width: 455px;
	min-height: 236px;
	padding: 20px 20px 0 290px;
	background-repeat: no-repeat;
}
#pagetitle.no-keyvisual {
	padding-left: 45px;
	width: 700px;
	min-height: 20px;
	padding-bottom: 30px;
}
#subpage.news #pagetitle {
	margin-left: 255px;
	width: 410px;
	padding-left: 0;
	min-height: 0;
	width: 455px;
}
#subpage.news .news-title {
	overflow: hidden;
	padding: 10px 0 4px;
	border-bottom: 1px solid #ccc;
	margin: 30px 0 10px;
}
#subpage.news .news-title h2 { margin: 0;}
#subpage.news .news-title h2 a { border: none; padding: 0; }
#subpage.news .news-date {
	float: right;
	font-size: 11px;
}
* html #pagetitle {
	height: 236px;
}
/* IE6 */
#pagetitle h1,
#shop-iframe h1 {
	font-size: 30px;
	font-weight: normal;
	color: #204f7d;
	margin-top: 15px;
	margin-bottom: 25px;
}
#pagetitle p,
#shop-iframe p {
	font-size: 15px;
	line-height: 160%;
	color: #404040;
}

#pagecontent {
	margin-left: 255px;
	font-size: 15px;
	color: #595959;
	line-height: 150%;
}
#pagecontent p,
#shop-iframe p {
	margin-bottom: 10px;
}
#pagecontent p:empty {
	margin-bottom: 0;
}
#pagecontent p.small {
	margin-top: 8px;
	font-size: 12px;
	line-height: 150%;
}
#pagecontent h2 {
	font-size: 18px;
	color: #404040;
	margin: 10px 0 10px;
}
#pagecontent h2:only-child { margin-bottom: 0; }
#pagecontent td h2:first-child { margin-top: 0;}
#pagecontent img {
	margin: 0 15px 6px;
}
#pagecontent img[align='right'] {
	margin-right: 0;
}
#pagecontent img[align='left'] {
	margin-left: 0;
}
#pagecontent img[align='center'] {
	margin-left: auto;
	margin-right: auto;
}
#pagetitle a,
#references .description a,
#pagecontent a {
	color: #0d3780;
	border-bottom: 1px dashed #b8c8e5;
	padding: 0 1px;
}
#pagetitle a:hover,
#pagecontent a:hover,
#references .description a:hover {
	background-color: #e5efff;
	border-color: #0d3780;
}

#pagecontent a.image-link{
	color: #0d3780;
	border-bottom: 0px dashed #b8c8e5 !important;
	padding: 0px;
}
#pagecontent a:hover.image-link{
	color: #0d3780;
	border-bottom: 0px dashed #b8c8e5 !important;
	background-color: transparent;
}

#pagecontent hr {
	color: #ccc;
	background-color: #ccc;
	height: 1px;
	border: 0;
	margin: 24px 0;
}

/* Case Study Thumbnails mit Lightbox */
#pagecontent a[rel='lightbox'] {
	/* display: block; */
	overflow: hidden;
	padding: 0;
	border: none;
}
#pagecontent a[rel='lightbox'] img {
	margin: 0 !important;
	padding: 0;
}
/* #pagecontent .tab-container a[rel='lightbox'] {
	display: inline;
}
*/
#pagecontent .tab-container a[rel='lightbox'] img {
	margin: 0 10px !important;
}
#pagecontent .tab-container a[rel='lightbox'] img[align='left'] {
	margin-left: 0 !important;
}
#pagecontent .tab-container a[rel='lightbox'] img[align='right'] {
	margin-right: 0 !important;
}


#pagecontent ul,
#shop-iframe ul {
	margin: 15px 0 20px 25px;
	list-style-type: disc;
}
#pagecontent li,
#shop-iframe li {
	line-height: 150%;
	margin-bottom: 5px;
}
#pagecontent .block {
	overflow: hidden;
	margin-bottom: 10px;
}

#pagecontent .spacer {
	margin: 0;
	padding: 0;
	height: 20px;
}

/* 2 Columns */
#pagecontent .block-2col .col1,
#pagecontent .block-2col .col2 {
	float: left;
	width: 345px;
	margin-right: 35px;
}
#pagecontent .block-2col .col2 {
	margin-right: 0;
}

/* 3 Columns */
#pagecontent .block-3col .col1,
#pagecontent .block-3col .col2,
#pagecontent .block-3col .col3 {
	float: left;
	width: 218px;
	margin-right: 35px;
}
#pagecontent .block-3col .col3 {
	margin-right: 0;
}

/* Column + Box */
#pagecontent .block-colbox .col {
	float: left;
	width: 485px;
}
#pagecontent .block-colbox .box {
	float: right;
	width: 220px;
	overflow: hidden;
	padding-bottom: 12px;
	background: url( http://www.ergosign.de/images/box-shadow.gif) no-repeat bottom;
}
#pagecontent .block-colbox .box .boxcontent {
	padding: 10px;
	background-color: #fcfaf0;
	border: 1px solid #f2f0e6;
	font-size: 13px;
	line-height: 140%;
}
#pagecontent .block-colbox .box img {
	margin: 5px 0;
}

/* Column + Caset Study */
#pagecontent .block-colcasestudy .col {
	float: left;
	width: 485px;
}
#pagecontent .block-colcasestudy .casestudy {
	float: right;
	width: 205px;
	overflow: hidden;
	padding: 10px 0 10px 15px;
	border-left: 1px solid #e5e5e5;
	font-size: 12px;
	line-height: 140%;
	color: #666;
}
#pagecontent .block-colcasestudy .casestudy img {
	margin: 5px 0;
}

/* Caset Study + Column */
#pagecontent .block-casestudycol .col {
}
#pagecontent .block-casestudycol .casestudy {
	float: left;
	width: 205px;
	overflow: hidden;
	padding: 10px 15px 10px 0;
	border-right: 1px solid #e5e5e5;
	font-size: 12px;
	line-height: 140%;
	color: #666;
	margin-right: 20px;
}
#pagecontent .block-casestudycol .casestudy img {
	margin: 5px 0;
}
#pagecontent .block-casestudycol .col ul {
	margin-left: 260px;
}

/* Box + Column */
#pagecontent .block-boxcol .col {
	float: right;
	width: 485px;
}
#pagecontent .block-boxcol .box {
	float: left;
	width: 220px;
	overflow: hidden;
	padding-bottom: 12px;
	background: url( http://www.ergosign.de/images/box-shadow.gif) no-repeat bottom;
}
#pagecontent .block-boxcol .box .boxcontent {
	padding: 10px;
	background-color: #fcfaf0;
	border: 1px solid #f2f0e6;
	font-size: 13px;
	line-height: 140%;
}
#pagecontent .block-boxcol .box img {
	margin: 5px 0;
}

/* Quotes */
#pagecontent .quote {
	width: 200px;
	overflow: hidden;
	background: url( http://www.ergosign.de/images/quotes-dark.png) no-repeat top left;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 9px 0 10px 11px;
	font-family: Georgia;
	font-style: italic;
	font-size: 13px;
	line-height: 140%;
	color: #666;
}

/* Column + Quote */
#pagecontent .block-colquote .col {
	float: left;
	width: 485px;
}
#pagecontent .block-colquote .quote {
	float: right;
}

/* Quote + Column */
#pagecontent .block-quotecol .col {
	float: right;
	width: 485px;
}
#pagecontent .block-quotecol .quote {
	float: left;
}

/* Image + Column (flexcol) */
#pagecontent .block-flexcol .flex {
	padding-top: 45px;
}
#pagecontent .block-flexcol .flex img,
#pagecontent .block-flexcolnospace .flex img {
	margin-left: 0;
}

/* In-Page Tabs */
#pagecontent .block-tabs {
	margin: 20px 0 10px;
}
/* Fix Layout for No-JavaScript View */
#pagecontent .block-tabs h2 {
	clear: both;
}
#pagecontent .all-tabs {
	background: #fff url( http://www.ergosign.de/images/tab-bg.gif) no-repeat bottom left;
	border-width: 0;
	border-right: 1px solid #ccc;
	overflow: hidden;
	height: 37px;
}
#pagecontent h2.tab {
	clear: none;
	font-weight: normal;
	font-size: 14px;
	float: left;
	display: inline;
	margin: 0;
	padding: 3px 15px 2px 16px;
	border: 1px solid #ccc;
	border-width: 1px 1px 0 0;
	color: #666;
	height: 23px;
	cursor: pointer;
}
#pagecontent h2.tab.current {
	color: #0d3780;
	padding: 0 !important;
	height: 37px;
	background: url( http://www.ergosign.de/images/tab-active-bg.gif) no-repeat center bottom;
	border: none;
}
#pagecontent h2.tab.current span {
	display: inline-block;
	padding: 3px 15px 3px;
	height: 22px;
	border: 1px solid #7589aa;
	border-width: 1px 1px 0;
}
/* #pagecontent h2.first.tab.current span {
	border-left-width: 0;
}
*/
#pagecontent h2.tab.before-active {
	border-right-width: 0;
	padding-right: 16px;
}
#pagecontent .tab-container {
	clear: both;
	border: 1px solid #ccc;
	border-top-width: 0;
	padding: 8px 16px 0;
	margin-bottom: 10px;
	overflow: hidden;
}
#pagecontent .tab-container h3.top-heading {
	text-align: center;
	font-size: 18px;
	color: #404040;
	margin: 10px 0 16px;
}

/* Quote + Tabs */
#pagecontent .quote.tab-quote {
	float: left;
	width: 190px;
	padding-right: 20px;
}

/* Custom Icons */
#pagecontent .block-customicons {
	position: relative;
	height: 172px;
}
#pagecontent .block-customicons img {
	position: absolute;
	left: 0;
	top: 0;
	margin: 0;
}
#pagecontent .block-customicons .carousel-nav {
	margin: 160px auto 0;
	text-align: center;
}
#pagecontent .block-customicons .carousel-nav span {
	width: 13px;
	height: 13px;
	background: url(http://www.ergosign.de/images/dot-nav.png) no-repeat 0px 0px;
	margin-right: 1px;
	display: inline-block;
	cursor: pointer;
}
#pagecontent .block-customicons .carousel-nav span:hover { background-position: 0px -13px; }
#pagecontent .block-customicons .carousel-nav span.current { background-position: 0px -26px; }

/* Anpassungen für Philosophy Full-Width */
#pagecontent.philosophy {
	margin-left: 0;
	margin-top: 20px;
}
/* 2 Columns */
#pagecontent.philosophy .block-2col .col1,
#pagecontent.philosophy .block-2col .col2 {
	float: left;
	width: 471px;
	margin-right: 35px;
}
#pagecontent.philosophy .block-2col .col2 {
	margin-right: 0;
}
/* 3 Columns */
#pagecontent.philosophy .block-3col .col1,
#pagecontent.philosophy .block-3col .col2,
#pagecontent.philosophy .block-3col .col3 {
	float: left;
	width: 303px;
	margin-right: 35px;
}
#pagecontent.philosophy .block-3col .col3 {
	margin-right: 0;
}
/* Column + Box */
#pagecontent.philosophy .block-colbox .col {
	float: left;
	width: 745px;
}
/* Box + Column */
#pagecontent.philosophy .block-boxcol .col {
	float: right;
	width: 745px;
}
/* Column + Quote */
#pagecontent.philosophy .block-colquote .col {
	float: left;
	width: 700px;
}
/* Quote + Column */
#pagecontent.philosophy .block-quotecol .col {
	float: right;
	width: 700px;
}

/* Image + Column (flexcol) */
#pagecontent .block-flexcol .flex {
	padding-top: 35px;
}
#pagecontent .block-flexcol .flex img,
#pagecontent .block-flexcolnospace .flex img {
	margin-left: 0;
}

/* Antetype Block */
#pagecontent .block-antetype table {
	width: 100%;
}
#pagecontent .block-antetype table td.at-top-left {
	background: url(http://www.ergosign.de/images/antetype-box-corner-1.png) no-repeat;
	width: 21px;
	height: 21px;
}
#pagecontent .block-antetype table td.at-top-right {
	background: url(http://www.ergosign.de/images/antetype-box-corner-2.png) no-repeat;
	width: 21px;
	height: 21px;
}
#pagecontent .block-antetype table td.at-bottom-left {
	background: url(http://www.ergosign.de/images/antetype-box-corner-4.png) no-repeat;
	width: 21px;
	height: 21px;
}
#pagecontent .block-antetype table td.at-bottom-right {
	background: url(http://www.ergosign.de/images/antetype-box-corner-3.png) no-repeat;
	width: 21px;
	height: 21px;
}
#pagecontent .block-antetype table td.at-top {
	background: url(http://www.ergosign.de/images/antetype-box-top.png) repeat-x;
	height: 21px;
}
#pagecontent .block-antetype table td.at-right {
	background: url(http://www.ergosign.de/images/antetype-box-right.png) repeat-y;
	width: 21px;
}
#pagecontent .block-antetype table td.at-bottom {
	background: url(http://www.ergosign.de/images/antetype-box-bottom.png) repeat-x;
	height: 21px;
}
#pagecontent .block-antetype table td.at-left {
	background: url(http://www.ergosign.de/images/antetype-box-left.png) repeat-y;
	width: 21px;
}
#pagecontent .block-antetype table td.at-center {
	background: url(http://www.ergosign.de/images/antetype-box-bg.png);
	padding: 25px 25px 10px;
}

#pagecontent .block-antetype h2 {
	color:#fff;
	font-size:24px;
	font-weight:normal;
	margin:0 0 20px;
}
#pagecontent .block-antetype p {
	color: #b2b2b2;
}
#pagecontent .block-antetype a {
	border:medium none;
	color:#FFDFB2;
	outline:medium none;
	padding:0 1px;
	text-decoration:none;
}
#pagecontent .block-antetype a:hover {background-color:#666666;}
#pagecontent .block-antetype img.antetype-logo {
	padding: 20px 0 0 10px;
	margin-bottom: -10px;
}

#pagecontent .block-antetype.safari {
	-webkit-border-radius: 10px;
	border: 1px solid #b3b3b3;
	background-color: #f1f1f1;
	padding: 6px;
	margin-left: 4px;
	margin-right: 4px;
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.15);
}
#pagecontent .block-antetype.safari .at-inner {
	-webkit-border-radius: 6px;
	border: none;
	background: url(http://www.ergosign.de/images/antetype-box-bg.png);
	padding: 25px 25px 15px;
	overflow: hidden;
}

#pagecontent .blog-author {
	font-style: italic;
	color: #999;
}

.title {
	float: left;
	overflow: hidden;
	width: 650px;
}
.title h1 {
	font-size: 30px;
	font-weight: normal;
	color: #204f7d;
	margin-top: 20px;
	margin-bottom: 25px;
}
.title p {
	font-size: 15px;
	line-height: 160%;
	color: #404040;
}
.mac.opera .title p {font-size: 14px;}

/* REFERENCES & PHILOSOPHY */
#references .quote,
#philosophy .quote {
	float: right;
	width: 260px;
	overflow: hidden;
	background: url( http://www.ergosign.de/images/quotes-dark.png) no-repeat top left;
	margin-top: 50px;
	margin-bottom: 10px;
	padding: 9px 0 10px 11px;
	font-family: Georgia;
	font-style: italic;
	font-size: 13px;
	line-height: 140%;
	color: #666;
}
#references .quote { margin-top: 65px;}
#references #pagecontent {
	margin: 20px 215px 10px 225px;
}

#references .ref-nav,
#philosophy .ref-nav {
	overflow: hidden;
	height: 30px;
	background: url( http://www.ergosign.de/images/ref-nav-border.gif) repeat-x bottom;
	margin-top: 40px;
}
#references .ref-nav .ref-nav-entry,
#philosophy .ref-nav .ref-nav-entry {
	float: left;
	height: 30px;
	margin: 0 25px;
	font-size: 18px;
	color: #808080;
}
#references .ref-nav .ref-nav-entry.current,
#philosophy .ref-nav .ref-nav-entry.current {
	color: #0d3780;
	background: url( http://www.ergosign.de/images/ref-nav-current.gif) no-repeat bottom center;
}
#references .ref-nav .ref-nav-entry.current a {
	color: #0d3780;
}

#references #pagecontent h3.client-logos {
	margin-top: 30px;
	margin-bottom: 10px;
}

/* CASE STUDY OVERVIEW */
#case-studies {
	margin-top: 20px;
}
#case-studies .item {
	position: relative;
	float: left;
	width: 236px;
	height: 121px;
	margin: 0 12px 12px 0;
	background: url( http://www.ergosign.de/images/ref-item-border.gif) no-repeat;
	cursor: pointer;
}
#case-studies .item.lastinrow {
	margin-right: 0;
}
#case-studies .item-hover {
	position: absolute;
	width: 236px;
	height: 121px;
	background: url( http://www.ergosign.de/images/ref-item-border-hover.gif) no-repeat;
}
#case-studies .item .screen-dimmed,
#case-studies .item .screen {
	position: absolute;
	width: 228px;
	height: 113px;
	margin: 4px;
}
#case-studies .item .logo {
	position: absolute;
	width: 228px;
	height: 35px;
	margin: 4px;
}
#case-studies .item .hidden-info {
	display: none;
}

/* SINGLE CASE STUDY */
#case-study-nav {
	float: right;
	overflow: hidden;
}
#case-study-nav div {
	float: left;
	overflow: hidden;
}
#case-study-nav #nav-label {
	font-size: 15px;
	padding: 6px 10px 6px 6px;
	color: #808080;
}
.button-outer.middle {
	border-left-width: 0;
}
#case-study-nav .inner-glow {
	padding: 2px 5px;
	height: 19px;
}
#case-study-previous {
	display: block;
	width: 29px;
	height: 19px;
	background-image: url( http://www.ergosign.de/images/references-nav-previous.png);
}
#case-study-next {
	display: block;
	width: 29px;
	height: 19px;
	background-image: url( http://www.ergosign.de/images/references-nav-next.png);
}
#case-study-overview {
	display: block;
	width: 29px;
	height: 19px;
	background-image: url( http://www.ergosign.de/images/references-nav-overview.png);
}

#case-study h1 {
	font-weight: bold;
	font-size: 24px;
	color: #4c4c4c;
	margin: 20px 10px 10px;
}
#case-study .screens {
	float: left;
	width: 680px;
	overflow: hidden;
	padding-right: 17px;
	border-right: 1px solid #e5e5e5;
}
#case-study .screens .fullscreen {
	position: relative;
	overflow: hidden;
	width: 680px;
	height: 540px;
}
#case-study .screens .fullscreen .screen {
	width: 680px;
	height: 535px;
	position: absolute;
}
#screen-2, #screen-3 {
	display: none;
}

#case-study .screens.icon_gallery .fullscreen {
	height: 405px;
}
#case-study .screens.icon_gallery .screen {
	height: 400px;
}


#case-study .thumbnails {
	margin-top: 20px;
	text-align: center;
}
#case-study .thumbnails .thumbnail {
	margin: 10px;
	padding: 3px 2px 0 3px;
	cursor: pointer;
	overflow: hidden;
	display: inline-block;
	border: 2px solid #fff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#case-study .thumbnails .thumbnail.current {
	background-color: #fff;
	border-color: #547a9d;
}

#case-study .description {
	margin-left: 700px;
	padding-left: 15px;
	font-size: 13px;
	color: #808080;
	line-height: 150%;
}
#case-study .description h2 {
	color: #595959;
	font-weight: bold;
	margin: 40px 0 5px;
}
#case-study .description h2:first-child {
	margin-top: 15px;
}
#case-study .description p {
	margin-bottom: 10px;
}

#tooltip {
	position: absolute;
	top: -400px;
	left: 0px;
	width: 218px;
}
#tooltip .slot {
	position: absolute;
	top: 0;
	left: 2px;
	width: 215px;
	height: 4px;
	background-image: url( http://www.ergosign.de/images/tooltip-slot.gif);
}
#tooltip .slider {
	position: absolute;
	top: 2px;
	left: 0;
	width: 218px;
	height: 150px;
	overflow: hidden;
}
#tooltip .tooltip-content {
	margin: 0;
	width: 218px;
	background: url( http://www.ergosign.de/images/tooltip-bg.png) no-repeat bottom center;
	overflow: hidden;
}
#tooltip .tooltip-content h3 {
	font-weight: bold;
	font-size: 13px;
	color: #fff;
	margin: 8px 15px 5px;
}
#tooltip .tooltip-content p {
	font-size: 13px;
	color: #ccc;
	margin: 0 15px 10px;
	line-height: 130%;
}

/* CLIENTS */
.client-logo {
	width: 180px;
	height: 90px;
	margin: 0;
	float: left;
	overflow: hidden;
	position: relative;
}
#pagecontent .client-logo img {
	margin: 0;
	padding: 0;
}
#pagecontent .client-logo a.case-study-link {
	position: absolute;
	overflow: hidden;
	bottom: 1px;
	right: 1px;
	padding: 0;
	width: 88px;
	height: 22px;
	background: url(http://www.ergosign.de/images/client-case-study-link.png) no-repeat 0px 0px;
	border: none;
}
#pagecontent .client-logo a.case-study-link:hover {background-position: 0 -22px;}
#pagecontent .client-logo div.case-study-link-border {
	position: absolute;
	top: 1px;
	right: 1px;
	bottom: 1px;
	left: 1px;
	border: 1px solid #e6e6e6;
	display: none;
}

#references #testimonials {
	float: right;
	width: 200px;
	height: 510px;
	margin-top: 30px;
	background: url( http://www.ergosign.de/images/vertical-divider-fade.png) no-repeat left bottom;
}
#references #testimonials .text {
	overflow: hidden;
	background: url( http://www.ergosign.de/images/quotes-dark.png) no-repeat 0 23px;
	padding: 9px 0 10px 11px;
	margin-left: 10px;
}
.testimonial-nav {
	float: right;
	overflow: hidden;
	width: 69px;
	margin-top: -4px;
}
.testimonial-nav #testimonial-prev,
.testimonial-nav #testimonial-next,
.testimonial-nav #testimonial-pause {
	float: left;
	width: 21px;
	height: 21px;
	cursor: pointer;
	background: url( http://www.ergosign.de/images/testimonial-nav.png) no-repeat 0 0;
}
.testimonial-nav #testimonial-next { 			background-position: -21px 0;}
.testimonial-nav #testimonial-pause { 			background-position: -42px 0;}
.testimonial-nav #testimonial-pause.play { 		background-position: -63px 0;}
.testimonial-nav #testimonial-prev:hover { 		background-position:   0   -23px;}
.testimonial-nav #testimonial-next:hover { 		background-position: -21px -23px;}
.testimonial-nav #testimonial-pause:hover { 	background-position: -42px -23px;}
.testimonial-nav #testimonial-pause.play:hover {background-position: -63px -23px;}

#references #testimonials .text h3 {
	font-size: 16px;
	font-weight: normal;
	color: #404040;
	margin-bottom: 15px;
	margin-top: 25px;
}
#references #testimonials .text p,
#references #testimonials .text span {
	font-family: Georgia;
	font-style: italic;
	font-size: 13px;
	line-height: 140%;
	color: #666;
}
#references #testimonials .text p {
	margin-bottom: 10px;
}
#references #testimonials .text span {
	font-weight: bold;
	/* white-space: nowrap;*/
}
.all-testimonials {
	position: relative;
	height: 700px;
}
.testimonial {
	position: absolute;
	overflow: hidden;
	background-color: #fff;
}

/* SHOP */
#shop .title {
	width: 970px;
	margin-bottom: 20px;
	height: 200px;
}
#shop .title.js {
	width: 720px;
}
#shop .title #check-table {
	float: right;
	width: 310px;
	margin: 0 20px;
}
#check-table table {
	width: 100%;
}
#check-table th {
	font-size: 15px;
	font-weight: bold;
	text-align: left;
	padding: 0 0 4px 0;
}
#check-table td {
	padding: 3px;
	font-size: 13px;
	vertical-align: middle;
}
.mac.opera #check-table td {
	font-size: 12px;
}
#check-table td.check div {
	width: 16px;
	height: 16px;
	background-image: url( http://www.ergosign.de/images/ok_16.png);
}
#warenkorb {
	float: right;
	width: 260px;
	margin-top: 20px;
	display: none;
}
#warenkorb h2 {
	font-size: 18px;
	color: #404040;
	padding: 1px 0 0 22px;
	margin-top: 3px;
	width: 160px;
	background: url( http://www.ergosign.de/images/basket-16.gif) no-repeat top left;
}
.opera #warenkorb h2 {
	font-size: 16px;
}
#warenkorb-inhalt {
	clear: both;
	border: 1px solid #ccc;
	background-color: #fff;
	padding: 0;
}
#warenkorb-inhalt table {
	width: 100%;
}
#warenkorb-inhalt-table {
	margin-top: 4px;
}
#warenkorb-scroll {
	width: 100%;
	height: 110px;
	height: 166px;
	overflow: auto;
	overflow-x: hidden;
}

#warenkorb-inhalt td {
	font-size: 11px;
	padding: 6px 6px 4px;
}
#warenkorb-inhalt td.item-name {
	padding-left: 8px;
}
#warenkorb-inhalt td.item-preview {
	width: 20px;
	padding: 2px 4px;
}
#warenkorb-inhalt td.item-preview div {
	width: 16px;
	height: 16px;
}
#warenkorb-inhalt td.item-price {
	text-align: right;
	color: #1b4e7c;
	white-space: nowrap;
}
#warenkorb-inhalt td.item-delete {
	width: 12px;
	vertical-align: middle;
	padding: 4px 8px 4px 4px;
}
#warenkorb-inhalt td.item-delete .submit,
#warenkorb-inhalt td.item-delete div {
	width: 12px;
	height: 12px;
	background-image: url( http://www.ergosign.de/images/basket-delete-12.gif);
	cursor: pointer;
	margin: 0;
	padding: 0;
	border-width: 0;
}

#warenkorb-footer td {
	font-size: 12px;
}
#warenkorb-inhalt td.total-name,
#warenkorb-inhalt td.total-price,
#warenkorb-inhalt td.total-empty {
	background-color: #f5f5f5;
	border-top: 1px solid #ccc;
	line-height: 130%;
}
#warenkorb-inhalt td.total-price {
	text-align: right;
	color: #1b4e7c;
	white-space: nowrap;
}
#warenkorb-inhalt td.total-name small {
	font-size: 11px;
	color: #999;
}
#warenkorb-inhalt td.total-price small {
	font-size: 11px;
	color: #88a1b8;
}

.msg-dim {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: #fff;
}
.msg-text {
	position: absolute;
	left: 30px;
	right: 30px;
	top: 32px;
	bottom: 32px;
	background: #fff url( http://www.ergosign.de/images/ok_32.png) no-repeat 10px 15px;
	padding: 10px 10px 10px 55px;
	border: 1px solid #ddd;
}
.banner .msg-text,
#special-sets .specials .msg-text {
	top: 12px;
	bottom: 12px;
}


#subnavigation h2 {
	font-weight: bold;
	font-size: 16px;
	margin: 30px 0 12px;
	color: #666;
}
#subnavigation p {
	font-size: 12px;
	margin: 3px 0 6px;
	color: #666;
	line-height: 120%;
}

#icon-search {
	/* width: 445px;*/
	margin-left: 250px;
	width: 450px;
	padding: 4px;
	background-color: #f5f5f5;
	border: 1px solid #ccc;
	overflow: hidden;
}
.opera #icon-search {margin-left: 45px;}
#icon-search label {
	float: right;
	font-size: 21px;
	font-weight: bold;
	color: #666;
	margin: 5px 8px 0 2px;
	white-space: nowrap;
}
.opera #icon-search label {font-size: 19px;}
#icon-search-container {
	float: right;
	height: 26px;
	background: #fff url( http://www.ergosign.de/images/input-bg.gif) repeat-x top;
	border: 1px solid #666;
	margin-right: 0;
	overflow: hidden;
	width: 310px;
	position: relative;
}
#icon-search-query {
	position: absolute;
	top: 0;
	left: 0;
	height: 22px;
	padding: 3px 3px 1px 20px;
	background: transparent url( http://www.ergosign.de/images/input-search.gif) no-repeat 0px 0px;
	border: none;
	width: 295px;
	font-size: 18px;
	color: #666;
}

#icon-search form #icon-search-container {
	width: 250px;
}
#icon-search form #icon-search-query {
	width: 225px;
}

#icon-search .button-outer {
	margin-left: 5px;
}
#shop #pagecontent {
	margin: 20px 0 0 250px;
	width: 730px;
	overflow: hidden;
}
.opera #shop #pagecontent{margin-left: 45px;}
.mac.opera #shop #pagecontent{font-size: 14px;}

#shop #subnavigation p a {
	color: #0d3780;
	border-bottom: 1px dashed #b8c8e5;
	padding: 0 1px;
}
#shop #subnavigation p a:hover {
	background-color: #e5efff;
	border-color: #0d3780;
}


/* Banners */
#shop .banner {
	margin: 10px 0;
	padding: 10px;
	overflow: hidden;
	border: 1px solid #ccc;
	position: relative;
}
#shop .banner.space {
	margin-top: 40px;
}
#shop .banner h2 {
	font-size: 18px;
	font-weight: bold;
	margin: 0 0 8px;
}
#shop .banner p {
	margin-right: 50px;
}
#shop .banner .right-bar {
	float: right;
	width: 100px;
	height: 60px;
	margin-left: 20px;
}
#shop .banner .right-bar .catalog{
	padding: 0px 0px 0px 20px;
	margin-top: 10px;
	height: 20px;
	background: url(http://www.ergosign.de/images/uploads/PDF_16.png) no-repeat 0 center;	
}
#shop .banner .right-bar .catalog a{
	color: #0d3780;
	border-bottom: 1px dashed #b8c8e5;
	padding: 0px 1px;
	font-size: 12px;
	white-space:nowrap;
	overflow: hidden;
}
.mac.opera #shop .banner .right-bar .catalog a{font-size: 11px;}
	
#shop .banner .right-bar .catalog a:hover{
	background-color: #e5efff;
	border-color: #0d3780;
	font-size: 12px;
}

#shop .banner .set-buy-button {
	width: 75px;
	height: 21px;
	overflow: hidden;
	padding: 1px 0 0 20px;
	text-align: center;
	font-weight: bold;
	background: url(http://www.ergosign.de/images/stockicon-set-buy.png) no-repeat 0 0;
	cursor: pointer;
	color: #444;
}
#shop .banner .set-buy-button:hover {
	background-position: 0 -22px;
	color: #333;
}
#shop .banner a.set-details {
	display: block;
	width: 95px;
	height: 21px;
	overflow: hidden;
	padding: 1px 0 0 0;
	text-align: center;
	font-weight: bold;
	background: url( http://www.ergosign.de/images/stockicon-set-details.png) no-repeat 0 0;
	border-width: 0;
	cursor: pointer;
	color: #444;
	margin-top: 10px;
}
#shop .banner a.set-details:hover {
	background-position: 0 -22px;
	color: #333;
}

#shop #banner-glossy-komplett {
	padding-left: 150px;
	background: #f0f3f8 url( http://www.ergosign.de/images/shop-Glossy_All.jpg) no-repeat 12px center;
}
#shop #banner-glossy-set-basic {
	padding-bottom: 135px;
	background: #fff url( http://www.ergosign.de/images/Overview_Glossy_Basic.jpg) no-repeat center bottom;
}

#shop #banner-glossy-set-business {
	padding-bottom: 135px;
	background: #fff url( http://www.ergosign.de/images/Overview_Glossy_Business.jpg) no-repeat center bottom;
}
#shop #banner-glossy-set-admin {
	padding-bottom: 135px;
	background: #fff url( http://www.ergosign.de/images/Overview_Glossy_Admin.jpg) no-repeat center bottom;
}
#shop #banner-satin-komplett {
	padding-left: 150px;
	background: #f0f3f8 url( http://www.ergosign.de/images/shop-Satin_All.jpg) no-repeat 12px center;
}
#shop #banner-satin-set-basic {
	padding-bottom: 135px;
	background: #fff url( http://www.ergosign.de/images/Overview_Satin_Basic.jpg) no-repeat center bottom;
}
#shop #banner-satin-set-business {
	padding-bottom: 135px;
	background: #fff url( http://www.ergosign.de/images/Overview_Satin_Business.jpg) no-repeat center bottom;
}
#shop #banner-satin-set-admin {
	padding-bottom: 135px;
	background: #fff url( http://www.ergosign.de/images/Overview_Satin_Admin.jpg) no-repeat center bottom;
}
#shop #banner-satin-basic-business {
	padding-left: 150px;
	background: #f0f3f8 url( http://www.ergosign.de/images/shop-Satin_Basic_Business.jpg) no-repeat 12px center;
}
#shop #banner-satin-basic-admin {
	padding-left: 150px;
	background: #f0f3f8 url( http://www.ergosign.de/images/shop-Satin_Basic_Admin.jpg) no-repeat 12px center;
}
#shop #banner-satin-business-admin {
	padding-left: 150px;
	background: #f0f3f8 url( http://www.ergosign.de/images/shop-Satin_Business_Admin.jpg) no-repeat 12px center;
}

#shop #banner-set-basic {
	padding-left: 100px;
	margin-bottom: 20px !important;
	background: #f0f3f8 url( http://www.ergosign.de/images/set_basic.png) no-repeat 20px center;
}
#shop #banner-set-business {
	padding-left: 100px;
	margin-bottom: 20px !important;
	background: #f0f3f8 url( http://www.ergosign.de/images/set_business.png) no-repeat 20px center;
}
#shop #banner-set-admin {
	padding-left: 100px;
	margin-bottom: 20px !important;
	background: #f0f3f8 url( http://www.ergosign.de/images/set_admin.png) no-repeat 20px center;
}

#shop #special-sets {
	border: 1px solid #ccc;
	overflow: hidden;
}

#shop .image-free-icons{
	margin: 10px 0px 10px 0px;	
}
#special-header {
	padding: 10px;
}
#special-header h2 {
	margin-top: 0;
}

#special-sets #set-basicbusinessadmin,
#special-sets #set-basicbusiness,
#special-sets #set-basicadmin,
#special-sets #set-businessadmin {
	padding-left: 240px;
	height: 100px;
}
#special-sets #set-basicbusinessadmin {
	background: url( http://www.ergosign.de/images/sets_all.jpg) no-repeat 8px center;
}
#special-sets #set-basicbusiness {
	background: #f0f3f8 url( http://www.ergosign.de/images/sets_basic_business.jpg) no-repeat 8px center;
}
#special-sets #set-basicadmin {
	background: url( http://www.ergosign.de/images/sets_basic_admin.jpg) no-repeat 8px center;
}
#special-sets #set-businessadmin {
	background: #f0f3f8 url( http://www.ergosign.de/images/sets_business_admin.jpg) no-repeat 8px center;
}
#special-sets .specials.blue {
	background-color: #f0f3f8;
}

#special-sets .specials p.set-desc {
	font-size: 17px;
	font-weight: bold;
	padding-top: 36px;
}
#special-sets .specials {
	overflow: hidden;
	clear: both;
	position: relative;
}
#special-sets .right-bar {
	float: right;
	width: 116px;
	overflow: hidden;
	margin: 10px 10px 10px 0;
}
#special-sets .price {
	text-align: right;
	font-size: 17px;
	color: #444;
}
#special-sets .set-buy-button {
	width: 95px;
	height: 21px;
	margin-top: 8px;
	overflow: hidden;
	padding: 1px 0 0 28px;
	text-align: left;
	font-weight: bold;
	background: url( http://www.ergosign.de/images/stockicon-set-buy-large.png) no-repeat 0 0;
	cursor: pointer;
	color: #444;
	font-size: 13px;
}
#special-sets .set-buy-button:hover {
	background-position: 0 -22px;
	color: #333;
}

#shop div.result-info {
	float: left;
	overflow: hidden;
	margin-bottom: 15px;
}
#shop div.result-info h2 {
	margin-top: 4px;
}

#shop .iconstyle-header {
	float: left;
	width: 345px;
	font-size: 17px;
	text-align: center;
	padding: 8px;
}
#shop .free-right{
	float: right;
}
#shop .free-left{
	font-size: 12px;
	line-height: 15px;
}
.stockicon {
	width: 360px;
	height: 150px;
	margin-bottom: 10px;
	float: left;
	position: relative;
}
.stockicon.odd {
	margin-right: 10px;
	clear: both;
}
#pagecontent .stockicon img {
	margin: 0;
}
#pagecontent .stockicon .icon-preview-button {
	position: absolute;
	top: 5px;
	right: 85px;
	width: 28px;
	height: 22px;
	background: url( http://www.ergosign.de/images/stockicon-preview.png) no-repeat 0 0;
	cursor: pointer;
}
#pagecontent .stockicon .icon-preview-button:hover {
	background-position: 0 -22px;
}
/* No JS */
#pagecontent .stockicon form.icon-buy-button {
	position: absolute;
	top: 5px;
	right: 5px;
	width: 75px;
	height: 22px;
	padding: 0;
	overflow: hidden;
}
#pagecontent .stockicon form.icon-buy-button .submit {
	width: 75px;
	height: 22px;
	padding: 1px 7px 0 0;
	border-width: 0;
	text-align: right;
	font-family: Helvetica, Arial;
	font-size: 15px;
	font-weight: bold;
	line-height: 100%;
	background: url( http://www.ergosign.de/images/stockicon-buy.png) no-repeat 0 0;
	cursor: pointer;
	color: #444;
}
#pagecontent .stockicon form.icon-buy-button .submit:hover {
	background-position: 0 -22px;
	color: #333;
}
/* JS */
#pagecontent .stockicon .icon-buy-button {
	position: absolute;
	top: 5px;
	right: 5px;
	width: 68px;
	height: 21px;
	overflow: hidden;
	padding: 1px 7px 0 0;
	text-align: right;
	font-weight: bold;
	background: url( http://www.ergosign.de/images/stockicon-buy.png) no-repeat 0 0;
	cursor: pointer;
	color: #444;
}
#pagecontent .stockicon .icon-buy-button:hover {
	background-position: 0 -22px;
	color: #333;
}

#pagecontent .pagination {
	display: block;
	float: right;
	overflow: hidden;
	white-space: nowrap;
	padding: 4px 0;
	font-size: 12px;
}
#pagecontent .pagination strong,
#pagecontent .pagination a {
	padding: 2px 3px 1px;
	background-color: #eee;
	border: 1px solid #ddd;
	color: #333;
	text-decoration: none;
}
#pagecontent .pagination a:hover {
	background-color: #ccc;
}
#pagecontent .pagination strong {
	background-color: #888;
	border: 1px solid #777;
	color: #fff
}

/* SHOP PREVIEW PANE */
#preview-pane {
	background: url( http://www.ergosign.de/images/previewpane-closed.png) no-repeat top center;
	width: 749px;
	height: 0;
	position: fixed;
	left: 200px;
	bottom: 0px;
	overflow: hidden;
}
#preview-pane-handle {
	position: absolute;
	top: 0;
	left: 300px;
	right: 300px;
	height: 23px;
	cursor: pointer;
	text-align: center;
	color: #fff;
	padding-top: 3px;
}
#preview-pane.open #preview-pane-handle {
	background: url( http://www.ergosign.de/images/previewpane-triangle-close.png) no-repeat 117px 4px;
}
#preview-pane-inner {
	position: absolute;
	background: url( http://www.ergosign.de/images/previewpane-bg.png) repeat-y;
	top: 23px;
	left: 0;
	right: 0;
	height: 200px;;
	padding: 0 10px;
}
#preview-pane-inner .icon-preview {
	float: left;
	margin: 8px;
	color: #666;
}
#preview-pane-inner #preview-pane-nav {
	float: left;
	width: 100px;
	margin: 5px 0;
	overflow: hidden;
}
#preview-pane-inner #preview-pane-nav ul li {
	display: block;
	padding: 5px 5px 3px 5px;
	border-bottom: 1px solid #ccc;
	font-size: 12px;
	color: #666;
	cursor: pointer;
}
#preview-pane-inner #preview-pane-nav ul li.current {
	background: #eef3f7 url( http://www.ergosign.de/images/previewpane-nav-current.png) no-repeat center right;
}
#preview-ribbon {
	float: right;
	margin: 1px 4px 0 0;
	/* width: 618px; */
	width: 615px;
	/* height: 122px; */
	height: 133px;
	background-image: url( http://www.ergosign.de/images/previewpane-ribbon2.png);
}
#preview-ribbon-32,
#preview-ribbon-16 {
	float: left;
	/* margin: 26px 0 0 11px;
	width: 296px;*/
	margin: 46px 0 0 11px;
	width: 302px;
	height: 65px;
	overflow: hidden;
}
#preview-ribbon-16 {
	padding: 4px 0 0 4px;
	/*margin-left: 10px;
	width: 292px;*/
	margin-left: 15px;
	width: 270px;
}
#preview-ribbon-32 div,
#preview-ribbon-16 div {
	margin-left: 0;
	width: 4000px;
	height: 65px;
	overflow: hidden;
	position: relative;
}

#preview-ribbon-32 .icon-preview {
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 39px;
	min-width: 32px;
	text-align: center;
}
#preview-ribbon-16 .icon-preview {
	position: absolute;
	background-repeat: no-repeat;
	background-position: left center;
	padding: 3px 0 3px 20px;
	margin: 1px 8px 1px 0;
	width: 115px;
}

#preview-toolbar {
	float: right;
	margin: 12px 8px 0 0;
	width: 607px;
	height: 75px;
	background-image: url( http://www.ergosign.de/images/previewpane-toolbar.png);
	overflow: hidden;
}
#preview-toolbar-iconarea {
	margin: 26px 10px 0 10px;
	overflow: hidden;
}
#preview-toolbar-iconarea div {
	width: 4000px;
	height: 40px;
	overflow: hidden;
	position: relative;
}
#preview-toolbar .icon-preview {
	background-repeat: no-repeat;
	background-position: center top;
	width: 32px;
	height: 32px;
}

#preview-panel {
	float: right;
	margin: 12px 8px 0 0;
	width: 607px;
	height: 115px;
	overflow: hidden;
}
#preview-panel-switcher {
	margin: 10px;
}
#c-red, #c-orange, #c-yellow, #c-green, #c-turquoise, #c-blue, #c-violet, #c-pink, #c-100, #c-75, #c-50, #c-25, #c-0 {
	width: 17px;
	height: 17px;
	background: url( http://www.ergosign.de/images/previewpane-colors.png) no-repeat 0 0;
	margin-left: 3px;
	margin-top: -3px;
	display: inline-block;
	cursor: pointer;
}
#c-orange {
	background-position: -20px 0;
}
#c-yellow {
	background-position: -40px 0;
}
#c-green {
	background-position: -60px 0;
}
#c-turquoise {
	background-position: -80px 0;
}
#c-blue {
	background-position: -100px 0;
}
#c-violet {
	background-position: -120px 0;
}
#c-pink {
	background-position: -140px 0;
}
#c-100 {
	background-position: -160px 0;
	margin-left: 13px;
}
#c-75 {
	background-position: -180px 0;
}
#c-50 {
	background-position: -200px 0;
}
#c-25 {
	background-position: -220px 0;
}
#c-0 {
	background-position: -240px 0;
}

#preview-panel-iconarea {
	margin: 10px;
	overflow: hidden;
	background: #ccc url( http://www.ergosign.de/images/previewpane-panel-gradient.png) repeat-x top;
	border: 1px solid #666;
}
#preview-panel-iconarea div {
	width: 4000px;
	height: 70px;
	overflow: hidden;
	position: relative;
}
#preview-panel .icon-preview {
	background-repeat: no-repeat;
	background-position: center top;
	width: 48px;
	height: 48px;
}


#preview-splashscreen {
	float: right;
	margin: 2px 65px 0 0;
	width: 491px;
	height: 132px;
	background-image: url( http://www.ergosign.de/images/previewpane-splashscreen.png);
	overflow: hidden;
}
#preview-splashscreen .icon-preview {
	margin: 0 0 0 16px;
	width: 128px;
	height: 128px;
}

#checkout-dialog {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}
#checkout-close {
	position: absolute;
	width: 27px;
	height: 27px;
	background-image: url( http://www.ergosign.de/images/checkout-close.png);
	z-index: 9999;
	cursor: pointer;
}
#checkout-content {
	display: none;
	font-size: 15px;
	padding: 20px;
	height: 410px;
	overflow: auto;
}

#checkout-content h2 {
	font-size: 18px;
	margin: 4px 0 10px;
}
#checkout-content label {
	clear: left;
	float: left;
	width: 125px;
	text-align: right;
	padding-top: 10px;
	height: 22px;
	font-size: 14px;
	color: #666;
}
#checkout-content input {
	float: left;
	width: 220px;
	height: 19px;
	margin: 5px 0 5px 8px;
	border: 1px solid #999;
	font-size: 14px;
}
#checkout-content input:focus {
	width: 219px;
	margin: 4px 0 4px 7px;
	border-width: 2px;
}
#checkout-content select {
	float: left;
	width: 220px;
	margin: 5px 0 5px 8px;
	font-size: 14px;
}
#checkout-content input#checkout-plz {
	width: 75px;
}
#checkout-content #container-ust-id {
	display: none;
}

#checkout-content input.error {
	background-color: #ffd9d9;
	color: #990000;
	border-color: #990000;
	/* border-width: 2px;
	margin: 4px 0 4px 7px; */
}
#checkout-content div.check.ok {
	float: left;
	margin: 5px 0 0 10px;
	width: 20px;
	height: 20px;
	background: url( http://www.ergosign.de/images/ok_16.png) no-repeat center;
}
#checkout-content div.check.error {
	float: left;
	margin: 5px 0 0 10px;
	width: 20px;
	height: 20px;
	background: url( http://www.ergosign.de/images/error_16.png) no-repeat center;
}
#checkout-content .error-msg {
	clear: left;
	overflow: hidden;
	width: 230px;
	margin: 4px 0 8px 133px;
	padding: 3px 5px;
	background-color: #ffd9d9;
	color: #990000;
	font-size: 12px;
}

#checkout-cart {
	float: right;
	width: 250px;
	height: 360px; /* IE! */
	margin-right: 5px;
	overflow: hidden;
}
#checkout-content h3 {
	text-align: center;
	margin-bottom: 15px;
}
#checkout-content p {
	margin: 4px 0 6px;
}
#checkout-content p.infotext {
	margin-bottom: 20px;
}

#checkout-warenkorb-inhalt {
	border: 1px solid #ccc;
}
#checkout-warenkorb-inhalt table {
	width: 100%;
}
#checkout-warenkorb-inhalt-table {
	margin-top: 4px;
}

#checkout-warenkorb-inhalt td {
	font-size: 11px;
	padding: 6px 6px 4px;
}
#checkout-warenkorb-inhalt td.item-name {
	padding-left: 8px;
}
#checkout-warenkorb-inhalt td.item-preview {
	width: 20px;
	padding: 2px 4px;
}
#checkout-warenkorb-inhalt td.item-preview div {
	width: 16px;
	height: 16px;
}
#checkout-warenkorb-inhalt td.item-price {
	text-align: right;
	color: #1b4e7c;
	white-space: nowrap;
}

#checkout-warenkorb-footer td {
	font-size: 12px;
}
#checkout-warenkorb-inhalt td.total-name,
#checkout-warenkorb-inhalt td.total-price {
	background-color: #f5f5f5;
	border-top: 1px solid #ccc;
	line-height: 130%;
}
#checkout-warenkorb-inhalt td.total-price {
	text-align: right;
	color: #1b4e7c;
	white-space: nowrap;
}
#checkout-warenkorb-inhalt td.total-name small {
	font-size: 11px;
	color: #999;
}
#checkout-warenkorb-inhalt td.total-price small {
	font-size: 11px;
	color: #88a1b8;
}

#checkout-footer {
	display: none;
	clear: both;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 10px;
	overflow: hidden;
	background-color: #ddd;
}
#button-checkout-weiter {
	float: right;
}
#button-checkout-cancel {
	float: left;
}

#shop-iframe {
	padding: 0px;
	font-size: 15px;
}
#iframe-area {
	padding: 20px;
	width: 670px;
	margin: 0 auto;
}
#shop-iframe #downloads {
	width: 400px;
}
#shop-iframe #downloads a {
	color: #0d3780;
	border-bottom: 1px dashed #b8c8e5;
	padding: 0 1px;
}
#shop-iframe #downloads a.downloadzip {
	float: right;
}
#shop-iframe #downloads a:hover {
	background-color: #e5efff;
	border-color: #0d3780;
}
#shop-iframe #bestellung-inhalt {
	float: right;
	width: 220px;
	overflow: hidden;
	padding-bottom: 12px;
	background: url( http://www.ergosign.de/images/box-shadow.gif) no-repeat bottom;
}
#shop-iframe #bestellung-inhalt .boxcontent {
	padding: 10px;
	background-color: #fcfaf0;
	border: 1px solid #f2f0e6;
	font-size: 13px;
	line-height: 140%;
}

/* NEUER SHOP CHECKOUT */
#shop_checkout {
	margin: 0 150px;
}
#shop_checkout .title {
	float: none;
	width: auto;
}

#checkout-dialog {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}
#checkout-close {
	position: absolute;
	width: 27px;
	height: 27px;
	background-image: url( http://www.ergosign.de/images/checkout-close.png);
	z-index: 9999;
	cursor: pointer;
}
#shop-checkout-content {
	font-size: 15px;
	overflow: hidden;
	margin: 20px 0;
}

#shop-checkout-content h2 {
	font-size: 18px;
	margin: 4px 0 10px;
}
#shop-checkout-content label {
	clear: left;
	float: left;
	width: 125px;
	text-align: right;
	padding-top: 10px;
	height: 22px;
	font-size: 14px;
	color: #666;
}
#shop-checkout-content input {
	float: left;
	width: 220px;
	height: 19px;
	margin: 5px 0 5px 8px;
	padding-left: 4px;
	border: 1px solid #999;
	font-size: 14px;
}
#shop-checkout-content input:focus {
	width: 219px;
	margin: 4px 0 4px 7px;
	border-width: 2px;
}
#shop-checkout-content select {
	float: left;
	width: 220px;
	margin: 5px 0 5px 8px;
	font-size: 14px;
}
#shop-checkout-content input#checkout-plz {
	width: 75px;
}
#shop-checkout-content #container-ust-id {
	display: none;
}

#shop-checkout-content input.error {
	background-color: #ffd9d9;
	color: #990000;
	border-color: #990000;
	/* border-width: 2px;
	margin: 4px 0 4px 7px; */
}
#shop-checkout-content div.check.ok {
	float: left;
	margin: 5px 0 0 10px;
	width: 20px;
	height: 20px;
	background: url( http://www.ergosign.de/images/ok_16.png) no-repeat center;
}
#shop-checkout-content div.check.error {
	float: left;
	margin: 5px 0 0 10px;
	width: 20px;
	height: 20px;
	background: url( http://www.ergosign.de/images/error_16.png) no-repeat center;
}
#shop-checkout-content .error-msg {
	clear: left;
	overflow: hidden;
	width: 230px;
	margin: 4px 0 8px 133px;
	padding: 3px 5px;
	background-color: #ffd9d9;
	color: #990000;
	font-size: 12px;
}

#shop-checkout-content #accept-boxes {
	padding: 10px 0;
	overflow: hidden;
	clear: left;
}

#shop-checkout-content input.checkbox {
	clear: left;
	float: left;
	width: auto;
	height: auto;
	border: none;
	margin: 5px 5px 5px 135px;
}
#shop-checkout-content label.checkbox-label {
	clear: none;
	width: auto;
	text-align: left;
	width: 220px;
	height: auto;
	overflow: hidden;
	padding-top: 5px;
}

#shop-checkout-content .payment-methods {
	float: left;
	width: 220px;
	overflow: hidden;
	margin: 5px 0 5px 8px;
	padding-left: 4px;
}
	#shop-checkout-content .payment-methods input {
		float: none;
		width: auto;
		height: auto;
		border: none;
		margin: 5px 5px 5px 0;
	}

#shop-checkout-content .error-message {
	clear: left;
	float: left;
	overflow: hidden;
	display: none;
	color: #990000;
	font-size: 14px;
	margin: 5px 20px 10px 129px;
	padding-left: 24px;
	background: url( http://www.ergosign.de/images/error_16.png) no-repeat top left;
}
#shop-checkout-content a {
	color: #0d3780;
}
#shop-checkout-content a:hover {
	background-color: #e5efff;
}

#checkout-cart {
	float: right;
	width: 250px;
	height: auto; /* IE! pixel angeben!*/
	margin: 20px 5px 20px 0;
	overflow: hidden;
}
#checkout-cart h3 {
	font-size: 15px;
	margin-bottom: 5px;
}
#shop-checkout-content h3 {
	text-align: center;
	margin-bottom: 15px;
}
#shop-checkout-content p {
	margin: 4px 0 6px;
}
#shop-checkout-content p.infotext {
	margin-bottom: 20px;
}

#checkout-warenkorb-inhalt {
	border: 1px solid #ccc;
}
#checkout-warenkorb-inhalt table {
	width: 100%;
}
#checkout-warenkorb-inhalt-table {
	margin-top: 4px;
}

#checkout-warenkorb-inhalt td {
	font-size: 11px;
	padding: 6px 6px 4px;
}
#checkout-warenkorb-inhalt td.item-name {
	padding-left: 8px;
}
#checkout-warenkorb-inhalt td.item-preview {
	width: 20px;
	padding: 2px 4px;
}
#checkout-warenkorb-inhalt td.item-preview div {
	width: 16px;
	height: 16px;
}
#checkout-warenkorb-inhalt td.item-price {
	text-align: right;
	color: #1b4e7c;
	white-space: nowrap;
}

#checkout-warenkorb-footer td {
	font-size: 12px;
}
#checkout-warenkorb-inhalt td.total-name,
#checkout-warenkorb-inhalt td.total-price {
	background-color: #f5f5f5;
	border-top: 1px solid #ccc;
	line-height: 130%;
}
#checkout-warenkorb-inhalt td.total-price {
	text-align: right;
	color: #1b4e7c;
	white-space: nowrap;
}
#checkout-warenkorb-inhalt td.total-name small {
	font-size: 11px;
	color: #999;
}
#checkout-warenkorb-inhalt td.total-price small {
	font-size: 11px;
	color: #88a1b8;
}

#checkout-footer {
	display: block;
	position: static;
	clear: both;
	padding: 10px;
	overflow: hidden;
	background-color: #ddd;
}
#checkout-footer #button-checkout-weiter {
	float: right;
}
#checkout-footer #button-checkout-cancel {
	float: left;
}


/* SEARCH RESULTS */
#search-results .title {
	float: none;
}
#pagecontent.search {
	margin-left: 0;
	margin-top: 20px;
}
#pagecontent.search ul {
	list-style: none;
}
#pagecontent.search ul li {
	margin: 20px 0;
	border-bottom: 1px solid #ccc;
}
#pagecontent.search li h2 {
	font-size: 16px;
}
#pagecontent.search li p {
}


/* MISC */
#clients {
	clear: both;
	height: 85px;
	overflow: hidden;
}
#clients .client-logo-frontpage {
	margin: 20px 30px;
}

#rss-subscribe {
	display: block;
	background: url(http://www.ergosign.de/images/rss_16.png) no-repeat left center;
	padding: 7px 6px 6px 22px;
	margin: 30px 10px 0;
}

/* HOME PAGE NEWS */
#news {
	clear: both;
	height: 19px;
	background-color: #eee;
	font-size: 16px;
	overflow: hidden;
	padding: 8px 20px;
	position: relative;
}
#news .decor {
	opacity: 0.3;
}
#news .news-item {
	left: 90px;
	right: 90px;
	text-align: center;
	position: absolute;
	background-color: #eee;
}

#meta {
	clear: both;
	text-align: center;
	margin-top: 10px;
	color: #999;
}

/* IMPRESSUM */
#imprint {
	width: 700px;
	margin: 0 auto;
}
#imprint h1 {
	font-size: 30px;
	font-weight: normal;
	color: #204f7d;
	margin-top: 15px;
	margin-bottom: 25px;
}
#imprint p {
	font-size: 15px;
	line-height: 160%;
	color: #404040;
	margin-bottom: 10px;
}
#imprint h2 {
	font-size: 18px;
	color: #404040;
	margin: 10px 0 10px;
}
#imprint a {
	color: #0d3780;
	border-bottom: 1px dashed #b8c8e5;
	padding: 0 1px;
}
#imprint a:hover {
	background-color: #e5efff;
	border-color: #0d3780;
}
#imprint .side-col {
	float: right;
	width: 250px;
}

/* SLIMBOX */
#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	filter: alpha(opacity=60);
	cursor: pointer;
}
#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}
.lbLoading {
	background: #fff url( http://www.ergosign.de/images/slimbox/loading.gif) no-repeat center;
}
#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}
#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}
#lbPrevLink {
	left: 0;
}
#lbPrevLink:hover {
	background: transparent url( http://www.ergosign.de/images/slimbox/prevlabel.gif) no-repeat 0 15%;
}
#lbNextLink {
	right: 0;
}
#lbNextLink:hover {
	background: transparent url( http://www.ergosign.de/images/slimbox/nextlabel.gif) no-repeat 100% 15%;
}
#lbBottom {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}
#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url( http://www.ergosign.de/images/slimbox/closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}
#lbCaption, #lbNumber {
	margin-right: 71px;
}
#lbCaption {
	font-size: 18px;
	padding-top: 7px;
}



/* SPINNER */
.spinner {
	position: absolute;
	opacity: 0.9;
	filter: alpha(opacity=90);
	z-index: 999;
	background: #fff;
}
.spinner-msg {
	text-align: center;
	font-weight: bold;
}
.spinner-img {
	background: url( http://www.ergosign.de/images/spinner.gif) no-repeat;
	width: 24px;
	height: 24px;
	margin: 0 auto;
}

/* FLOOM */
#blinds-cont {
	-webkit-box-shadow: 0 0 40px #000;
	background: url(bg.png) 0 0 no-repeat;
	margin: 50px auto;
	padding: 20px 0 0 0;
	font-family: 'Georgia', 'Arial Narrow', 'Arial', sans-serif;
	height: 410px;
	-moz-box-shadow: 0 0 40px #000;
	width: 1000px;
}
.block-customicons {
	margin: 0 auto;
	background: url(spinner.gif) 50% no-repeat;
	height: 330px;
	width: 725px;
}
.block-customicons .floom_slice {
	z-index: 10;
}
.block-customicons .floom_caption {
	text-shadow: 0 1px 0 #fff;
	font-size: 1.0em;
	color: #333;
	font-style: italic;
	position: relative;
	text-align: center;
	width: 100%;
	top: 25px;
}
.block-customicons .floom_progressbar {
	font-size: 1px;
	background: #131718;
	border-bottom: solid 1px #fff;
	height: 3px;
	position: relative;
	z-index: 1000;
	width: 0;
	top: 2px;
}
.block-customicons .floom_container {
	overflow: hidden;
	border-bottom: solid 1px #fff;
	border-top: solid 1px #666;
}
.block-customicons .floom_vertical {
	float: left;
}


/* iPhone */
body.ipod #site {
	margin-left: 15px;
	padding-right: 15px;
}

/* at-Teaser */
#at-teaser {
	width:175px;
	height:57px;
	position:absolute;
	right:0;
	top:101px;
	right:-6px;
	z-index:100;
	background: url( http://www.ergosign.de/images/atTeaser2.png) 0 0 no-repeat;
	cursor:pointer;
}
#at-teaser:hover {
	background-position: 0 -70px;
}

#at-wrapper {
	width:490px;
	height:482px;
	position:absolute;
	top:100px;
	right:-10px;
	z-index:400;
	display: none;
}
#at-teaser-left {
	width:10px;
	height:482px;
	float:left;
	background: url( http://www.ergosign.de/images/atShadowLeft.png) repeat-y;
}
#at-teaser-right {
	width:10px;
	height:482px;
	float:left;
	background: url( http://www.ergosign.de/images/atShadowRight.png) repeat-y;
}
#at-teaser-popup {
	float:left;
	width:470px;
	background: url( http://www.ergosign.de/images/atOverlayGradient.png) repeat-x;
	height:482px;

}
#at-Logo img {
	height:300px;
	width:430px;
	position:relative;
	top:20px;
	left:20px;
	cursor:pointer;
}
#at-Close {
	background: url( http://www.ergosign.de/images/atClose.gif) right no-repeat;
	height:13px;
	width:14px;
	position:relative;
	top:10px;
	left:445px;
	cursor:pointer;
}
#at-Content {
	padding:20px 30px 0 30px;
	font-family: Helvetica, Arial, Verdana, Tahoma, sans-serif;
	font-size: 15px;
	color: #4c4c4c;
	line-height:21px;
}

#at-Content p a {
	color: #0d3780;
	border-bottom: 1px dashed #b8c8e5;
	padding: 0 1px;
}
#at-Content p a:hover {
	background-color: #e5efff;
	border-color: #0d3780;
}