@charset "UTF-8";

*
{
	margin: 0;
	padding: 0;
	outline: none;
	-moz-outline:0;
	resize:none;
}


*:focus
{
	outline: none; 
	-moz-outline:0;
}

ol, ul 
{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}



/* === Main Deklarationen - Layout === */

html { height: 100%; margin-bottom: 1px; }

body
{
	color: white;
	font-family:'JVMUtopiaRegular', 'Georgia' !important;
	font-size: 14px;
	line-height: 22px;
	font-weight: normal;
	background:#1b2719 url('../img/bg/bg_kachel.jpg') repeat center top; 
	background-attachment:fixed; 
}

a img
{
	border-width:0;
}


#wrapper_header
{
	width: 100%;
	height: 31px;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 890;
	clear: both;
}



#wrapper_header.transparent_header
{
	cursor: hand;
}

#wrapper_header.transparent_header .link_main
{
	background-position: 0 0;
}

#wrapper_header.transparent_header #header_logo
{
	background-position: 0 -63px;
}

#wrapper_content
{
	padding-top: 46px;
	margin: 0 auto;
	width: 900px;
	min-height: 550px;
	clear: both;
}

.background_gradient_facts_agencies #wrapper_content
{
	min-height: 700px;
}


/* === Hintergrundverlauf === */

.background_gradient
{
	background-attachment:fixed;
	background-image:url('../img/bg/gradient_1024.jpg');
	background-position:center top;
	background-repeat:no-repeat;
	width:100%; 
	height:100%;
}

.background_gradient_facts_agencies
{
	background:transparent url('../img/bg/karte.png') no-repeat top; 
	 _background-image:none;
	width:100%; 
	height:100%;
}



/* === Navigation === */

#header_logo
{
	background:url('../img/icons/pferd_sprite.png') no-repeat; 
	float:left; 
	height:25px; 
	width:17px; 
	margin-top:3px; 
	cursor: pointer;
	position: relative;
	z-index: 11100;
}

#header_logo:hover
{ 
	background-position: 0 -26px; 
}

#header_logo a
{
	display: block;
	width: 30px;
	height: 40px;
}

#meta_nav_trigger {
	width: 24px;
	height: 18px;
	background: transparent url('../img/navigation/meta_dropdown_sprite.png') no-repeat 0 0;
}

#meta_nav_trigger:hover, .meta_nav_trigger_active {
	background-position: 0 -18px !important;
}

#meta_dropdown {
	position: absolute;
	display: none;
	width: 136px;
	height: 120px;
	background: transparent url('../img/bg/meta_bg.png') no-repeat 0 0;
	margin:17px 0 0 -97px;
	z-index: 11200;
}

.spacer_meta {
	background:transparent url(../img/navigation/metabox_trenner2.gif) no-repeat scroll 0 0;
	height:2px;
	margin-left:0px;
}

#meta_dropdown_frame {
	margin: 9px 0 0 4px;
}

.dropdown_item {
	cursor: pointer !important;
}

#meta_rss
{
	width: 122px;
	height: 24px;
	background: url('../img/navigation/meta_rss_sprite.png') no-repeat 0 0;
}

#meta_contact
{
	width: 122px;
	height: 24px;
	background: url('../img/navigation/meta_contact_sprite.png') no-repeat 0 0;
}

#meta_contact_en
{
	width: 122px;
	height: 24px;
	background: url('../img/navigation/meta_contact_sprite_en.png') no-repeat 0 0;
}

#meta_info
{
	width: 122px;
	height: 24px;
	background: url('../img/navigation/meta_info_sprite.png') no-repeat 0 0;
}

#meta_info_en
{
	width: 122px;
	height: 24px;
	background: url('../img/navigation/meta_info_sprite_en.png') no-repeat 0 0;
}

#meta_legal
{
	width: 122px;
	height: 36px;
	background: url('../img/navigation/meta_legal_sprite.jpg') no-repeat 0 0;
}
#meta_legal_en
{
	width: 122px;
	height: 36px;
	background: url('../img/navigation/meta_legal_sprite_en.jpg') no-repeat 0 0;
}

#meta_sound
{
	width: 122px;
	height: 24px;
}

#meta_sound.enableSound
{
	background: url('../img/navigation/meta_walzan_sprite.jpg') no-repeat 0 0;
}

#meta_sound.disableSound
{
	background: url('../img/navigation/meta_walzaus_sprite.jpg') no-repeat 0 0;
}

#meta_sound_en
{
	width: 122px;
	height: 24px;
}

#meta_sound_en.enableSound
{
	background: url('../img/navigation/meta_walzan_sprite_en.jpg') no-repeat 0 0;
}

#meta_sound_en.disableSound
{
	background: url('../img/navigation/meta_walzaus_sprite_en.jpg') no-repeat 0 0;
}

#meta_english
{
	width: 122px;
	height: 24px;
	background: url('../img/navigation/meta_english_sprite.png') no-repeat 0 0;
}

#meta_deutsch
{
	width: 122px;
	height: 24px;
	background: url('../img/navigation/meta_deutsch_sprite.png') no-repeat 0 0;
}

#meta_rss:hover, #meta_contact:hover, #meta_info:hover, #meta_sound:hover, #meta_english:hover, #meta_deutsch:hover,
#meta_contact_en:hover, #meta_info_en:hover, #meta_sound_en:hover
{ 
	background-position: 0 -24px; 
	cursor: pointer;
}
#meta_legal:hover, #meta_legal_en:hover
{ 
	background-position: 0 -34px; 
	cursor: pointer;
}

#header_metanavigation {float:right; margin:8px 0 0 1020px; position: absolute; z-index: 11100;}

.meta_alt_text 
{ 
	position:absolute; 
	color:#fff; 
	width:250px; 
	text-align:center; 
	background: url('../img/bg/bg_tooltip.png') no-repeat top center;
	padding-top: 3px;
}

/* = MetaNavigation ALT-Text = */
#alt_meta_rss {margin:32px 0 0 678px; display: none; z-index: 1010;}
#alt_meta_contact { margin: 32px 0 0 708px; display: none;  z-index: 1010;}
#alt_meta_info { margin: 32px 0 0 738px; display: none;  z-index: 1010;}
#alt_meta_english, #alt_meta_deutsch { margin: 32px 0 0 765px; display:none; z-index: 1010;}

#alt_meta_rss h4, #alt_meta_contact h4, #alt_meta_info h4, #alt_meta_english h4, #alt_meta_deutsch h4
{
	text-transform: uppercase;
	border: 1px solid #FFFFFF;
	display: inline;
	padding: 2px;
	background-color: #1d291b;
	font-size: 10px !important;
}


#div_meta_navigation {
	clear:both;
	left:50%;
	margin-left:-540px;
	position:fixed;
	z-index: 12000 !important;
}

#navigation ul li a.link_main {
	display : block;
	height: 16px;
}

#navigation
{
	clear:both; 
	width:900px;
	z-index:800; 
	margin: 0 auto;
}

#navigation ul
{
	width: auto;
}
	

#navigation ul li
{
	float:left;
	height:24px;
}

#navigation ul li ul li
{
	width:167px;
}

#navigation ul li a {text-indent:-99999em; display:block; height:21px; background-repeat:no-repeat; background-position:0 -21px;}
#navigation ul li.active a{background-position:0 0;}
#navigation ul li:hover{background-position:0 -42px; cursor: pointer;}
#navigation ul li.active a:hover{background-position:0 0;}
#navigation ul li ul{display:none;}
#navigation ul li.active ul{display:block;}
#navigation ul li#navi_facts a{background-image:url(../img/navigation/facts_sprite.png); width:67px;}
#navigation ul li#navi_cases a{background-image:url(../img/navigation/cases_sprite.png); width:69px;}
#navigation ul li#navi_ideas a{background-image:url(../img/navigation/ideas_sprite.png); width:63px;}
#navigation ul li#navi_jobs a{background-image:url(../img/navigation/jobs_sprite.png); width:55px;}
#navigation ul li#navi_blogs a{background-image:url(../img/navigation/blogs_sprite.png); width:71px;}
#navigation ul li#navi_news{width:63px; float:right;}
#navigation ul li#navi_news a{background-image:url(../img/navigation/news_sprite.png); width:63px;}
#navigation ul li#navi_news.active a{background-position:100% 0;}
#navigation ul li#navi_news a:hover{background-position:100% -42px;}
#navigation ul li#navi_news.active a:hover{background-position:100% 0;}


/* === Sidebar === */
#navigation ul li.active ul {width:214px; position:fixed; top: 67px; left:50%; margin:0 0 0 -450px;/*left:260px;*/ z-index: 810;}
#navigation ul li.active ul li a{height:15px; background-position:0 -15px;}
#navigation ul li.active ul li.active a{background-position:0 0;}
#navigation ul li.active ul li.active a:hover{background-position:0 0;}
#navigation ul li.active ul li a:hover, #navigation ul li.active ul#sidebar li a:active {background-position:0 -30px;}

/* === Facts Sidebar === */

/* == english == */
#navigation ul li.active ul.sidebar_en li#subnavi_credo a{background-image:url(../img/subnavigation/en/creed.gif); width:40px;}
#navigation ul li.active ul.sidebar_en li#subnavi_principles a{background-image:url(../img/subnavigation/en/principles.gif); width:70px;}
#navigation ul li.active ul.sidebar_en li#subnavi_profile a{background-image:url(../img/subnavigation/en/profile.gif); width:49px;}
#navigation ul li.active ul.sidebar_en li#subnavi_agencies a{background-image:url(../img/subnavigation/en/agencies.gif); width:58px;}
#navigation ul li.active ul.sidebar_en li#subnavi_publications a{background-image:url(../img/subnavigation/en/publications.gif); width:85px;}
#navigation ul li.active ul.sidebar_en li#subnavi_press a{background-image:url(../img/subnavigation/en/press.gif); width:89px;}

#navigation ul li.active ul.sidebar_de li#subnavi_credo a{background-image:url(../img/subnavigation/de/credo.gif); width:40px;}
#navigation ul li.active ul.sidebar_de li#subnavi_principles a{background-image:url(../img/subnavigation/de/principles.gif); width:61px;}
#navigation ul li.active ul.sidebar_de li#subnavi_profile a{background-image:url(../img/subnavigation/de/profile.gif); width:42px;}
#navigation ul li.active ul.sidebar_de li#subnavi_agencies a{background-image:url(../img/subnavigation/de/agencies.gif); width:72px;}
#navigation ul li.active ul.sidebar_de li#subnavi_publications a{background-image:url(../img/subnavigation/de/publications.gif); width:93px;}
#navigation ul li.active ul.sidebar_de li#subnavi_press a{background-image:url(../img/subnavigation/de/press.gif); width:81px;} 

/* === Jobs Sidebar === */
#navigation ul li.active ul.sidebar_en li#subnavi_insights a{background-image:url(../img/subnavigation/en/insights.gif); width:60px;}
#navigation ul li.active ul.sidebar_en li#subnavi_offers a{background-image:url(../img/subnavigation/en/offers.gif); width:86px;}
#navigation ul li.active ul.sidebar_en li#subnavi_entry a{background-image:url(../img/subnavigation/en/opportunities.gif); width:158px;}
#navigation ul li.active ul.sidebar_en li#subnavi_tips a{background-image:url(../img/subnavigation/en/hints.gif); width:118px;}
#navigation ul li.active ul.sidebar_en li#subnavi_copytest a{background-image:url(../img/subnavigation/en/copytest.gif); width:118px;}
#navigation ul li.active ul.sidebar_en li#subnavi_plannertest a{background-image:url(../img/subnavigation/en/plannertest.gif); width:118px;}

#navigation ul li.active ul.sidebar_de li#subnavi_insights a{background-image:url(../img/subnavigation/de/insights.gif); width:60px;}
#navigation ul li.active ul.sidebar_de li#subnavi_offers a{background-image:url(../img/subnavigation/de/offers.gif); width:86px;}
#navigation ul li.active ul.sidebar_de li#subnavi_entry a{background-image:url(../img/subnavigation/de/entry.gif); width:158px;}
#navigation ul li.active ul.sidebar_de li#subnavi_tips a{background-image:url(../img/subnavigation/de/tips.gif); width:118px;}
#navigation ul li.active ul.sidebar_de li#subnavi_copytest a{background-image:url(../img/subnavigation/en/copytest.gif); width:118px;}
#navigation ul li.active ul.sidebar_de li#subnavi_plannertest a{background-image:url(../img/subnavigation/en/plannertest.gif); width:118px;}

/* === Sidebar Text === */
#sidebar
{
	width:214px;
	position:fixed;
	top: 65px;
	 left:50%;
	margin:0 0 0 -450px;
	z-index: 810;
}




/* === Content === */
#content { position: relative; left: 214px; width:676px; margin-left: 12px; padding-top: 22px; z-index: 700; }
div.content_low_margin { padding-top: 20px !important; }
h2.h2_low_margin { margin-bottom: 4px; }

.continuous_text_box
{
	width:440px; 
	float:left;
}


.continuous_text_box ul
{
	list-style-type: none;
	list-style-image: url('../img/icons/list_dash.png');
	margin-left: 47px;
}

.continuous_text_box ol
{
	list-style-type: decimal;
	margin-left: 50px;
}

.continuous_text_box_more {margin:3px 0 23px 0;}
.continuous_text_box_less{margin:3px 0 20px 0; display:none; clear: both;}
.continuous_text_rightbox{margin-top:38px; width:220px; float:right; }
.continuous_text_indent p{margin-top:6px; margin-bottom:6px; text-indent:25px;}

.continuous_text_indent .thumbnail
{
	float: left; 
	padding-right: 20px;
	margin-top: 6px;
}

.accordeonHide{display:none;}


/* ====== FACTS ====== */
.facts_credo { Xmargin: 77px 0 0 185px; margin: 50px 0 0 205px; }
.facts_credo_hidden { display:none; }
.facts_principles { margin: 34px 0 0 197px; }
.facts_principles_hidden { display:none; }
.facts_agencies_list{margin-top:67px; position:absolute;}
.facts_agencies_list div ul{margin-top:6px;}
#facts_agencies_generalists{float:left; width:155px;}
#facts_agencies_specialists{float:left;}
#facts_agencies_strategic{clear:both; padding-top: 20px;}
#facts_agencies_dots_object { width: 165px; height: 330px; float: right; margin: 163px 0 0 348px; position: absolute;}
.facts_agencies_dot {width:9px; height:9px; background:url('../img/icons/dot.png') no-repeat 0 0; _background-image:none; cursor:pointer; position:absolute;}
.facts_agencies_dot.active {background-position:0 -9px;}
.publications_split{width:334px; float:left; margin-top:40px; padding-left: 4px;}
.publications_momentum_img { height: 284px; width: 365px; position: absolute;  background:transparent url('../img/static_img/publications_momentum.png') no-repeat; margin-left:-63px;}
#publications_momentum div p{width:280px;}
.publications_sada_img { height: 284px; width: 365px; position: absolute;  background:transparent url('../img/static_img/publications_sada.png') no-repeat; margin: -20px 0 0 -85px;}
#publications_sada div p{width:265px;}
.publications_content{margin-top:225px;}
.publications_content h2{margin-bottom:5px;}
.publications_content_order{margin-top:3px;}
#facts_publications_momentum_en{margin-top:-1px;margin-bottom:33px;}
.facts_table{width:100%; margin:14px 0 0 0;}
.facts_table td{vertical-align:top; padding:0 30px 9px 0;}
.facts_table th{width: 130px; vertical-align:top; padding: 0 20px 0 0; font-size:14px !important; }
#facts_profile_table_wrapper{width:100%; float:left;}
.facts_profile_img { background: url(../img/bg/facts_profile_bg.png) no-repeat; }
.facts_profile_img img { margin: 2px 0 0 2px; }

/* ====== CASES ====== */
.case_box { width:220px; float:left;}
.case_box_height{height:160px;}
.case_box h3{margin-top:2px;}

.case_box p {line-height:20px; margin:0 0 0 2px;}

.case_box object{margin-left:2px;}
.case_box_image{width:220px; height:126px; background:url('../img/bg/shadow_cases.png') no-repeat;}
.case_box_image img{margin:2px 0 0 2px; cursor:pointer;}
.case_box_clear{clear:both;}
.case_box_middle{margin:0 8px;}

/* ====== IDEAS ====== */
.ideas_box_height{height:171px;}

.ideas_filter_checkbox{margin:2px 0;}
.ideas_filter_checkbox label{margin-left:7px;}
#ideas_filter{position:relative;left:-3px;top:23px;}
#ideas_clientlist_label{position:relative;top:23px;}
#ideas_clients_filter{position:relative;left:-3px;top:9px;}

.ideas_filter_img{height:14px;margin:10px 0;cursor:pointer;}
.ideas_filter_img_active{height:14px;margin:10px 0;background-position: 0 -3px !important;}
#filter_all_de:hover, #filter_tv_de:hover, #filter_online_de:hover, #filter_print_de:hover, #filter_identity_de:hover, #filter_ambient_de:hover,
#filter_all_en:hover, #filter_tv_en:hover, #filter_online_en:hover, #filter_print_en:hover, #filter_identity_en:hover, #filter_ambient_en:hover {background-position: 0 -33px;}

#filter_all_de                          {width: 29px;background:url('../img/subnavigation/de/all.gif')    no-repeat 0 -18px;}
#filter_all_en                          {width: 29px;background:url('../img/subnavigation/en/all.gif')    no-repeat 0 -18px;}
#filter_tv_de,#filter_tv_en             {width: 15px;background:url('../img/subnavigation/de/tv.gif')     no-repeat 0 -18px;}
#filter_online_de     					{width: 71px;background:url('../img/subnavigation/de/online.gif') no-repeat 0 -18px;}
#filter_online_en     					{width: 78px;background:url('../img/subnavigation/en/online.gif') no-repeat 0 -18px;}
#filter_print_de,#filter_print_en       {width: 36px;background:url('../img/subnavigation/de/print.gif')  no-repeat 0 -18px;}
#filter_ambient_de,#filter_ambient_en   {width:104px;background:url('../img/subnavigation/de/ambient.gif') no-repeat 0 -18px;}
#filter_identity_de,#filter_identity_en {width:101px;background:url('../img/subnavigation/de/brand.gif')  no-repeat 0 -18px;}

.singleCampaign{width:220px;height:126px;background-position:2px 2px !important;}
.singleCampaignHover{color:#fff;width:200px;height:116px;background-position:1000px 1000px !important;background-color:#536454 !important;padding:5px 10px !important;}
.singleCampaign, .singleCampaignHover{line-height:17px;cursor:pointer !important;background-repeat:no-repeat !important;overflow:hidden;}

/* ====== JOBS ====== */
.jobs_insights_box_image{width:220px; height:126px; background:url('../img/bg/shadow_cases.png') no-repeat;}
.jobs_insights_box_image img{margin:2px 0 0 2px; cursor:pointer;}
.jobs_box_height{height:135px;}
.jobs_heading{margin-top: 4px;}
.jobs_description{line-height: 16px; margin:0; }
.jobs_offers_left{ float: left; width: 340px; }
.jobs_offers_right{ float: left; width: 335px; }
.jobs_offers_form_table{width: 366px; margin:10px 0 0 0;}
.jobs_offers_form_table td{padding: 0; margin: 6px 0 0 0; width: 216px; height:28px; }
.jobs_offers_form_table th{margin: 6px 20px 0 0; width: 153px; height:28px; }
.mandatory_text { margin-top: 8px; color: #536454; font-size: 12px; }
.mandatory_text_invalid { color: #6f922a; margin-top: 10px; font-size: 12px; display: none; }

#jobs_copytest_header {
	margin: 0px 230px 30px 0px;
}
.button_jobs_copytest_de {
	background: transparent url('../img/form_elements/de/copytest_download_btn.png') no-repeat 0 0;
	height: 23px;
	width: 151px;
	cursor: pointer;
	text-decoration: none;
	display: block;
	margin-top: 10px;
}

.button_jobs_copytest_en {
	background: transparent url('../img/form_elements/en/copytest_download_btn.png') no-repeat 0 0;
	height: 23px;
	width: 151px;
	cursor: pointer;
	display: block;
	margin-top: 10px;
}

.button_jobs_copytest_de:hover, .button_jobs_copytest_en:hover {background-position: 0 -23px;}
#jobs_copytest_header div {text-indent: -99999em;}


/* ====== BLOGS ====== */
.blogs_box{float:left; width:334px; margin-bottom:41px;}
.blogs_box_right{margin-left:8px;}
.blogs_box_image{width:334px; height:149px; background:url('../img/bg/shadow_blogs.png') no-repeat;}
.blogs_box_image img{margin:2px 0 0 2px;}
.blogs_box_clear{clear:both;}
.blogs_box span{margin:2px 0 0 1px;}
.blogs_box object{margin-left:2px;}

/* ====== NEWS ====== */
.news_box_image{width:220px; height:126px; background:url('../img/bg/shadow_cases.png') no-repeat;}
.news_box_image img{margin:2px 0 0 2px; cursor:pointer;}


/* === GAESTEBLOG === */

.gaesteblog_reklamation_img_de 
{ 
	height: 284px; 
	width: 365px; 
	position: absolute;  
	background:transparent url('../img/static_img/reklamationsabteilung_de.png') no-repeat; 
	margin-top: -35px;
	margin-left:-63px;
}

.gaesteblog_gratulation_img_de 
{ 
	height: 284px; 
	width: 365px; 
	position: absolute;  
	background:transparent url('../img/static_img/gratulationsabteilung_de.png') no-repeat; 
	margin: -25px 0 0 -85px;
}


.gaesteblog_reklamation_img_en 
{ 
	height: 284px; 
	width: 365px; 
	position: absolute;  
	background:transparent url('../img/static_img/reklamationsabteilung_en.png') no-repeat; 
	margin-top: -35px;
	margin-left:-63px;
}

.gaesteblog_gratulation_img_en 
{ 
	height: 284px; 
	width: 365px; 
	position: absolute;  
	background:transparent url('../img/static_img/gratulationsabteilung_en.png') no-repeat; 
	margin: -25px 0 0 -85px;
}


#guestblog_reklamation  p {width:280px;}
#guestblog_gratulation  p {width:265px;}


/* === Layer with Illustrations === */

#illu
{
	position:fixed;
	top:100%;
	left:0;
	width:1px;
	height:1px;
	z-index: 11000;
}

#illu.show
{
	top:0; 
	left:0; 
	width:100%; 
	height:1%;
}

/* === Uni === */

.box_uni {margin: 12px 0px 50px 0px;}