/*
Theme Name: First Class Promo
Theme URI: http://www.first-class-promo.com/
Description: Individual Theme for First Class Promo.
Version: 
Author: First Class Promo/Kater Gebrauchsgrafik- und Webdesign
Tags: */


body {text-align:center;
	font-family:Arial, Helvetica, Geneva, sans;
	font-size:11px;
	color:#939395;
	background-color:#e6e7eb;}

td 	{font-size:11px;}

input, textarea {background:transparent;
	border:1px solid #939395;
	font-family:Arial, Helvetica, Geneva, sans;
	font-size:11px;
	color:#939395;
	margin:4px 0;
	width:390px;}

a {color:#fff600;}

a:visited, a:link {text-decoration:none;} 

a:hover, a:active {text-decoration:underline;}

#top-left	{width:50px;
			height:50px;
			float: left;
			background-image:url(images/top-left.gif);
			background-repeat:no-repeat;}
			
#bottom-center,			
#top-center	{width:666px;
			height:50px;
			float: left;
			background-image:url(images/passkreuz.gif);
			background-position:center center;
			background-repeat:no-repeat;
			background-color:#E6E7EB;}			

#top-right	{width:50px;
			height:50px;
			float: left;
			background-image:url(images/top-right.gif);
			background-repeat:no-repeat;
			background-position:center center;
		}
			
#left-middle	{width:50px;
			width:53px\9;
			float: left;
			background-image:url(images/passkreuz.gif);
			background-repeat:no-repeat;
			background-position: center 368px;
			clear:both;
			height:690px;}
			
#right-middle	{width:50px;
			float: left;
			background-image:url(images/passkreuz.gif);
			background-repeat:no-repeat;
			background-position: center 368px;
			height:690px;}
			
#bottom-left	{width:50px;
			height:50px;
			float: left;
			background-image:url(images/bottom-left.gif);
			background-repeat:no-repeat;
			clear:both;
			margin-bottom:20px;}			

#bottom-right	{width:50px;
			height:50px;
			float: left;
			background-image:url(images/bottom-right.gif);
			background-repeat:no-repeat;
			margin-bottom:20px;}				
			
#header 	{width:666px;
		width:660px\9;
		height:190px;}

.header-link {border:0px;
			width:666px;
			width:660px\9;}

#rap	{margin:auto;
		text-align:left;
		width:766px;
		text-align:center;
		}
		
#content {text-align:center;
		background-color:#1a1c1f;
		width:666px;
		width:660px\9;
		margin:auto;
		text-align:left;
		height:690px;
		float:left;
		text-align:center;}
		

		
.contentbox {width:452px;
			margin:auto;
		}
			
.storycontent-top 	{width:452px;
					background-image:url(images/storycontent-top.png);
					height:7px;
					background-repeat:no-repeat;}

.storycontent-bottom {width:452px;
					background-image:url(images/storycontent-bottom.png);
					height:7px;
					background-repeat:no-repeat;
					margin-top:-11px;
					margin-top:-8px\9;
					position:relative;}

					
h3			{margin-top:0;
			padding-top:10px;
			margin-top:0;
			padding-left:30px;
			font-size:20px;
			font-weight:normal;}

.storycontent 	{width:452px;
				text-align:left;
				background-image:url(images/storycontent_bg.png);
				height:476px;	
				background-repeat:repeat-y;
				position:relative;
				margin-top:-7px\9;}
				

				
.storycontent p 	{padding-left:30px;
				margin-top:0;
				padding-top:7px;
				padding-top:5px\9;
				line-height:135%;
				margin-right:30px;
				width:365px;
				width:375px\9;
				}
			
			
				
.dotted-line 	{margin-left:-30px;}
				
.yellow 		{color:#fff600;}

.red 	{color:#f30a1b;}
				
#storycontent-content {height:370px;
					overflow-y:auto;
					overflow-x:hidden;
					z-index:10;
					padding-bottom:14px;
					width:469px;
					}
					
#storycontent-content 	{scrollbar-base-color:#111;
						scrollbar-3dlight-color:#1A1C1F;
						scrollbar-track-color:#939395;
						scrollbar-arrow-color:#939395;
						scrollbar-shadow-color:#939395;
						scrollbar-darkshadow-color:#1A1C1F;
						scrollbar-highligt-color:#939395;
						scrollbar-face-color:#1A1C1F;}
						
					
.page-id-44 #storycontent-content {height:440px;
									overflow:visible;}
	
#content-upper {width:400px;
				border-bottom:1px dotted #939395;
				margin-left:30px;
				padding-bottom:15px;
				margin-bottom:20px;}	
				
.content-inner {width:400px;
				border-bottom:1px dotted #939395;
				margin-left:30px;
				padding-bottom:15px;
				margin-bottom:20px;}
				
.content-inner p {margin-left:-30px;}
				
#projectlist li,
#projectlist2 li
				{color:#fff600;
				}
				
#content-lower {}

#contact-table 	{}

#contact-left 	{width:147px;}
				
#contact-center 	{width:145px;
				padding-left:7px;
				vertical-align:top;}
				
#contact-right	{width:145px;
				vertical-align:top;}
				
.page-id-28 #content-upper p.contact-email 
				{margin-left:160px;
				width:200px;
				color:#fff;}
				
.wpcf7-not-valid-tip-no-ajax, .wpcf7-response-output, .wpcf7-validation-errors
		{
		padding-left:30px;
		width:370px;
		color:#fff600;}
		
.page-id-28 .rightalign  {}
	
.contact-form {font-size:11px;
				color:#fff;
				background-color:#151619;
				border:0px;
				text-decoration:underline;
				width:70px;
				text-align:left;
				height:16px;}
				
.page-id-28 #content-upper p {width:290px;}

.page-id-28 #backlink-box {background:transparent;}
				
#footer 	{width:666px;
		width:660px\9;
		height:108px;
		background-image:url(images/foot_bg.png);
		background-repeat:no-repeat;
		background-color:#1a1c1f;
		background-position:559px 0;
		background-position:551px 0\9;
		margin:auto;
		margin-top:-16px\9;
		clear:both;}
		
.page-id-44 #footer {margin-top:0px\9;}
	

 #backlink-box 	{			height:50px;
							position:absolute;
							bottom:0px;
							width:452px;	
					}
					
#backlink-box p {padding-bottom:0;
							margin-top:0;}
					
					
.backlink  {	height:50px;
			width:50px;
			line-height:50px;
			right:0;
			bottom:0;
			text-align:center;
			vertical-align:middle;
			background-color:#000;
			display:block;
			position:absolute;
			font-size:12px;
			text-transform:uppercase;}		
	
			
			
a.backlink:link, a.backlink:visited
			{color:#939395;
			text-decoration:none;
			background-image:url(images/backlink-bg.gif);
			background-repeat:no-repeat;
			background-position: 47px 47px;}
			
a.backlink:hover, a.backlink:active 
			{background-color:#E6E7EB;
			color:#000;
			text-decoration:none;
			background-image:url(images/backlink-bg-active.gif);
			background-repeat:no-repeat;
			background-position: 47px 47px;}
			
.clear	{clear:both;}
			

		
.footer-content {padding-top:10px;
		text-align:center;}

#img-preloader {visibility:hidden;
				width:1px;
				height:1px;}
				
#content-upper p 	{margin-left:0;
					padding-left:0;}

			
								
#gallery-box-left 	{float:left;
				height:120px;
				width:150px;
				padding:0px 10px 0px 0;
				position:relative;
				z-index:30;
				border:0px;
				}
				
#img-box-left 	{float:left;
				height:120px;
				width:150px;
				padding:0px 10px 0px 0;
				position:relative;
				left:-158px;
				left:-160px\9;
				margin-right:-150px;
				z-index:10;
				}
				
#gallery-box-right 	{
				height:120px;
				width:150px;
				position:relative;
				z-index:30;
				left:260px;
				left:265px\9;
				top:0;
				margin-bottom:-130px;
				margin-bottom:-126px\9;
				}
				
				
.page-id-151  #gallery-box-right ,
.page-id-151  .gallery-box-right 
			{
				height:120px;
				width:150px;
				position:relative;
				z-index:30;
				left:250px;
				left:255px\9;
				top:0;
				margin-bottom:-130px;
				margin-bottom:-126px\9;
				}	

@media all and (min-width: 0px)
				{.page-id-151 .gallery-box-right {margin-bottom:-165px;
									left:250px;}
				}

@media all and (min-width: 0px)	
				{.page-id-151 .box2 {margin-bottom:-125px;
									left:250px;}
				}

@media all and (min-width: 0px)
				{#gallery-box-right {margin-bottom:-125px;
									left:265px;}
				}
				
#img-box-right 	{height:120px;
				width:150px;
				position:relative;
				z-index:10;
				left:260px;
				left:265px\9;
				top: -109px;
				margin-bottom:-130px;}
				
@media all and (min-width:0px)
				{#img-box-right {left:265px;
								margin-bottom:-120px;}}
				
#gallery-box-bottom 	{
				height:120px;
				width:150px;
				padding: 0;
				z-index:30;
				position:relative;
				left:30px;
				margin-top:20px;}
				
#img-box-bottom 	{
				height:120px;
				width:150px;
				padding: 0px;
				z-index:10;
				position:relative;
				top:-120px;
				left:30px;
				margin-bottom:-120px;}
				

#print-list 	{padding-left:30px;
			padding-left:0px\9;
			margin-top:15px;
			margin-top:0px\9;
			width:250px;}
				
#print-list li {list-style-type:none;
				background-image:url(images/print-list-icon.gif);
				background-repeat:no-repeat;
				padding-left:20px;
				color:#fff600;
				line-height:140%;
				background-position:0 2px;} 
				
#newmedia-list 	{padding-left:30px;}
			
#newmedia-list li {list-style-type:none;
				padding-left:20px;
				color:#fff600;
				line-height:140%;
				background-position:0 2px;} 

.home-img 	{margin:auto;}			

#shop-list 	{margin:0;
			padding:0 0px 0 30px;}

#shop-list li 	{list-style-type:none;
				height:18px;
				line-height:18px;
				background-color:#7b7b7b;
				color:#000;
				margin:3px 0;
				padding:3px 8px;
				width:377px;
				font-size:12px;}
				
.linkbox 	{width:151px;
			height:151px;
			float:left;}
			
.leftmiddle, .leftbottom {clear:both;}
			
.linkbox a , .linkbox a:visited {display:block;
			width:114px;
			height:114px;
			background-color:#000;
			line-height:114px;
			text-align:center;
			vertical-align:center;
			text-transform:uppercase;
			color:#939395;
			font-size:12px;
			text-decoration:none;}
			
.linkbox a:hover , .linkbox a:active 	
			{background-color:#E6E7EB;
			color:#000;
			text-decoration:none;}
		
.home-centermiddle {background-image:url(images/home-center_middle.jpg);}
			
.page-id-44 .storytitle {display:none;}

.page-id-44 #backlink-box, .page-id-44 .backlink{display:none;}

a.linkbox-home, a:visited.linkbox-home 
				{margin-left:37px;
				margin-top:37px;
				background-image:url(images/homelink-bg.gif);
				background-repeat:no-repeat;
				background-position:111px 111px;}
				
a:hover.linkbox-home, a:active.linkbox-home
				{background-image:url(images/homelink-bg-ac.gif);}

				
a.linkbox-service, a:visited.linkbox-service
					{margin-top:37px;
					margin-left:18px;
					background-image:url(images/servicelink-bg.gif);
					background-repeat:no-repeat;
					background-position:56px 111px;}
					
a:hover.linkbox-service, a:active.linkbox-service
				{background-image:url(images/servicelink-bg-ac.gif);}

a.linkbox-print {margin-top:37px;
				margin-left:0;
				background-image:url(images/printlink-bg.gif);
				background-repeat:no-repeat;
				background-position:0px 111px;}
		
a:hover.linkbox-print, a:active.linkbox-print
				{background-image:url(images/printlink-bg-ac.gif);}
				
a.linkbox-vision, a:visited.linkbox-vision {margin-top:18px;
				margin-left:37px;
				background-image:url(images/visionlink-bg.gif);
				background-repeat:no-repeat;
				background-position:111px 56px;}
				
a:hover.linkbox-vision, a:active.linkbox-vision
				{background-image:url(images/visionlink-bg-ac.gif);}
				
a.linkbox-neuemedien, a:visited .linkbox-neuemedien{margin-top:18px;
				margin-left:0px;
				background-image:url(images/newmedialink-bg.gif);
				background-repeat:no-repeat;
				background-position:0px 56px;}
				
a:hover.linkbox-neuemedien, a:active.linkbox-neuemedien
				{background-image:url(images/newmedialink-bg-ac.gif);}
				
a.linkbox-shop, a:visited.linkbox-shop{margin-top:0px;
				margin-left:37px;
				background-image:url(images/shoplink-bg.gif);
				background-repeat:no-repeat;
				background-position:111px 0px;}
				
a:hover.linkbox-shop, a:active.linkbox-shop
				{background-image:url(images/shoplink-bg-ac.gif);}
	
a.linkbox-kontakt, a:visited.linkbox-kontakt{margin-top:0px;
				margin-left:18px;
				background-image:url(images/kontaktlink-bg.gif);
				background-repeat:no-repeat;
				background-position:56px 0px;}
				
a:hover.linkbox-kontakt, a:active.linkbox-kontakt
				{background-image:url(images/kontaktlink-bg-ac.gif);}
				
a.linkbox-werbeartikel, a:visited.linkbox-werbeartikel
				{margin-top:0px;
				margin-left:0px;
				background-image:url(images/werbelink-bg.gif);
				background-repeat:no-repeat;
				background-position:0px 0px;}
				
a:hover.linkbox-werbeartikel, a:active.linkbox-werbeartikel
				{background-image:url(images/werbelink-bg-ac.gif);}
				

.link-img {border:0px;
		margin-right:10px;}
				
				
/*Smooth Gallery jd.gallery.css */

.myGallery, #myGallerySet, #flickrGallery
{
	width: 460px;
	height: 345px;
	z-index:5;
	border: 0px solid #000;
}

#flickrGallery
{
	width: 500px;
	height: 334px;
}

.myGallery img.thumbnail, #myGallerySet img.thumbnail
{
	display: none;
}

.jdGallery
{
	overflow: hidden;
	position: relative;
}

.jdGallery img
{
	border: 0;
	margin: 0;
}

.jdGallery .slideElement
{
	width: 100%;
	height: 100%;
	background-color: #000;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url('img/loading-bar-black.gif');
}

.jdGallery .loadingElement
{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #000;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url('img/loading-bar-black.gif');
}

.jdGallery .slideInfoZone
{
	position: absolute;
	z-index: 10;
	width: 100%;
	margin: 0px;
	left: 0;
	bottom: 0;
	height: 40px;
	background: #333;
	color: #fff;
	text-indent: 0;
	overflow: hidden;
}

* html .jdGallery .slideInfoZone
{
	bottom: -1px;
}

.jdGallery .slideInfoZone h2
{
	padding: 0;
	font-size: 80%;
	margin: 0;
	margin: 2px 5px;
	font-weight: bold;
	color: inherit;
}

.jdGallery .slideInfoZone p
{
	padding: 0;
	font-size: 60%;
	margin: 2px 5px;
	color: #eee;
}

.jdGallery div.carouselContainer
{
	position: absolute;
	height: 135px;
	width: 100%;
	z-index: 10;
	margin: 0px;
	left: 0;
	top: 0;
}

.jdGallery a.carouselBtn
{
	position: absolute;
	bottom: 0;
	right: 30px;
	height: 20px;
	/*width: 100px; background: url('img/carousel_btn.gif') no-repeat;*/
	text-align: center;
	padding: 0 10px;
	font-size: 13px;
	background: #333;
	color: #fff;
	cursor: pointer;
}

.jdGallery .carousel
{
	position: absolute;
	width: 100%;
	margin: 0px;
	left: 0;
	top: 0;
	height: 115px;
	background: #333;
	color: #fff;
	text-indent: 0;
	overflow: hidden;
}

.jdExtCarousel
{
	overflow: hidden;
	position: relative;
}

.jdGallery .carousel .carouselWrapper, .jdExtCarousel .carouselWrapper
{
	position: absolute;
	width: 100%;
	height: 78px;
	top: 10px;
	left: 0;
	overflow: hidden;
}

.jdGallery .carousel .carouselInner, .jdExtCarousel .carouselInner
{
	position: relative;
}

.jdGallery .carousel .carouselInner .thumbnail, .jdExtCarousel .carouselInner .thumbnail
{
	cursor: pointer;
	background: #000;
	background-position: center center;
	float: left;
	border: solid 1px #fff;
}

.jdGallery .wall .thumbnail, .jdExtCarousel .wall .thumbnail
{
	margin-bottom: 10px;
}

.jdGallery .carousel .label, .jdExtCarousel .label
{
	font-size: 13px;
	position: absolute;
	bottom: 5px;
	left: 10px;
	padding: 0;
	margin: 0;
}

.jdGallery .carousel .wallButton, .jdExtCarousel .wallButton
{
	font-size: 10px;
	position: absolute;
	bottom: 5px;
	right: 10px;
	padding: 1px 2px;
	margin: 0;
	background: #222;
	border: 1px solid #888;
	cursor: pointer;
}

.jdGallery .carousel .label .number, .jdExtCarousel .label .number
{
	color: #b5b5b5;
}

.jdGallery a
{
	font-size: 100%;
	text-decoration: none;
	color: inherit;
}

.jdGallery a.right, .jdGallery a.left
{
	position: absolute;
	height: 99%;
	width: 25%;
	cursor: pointer;
	z-index:10;
	filter:alpha(opacity=20);
	-moz-opacity:0.2;
	-khtml-opacity: 0.2;
	opacity: 0.2;
}

* html .jdGallery a.right, * html .jdGallery a.left
{
	filter:alpha(opacity=50);
}

.jdGallery a.right:hover, .jdGallery a.left:hover
{
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

.jdGallery a.left
{
	left: 0;
	top: 0;
	background: url('img/fleche1.png') no-repeat center left;
}

* html .jdGallery a.left { background: url('img/fleche1.gif') no-repeat center left; }

.jdGallery a.right
{
	right: 0;
	top: 0;
	background: url('img/fleche2.png') no-repeat center right;
}

* html .jdGallery a.right { background: url('img/fleche2.gif') no-repeat center right; }

.jdGallery a.open
{
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.withArrows a.open
{
	position: absolute;
	top: 0;
	left: 25%;
	height: 99%;
	width: 50%;
	cursor: pointer;
	z-index: 10;
	background: none;
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

.withArrows a.open:hover { background: url('img/open.png') no-repeat center center; }

* html .withArrows a.open:hover { background: url('img/open.gif') no-repeat center center;
	filter:alpha(opacity=80); }
	
	
/* Gallery Sets */

.jdGallery a.gallerySelectorBtn
{
	z-index: 15;
	position: absolute;
	top: 0;
	left: 30px;
	height: 20px;
	/*width: 100px; background: url('img/carousel_btn.gif') no-repeat;*/
	text-align: center;
	padding: 0 10px;
	font-size: 13px;
	background: #333;
	color: #fff;
	cursor: pointer;
	opacity: .4;
	-moz-opacity: .4;
	-khtml-opacity: 0.4;
	filter:alpha(opacity=40);
}

.jdGallery .gallerySelector
{
	z-index: 20;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #000;
}

.jdGallery .gallerySelector h2
{
	margin: 0;
	padding: 10px 20px 10px 20px;
	font-size: 20px;
	line-height: 30px;
	color: #fff;
}

.jdGallery .gallerySelector .gallerySelectorWrapper
{
	overflow: hidden;
}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton
{
	margin-left: 10px;
	margin-top: 10px;
	border: 1px solid #888;
	padding: 5px;
	height: 40px;
	color: #fff;
	cursor: pointer;
	float: left;
}

.jdGallery .gallerySelector .gallerySelectorInner div.hover
{
	background: #333;
}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton div.preview
{
	background: #000;
	background-position: center center;
	float: left;
	border: none;
	width: 40px;
	height: 40px;
	margin-right: 5px;
}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton h3
{
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-weight: normal;
}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton p.info
{
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-weight: normal;
	color: #aaa;
}

ul.service-list li {padding:8px 0;}	

.page-id-277 #footer,
.page-id-277 .storycontent-bottom,
.page-id-277 h3.storytitle,
.page-id-277 #top-left,
.page-id-277 #top-center, 
.page-id-277 #top-right,
.page-id-277 #left-middle,
.page-id-277 #right-middle, 
.page-id-277 #bottom-left, 
.page-id-277 #bottom-center, 
.page-id-277 #bottom-right,
.page-id-277 #header {display:none;}

.page-id-277 .contentbox,
.page-id-277 .storycontent,
.page-id-277 .storycontent p,
.page-id-277 #storycontent-content,
.page-id-277 #rap,
.page-id-277 #content {width:100%; margin:0; padding:0;}

.page-id-277 #content,
.page-id-277 #storycontent-content {
	height:100%; overflow-y:visible;
}

.page-id-277 #storycontent-content {
	width:700px; margin:auto;
}

.page-id-277 .storycontent, .page-id-277 .storycontent-top {
	background-image:none; 
}

a img {
	border:0;
}

body.page-id-277 {background-color:#1a1c1f;}

.datum {
	font-weight:bold; color:#fff600;
}