@charset "utf-8";
/* Author: 	
			Matthias Oßwald
			team:orange GmbH
			2009
*/

/***************************************************************************************/
/* 	KREATION 
****************************************************************************************/
.beispiele h1										{ color:#eb6f17; }
.adminsets											{ display:none;}
		
/*=====================================================================================*/
/* 	TEASER
=======================================================================================*/
#stage #teaser td.content 							{ height:237px; padding:0 0 0 2px; width:486px; overflow:hidden; }
* html #stage #teaser td.content 					{ padding:0; }
*+html #stage #teaser td.content 					{ padding:0; }
#set #stage #teaser td.content						{ height:225px; padding:0 25px 0 25px; width:440px;}
#beispiele #teaser a	 							{ color:#000; }
#beispiele #teaser h1 								{ margin:30px 10px 0 15px; font-size:48px;}
/* -------------------------------------------------------------- 
	RESELECT
-------------------------------------------------------------- */
#teaser #refSelect .top								{ background:url(../_images/kreation-refSelect-top-back.jpg) no-repeat; height:28px; position:relative;}
#teaser #refSelect .middle							{ background:url(../_images/kreation-refSelect-middle-back.jpg) repeat-y; height:78px; overflow:hidden;}
#teaser #refSelect .bottom							{ background:url(../_images/kreation-refSelect-bottom-back.jpg) no-repeat; height:13px;}

#teaser #refSelect									{ position:relative; }

/* -------  BOTTOM  -------  */
#teaser .bottom a									{ display:block;
													height:10px;
													width:106px;}
#teaser .bottom.werbngBottom a,
#teaser .bottom.prBottom a,
#teaser .bottom.mediaBottom a,
#teaser .bottom.eventBottom a,
#teaser .bottom.loginBottom a						{ display:none;}
#teaser .bottom.kundenlisteBottom a					{ background-image:url(../_images/kreation-refSelect-bottom-clients.jpg);
													background-repeat:no-repeat;
													background-position:top left;}
#teaser .bottom.kundenlisteBottom a:hover			{ background-position:bottom left; }

/* -------  VIEWS  -------  */													
#teaser #views 										{ float:left;
													margin:0 4px 0 0;
													position:relative;
													width:408px;}
#teaser #views a 									{ background-image:url(../_images/kreation-refSelect-views-back.jpg);
													background-repeat:no-repeat;
													background-position:0px 0px;
													color:#FFF;
													display:block;
													float:left;
													height:22px;}
#teaser #views #werbngView							{ background-position:0px 0px; width:91px; }
#teaser #views #prView								{ background-position:-91px 0px; width:42px; }
#teaser #views #mediaView							{ background-position:-133px 0px; width:64px; }
#teaser #views #eventView							{ background-position:-197px 0px; width:65px; }
#teaser #views #kundenlisteView						{ background-position:-262px 0px; width:81px; }
#teaser #views #loginView							{ background-position:-343px 0px; width:62px; }

#teaser #views #werbngView:hover	 				{ background-position:0px center; }
#teaser #views #prView:hover						{ background-position:-91px center; }
#teaser #views #mediaView:hover						{ background-position:-133px center; }
#teaser #views #eventView:hover 					{ background-position:-197px center; }
#teaser #views #kundenlisteView:hover				{ background-position:-262px center; }
#teaser #views #loginView:hover						{ background-position:-343px center; }

#teaser #views #werbngView.selected 				{ background-position:0px bottom; }
#teaser #views #prView.selected						{ background-position:-91px bottom; }
#teaser #views #mediaView.selected					{ background-position:-133px bottom; }
#teaser #views #eventView.selected 					{ background-position:-197px bottom; }
#teaser #views #kundenlisteView.selected			{ background-position:-262px bottom; }
#teaser #views #loginView.selected					{ background-position:-343px bottom; }

* html #teaser #views #werbngView					{ background-position:0px 0px!important;}
* html #teaser #views #prView						{ background-position:-91px 0px!important; }
* html #teaser #views #mediaView					{ background-position:-133px 0px!important; }
* html #teaser #views #eventView					{ background-position:-197px 0px!important; }
* html #teaser #views #kundenlisteView				{ background-position:-262px 0px!important; }
* html #teaser #views #loginView					{ background-position:-343px 0px!important; }

#teaser #views a span								{ display:none; }

/* -------  LIST  -------  */
#teaser #list 										{ width:450px; }
#teaser #list ul 									{ padding:0 5px 0 22px; }
#teaser #list ul li									{ cursor:pointer; color:#7c756d; }
#teaser #list ul li:hover							{ color:#2c2723; }
#teaser #list ul li.selected,
#teaser #list ul li.selected:hover 					{ color:#000; }

#teaser #list .cloudbox								{ padding-left:15px; width:460px; height:76px; }
#teaser #list .cloudbox a							{ color:#7c756d; line-height:24px; padding:0 4px 0 0px; }
#teaser #list .cloudbox a:hover						{ color:#2c2723; }
#teaser #list .cloudbox a.selected,
#teaser #list .cloudbox a.selected:hover			{ color:#2c2723; }

#teaser #list #kundenliste							{ height: 78px;
													overflow:hidden;
													position:relative;}
#teaser #list #kundenliste li						{ border-bottom:1px dotted #a39a93;position:relative;
													font-size:12px;
													padding:2px 8px 1px 8px;}
#teaser #list #kundenliste li:hover 				{ color:#000;  }
#teaser #list #kundenliste li.active 				{ background-color:#d6d1cb;  }
#teaser #list #login 								{ padding-left:20px; }
#teaser #list #login input.text						{ display:block; margin:10px 0; width:270px; }

/* -------  LISTHEAD -------  */
#teaser #listhead									{ position:absolute;
													cursor:inherit;
													display:block;
													right:4px;
													overflow:hidden;
													top:0;
													height:28px;
													width:85px; }
#teaser #listhead.kundenlisteBtn					{ background-image:url(../_images/kreation-refSelect-top-clients.jpg);
													background-repeat:no-repeat;
													background-position:top left;
													cursor:pointer;}
#teaser #listhead.kundenlisteBtn:hover				{ background-position:0 -28px; }
#teaser #listhead.disabled,
#teaser #listhead.disabled:hover					{ background-position:0 -56px; }
/* -------  LISTBOTTOM -------  */
#teaser #listbottom									{ position:absolute;
													display:block;
													right:4px;
													overflow:hidden;
													height:13px;
													width:106px; }
#teaser #listbottom.kundenlisteBtn					{ background-image:url(../_images/kreation-refSelect-bottom-clients.jpg);
													background-repeat:no-repeat;
													background-position:top left;}
#teaser #listbottom.kundenlisteBtn:hover			{ background-position:0 -13px; }
#teaser #listbottom.disabled,
#teaser #listbottom.disabled:hover					{ background-position:0 -26px; }
#teaser #listbottom.werbngBtn,
#teaser #listbottom.loginBtn						{ background:none; }

	
/*=====================================================================================*/
/* 	CONTENT
=======================================================================================*/
#content .content									{ padding-left:15px!important;}
#content #deleteSelection							{ background:url(../_images/kreation-deletselection-icon.jpg) right 0px no-repeat;
													color:#c2bebb;
													float:right;
													font-size:10px;
													letter-spacing:-0.4pt;
													padding:1px 15px 0 0;
													text-transform:uppercase;}
#content #deleteSelection:hover						{ color:#b6aca2; }

#content #selection									{ background:url(../_images/kreation-selection-back.jpg) no-repeat 0 0 #90877e;
													display:none;
													color:white;
													position:relative;
													clear:both;
													margin:0 0 15px 0;
													padding:2px 15px 2px 17px;}
#content #selection h4								{ font-weight:normal; padding-top:16px; }
/* -------------------------------------------------------------- 
	SHOWCASE
-------------------------------------------------------------- */
#content .showcase									{ background:url(../_images/kreation-showcase-back.jpg) repeat-x bottom left;
													padding:0 15px 20px 15px;
													margin-bottom:30px;
													position:relative;}
#content h3											{ border-bottom:1px dotted #9b9289;
													border-top:1px dotted #9b9289;
													color:#c54307;
													font-size:16px;
													margin-bottom:10px;
													padding:2px 0;
													width:100%}
#content table										{ margin-bottom:15px; width:100%; position:relative;}
#content td											{ border-bottom:1px dotted #c8c6c4;
													margin-bottom:0px;
													padding:2px 0; position:relative;}
#content tr.last td									{ border-bottom:none; }
#content td.head									{ color:#756a62;
													font-size:10px;
													text-transform:uppercase;
													width:45px;}
#content .content td p								{ font-size:12px; margin:0; padding-right:30px;}
.showcase .preview									{ padding-left:45px; }
.showcase .preview a								{ display:none;
													height:101px;
													 position:relative;
													width:131px;
													display:block;
													float:left;}
.showcase .preview a.oneImage						{ background:url(../_images/kreation-preview-oneImage-back.png) no-repeat;}
.showcase .preview a.moreImages 					{ background:url(../_images/kreation-preview-moreImages-back.png) no-repeat;}

.showcase .preview a img							{ display:block;
													float:none;
													height:89px;
													width:115px;
													padding: 6px 13px 6px 3px; }
#content .showcase p strong							{ color:#000; font-weight:bold;}


/* -------------------------------------------------------------- 
	DETAILS
-------------------------------------------------------------- */
#content .details 									{ display:none;
													position:absolute;
													left:-255px;
													top:-16px;
													width:258px;/*
													z-index:200;*/}												
#content .details .top								{ background:url(../_images/kreation-popup-top-back.png) no-repeat; height:47px;}
#content .details .middle							{ background:url(../_images/kreation-popup-middle-back.png) repeat-y;
													padding:5px 42px 10px 21px;
													width:195px;}
#content .details .middle h4						{ border-bottom:1px dotted #6c6661;
													color:#756a62;
													font-size:10px;
													margin:8px 0 4px 0;
													text-transform:uppercase;}
#content .details .middle p							{ font-size:11px; padding-left:0px; margin-bottom:0px; }
#content .details .middle ul li						{ background: url(../_images/beispiele-dot-back.gif) no-repeat 0px 7px;
													font-size:11px; 
													padding:0 0 0 10px;}
#content .details .bottom							{ background:url(../_images/kreation-popup-bottom-back.png) no-repeat; height:16px;}


* html #content .details .top						{ background:url(../_images/kreation-popup-top-back.gif) no-repeat;}
* html #content .details .middle					{ background:url(../_images/kreation-popup-middle-back.gif) repeat-y;}
* html #content .details .bottom					{ background:url(../_images/kreation-popup-bottom-back.gif) no-repeat;}