@charset "utf-8";
/* Author: 	
			Matthias Oßwald
			team:orange GmbH
			2009
*/
/***************************************************************************************/
/* 	AGENTUR 
****************************************************************************************/
.agentur h1								{ color:#b8d30c; }

/*=====================================================================================*/
/* 	TEASER
=======================================================================================*/
#agentur #teaser 						{ position:relative; }
#agentur #teaser .quote					{ background:url(../_images/blockquote-back.gif) no-repeat 0 0 #FFF;
										bottom:25px;
										left:25px;
										display:none;
										padding-top:22px;
										position:absolute;
										width:460px;}
#agentur #teaser p						{ width:90%; }
#agentur #teaser p em					{ text-transform:uppercase; }
#agentur #teaser blockquote				{ border-top:1px dotted #706c6b;
										 border-bottom:1px dotted #706c6b;
										 font-size:14px;
										 font-style:normal;
										 margin-bottom:5px;
										 padding:5px 0;
										 width:88%;
										}
#agentur #teaser blockquote p 			{ line-height:22px; width:100%; }
#agentur #teaser blockquote p strong	{ display:block; font-size:16px; line-height:25px;}

/*=====================================================================================*/
/* 	BOTTOM
=======================================================================================*/
#agentur #bottom #bottom-top,
#wo #bottom #bottom-top					{ background:url(../_images/bottom-top-dotted-back.png) no-repeat; }
#was #bottom #bottom-top				{ background:url(../_images/bottom-top-was-back.png) no-repeat; height:37px; }
#agentur #bottom #bottom-middle,
#wo #bottom #bottom-middle				{ background:url(../_images/bottom-middle-dotted-back.png) left top repeat-y; }
#was #bottom #bottom-middle				{ background:url(../_images/bottom-middle-was-back.png) left top repeat-y;}
#agentur #bottom #bottom-bottom,
#wo #bottom #bottom-bottom				{ background:url(../_images/bottom-bottom-dotted-back.png) no-repeat; height:10px; }

/* -------------------------------------------------------------- 
	ie6
-------------------------------------------------------------- */
* html #agentur #bottom #bottom-top,
* html #wo #bottom #bottom-top			{ background:url(../_images/bottom-top-dotted-back.gif) no-repeat; }
* html #was #bottom #bottom-top			{ background:url(../_images/bottom-top-was-back.gif) left top repeat-y;}
* html #agentur #bottom #bottom-middle,
* html #wo #bottom #bottom-middle		{background:url(../_images/bottom-middle-dotted-back.gif) left top repeat-y; }
* html #was #bottom #bottom-middle		{ background:url(../_images/bottom-middle-was-back.gif) left top repeat-y;}
* html #agentur #bottom #bottom-bottom,
* html #wo #bottom #bottom-bottom		{ background:url(../_images/bottom-bottom-dotted-back.gif) no-repeat; }

/*=====================================================================================*/
/* 	INFO
=======================================================================================*/

/* -------------------------------------------------------------- 
	Wer Scroller
-------------------------------------------------------------- */
#scroller 							{ background:url(../_images/slider-back.jpg) repeat-y top right; 
									float:right;
									margin-right:14px;};
* html #scroller 					{ margin-right:8px;}
#scroller #list 					{ background:url(../_images/slider-top-back.jpg) no-repeat top left; 
									float:left; width:170px; }
/* CHOOSE */
#scroller #choose 					{ float:left; padding-top:38px;}
#scroller #choose a					{ background-position:top left;
									background-repeat:no-repeat;
									display:block;
									margin-bottom:4px;
									height:17px;
									width:106px;}
#scroller #choose a.big				{ height:31px; }
#scroller #choose a	span			{ display:none; }
#scroller #choose #all				{ background-image:url(../_images/slider-selection-all-btn.jpg);}
#scroller #choose #geschaeftsfuehrung{ background-image:url(../_images/slider-selection-gf-btn.jpg);}
#scroller #choose #kreation			{ background-image:url(../_images/slider-selection-kreation-btn.jpg);}
#scroller #choose #redaktion		{ background-image:url(../_images/slider-selection-redaktion-btn.jpg);}
#scroller #choose #beratung			{ background-image:url(../_images/slider-selection-beratung-btn.jpg);}
#scroller #choose #event			{ background-image:url(../_images/slider-selection-event-btn.jpg);}
#scroller #choose #media			{ background-image:url(../_images/slider-selection-media-btn.jpg);}
#scroller #choose #administration	{ background-image:url(../_images/slider-selection-admin-btn.jpg);}

#scroller #choose a:hover			{ background-position:center left; }
#scroller #choose a.selected,
#scroller #choose a:active,
#scroller #choose a.selected:hover	{ background-position:bottom left; }
/* VIEWS */								
#scroller #views 					{ float:right;
									position:relative; }
#scroller #views a					{ background-repeat:no-repeat;
									background-position:top left;
									display:block;
									float:left;
									height:19px;
									width:27px; }
#scroller #views a:hover			{ background-position:center left; }
#scroller #views a.selected			{ background-position:bottom left; cursor:auto; }
#scroller #views a span				{ display:none; }
#scroller #views a.imageView		{ background-image:url(../_images/slider-view-image.jpg); }
#scroller #views a.textView			{ background-image:url(../_images/slider-view-text.jpg); }

/* SCROLLABLE */	
#scroller .scrollable 				{ height: 470px;
									clear:both;
									overflow:hidden;
									position:relative;      
									width: 170px;} 										
#scroller .scrollable .items 		{ height:1000px;
									padding:0 9px;
									position:absolute; }

/* ITEMS*/										
#scroller .items .item				{ border-bottom:1px solid #c0b7b1; width:153px; cursor:pointer; display:block; }
#scroller .items .text				{ color:#8d8980;
									display:none;
									font-size:12px;
									line-height:13px;
									padding:11px 1px 8px 1px;	}
#scroller .items .hover .text		{ color:#574f4c }
#scroller .items .active .text		{ background:url(../_images/slider-text-arow.gif) right 14px no-repeat;
									color:#574f4c;
									font-weight:bold;
									font-size:12px;
									/*color:#000000;*/}											
#scroller .items .image				{ background-repeat:no-repeat;
									background-position:center 0;
									display:block;
									height:57px;
									width:142px;
									}
#scroller .items .hover .image		{ background-position:center; }
#scroller .items .active .image		{ background-position:bottom;}										
#scroller .prev						{ background-image:url(../_images/slider-next.gif);
									background-repeat: no-repeat;
									background-position:top;
									cursor:pointer;
									display:block;
									height:25px;
									}
#scroller .next						{ background-image:url(../_images/slider-prev.gif);
									background-repeat: no-repeat;
									background-position:top left;
									cursor:pointer;
									float:left;
									width:114px;
									display:block;
									height:25px;
									}
#scroller .prev span,
#scroller .next span				{ display:none;	}
#scroller .prev:hover,
#scroller .next:hover				{ background-position:center left;}
#scroller .disabled	,
#scroller .disabled:hover			{ background-position:bottom left; cursor:auto;	}
	
/* -------------------------------------------------------------- 
	Wer
-------------------------------------------------------------- */
#wer #info .content					{ padding:0;}

#gabriele-wies p					{ padding-right:25px; }
#gabriele-wies .dates				{ padding-right:35px;  }

/* -------------------------------------------------------------- 
	Was
-------------------------------------------------------------- */
#was #teaser .content h1			{ font-size:43px; margin-right:15px;}

#was #info .content					{ padding:0;}
#was #info #switch a				{ background-position:top; background-repeat:no-repeat; display:block; height:49px; width:289px; }
#was #info #switch a:hover			{ background-position:0 -48px;}
#was #info #switch a.selected,
#was #info #switch a.selected:hover	{ background-position:bottom;}
#was #info #switch a span			{ display:none; }

#was #info #switch a.werbng			{ background-image:url(../_images/was-werbung-back.png); }
#was #info #switch a.pr				{ background-image:url(../_images/was-pr-back.png); }
#was #info #switch a.media			{ background-image:url(../_images/was-media-back.png); }
#was #info #switch a.event			{ background-image:url(../_images/was-event-back.png); }

* html #was #info #switch a.werbng	{ background-image:url(../_images/was-werbung-back.gif); }
* html #was #info #switch a.pr		{ background-image:url(../_images/was-pr-back.gif); }
* html #was #info #switch a.media	{ background-image:url(../_images/was-media-back.gif); }
* html #was #info #switch a.event	{ background-image:url(../_images/was-event-back.gif); }
	
/*=====================================================================================*/
/* 	CONTENT
=======================================================================================*/

/* -------------------------------------------------------------- 
	Agentur
-------------------------------------------------------------- */
#agentur #content					{ padding-top:40px; }
#agentur #content .points			{ position:relative; }
#agentur #content .points a			{ background-position:top left;
									background-repeat:no-repeat;
									display:block;
									height:122px;
									margin-left:-105px;
									width:390px; }
#agentur #content .points a:hover	{ background-position:bottom left; }
#agentur #content .points a span	{ display:none; }
#agentur #content #wer a			{ background-image:url(../_images/agentur-wer-back.png) }
#agentur #content #wo a				{ background-image:url(../_images/agentur-wo-back.png) }
#agentur #content #was a			{ background-image:url(../_images/agentur-was-back.png) }

* html #agentur #content #wer a		{ background-image:url(../_images/agentur-wer-back.gif) }
* html #agentur #content #wo a		{ background-image:url(../_images/agentur-wo-back.gif) }
* html #agentur #content #was a		{ background-image:url(../_images/agentur-was-back.gif) }

#agentur #content .points .content	{ display:none; left:-20px; margin:0; padding:0; position:absolute; top:126px; width:495px; z-index:100; }
#agentur #content .points .content span	{ background-color:#FFF; color:#756a62; line-height:19px; padding: 0 15px 0 15px; position:relative; }
#agentur #content .points .content span strong { color:#4c4540; }

* html #agentur #content #wer		{ z-index:116; }
* html #agentur #content #was		{ z-index:114; }
* html #agentur #content #wo		{ z-index:112; }
*+html #agentur #content #wer		{ z-index:116; }
*+html #agentur #content #was		{ z-index:114; }
*+html #agentur #content #wo		{ z-index:112; }

* html #agentur #content .points .content	{ left:80px; }

/* -------------------------------------------------------------- 
	Wer
-------------------------------------------------------------- */
#wer #content						{ background-position:right bottom;
									background-repeat:no-repeat;
									min-height:520px;
									height:auto !important;
									height:520px;}
#wer .loadstaff						{ float:left; position:relative; width:533px; }

#wer #content h2					{ color:#756b62;
									display:block;
									font-size:16px;
									margin-bottom:0;
									padding-bottom:1px;
									text-transform:none;}
#wer #content h3					{ border-bottom:1px dotted #766961;
									color:#9c9791;
									font-size:11px;
									letter-spacing:1.2pt;
									margin-bottom:15px;
									padding-bottom:6px;
									text-transform:uppercase;}
#wer #content h4					{ padding-bottom:5px;}
#wer #content .daten				{ color: #9c9791; padding-bottom:15px; font-size:11px;}
#wer #content .profile				{ padding-right:15px;}
#wer #content p strong				{ color:#000; font-weight:bold;}
#wer #content a.linkbg				{ margin:25px 0 15px 0;}
#wer #content ul					{ padding:2px 0 20px;}
#wer #content ul li					{ list-style:outside disc; font-size:12px; margin-left:15px;}

#wer #content .dates h3				{ margin-bottom: 5px;}



/* -------------------------------------------------------------- 
	Wo
-------------------------------------------------------------- */
#wo #teaser .content h1				{ font-size:45px; margin-right:50px;}
#wo .back							{ background:url(../_images/deutschland-back.png) no-repeat 62px 10px; position:relative; height:560px;}
* html #wo .back					{ background:url(../_images/deutschland-back.gif) no-repeat 62px 10px;}
#wo .content						{ padding-top:0; }
#wo #content						{ padding-top:150px; }
#wo #content .points				{ position:relative; }
#wo #content .points a				{ background-position:top left;
									background-repeat:no-repeat;
									display:block;
									height:87px;
									margin-left:-80px;
									width:530px; }
#wo #content .points a:hover		{ background-position:bottom left; }
#wo #content .points a span			{ display:none; }

#wo #content #stuttgart a			{ background-image:url(../_images/wo-stuttgart-back.png) }
#wo #content #koeln a				{ background-image:url(../_images/wo-koeln-back.png) }
#wo #content #hamburg a				{ background-image:url(../_images/wo-hamburg-back.png) }
#wo #content #berlin a				{ background-image:url(../_images/wo-berlin-back.png) }

* html #wo #content #stuttgart a	{ background-image:url(../_images/wo-stuttgart-back.gif) }
* html #wo #content #koeln a		{ background-image:url(../_images/wo-koeln-back.gif) }
* html #wo #content #hamburg a		{ background-image:url(../_images/wo-hamburg-back.gif) }
* html #wo #content #berlin a		{ background-image:url(../_images/wo-berlin-back.gif) }

#wo #content .points .content		{ display:none; left:-20px; margin:0; padding:0; position:absolute; top:95px; width:500px; z-index:100; }
#wo #content .points .content span	{ background-color:#FFF; color:#756a62; line-height:19px; padding: 0 15px 0 15px; position:relative; z-index:500; }
#wo #content .points .content span strong { background:url(../_images/dotted-arow.gif) no-repeat 0 2px; color:#4c4540; padding-left:13px;}

* html #wo #content .points .content	{ left:65px;}
* html #wo #content #stuttgart		{ z-index:110; }
* html #wo #content #koeln			{ z-index:112; }
* html #wo #content #hamburg		{ z-index:114; }
* html #wo #content #berlin			{ z-index:116; }
*+html #wo #content #stuttgart:hover{ z-index:120; }
*+html #wo #content #koeln:hover	{ z-index:120; }
*+html #wo #content #hamburg		{ z-index:114; }
*+html #wo #content #berlin			{ z-index:116; }

#wo #content #stuttgart .content	{ top:-73px; }
#wo #content #koeln .content		{ top:-98px; }

* html #wo #content #stuttgart .content	{ top:95px; }
* html #wo #content #koeln .content		{ top:95px; }


#wo .icon							{ background-position:top; background-repeat:no-repeat; display:block; height:48px; position:absolute; width:55px;  }
#wo .icon:hover						{ background-position:bottom;}
#wo .icon span						{ display:none; }
#wo #berlin-icon					{ background-image:url(../_images/wo-berlin-icon.png); top:109px; left:302px; }
#wo #hamburg-icon					{ background-image:url(../_images/wo-hamburg-icon.png); top:70px; left:194px; }
#wo #koeln-icon						{ background-image:url(../_images/wo-koeln-icon.png); top:210px; left:112px;  }
#wo #stuttgart-icon					{ background-image:url(../_images/wo-stuttgart-icon.png); top:335px; left:172px;  }

* html #wo #berlin-icon				{ background-image:url(../_images/wo-berlin-icon.gif); }
* html #wo #hamburg-icon			{ background-image:url(../_images/wo-hamburg-icon.gif);}
* html #wo #koeln-icon				{ background-image:url(../_images/wo-koeln-icon.gif); }
* html #wo #stuttgart-icon			{ background-image:url(../_images/wo-stuttgart-icon.gif); }

/* -------------------------------------------------------------- 
	Was
-------------------------------------------------------------- */
#was #content .content				{ width:400px;}
#was #content strong				{ color:#000; font-weight:bold;}
#was