/* CSS Document: www.creart.de | cre art - Die Werbeagentur. Die Werbeproduktion. */

/* +++ BASICS +++ */
html { width:100%; height:100%; } 

body { 
	background-color:#e1e9f1; 
	color:#004687; 
	text-align:center; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	letter-spacing:normal; 
	width:100%; height:100%; 
	margin:0; padding:0; 
	position:absolute;
	}
	
	
/* FLASH integration */
div#creartContent { width:1000px; height:650px; margin:0 auto; text-align:center; position:relative; z-index:20; }
div#creartContent2 { width:1000px; height:650px; background:url(data/images/index.jpg) no-repeat; padding-top:140px; text-align:center; position:relative; z-index:20; }

object#index { position:relative; z-index:20; outline:none; }

div#creartCalendarViewer { width:1000px; height:0px; font-size:0px; margin:0 auto; text-align:center; position:relative; z-index:500; }
object#creart_calendar { position:absolute; z-index:500; width:1000px; height:650px; outline:none; }	



/* floats clearer */
.clearfix { 
	clear: both;
	display: block;
	font: 1px/0px serif;
	content: ".";
	height: 0;
	visibility: hidden; 
	}	


img, a img { border:0 none; }
/* content image positioning */	
img.rightpos { float:right; margin:0px 0px 10px 10px; }
/*img.leftpos { float:left; }	*/


/* invisible line dividing content areas for nonstyled browsers */
hr { display:none; } 		


/* links */	
a { color:#4074a5; text-decoration:underline; }	
a:hover { color:#004687; }


/* lists */
ul { margin:0; padding:0; }
li { list-style:none; margin:0px 0px 3px 0px; padding:0px; }	

/* Headlines */
h1 { display:none; color:#004687; }
h1 span { font-size:small; }
strong.address {display:none; }

.noflash {display:none; }

h2, h3, h4, h5, h6 { font-weight:lighter; color:#004687; margin:0; padding:0; }
	
h2 { color:#4074a5;	font-size:12px;	margin:0px 0px 10px 0px; /*letter-spacing:-1px;*/ }
h3 { font-size:18px; margin:0px 0px 20px 0px; letter-spacing:-1px; }
h4 { font-size:16px; margin:0px 0px 24px 0px; }
h5 { font-size:12px; margin:0px 0px 4px 0px; }

	
/* paragraphs */
p {
	font-weight:lighter;
	line-height:18px;
	margin:0; 
	padding:0px 0px 15px 0px;
	}
	
.smallFont { font-size:smaller; line-height:normal; }
	
table p { padding:0; }	
	
/* date for content tables */	
.date {
	font-size:smaller; 
	/*color:#7fa2c3; */
	color:#4074a5;
	letter-spacing:-1px;
	margin:0; 
	padding:0;
	}


/* +++ SITE CONTAINER +++ */
div.creartContent { 
	width:1000px; 
	height:650px; 
	margin:0 auto; 
	text-align:center; 
	position:relative; 
	z-index:20;
	}


	/* site backgrounds */
	.creationback 		{ background: url(../img/sitebg_creation.gif) 			no-repeat center top; }	
	.fotostudioback 	{ background: url(../img/sitebg_fotostudio.gif) 		no-repeat center top; }	
	.medienserviceback 	{ background: url(../img/sitebg_medienservice.gif) 		no-repeat center top; }	
	.produktionback 	{ background: url(../img/sitebg_produktion.gif) 		no-repeat center top; }	
	.multimediaback 	{ background: url(../img/sitebg_multimedia.gif)			no-repeat center top; }






/* +++ CONTENT CONTAINER +++ */
div.content_container {
	position:absolute;
	z-index:20;
	top:130px;
	left:0;
	text-align:left;
	margin:0px; padding:0;
	width:1000px;
	height:456px;
	}


	/* content backgrounds */
	.content_container.creart 					{ background: url(../img/cnt_creart.jpg) 					no-repeat center top; }
	.content_container.awards 					{ background: url(../img/cnt_auszeichnungen.jpg) 			no-repeat center top; }
	.content_container.fachverbaende 			{ background: url(../img/cnt_fachverbaende.jpg) 			no-repeat center top; }
	.content_container.historie 				{ background: url(../img/cnt_historie.jpg) 					no-repeat center top; }
	
	.content_container.aktuelles 				{ background: url(../img/cnt_aktuelles.jpg) 				no-repeat center top; }
	.content_container.kontakt 					{ background: url(../img/cnt_kontakt.jpg) 					no-repeat center top; }
	.content_container.impressum				{ background: url(../img/cnt_impressum.jpg)					no-repeat center top; }
	
	.content_container.creation 				{ background: url(../img/cnt_creation.jpg) 					no-repeat center top; }
	.content_container.creation_services 		{ background: url(../img/cnt_creation_leistungen.jpg) 		no-repeat center top; }
	.content_container.creation_references		{ background: url(../img/cnt_creation_referenzen.jpg) 		no-repeat center top; }
	
	.content_container.fotostudio 				{ background: url(../img/cnt_fotostudio.jpg) 				no-repeat center top; }
	.content_container.fotostudio_services 		{ background: url(../img/cnt_fotostudio_leistungen.jpg) 	no-repeat center top; }
	.content_container.fotostudio_services2 	{ background: url(../img/cnt_fotostudio_leistungen_2.jpg) 	no-repeat center top; }
	.content_container.fotostudio_services3 	{ background: url(../img/cnt_fotostudio_leistungen_3.jpg) 	no-repeat center top; }
	.content_container.fotostudio_services4 	{ background: url(../img/cnt_fotostudio_leistungen_4.jpg) 	no-repeat center top; }
	.content_container.fotostudio_services5 	{ background: url(../img/cnt_fotostudio_leistungen_5.jpg) 	no-repeat center top; }
	.content_container.fotostudio_references 	{ background: url(../img/cnt_fotostudio_referenzen.jpg) 	no-repeat center top; }

	.content_container.medienservice 			{ background: url(../img/cnt_medienservice.jpg) 			no-repeat center top; }
	.content_container.medienservice_services 	{ background: url(../img/cnt_medienservice_leistungen.jpg) 	no-repeat center top; }
	.content_container.medienservice_references { background: url(../img/cnt_medienservice_referenzen.jpg) 	no-repeat center top; }
	
	.content_container.produktion				{ background: url(../img/cnt_produktion.jpg) 				no-repeat center top; }
	.content_container.produktion_services 		{ background: url(../img/cnt_produktion_leistungen.jpg) 	no-repeat center top; }
	.content_container.produktion_references 	{ background: url(../img/cnt_produktion_referenzen.jpg) 	no-repeat center top; }
	
	.content_container.multimedia 				{ background: url(../img/cnt_multimedia.jpg) 				no-repeat center top; }



	/* +++ CONTENT +++ */
	div.content {
		position:relative;
		top:28px;
		left:158px;
		}
	.content.full 		{ width:700px; }
	.content.full650 	{ width:650px; }
	.content.full450 	{ width:470px; }
	
	div.leftbox { float:left; width:46%; }
	div.rightbox { float:right; width:50%; }
	
	.content_text { margin:0px 0px 0px 15px; }
	
		.content_text.h280 { height:280px; overflow:auto; padding:0px 70px 0px 0px; }
		.content_text.h280c { height:280px; }
		
		.content_text.w200 { width:200px; }
		.content_text.w240a { width:240px; height:300px; overflow:auto; padding:0px 10px 0px 0px; }
		.content_text.w330 { width:330px; }
		.content_text.w360 { width:360px; }
		.content_text.w430 { width:430px; }
		.content_text.w500 { width:500px; }
	
	.content_text .h220 { height:280px; overflow:auto; padding:0px 70px 0px 0px; } /* archive */
	
	.content_text strong { font-weight:bold; }
	
	.indent { margin:0px 0px 0px 15px; }
	
	
	/* lists in content */
	.content_text ul {
		margin:0px 0px 0px 25px; 
		padding:0;
		}
	
	.content_text ul li {
		list-style-type:disc;
		color:#7fa2c3;
		margin:0; padding:0;		
		}
		
	.content_text ul li a {
		display:block;
		padding-left:10px;
		line-height:28px;
		height:30px;
		font-style:italic;
		text-decoration:none;
		}
	.content_text ul li:hover { color:#004687; }
	.content_text ul li a:hover { padding-left:0px; }


	
	
	/* archive/news back buttons */
	a.backBttn, a.backBttn:hover { 
		display:block;
		position:absolute;
		top:380px;
		left:30px;
		text-decoration:none;
		}


	/* page buttons */
	.pageBttns {
		position:absolute;
		z-index:100;
		top:360px;
		left:370px;
		font-size:smaller; 
		color:#4074a5;
		}
		.pageBttns.contentlist { top:385px; left:390px; }
		.pageBttns.contentsmalllist { top:385px; left:270px; }
		
	.pageBttns a {
		display:block;
		float:left;
		width:14px;
		height:14px;
		}
	.pageBttns a.prev { 
		background:url(../img/pagebttn_prev.gif) no-repeat left top; 
		}
	.pageBttns a.prev:hover { 
		background:url(../img/pagebttn_prev_hover.gif) no-repeat left top; 
		}
	.pageBttns a.prev-inactive, .pageBttns a.prev-inactive:hover { 
		background:url(../img/pagebttn_prev_inactive.gif) no-repeat left top; 
		}
	
	.pageBttns a.next { 
		background:url(../img/pagebttn_next.gif) no-repeat left top; 
		}
	.pageBttns a.next:hover { 
		background:url(../img/pagebttn_next_hover.gif) no-repeat left top; 
		}
	.pageBttns a.next-inactive, .pageBttns a.next-inactive:hover { 
		background:url(../img/pagebttn_next_inactive.gif) no-repeat left top; 
		}
	
	.pageBttns #count {
		display:block;
		float:left;
		padding:0px 5px 0px 5px;
		}
		
		
		
		
	/* SECTION: NEWS/JOBS */	
	.news_singlebox {
		position:absolute;
		z-index:100;
		top:141px;
		left:469px;
		width:430px;
		height:430px;
		overflow:hidden;
		text-align:left;
		}
	
	.news_singlebox .news_sb_content {
		position:relative;
		top:30px;
		left:30px;
		width:360px;
		height:370px;
		overflow:auto;
		padding-right:20px;
		
		}
		.news_singlebox .news_sb_content.n370 {
			height:370px;
			}
		.news_singlebox .news_sb_content.n320 {
			top:20px;
			height:320px;
			}
		
	.news_singlebox .news_sb_title { position:relative; top:15px; left:30px; }
		
	.news_singlebox .backBttn, .news_singlebox .backBttn:hover { position:relative; top:35px; left:30px; }
		
		
	
	
	/* SECTION: CONTACT */		
	#phone {
		position:relative;
		top:0px;
		left:-22px;
		background:url(../img/telefon.gif) no-repeat left top;
		padding-left:22px;
		line-height:20px;
		height:40px;
		font-size:larger;
		letter-spacing:-1px;
		}
		
		
		/* content site menus */
		.content_sidemenu {
			position:absolute;
			z-index:100;
			left:260px;
			top:25px;
			}
			.content_sidemenu.fscsm { left:280px; }
			.content_sidemenu.pdcsm { top:65px; left:430px; }
		
		.content_sidemenu a { 
			text-decoration:none; 
			font-style:italic; 
			position:relative; 
			display:block; 
			width:90px;
			}
		.content_sidemenu a.pda1 { top:0px; } 
		.content_sidemenu a.pda2 { top:70px; } 
		.content_sidemenu a.pda3 { top:107px; } 
		.content_sidemenu a.pda4 { top:140px; } 
		
		.content_sidemenu a span.box {
			display:none;
			position:absolute;
				z-index:200;
			background-color:#fff;
			width:330px;
			top:-20px;
			left:80px;
			border:1px solid #004687;
			padding:25px 30px 0px 10px;
			font-style:normal; 
			}
			.content_sidemenu a span.box.fs1 { top:-35px; left:70px; }
			.content_sidemenu a span.box.pd1 { top:-85px; left:30px; width:280px; }
			.content_sidemenu a span.box.pd2 { top:-85px; left:30px; width:280px; }
			.content_sidemenu a span.box.pd3 { top:-100px; left:30px; width:280px; }
			.content_sidemenu a span.box.pd4 { top:-260px; left:30px; width:280px; }
			

			.content_sidemenu a span.box .title {
				font-style:normal;
				display:block;
				font-size:18px; 
				margin:0px 0px 20px 0px; 
				letter-spacing:-1px;
				}
			.content_sidemenu a span.box span {
				font-weight:lighter;
				text-align:left;
				line-height:18px;
				margin:0; 
				padding:0px 0px 10px 0px;
				display:block;
				}
			.content_sidemenu a span.box span.indent {
				margin:0px 0px 0px 25px;
				}
				
			/* icon */
			.content_sidemenu a span.box span.boxicon {
				display:block;
				width:30px;
				height:30px;
				position:absolute;
				top:-15px;
				left:-15px;
				}
				.content_sidemenu a span.box span.boxicon.caicon {
					background:url(../img/icon_creart.gif) no-repeat left top;
					}
				.content_sidemenu a span.box span.boxicon.fs {
					background:url(../img/icon_fotostudio.gif) no-repeat left top;
					}
				.content_sidemenu a span.box span.boxicon.pdicon {
					background:url(../img/icon_produktion.gif) no-repeat left top;
					}
				
			.content_sidemenu a.box_anfahrt span.box a.boxlink {
				text-decoration:none;
				display:none;
				background:none;
				width:100%;
				position:relative;
				}
				

			.img_klein{
			background-image:url(../data/images/anfahrt.gif);
			width:101px;
			height:101px;
			background-repeat:no-repeat;}


			
		.content_sidemenu a.pda1:hover span.box.pd1,
		.content_sidemenu a.pda2:hover span.box.pd2,
		.content_sidemenu a.pda3:hover span.box.pd3,
		.content_sidemenu a.pda4:hover span.box.pd4,
		.content_sidemenu a.box_anfahrt:hover span.box { display:block; }


		
		
		
		
	/* Awards MULTIMEDIA */
	#multimedia_awards {
		position:absolute;
		z-index:150;
		top:270px;
		left:250px;
		}
	
	#multimedia_awards a { text-decoration:none; }
		
	#multimedia_awards a img {
		margin:0px 0px 0px 40px;
		padding:0;
		}


	/* +++ SECTION: REFERENCES +++ */
	
		/* descriptions */
		.ref_description {
			position:absolute;
		z-index:100;
			width:330px;
			text-align:right;
			color:#4074a5;
			}
		.ref_description h5 { color:#4074a5; }
			
		.ref_description.crdesc { top:470px; left:110px; }
		.ref_description.msdesc { top:350px; left:110px; width:310px; }
		.ref_description.pddesc { top:220px; left:560px; width:320px; }
			
		/* page buttons */
		.pageBttns.cr { top:75px; left:258px; }
		.pageBttns.ms { top:75px; left:238px; }
		.pageBttns.pd { top:75px; left:248px; }
			
			
		/* IMAGES */
		/* Referenzen ALL */
		.ref_bigimage {
			position:absolute;
		z-index:100;
			top:141px;
			left:469px;
			
			width:429px; 		/* these three lines */
			height:429px; 		/* guarantee that    */
			overflow:hidden; 	/* border is showing */
			}
		
		.ref_bigimage h5 { 
			position:absolute;
		z-index:100;
			top:380px;
			right:20px;
			color:#4074a5;
			}
			
			
		/* Referenzen MEDIENSERVICE */
		.ref_image100 {
			position:absolute;
		z-index:100;
			top:471px;
			
			width:99px; 		/* these three lines */
			height:99px; 		/* guarantee that    */
			overflow:hidden; 	/* border is showing */
			}
		.ref_image100.t1 { left:99px;}
		.ref_image100.t2 { left:224px;}
		.ref_image100.t3 { left:349px;}
		
			
		/* Referenzen PRODUKTION */
		.ref_image500 {
			position:absolute;
		z-index:100;
			top:341px;
			left:99px;
			
			width:499px; 		/* these three lines */
			height:229px; 		/* guarantee that    */
			overflow:hidden; 	/* border is showing */
			}
			
		.ref_image280 {
			position:absolute;
		z-index:100;
			top:341px;
			left:619px;
			
			width:279px; 		/* these three lines */
			height:229px; 		/* guarantee that    */
			overflow:hidden; 	/* border is showing */
			}
	
	
		/* Referenzen CREATION */
		ul#creationref_menu { 
			position:absolute;
		z-index:100;
			top:200px;
			left:0px;
			padding:0px 0px 0px 25px; 
			}
			
		ul#creationref_menu li {
			list-style-type:disc;
			color:#7fa2c3;
			margin:0; padding:0;		
			}
		
		ul#creationref_menu a {
			color:#7fa2c3;
			display:inline;
			font-style:normal;
			text-decoration:none;
			line-height:24px;
			padding-left:0px;
			}

		ul#creationref_menu li:hover,
		ul#creationref_menu a:hover { color:#004687; }
		
		ul#creationref_menu li.active, 
		ul#creationref_menu li.active a,
		ul#creationref_menu li.active a:hover { color:#004687; }
	
	
	
		/* Referenzen FOTOSTUDIO */
		ul#fotoref_menu { 
			position:absolute;
		z-index:100;
			top:20px;
			left:690px;
			padding:0px 0px 0px 25px;
			width:180px;
			}
			
		ul#fotoref_menu li {
			list-style:none;
			color:#7fa2c3;
			margin:0; padding:0;
			height:20px;
			display:block;
			width:180px;
			}
		
		ul#fotoref_menu a {
			color:#4074a5;
			display:block;
			width:100%;
			font-style:normal;
			text-decoration:none;
			line-height:20px;
			padding-left:20px;
			}
		ul#fotoref_menu a:hover { 
			background:url(../img/icon_fsmenu_hover.gif) no-repeat left center;
			color:#004687; 
			}
		ul#fotoref_menu a.active {
			color:#004687;
			display:block;
			font-style:normal;
			text-decoration:none;
			line-height:20px;
			padding-left:20px;
			background:url(../img/icon_fsmenu_active.gif) no-repeat left center;
			}
		
		
		#fs_gallery {
			position:absolute;
			z-index:100;
			top:191px;
			left:99px;
			background-color:#000;
			width:799px;
			height:249px;
			}
			
		#fs_gallery a#prev_link, #fs_gallery a#next_link {
			position:absolute;
			z-index:101;
			top:0;
			width:40px; 
			height:249px;
			}
		#fs_gallery a#prev_link { left:0; background:url(../data/referenzen/fotostudio/modul/ref_prevBtn.gif) no-repeat center center; }
		#fs_gallery a#next_link { right:0; background:url(../data/referenzen/fotostudio/modul/ref_nextBtn.gif) no-repeat center center; }
		#fs_gallery a#prev_link:hover { background:url(../data/referenzen/fotostudio/modul/ref_prevBtn_over.gif) no-repeat center center; }
		#fs_gallery a#next_link:hover { background:url(../data/referenzen/fotostudio/modul/ref_nextBtn_over.gif) no-repeat center center; }
	
	
		#fs_gallery #fs_images {
			position:absolute;
			z-index:100;
			top:25px;
			left:40px;
			}

		#fs_images a {
			float:left;			
			margin:0px 10px 0px 10px;
			padding:0;
			text-align:center;
			color:#fff;
			font-size:10px;
			text-decoration:none;
			position:relative;
			opacity: 0.8;
			-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* for IE8 */
			filter: alpha(opacity=80); /* for IE */
			}
		#fs_images a:hover {
			opacity: 1.0;
			-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* for IE8 */
			filter: alpha(opacity=100); /* for IE */
			}
		
		#fs_images a img { 
			display:block; 
			border:0 auto;
			}

		#fs_images span.title {
			display:block;
			font-size:9px; 
			letter-spacing:-1px;
			color:#fff;
			text-align:center;
			line-height:28px;
			}
			
		#fs_images span.magnifier {
			display:none;
			}
		#fs_images a:hover span.magnifier { 
			display:block; 
			position:absolute;
			z-index:102;
			margin:0 auto;
			top:75px;
			left:40%;
			width:30px;
			height:30px;
			background:url(../img/magnifier_plus.gif) no-repeat center top; 
			cursor:pointer; /* for IE */
			}
	
	
	
		/* CONTACT FORM */
	
		/* Kontaktformular */
		#contactform_block {
			position:relative;
			z-index:200;
			top:25px;
			left:140px;
			width:545px;
			height:410px;
			background-color:#fff;
			border:1px solid #004687;
			
			}
			
		#contactform_block h3 { position:relative; top:10px; left:10px; }
		
		#contactform_block #mark { 
			position:absolute; 
			z-index:150; 
			right:20px; 
			top:20px; 
			font-size:9px;
			}
		
		#close_bttn {
			background:url(../img/close_button.gif) no-repeat left;
			width:30px;
			height:30px;
			position:absolute;
			top:-14px;
			right:-14px;
			}
			
		form#contactform { margin:30px 0px 0px 35px; width:430px; }
		
		form#contactform label { float:left; width:100px; line-height:20px; }
		form#contactform input, form#contactform textarea { 
			width:290px; 
			border:1px solid #99b5cf; 
			color:#004687;
			padding:2px 0px 2px 0px;
			
			margin-bottom:5px;

			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 12px;
			line-height:14px;
			}
			
		sup { font-size:9px; }
		
		form#contactform input#form_submit {
			position:absolute;
			z-index:200;
			top:320px;
			right:20px;
			width:60px;
			height:60px;
			border:0 none;
			cursor:pointer;
			}
		form#contactform input#form_submit:hover {
			opacity:0.6;
			-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; /* for IE8 */
			filter: alpha(opacity=60); /* for IE */
			}
			
			
		div#form_errors {
			position:absolute;
			z-index:201;
			top:40px;
			left:10px;
			width:470px;
			height:360px;
			background-color:#004687;
			border:1px solid #004687;
			
			opacity:0.9;
			-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; /* for IE8 */
			filter: alpha(opacity=90); /* for IE */
			}
		div#form_errors #error_content {
			width:430px;
			color:#fff;
			margin:20px 0px 0px 20px;
			}
		
		form#contactform input#error_button { 
			position:absolute; 
			z-index:201;
			top:30px; 
			right:30px; 
			width:25px; 
			height:25px; 
			cursor:pointer; 
			border:0 none;
			}
		
		
		#form_message {
			position:relative;
			top:15px;
			left:35px;
			width:430px;
			color:#004687;
			line-height:22px;
			}
			
		div#form_errors #error_content p, #form_message p {line-height:22px;}
	
	
	
		/* CALENDAR ARCHIVE */
		
		.calendar_block { 
			float:left; 
			width:72px;
			margin:10px 10px 0px 0px;
			}
			
		.calendar_block .calendar {
			width:72px; 
			height:95px; 
			background-color:#4074a5;
			}
			
		.calendar_block .caltitle { 
			display:block;
			width:100%;
			height:30px;
			line-height:30px;
			text-align:center;
			}
			
		.calendar_block .calendar a { 
			display:block;
			width:70px;
			height:93px; 
			position:relative;
			top:1px;
			left:1px;
			
			margin:0p;
			padding:0;
			text-align:center;
			text-decoration:none;
			}
			
		.calendar_block .calendar a img { 
			display:block;
			width:70px;
			height:93px; 
			border:0 none;
			}
			
			
			
		.calendar_block .calendar a span.magnifier {
			display:none; 
			position:absolute;
			z-index:102;
			margin:0 auto;
			top:32px;
			left:20px;
			width:30px;
			height:30px;
			background:url(../img/magnifier_plus.gif) no-repeat center top; 
			cursor:pointer; /* for IE */
			}
		.calendar_block .calendar a:hover span.magnifier { 
			display:block;
			}