@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}
#autowrapper {width: auto; padding: 0 15px 15px 15px; display: block; height: auto}
#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, .article ol {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 ol li {margin: 0 20px 5px 20px; list-style-type: decimal; list-style-position: outside} 


.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, div#home_b a {color: #cfac50}
.article .column_full a:hover, .article .column_a a:hover, .article .column_b a:hover, .article a:hover, div#home_b a:hover {color: #B69232}
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 .column_b form.shopper {overflow: hidden; display: block; width: 100%; padding: 0 0 15px 0}
.article h3, .home_b h3, .highlight h3, #mag_block_c 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}
#mag_block_c h3 {margin: 0 0 5px 0}
.article .column_a blockquote, div.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, div.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 {width: 100%; overflow: hidden; clear: both}
.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 {position: relative; padding: 0 0 20px 0; margin: 0 0 20px 0}
.article div.pressimagewrapper img {float: left}
.article div.pressimagewrapper p {width: 370px; float: right !important; clear: none; 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: 220px; 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: -4000px; 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}

/* Audioguide */
.audioguidepieces {width: 676px; overflow: hidden; margin-left: -29px}
.audioguidepiece {position: relative; width: 200px; height: 200px; float: left; margin: 0 0 20px 23px; overflow: hidden;}
.audioguidepiece h3 {display: block; width: 100%; position: absolute; bottom: 3px; text-align: center; background: #fff; font: normal 11px Arial, Helvetica, sans-serif; border: 0; padding: 2px 3px}
.audioguidepiece a {display: block; overflow: hidden; width: 200px; height: 200px; position: absolute; left: 0; top: 0}
.audioguide, .audioguide p, .audioguideplayer {text-align: center !important; position: relative}
.audioguide #social_box {position: absolute; left: 294px; bottom: 5px}

/* Shop */
#radioplayer_swf {margin: 20px 0}
#shop {float: left; padding: 0 0 300px 0}
#shop h2, #home_x0 h2, #home_x1 h2, #home_b h2, #home_c h2, .magazin h2.noimg, #home_d h2 {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}
#shop h2 span, #home_x0 h2 span, #home_x1 h2 span, #home_b h2 span, #home_c h2 span, #home_d 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: 310px; 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: 765px; height: 436px; background: #222; overflow: hidden}
div#home_a960 {width: 960px; height: 400px; overflow: hidden; position: relative; clear: both}
div#home_a #slider960 {position: absolute; left: 0; top: 0; width: 960px; height: 400px; background: #222; overflow: hidden}

div#service_panel {position: absolute; top: -5px /* the h2s need 5px topmargin */; right: 0; width: 181px; height: 441px /* 436px + negative indent */; overflow: hidden}
div#service_panel div.article {line-height: 130%}
div#service_panel h2 {cursor: pointer; margin: 5px 0 4px 0}
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 6px 0}
div#service_panel .article {height: 100px; overflow:hidden}
div.highlight {width: 150px; height: auto; overflow: hidden; display: inline; float: left; margin: 0 12px 0 0}
div.highlight_shrink {width: 180px !important}


div#service_panel ul {padding: 0 0 0 15px}
div#service_panel a {color: #cfac50}


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

/* 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}
h3.h3_facebook {padding-left: 22px !important; background: transparent url(i/social/facebook.png) 0 0 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: 240px; margin: 0 0 5px 0; overflow: hidden; position: relative; clear: both}

div#home_b .article {line-height: 150%}
div#home_b .even {margin: 0 22px 0 0}

div#mag_block_tweets, div#mag_block_468, 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_468 div#facebooks 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 {width: 220px; height: 420px; float: right; overflow: visible}
div#mag_block_c #items, div#mag_block_468 #itemsx {height: 453px; overflow-y: scroll}
div#mag_block_468 #itemsx {padding: 0 10px 0 0}
div#mag_block_468 {width: 468px; float: left}
div#mag_block_468 iframe {height: 124px !important}
div#mag_block_468 #itemsx p.tweet {width: 100%; float: left; display: inline-block; overflow: hidden; clear: both}

#facebooks {margin-bottom: 15px}
#facebooks img {display: block; float: none; margin: 7px 0 7px 0; clear: both}

/* 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;}

/* Socialmedia bar */
ul#sm-bar {width: 960px; height: 84px; display: block; position: relative; float: left; overflow: hidden; margin: 0 0 30px 0}
ul#sm-bar li {height: 42px; width: 180px; position: absolute}
ul#sm-bar li.toprow {top: 0}
ul#sm-bar li.bottomrow {bottom: 0}
ul#sm-bar li a {background-image: url(i/sm-bar.png); display: block; height: 42px; width: 180px; text-indent: -4000px; overflow: hidden}
	
	li#smfacebook, li#smapple {left: 0}
	li#smtwitter, li#smbuzz {left: 194px}
	li#smyoutube, li#smvimeo {left: 389px}
	li#smblog, li#smposterous {left: 584px}
	li#smflickr, li#smissuu {left: 779px}
	
	li#smfacebook a {background-position: 0 0}
	li#smtwitter a {background-position: -194px 0}
	li#smyoutube a {background-position: -389px 0}
	li#smblog a {background-position: -584px 0}
	li#smflickr a {background-position: -779px 0}
	li#smapple a {background-position:  0 -42px}
	li#smbuzz a {background-position: -194px -42px}
	li#smvimeo a {background-position: -389px -42px}
	li#smposterous a {background-position: -584px -42px}
	li#smissuu a {background-position: -779px -42px}

/* /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: 10px 0 10px 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 16px Georgia, "Times New Roman", Times, serif; margin-top: 3px}

.exhibtion h2.video {width: 960px; overflow: hidden; position: relative; left: 0; 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 h2.video span, .exhibtion h2.video em {display: block; width: 930px; padding: 0 30px 0 0}
.exhibtion h2.video 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}
.alertboxtypo {font: normal 12px Arial, Helvetica, sans-serif !important; line-height: 120%; margin: 0 0 15px 0}
.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}
div#overlay {position: absolute; left: 20px; top: 10px; width: 996px; height: 746px; background: transparent url(i/addons/der_Styleclicker_kommt.png) top left no-repeat; z-index: 9999}
div#overlay a#off {display: block; background: 0; position: absolute; left: 852px; top: 352px; width: 32px; height: 32px; overflow: hidden; text-indent: -3000px}
div#overlay a#go {display: block; background: 0; position: absolute; left: 325px; top: 320px; width: 514px; height: 240px; overflow: hidden; text-indent: -3000px}

a#facebook-star {display: block; position: absolute; width: 98px; height: 98px; background: transparent url(i/facebook-star.png) 50% 50% no-repeat; text-indent: -3000px; left: 935px; top: -20px}

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}

li#visually_impaired {display: block; position: absolute; top: 14px; right: 22px; width: 22px; height: 22px}
li#visually_impaired a {display: block; background: transparent url(i/icon_visually_impaired.png) 50% 50% no-repeat; width: 22px; height: 22px; text-indent: -4000px}

a.orange_lg {color: #FF5900 !important; font: italic normal 18px Georgia, "Times New Roman", Times, serif;}
a.orange_lg:hover {color: #D74B00 !important}
body.orange {background: #FF5900; color: #fff}
body.orange p {color: #fff !important}

/* Search */
#search_box_home {display: block; width: 198px; height: 30px; position: absolute; top: 5px; right: 0}
#search_box_home #query {position: absolute; top: 0; left: 0; width: 163px; border: 1px solid #ccc; font: normal 13px Arial, Helvetica, sans-serif; color: #333; padding: 2px 4px; margin: 0; background: #fff; vertical-align: middle; display: inline-block; float: left}
#search_box_home #query:focus {background: #E3FFB9}
#search_box_home #searchbutton {position: absolute; top: 0; right: 0; display: block; display: inline-block; float: left; width: 20px; margin: 0 0 0 5px; height: 20px; background: #fff url(i/icon_search.png) 50% 50% no-repeat; border: 0; cursor: pointer}

/* Search Inner */
#queryform {position: relative; margin: 0 0 20px 0}
#query {border: 1px solid #ccc; width: 88%; padding: 12px; font: normal 20px Arial, Helvetica, sans-serif}
#query:focus {background: #E3FFB9}
#querysubmit {position: absolute; right: 0; top: 0; width: 50px; height: 45px; border: 0; background: transparent url(i/magnifying_lg.png) 50% 50% no-repeat; overflow: hidden; text-indent: -2000px}
div#other_pages a {background: #EFE4C7; display: inline-block; text-align:center; padding: 1px 7px; text-decoration: none; color: #222}
div#other_pages strong {background: #cfac50; display: inline-block; text-align:center; padding: 1px 7px; text-decoration: none; color: #fff}
div#other_pages a:hover {background: #cfac50; color: #fff}
div.url {font: normal 11px Arial, Helvetica, sans-serif; color:  #666}