@charset "utf-8";
/* TRENDMARKE.DE - CONTENT STYLESHEET */
/* created by trendmarke.de 2010    */

a {
	color:#960096;
}

.content-content h1, #fancybox-inner h1 {
	background:url(images/h1-back.png) left no-repeat;
	padding-left:30px; /*35*/
	height:26px;
	padding-top:5px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:13pt;
	font-weight:normal;
	margin-top:10px;
	margin-bottom:10px;
	position:relative;
	left:0px; /* -25 */
}
.content-content h1 a, .content-content h1, #fancybox-inner h1, #fancybox-inner h1 a {
	text-decoration:none;
	color:#960096;
}

h2 {
	color:#484642;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:13pt;
	text-shadow:1px 1px 1px #eceae8;
	margin-top:10px;
	margin-bottom:10px;
}

h4 {
	color:#4e4e4e;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:9pt;
	text-shadow:1px 1px 1px #eceae8;
}

h6 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9pt;
	color:#960096;
	font-weight:normal;
	line-height:1.2;
	margin:0;
	padding:0;
}

.col-wrap h3 , .col-wrap h4{
	font-size:9pt;
	color:#960096;
	font-weight:normal;
	padding-left:25px;
	margin-top:5px;
	margin-bottom:5px;
	position:relative;
	left:0px; /* -20 */
	font-family:Arial, Helvetica, sans-serif;
}
.col-wrap h3 {
	background:url(images/star-color.png) no-repeat left;
	padding-top:5px;
	padding-bottom:2px;
}
.col-wrap h4 {
	background:url(images/star-grey.png) no-repeat left;
}
.col-wrap p {
	margin-bottom:3px;
	margin-top:3px;
}


.dotted-unten {
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px dotted #78716c;
}
/* Content Table */
.contenttable {
	border-spacing:0px;
	border:1px solid #c9c8c6;
	margin-bottom:10px;
	border-bottom:0 none;
	
}
.contenttable td, .contenttable th {
	border-top:1px solid #fff;
	padding:5px;
	border-bottom:1px solid #c9c8c6;
}

.contenttable .tr-even {
	background:url(images/list-even.jpg) repeat-x top #fff;
}
.contenttable .tr-odd {
	background:url(images/list-odd.jpg) repeat-x top #fff;
}
.contenttable th {
	font-weight:normal;
	color:#960096;
	padding-right:30px;
}

/* BANNER */
.banner-element {
	padding:23px;
	background:#f1f1f1;
	width:818px;
	/*margin:auto;*/
	height:254px;
	overflow:hidden;
	float:left;
	background:url(images/background-banner-element.png) no-repeat;
}
.banner-content {
	text-align:center;
	overflow:hidden;
	height:300px;
	padding:0px;
	padding-top:30px;
	position:relative;
}
.banner-list {
	margin:0;
	padding:0;
	list-style:none;
	position:relative;
}
.jcarousel-clip {
	width:864px;
	margin:auto;
	overflow:hidden;
}
.banner-controls-navi {
	position:absolute;
	bottom:34px;
	right:83px;
	z-index:90;
}

/* KUNDEN MENU */
.kunden-menu-wrap {
	background:url(images/kunden-menu-top.png) top left no-repeat;
	width:885px;
	margin:auto;
	padding-top:32px;
	position:relative;
	left:-20px;
}
.kunden-menu-bottom {
	background:url(images/kunden-menu-bottom.png) bottom left no-repeat;
	padding-bottom:32px;
}
.kunden-menu-content {
	background:url(images/kunden-menu-content.png) repeat-y;
	padding-right:25px;
	padding-left:25px;
}
.kunden-menu {
	margin:0;
	padding:0;
	list-style:none;
}
.kunden-menu li {
	float:left;
	display:block;
	width:167px;
	height:96px;
	margin:0;
	margin-bottom:5px;
	overflow:hidden;
	position:relative;
}

.kunden-menu-desc {
	position:absolute;
	padding:2px;
	padding-left:5px;
	padding-right:5px;
	font-size:8pt;
	color:#fff;
	background:url(images/kunden-menu-desc.png) repeat-x transparent;
	height:26px;
	bottom:0;
	width:147px;
	left:0;
	display:none;
}
.kunden-menu-desc span {
	font-size:7pt;
}
.kunden-menu li a {
	display:block;
	width:157px;
	height:86px;
	cursor:pointer;
	position:relative;
	top:0;
	text-decoration:none;
	left:0;
	border:7px solid #f1f1f1;
}
.kunden-menu li a:hover, .kunden-menu .cur a {
	border:5px solid #cdc7c3;
	padding:0;
}
.kunden-menu .no a:hover .no-img {
	display:none;
}
.kunden-menu .cur .kunden-menu-desc {
	display:block;
}


/* KUNDEN LISTE */
.kundenliste ul {
	list-style:none;
	margin:0;
	padding:0;
}
.kundenliste ul li {
	display:block;
	float:left;
	width:265px;
	margin-right:10px;
	border-bottom:dotted 1px #78716c;
	color:#4e4e4e;
	padding-bottom:3px;
	padding-top:3px;
	margin-bottom:3px;
	cursor:pointer;
	height:15px;
}
.kundenliste ul li:hover {
	color:#a62da5;
}
.kundenliste ul li span {
	color:#aaaaaa;
}
.kundenliste ul li ul {
	display:none;
}

.cost-voice {
	cursor:pointer;
	background:url(images/star-color.png) right no-repeat;
	color:#990099 !important;
}
.kundenliste {
	margin-bottom:10px;
}
.kundenliste ul li ul {
	display:block;
	width:307px;
	height:138px;
	background:url(images/kunden-stimme.png) transparent no-repeat;
	position:relative;
	top:-155px;
	margin:0;
	margin-left:10px;
	padding-left:35px;
	padding-top:10px;
	left:0;
	display:none;
}
.kundenliste ul li ul li {
	height:auto;
	background:url(images/quote-end.png) bottom right no-repeat;
	border-bottom:0 none;
}
.kundenliste ul li ul li:hover {
	color:#4e4e4e;
}


 .banner-control-left, .banner-control-right, .jcarousel-next , .jcarousel-prev{
	 position:absolute;
	 height:294px;
	 width:52px;
	 top:30px;
	 cursor:pointer;
	 z-index:99;
 }
 .banner-control-left , .jcarousel-prev {
	 background:url(images/arrow-left.png) no-repeat 0 121px transparent;
	 left:0;
 }
 .banner-control-right , .jcarousel-next {
	 right:0;
	 background:url(images/arrow-right.png) no-repeat 0 121px transparent;
 }

.banner-navi-item, .banner-navi-item-cur {
	float:left;
	display:block;
	width:10px;
	height:10px;
	background:url(images/banner-menu-no.png) no-repeat;
	margin-right:5px;
	cursor:pointer;
}
.banner-navi-item-cur {
	background:url(images/banner-menu-cur.png) no-repeat;
}

.powermail_mandatory_js {
	font-size:10px;
	color:#960096;
}

.job-block {
	height:350px;
	position:relative;
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px dotted #78716c;
}
.col2-left {
	float:left;
	width:230px;
}
.col2-right {
	float:right;
	width:230px;
}
.col3-left , .col3-left-last {
	float:left;
	width:215px;
	padding-right:10px;
	padding-left:10px;
	border-right:1px dotted #78716c;
	padding-bottom:30px;
	margin-bottom:20px;
}
.col3-left-small {
	width:175px;
}
.col3-left-last {
	border:0 none;	
	padding-right:0;
}
.col3-right {
	float:right;
	width:230px;
	padding-bottom:30px;
	margin-bottom:20px;
}
.gruener-btn {
	/*position:absolute;
	bottom:5px;
	left:15px;*/
	float:none;
	text-decoration:none;
	padding-top:7px;
	height:23px;
	margin-left:15px;
}

.leistungen-list {
	list-style:none;
	margin:0;
	padding:0;
	margin-top:10px;
	margin-bottom:10px;
}
.leistungen-list li {
	display:block;
	float:left;
	width:260px;
	margin-right:10px;
	border:1px solid #c9c8c6;
	color:#4e4e4e;
	margin-bottom:1px;
}
.leistungen-list li span {
	display:block;
	padding-left:30px;
	border-top:1px solid #fff;
	padding-top:8px;
	padding-bottom:8px;
	background-repeat:no-repeat;
	background-position:6px 7px;
}

.leistungen-list .list-odd {
	background:url(images/list-odd.jpg) repeat-x #d6d4d5;
}
.leistungen-list .list-even {
	background:url(images/list-even.jpg) repeat-x #d6d4d5;
}
.leistungen1 span {
	background-image:url(icons/icon1.png);
}
.leistungen2 span {
	background-image:url(icons/icon2.png);
}
.leistungen3 span {
	background-image:url(icons/icon3.png);
}
.leistungen4 span {
	background-image:url(icons/icon4.png);
}
.leistungen5 span {
	background-image:url(icons/icon5.png);
}
.leistungen6 span {
	background-image:url(icons/icon6.png);
}
.leistungen7 span {
	background-image:url(icons/icon7.png);
}
.leistungen8 span {
	background-image:url(icons/icon8.png);
}
.leistungen9 span {
	background-image:url(icons/icon9.png);
}
.leistungen10 span {
	background-image:url(icons/icon10.png);
}
.leistungen11 span {
	background-image:url(icons/icon11.png);
}
.leistungen12 span {
	background-image:url(icons/icon12.png);
}
.leistungen13 span {
	background-image:url(icons/icon13.png);
}
.leistungen14 span {
	background-image:url(icons/icon14.png);
}
.leistungen15 span {
	background-image:url(icons/icon15.png);
}
.leistungen16 span {
	background-image:url(icons/icon16.png);
}
.leistungen17 span {
	background-image:url(icons/icon17.png);
}
.leistungen18 span {
	background-image:url(icons/icon18.png);
}

.csc-loginform .csc-mailform-field {
	height:25px;
}
.csc-loginform .csc-mailform-field label {
	display:block;
	float:left;
	width:120px;
	margin-right:10px;
}
.csc-loginform .csc-mailform-field input {
	display:block;
	float:left;
	width:120px;
}
.csc-loginform #mailformsubmit{
	float:left;
	margin-top:10px;
}

/* FLASH HIDER */
.presentation-wrapper  {
	position:relative;
}
.presentation-hider {
	background:url(images/flash-hider.jpg) repeat-x;
	height:53px;
	width:150px;
	position:absolute;
	bottom:5px;
	left:15px;
	z-index:999;
}

a[href $='.pdf'] { 
	padding-left:30px;
   padding-right: 25px;
   background: transparent url('images/icon_pdf.png') no-repeat center right;
   padding-bottom:1px;
}
.contenttable a {
	text-decoration:none;
}
.csc-textpic-caption {
	font-size:8pt;
	margin-top:3px;
	color:#BFBFBF;	
}

.press-item h5 {
	margin:0;
	color:#960096;
	padding:0;
	font-weight:normal;
	font-size:9pt;
}
.press-item  {
	margin-top:15px;
	border-bottom:1px dotted #78716C;
	padding-bottom:15px;	
}
.press-item  a[href $='.pdf'] { 

   padding-left:22px;
   text-decoration:none;
   color:#4e4e4e;
   background: transparent url('images/icon_pdf_smal.png') no-repeat center left;
	line-height:1.8;
}
.press-item  a[href $='.jpg'] , .press-item  a[href $='.JPG']{ 
line-height:1.8;
   padding-left:22px;
   text-decoration:none;
   color:#4e4e4e;
   background: transparent url('images/icon_jpg.png') no-repeat 3px center ;
 
}
.ansprechpartner {
	border:2px solid #dad9d7;
	padding:10px;	
	padding-bottom:5px;
	margin-top:10px;
}
.ansprechpartner div.csc-textpic div.csc-textpic-single-image img {
	margin:0;	
}
.ihk-banner {
	color:#4e4e4e;
	font-size:7pt;
	padding-left:5px;	
}



/* KUNDEN POPUP */
.popup-gallery {
	background:url(images/background_popup_gallery.jpg) no-repeat;
	width:390px;
	height:361px;
	padding:20px;
	position:relative;
	float:left;
	overflow:hidden;
}
.popup-gallery ul {
	overflow:hidden;
	height:331px;
}
.popup-info {
	float:right;
	text-align:left;
	width:350px;
}
.popup-info ul {
	list-style:none;
	margin:0;
	padding:0;	
}
.popup-info ul li {
	background:url(images/arrow-yellow.png) no-repeat left;
	padding-left:20px;	
	display:block;
	margin-top:3px;
	margin-bottom:3px;
}

.popup-info a {
	display:block;
	background:url(images/btn_popup.png) no-repeat;
	width:157px;
	height:24px;	
	text-decoration:none;
	color:#fff;
	font-weight:bold;
	text-align:center;
	padding-top:6px;
	margin-top:20px;
}

.popup-gallery-controls-navi-wrap {
	background:url(images/background_popup_gallery_nav.jpg) no-repeat;
	width:390px;
	height:40px;
	z-index:99;
	position:absolute;	
	bottom:20px;
	left:20px;
}
.popup-gallery-controls-navi {
	position:absolute;
	right:10px;
	top:10px;	
}
.popup-gallery-controls-navi span {
	display:block;
	float:left;
	width:14px;
	height:14px;
	margin-left:5px;
	cursor:pointer;
	padding-top:3px;
	font-size:8pt;
	text-align:center;
	margin-right:5px;
}
span.popup-gallery-navi-item-cur {
	background:url(images/background_popup_gallery_nav_cur.jpg) 0 3px no-repeat;
	color:#fff;	
}
.popup-gallery-controls-navi #prev {
	background:url(images/icon_popup_left.png) no-repeat; 
	width:19px;
	height:19px;	
}
.popup-gallery-controls-navi #next {
	background:url(images/icon_popup_right.png) no-repeat;
	width:19px;
	padding:0;
	height:19px;	
}
#fancybox-inner .col-wrap {
	padding:0;
	background:#f0eeee;
}
#fancybox-outer {
	background:#f0eeee !important;	
}
#fancybox-close {
	background:url(images/fancy_close.png) no-repeat !important;
	height:27px !important;
	width:27px !important;
	right:0 !important;
	top:0 !important;
}
.fancy-bg {
	background:#fff !important;	
}
#soundlink {
	display:block;
	position:absolute;
	width:60px;
	padding-right:20px;
	background:url(images/icon_soundoff.png) no-repeat right;	
	right:60px;
	top:20px;
	cursor:pointer;
	z-index:999;
}
span.sound-on {
	background:url(images/icon_soundon.png) no-repeat right !important;	
}
.trendmarke-twitter {
	background:url(images/background_twitter_widget.png) no-repeat;
	width:207px;
	padding-left:4px;
	padding-right:4px;
	height:154px;
	padding-top:47px;
}
.trendmarke-twitter h3, .trendmarke-twitter .twtr-ft,.trendmarke-twitter .twtr-hd {
	display:none;
	visibility:hidden;	
}
.social-btns-top {
	display:block;
	position:absolute;	
	right:60px;
	top:45px;
	width:180px;
	height:25px;
	overflow:hidden;
}
.tweet-btn {
	display:block;
	float:left;
	width:110px;
	height:20px;
	margin-top:3px;	
}
.gplus-btn {
	float:right;
	width:66px;
	display:block;
	height:25px;	
}