@charset "utf-8";
@import url(reset.css);
@import url(superfish.css);
/*@import url(inc_fontface.css);*/
/*@import url(svwp_style.css);*/
@import url(colorbox.css);
/* brown gold: #cfac50 */

body {padding: 30px 0 0 0; background: #fff /*url(i/beta.png) top left no-repeat *//*url(i/body.png) top left repeat-x*/}
body.default {}

h1 {background: transparent url(i/NRW-Forum_Duesseldorf.png) top left no-repeat; width: 960px; height: 26px; overflow: hidden}
h1 a {display: block; width: 960px; height: 26px; overflow: hidden; text-indent: -4000px}
h2, h2 a {/*font-size: 22px; color: #cfac50; text-decoration: none; */text-transform: uppercase}
/*
h2 em {display: block; color: #393939; font-style: normal; font-size: 18px; padding: 3px 0 0 0}
h2 {margin: 0 0 10px 0; border-bottom: 2px solid #000; padding: 0 0 8px 0}
*/
h3 {}

dl {display: block; margin-bottom: 15px/* Verwendung in Shopforms*/}

#wrapper {width: 960px; margin: 20px auto 20px auto; display: block; height: auto; padding: 0 0 0 0}
#innerwrapper {width: 100%; float: left; position: relative}
#menuwrapper {position: relative; float: left; z-index: 99 !important; display: block}

/* Main Navigation */
/* see SFish */
/* / Main Navigation */

.sitemap {display: none; width: 100%; float: left; line-height: 100%}
.sitemap li ul li {font: normal 11px Georgia, "Times New Roman", Times, serif; line-height: 110%; text-transform: none}
.sitemap li.top {font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 16px; text-transform: uppercase; display: block; width: 190px; float: left; margin: 4px 0 20px 0}

ul#inner_sitemap a {text-decoration: none}


#subcontent {width: 960px; z-index: 0}

#categoryinfos {background: #B1F1F1; padding: 10px}

#stage {float: left; width: 100%; overflow: hidden; height: auto; position: relative; margin: 0 0 10px 0; background: #222; z-index: 0}
#stage a#galleryinit {display: block; overflow: hidden; text-indent: -4000px; position: absolute; right: 10px; top: 10px; width: 175px; height: 24px; background: transparent url(i/init_gallery.png) 50% 50%}
#stage a#galleryinit_en {display: block; overflow: hidden; text-indent: -4000px; position: absolute; right: 10px; top: 10px; width: 175px; height: 24px; background: transparent url(i/init_gallery_en.png) 50% 50%}

.article {width: 100%; position: relative; float: left}
.article, .articletypo, #categoryinfos {font: normal 13px Georgia, "Times New Roman", Times, serif; line-height: 170%; color: #393939}
.article p {margin: 0 0 15px 0}
.article em {font-style: italic}
.article small, #categoryinfos small {display: block; font-size: 10px; color: #393939}
.article .column_b small {font-family: Arial, Helvetica, sans-serif; line-height: 120%}
.article strong {font-weight: bold}
.article ul {margin: 0 0 15px 0}
.article ul li {padding: 0 20px 0 15px; margin: 0 0 5px 0; background: transparent url(i/bullet_cfac50.png) 0 6px no-repeat} 


.article #metainfos4 strong {color: #cfac50}

.article .column_a, .article .column_b, .article .column_full {margin: 10px 0 0 0; padding: 0 0 10px 0}
.article .column_full {width: 100%; float: left; clear: both}
.article .column_a {width: 650px; float: left; overflow: hidden; padding-bottom: 100px}
.article .column_full a, .article .column_a a, .article .column_b a, .article a {color: #cfac50}
a.passive {text-decoration: none !important}
.article .column_full a:hover, .article .column_a a:hover, .article a:hover {color: #000}
.article .column_b {width: 270px; float: right; position: relative}
.article h3, .home_b h3, .highlight h3 {color: #000; font: bold 12px Georgia, "Times New Roman", Times, serif; font-style: normal; text-transform: uppercase; border-bottom: 2px solid #000; padding: 0 0 5px 0; margin: 0 0 7px 0}
.article .column_a blockquote {text-align: center; font: italic normal 18px Georgia, "Times New Roman", Times, serif; padding: 20px 50px 0 50px; color: #000; background: transparent url(i/border_1px_gradient_grey.png) 50% 0 no-repeat}
.article .column_a blockquote p {background: transparent url(i/border_1px_gradient_grey.png) 50% bottom no-repeat; padding-bottom: 20px}
.article small.articleImageTitle, .article small.imagetitle {text-align: right; background: none; color: #333}
.article small.imagetitle {display: block; width: 960px; height: auto; position: absolute; bottom: 0; left: 0; line-height: 100%; background: #000; color: #999; font: normal 10px Arial, Helvetica, sans-serif !important; text-align: right}
.article small.imagetitle em {margin: 3px 7px 3px 0; float: right}
.article .column_a p img, .article .column_a p span.img {display: inline; width: auto; float: left; border-right: 15px solid #fff; border-bottom: 15px solid #fff}
.article .column_a p span.img img {clear: right}
.article .column_a p span.img small {font: normal 10px Arial, Helvetica, sans-serif; line-height: 120%}
.article .column_a ul li a {color: #222}.article .column_a ul li a:hover {color: #000}
.article div.pressimagewrapper {width: 100%; float: left; position: relative; padding: 0 0 20px 0; margin: 0 0 20px 0}
.article div.pressimagewrapper img {float: left}
.article div.pressimagewrapper p {display: block; width: 370px; float: right; margin: 0 0 0 0}

img.artistportrait {float: left; margin: 0 10px 10px 0}
div#web_services {width: 300px; display: block; position: absolute; top: 0; right: 0; padding: 4px 0; text-align: right !important}
div#web_services ul {position: absolute; right: 5px; top: 5px; width: 300px; display: block}
div#web_services ul li {display: block; list-style-type: none; float: left; margin: 0 0 0 0}
div#web_services ul li a.addthis_button {margin: 0 0 0 5px}

/* Socials */
a#social_buzz, a#social_flickr, a#social_twitter, a#social_facebook, a#social_vimeo, a#social_wordpress, a#social_rss, div#intl_pages a.flag {width: 16px; height: 18px; overflow: hidden; text-indent: 2000px; display: block; float: left; margin: 0 5px 0 0}
a#social_buzz {background: transparent url(i/social/googlebuzz.png) 50% 2px no-repeat}
a#social_rss {background: transparent url(i/social/feed.png) 50% 2px no-repeat}
a#social_flickr {background: transparent url(i/social/flickr.png) 50% 2px no-repeat}
a#social_twitter {background: transparent url(i/social/twitter.png) 50% 2px no-repeat}
a#social_facebook {background: transparent url(i/social/facebook.png) 50% 2px no-repeat}
a#social_vimeo {background: transparent url(i/social/vimeo.png) 50% 2px no-repeat}
a#social_wordpress {background: transparent url(i/social/wordpress.png) 50% 2px no-repeat}
span.info {text-align: left; font: normal 11px Arial, Helvetica, sans-serif; display: block; width: 160px; height: 58px; overflow: hidden; position: absolute; top: 26px; right: 4px; padding: 0 8px 0 60px; color: #000; display: none}
span.info em {float: left; padding-top: 4px}
span#social_buzz_info {background: transparent url(i/social/googlebuzz_48x48.png) 4px 50% no-repeat}
span#social_rss_info {background: transparent url(i/social/feed_48x48.png) 4px 50% no-repeat}
span#social_flickr_info {background: transparent url(i/social/flickr_48x48.png) 4px 50% no-repeat}
span#social_twitter_info {background: transparent url(i/social/twitter_48x48.png) 4px 50% no-repeat}
span#social_facebook_info {background: transparent url(i/social/facebook_48x48.png) 4px 50% no-repeat}
span#social_vimeo_info {background: transparent url(i/social/vimeo_48x48.png) 4px 50% no-repeat} 
span#social_wordpress_info {background: transparent url(i/social/wordpress_48x48.png) 4px 50% no-repeat} 

/* Flags */
div#intl_pages {position: absolute; top: 3px; left: 5px; display: block; height: 20px; width: 130px}
div#intl_pages ul li {float: left; display: inline}
a#lg_en {background: transparent url(i/flags/gb.png) 50% 50% no-repeat}
a#lg_es {background: transparent url(i/flags/es.png) 50% 50% no-repeat}
a#lg_fr {background: transparent url(i/flags/fr.png) 50% 50% no-repeat}
a#lg_it {background: transparent url(i/flags/it.png) 50% 50% no-repeat}
a#lg_nl {background: transparent url(i/flags/nl.png) 50% 50% no-repeat}
a#lg_jp {background: transparent url(i/flags/jp.png) 50% 50% no-repeat}

h3.english {background: transparent url(i/flags/gb.png) 0 2px no-repeat; padding-left: 20px}


span.en {color: #666 !important}


/* Table: Eintrittspreise */
table {}
table th {font-weight: bold; padding: 10px 0 5px 0; border-bottom: 1px solid #000}
table td {padding: 5px 0 5px 0; border-bottom: 1px dotted #ccc}


/* Shop */
#radioplayer_swf {margin: 20px 0}
#shop {float: left; padding: 0 0 300px 0}
#shop h2, #home_x1 h2, #home_b h2, #home_c h2, .magazin h2.noimg {border: 0; background: #222 url(i/cfac50_100percent_h3.png) top left no-repeat; color: #fff; padding: 0; margin: 0 0 18px 0; font-size: 23px; height: 26px; width: 960px; float: left; position: relative; overflow: hidden; clear: both}
#shop h2 span, #home_x1 h2 span, #home_b h2 span, #home_c h2 span, .magazin h2.noimg span {display: block; position: absolute; top: 3px; left: 18px; padding: 0; margin: 0}
#shop em.sale {background: #FFFF35}
#shop .articleshopbox {display: block; position: relative; width: 470px; height: 280px; float: left}
#shop .articleshopbox p, #shop .articleshopbox form {display: inline-block; width: 300px; float: left; margin: 0 0 0 160px}
#shop .articleshopboxlist {margin-top: 15px}
#shop .articleshopbox h3, #shop .articleshopboxlist h3 {border-bottom: 2px solid #cfac50}

#shop .articleshopboxlist_column_a {width: 470px}
#shop .articleshopboxlist_column_a, #shop .articleshopboxlist_column_b, #shop .articleshopboxlist_column_c {float: left}
#shop .articleshopboxlist_column_b {width: 150px; padding: 0 0 0 25px}
#shop .articleshopboxlist_column_c {width: 80px; padding: 0 0 0 25px}

#shop .articleshopboxlist_column_d {position: absolute; right: 0; top: 30px}


#shop #stage #shopArticleInfos {width: 260px; position: absolute; right: 10px; top: 20px; color: #fff}
form.shopper {padding: 5px 0 0 0/* wraps add-to-cart function nicely */}

#shop a.videoprev {display: block; padding: 2px 0 2px 18px; background: #fff url(i/icon_video.png) 0 50% no-repeat; text-decoration: none}
#shop a.audioprev {display: block; padding: 2px 0 2px 18px; background: #fff url(i/icon_audio.png) 0 50% no-repeat; text-decoration: none}
#shop ul.thumb {}
#shop ul.thumb li {margin: 0; padding: 5px; float: left; position: relative;  /* Set the absolute positioning base coordinate */ width: 150px; /*height: 110px;*/}
#shop ul.thumb li img {width: 150px;/* height: 100px; *//* Set the small thumbnail size */-ms-interpolation-mode: bicubic; /* IE Fix for Bicubic Scaling */ position: absolute; left: 0; top: 0}
#shop ul.thumb li img.hover {border: 0; padding: 3px; background: #fff}

label {font: normal 11px Arial, Helvetica, sans-serif; color: #666}

span.pay_amex, span.pay_mastercard, span.pay_visa {padding: 2px 0 2px 36px}
span.pay_amex {background: transparent url(i/pay_amex.png) 0 50% no-repeat}
span.pay_mastercard {background: transparent url(i/pay_mastercard.png) 0 50% no-repeat}
span.pay_visa {background: transparent url(i/pay_visa.png) 0 50% no-repeat}

/* Home */
div#home_a {width: 960px; height: 436px; overflow: hidden; position: relative; clear: both}
div#home_a #slider {position: absolute; left: 0; top: 0; width: 714px; height: 436px; background: #222; overflow: hidden}

div#service_panel {position: absolute; top: -5px /* the h2s need 5px topmargin */; right: 0; width: 220px; height: 441px /* 436px + negative indent */; overflow: hidden}
div#service_panel div.article {line-height: 150%}
div#service_panel h2 {cursor: pointer; margin-top: 5px}
div#service_panel h2 em {cursor: pointer; color: #000; font: bold 12px Georgia, "Times New Roman", Times, serif; font-style: normal; text-transform: uppercase; border: 0}
div#service_panel h2 em {display: block; border-bottom: 2px solid #000; padding: 0 0 2px 0 !important; margin: 0 0 4px 0}
div#service_panel .article {height: 109px; overflow:hidden}
div.highlight {width: 150px; height: auto; overflow: hidden; display: inline; float: left; margin: 0 12px 0 0}


div#service_panel h3 {/*font-size: 14px*/}
div#service_panel ul {/* margin-top: 5px; background: #fff url(i/bullet_cfac50.png) 0 4px no-repeat; */ padding: 0 0 0 15px}
div#service_panel a {color: #cfac50}


div#home_x1 {width: 100%; float: left; clear:both; display: block; height: auto; margin: 25px 0 0 0; position: relative; clear: both}

/* Magazin */
div#home_b {width: 100%; float: left; clear:both; display: block; height: auto; margin: 25px 0 25px 0; position: relative; clear: both}
h3.h3_twitter {padding-left: 34px; background: transparent url(i/h3_twitter.png) 0 50% no-repeat}
div#home_b h3 a {color: #000; text-decoration: none}
div#home_b h3 a:hover {color: #cfac50; text-decoration: none}
div#home_c {width: 100%; height: 400px; margin: 0 0 5px 0; overflow: hidden; position: relative; clear: both}

div#home_b h2, div#home_c h2 {/*display: block; width: 100%; background: #cfac50; color: #fff; padding: 2px 0 2px 5px; text-transform: uppercase; border: 0; margin: 0 0 15px 0*/}
div#home_b h3 {/*display: block; width: 100%; font: normal 13px Arial, Helvetica, sans-serif; color: #393939; padding: 2px 0 2px 2px; text-transform: uppercase; border-bottom: 2px solid #000; margin: 0 0 5px 0*/}
div#home_b a {color: #cfac50}
div#home_b .article {line-height: 150%}
div#home_b .even {margin: 0 22px 0 0}

div#mag_block_tweets, div#mag_block_tweets_top, div#mag_block_a, div#mag_block_b, div#mag_block_c {display: inline-block}
div#mag_block_tweets {width: 223px; float: left; margin: 0 22px 0 0}
div#mag_block_tweets_top {width: 293px; position: absolute; right: 0; top: 0}
div#mag_block_tweets div#tweets p, div#mag_block_tweets_top div#tweets2 p {margin-bottom: 5px !important}
div#mag_block_tweets div#tweets small, div#mag_block_tweets_top div#tweets2 small {font: normal 8px Arial, Helvetica, sans-serif; color: #999}
div#mag_block_a {width: 468px; margin: 0 22px 0 0; float: left}
div#mag_block_a_small {width: 223px; float: left;  margin: 0 22px 0 0}
div#mag_block_b {width: 223px; float: left}
div#mag_block_c {display: block !important; width: 240px; height: 380px; float: right}

/* fan box */
div.fan_box .connections {font-size: 6px !important}

div#home_b div.mode01, div#home_b div.mode02, div#home_b div.mode03, div#home_b div.mode04 {width: 223px; float: left; height: auto; overflow: hidden; margin-bottom: 10px}
div#home_b div.mode01 img {display: inline; float: left; margin: 4px 6px 0 0}
div#home_b div.mode02 img {display: inline; float: left; margin: 4px 0 0 0}
div#home_b div.mode03 img {display: inline; float: right; margin: 4px 0 0 4px}
div#home_b div.mode04 img {margin-bottom: 6px}
div#home_b p {padding: 2px 0 2px 2px}
div#home_b blockquote {display: block; font: normal 16px Arial, Helvetica, sans-serif; color: #393939; padding: 2px 0 2px 2px; text-transform: uppercase;}
/* /Home */

/* Exhibition */
/*.exhibtion #stage em {position: absolute; right: 5px; top: 5px; background: transparent url(i/arrow_top_right_white_15x15.png) top right no-repeat}*/
.exhibtion #stage h2 {width: 960px; overflow: hidden; position: absolute; left: 0; bottom: 30px; border: 0; color: #fff; background: transparent url(i/cfac50_80percent.png) top left repeat; text-align: right; font-size: 40px; margin: 0; padding: 20px 0 20px 0}
.exhibtion #stage h2 span, .exhibtion #stage h2 em {display: block; width: 930px; padding: 0 30px 0 0}
.exhibtion #stage h2 em {display: block; color: #fff; text-transform: none; font: italic normal 20px Georgia, "Times New Roman", Times, serif; margin-top: 3px}

/*h2 em {display: block; color: #393939; font-style: normal; font-size: 18px; padding: 3px 0 0 0}*/
/*h2 {margin: 0 0 10px 0; border-bottom: 2px solid #000; padding: 0 0 8px 0}*/

/* /Exhibition */

/* History */
div#history {float: left; width: 100%; clear: both}
div#history h2 {padding: 10px 0 0 60px; border-top: 1px dotted #000; border-bottom: 0; margin: 0 0 0 0; font-family: Georgia, "Times New Roman", Times, serif; font-size: 22px; color: #cfac50; text-decoration: none}
div#history h2 em {display: block; color: #393939; font-style: normal; font-size: 18px; padding: 3px 0 10px 0}
div#history div.infopanel {padding: 7px 0 0 0}
div#history div.infopanel p {margin: 0; padding: 0}
#history .pressreference {font: normal 9px Arial, Helvetica, sans-serif; color: #666}
/* / History */

/* Lightbox */
body.lightbox {background: #fff; padding: 0 0 0 0}
body.lightbox div.article table td {vertical-align: top; padding: 7px 5px 7px 0}
body.lightbox div.article table td.colC {text-align: right}
body.lightbox a {color: #cfac50}
body.lightbox form {margin-top: 7px}
.downloadbasket {position: absolute; right: 0; top: 0; z-index: 1}
.lightbox_frame {width: 270px; height: 1400px}
/* / Lightbox */

/* Newsroom */
.newsroom_prewrap img {float: left}
.newsroom_prewrap ul {float: right; width: 370px}
#socialconnect a {display: block; clear: both; width: 100%; padding: 3px 0 3px 24px}
#socialconnect a.wordpress {background: url(i/social/wordpress.png) 0 50% no-repeat}
#socialconnect a.posterous {background: url(i/social/posterous.png) 0 50% no-repeat}
#socialconnect a.facebook {background: url(i/social/facebook.png) 0 50% no-repeat}
#socialconnect a.twitter {background: url(i/social/twitter.png) 0 50% no-repeat}
#socialconnect a.flickr {background: url(i/social/flickr.png) 0 50% no-repeat}
#socialconnect a.youtube {background: url(i/social/youtube.png) 0 50% no-repeat}
#socialconnect a.vimeo {background: url(i/social/vimeo.png) 0 50% no-repeat}

/* / Newsroom */


/* Googlemap */
#ifgmap {width: 100%; height: 400px; overflow: hidden}
iframe#alerts {border: 0}
/* / Googlemap */

/* Shop */
table#cartlist {width: 100%}
table#cartlist td {vertical-align: top}
table#cartlist th {font: bold 12px Georgia, "Times New Roman", Times, serif; font-style: italic; text-transform: uppercase; border-bottom: 2px solid #000; padding: 0 0 3px 0}

	/* Warenkorb */
	form#shopcontinueorder, form#shopcontinueshopping {position: absolute; top: 0; width: 200px; height: 50px}
	form#shopcontinueorder {right: 0; text-align: right}
	form#shopcontinueshopping {left: 0}

/* / Shop */
.alertboximp {background: #ff0; color: #333; padding: 4px; display: block}
.alertboximp a {color: #000 !important}

.alertbox {background: #DCF5F8; color: #333; padding: 4px; display: block}
.alertbox a {color: #000 !important}


#pA0 {float: left}
#inputForm label, #inputForm input.radio, #ajax_inputForm label, #ajax_inputForm input.radio {display: block; float: left}
#inputForm input.radio, #ajax_inputForm input.radio {margin: 0 5px 0 0}
.inputfield, textarea, .inputfieldnarrow {width: 340px; font: normal 13px Arial, Helvetica, sans-serif; color: #222; padding: 2px; border: 1px solid #ccc; margin: 2px 0 12px 0}
.inputfieldnarrow {width: 50px}


#inputForm dt, #inputForm dd, #ajax_inputForm dt, #ajax_inputForm dd {width: 100%; clear: both}

#newslettertoggler {}


#footer {font: normal 11px Arial, Helvetica, sans-serif; display: block; float: left; width: 100%; height: auto; background: #000; color: #fff; clear: both}
#footer h2 {font: normal 11px Arial, Helvetica, sans-serif; font-weight: bold; margin: 0 0 3px 0}
#footer a {color: #cfac50}
#footer a:focus, #footer a:hover {color: #fff}
#footer_content {width: 960px; margin: 20px auto 20px auto}
#footer_row_a {display: block; float: left; width: 100%; clear: both; padding: 10px 0 10px}
#footer_row_b {display: block; float: left;  width: 100%; clear: both; padding: 10px 0 10px}
#footer_column_a {float: left; width: 200px}
#footer_column_b, #footer_column_d {float: left; width: 220px}
#footer_column_c {float: left; width: 280px}
#footer_column_d {padding-left: 20px}
#copyright {display: block; float: left; width: 100%; clear: both; padding: 10px 0 10px; text-align: left}
#footer_row_b ul li {display: inline; padding: 0 5px 0 0}

/* helpers */
.row, .row_short {position: relative; display: block; float: left; width: 100%; clear: both}
.row {margin: 0 0 15px 0}
.row_short {margin: 0 0 10px 0}

.fll {float: left}
.nb {border: 0 !important}
.nbg {background: 0 !important}
.nm /* no margins */{margin: 0!important}
.hide {display: none}
.show {display: block}
td.trseperator {border: 0 !important}
.formhighlight_positive {background: #E3FFB9}
label.yes {color: #060} /* used in Newsletter Registration */
label.no {color: #C00} /* used in Newsletter Registration */

/* Innerfade */
#slider {background: #222; position: absolute; z-index: 0}
/*#slider span {background: #222; position: absolute; z-index: 0}*/

/* Specials */
.magazinetable table {width: 100%}
.magazinetable p {margin: 10px 0 20px 0}

a#ndm10tv01, a#ndm10tv02 {width: 310px; height: 53px; display: block; float: left}
a#ndm10tv01 {margin: 20px 20px 0 0; background: #fff url(ndm2010_tv01.png) top left no-repeat}
a#ndm10tv02 {margin: 20px 0 0 0; background: #fff url(ndm2010_tv02.png) top left no-repeat}

.rating_holder {}