@charset "utf-8";
@import url(03textstyle.css);
@import url(02jrstyle.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/mkp_indexbutton.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*/}

div#ecoart {
width: 740px; 
height: auto; 
overflow: hidden; 
position: relative; 
clear: both
font: normal 13px Arial, Helvetica, sans-serif; color: #333; 
padding: 0; 
margin: 0; 
border: 0; 
background: #fff; 
display:block;
display: inline-block; 
float: left;
line-height: 1.5;
text-decoration: none ;

}

}
div#ecoart a {color: #9acd32}
div#ecoart hover {color: #9acd32}
div#ecoart alink {color: #9acd32}


div#ecoart h2 {
font-family:Arial;
font-size: 1.4em;
margin: 0;
border-bottom: 0px solid #000000;
margin-bottom: 0px;
color: #9acd32;}


div#ecoart h3 {
font-family:Arial;
font-size: 2.2em;
margin: 0;
border-bottom: 1px solid #000000;
margin-bottom: 5px;

color: #000;}

div#ecoart h4 {
font-family:Arial;
font-size: 2.2em;
margin: 0;
border-bottom: 1px solid #000000;
margin-bottom: 5px;
color: #9acd32;}

div#ecoart h5 {
font-family:Arial;
font-size: 1.4em;
margin: 0;
border-bottom: 1px solid #000000;
margin-bottom: 5px;
color: #ff1493;}


div#ecoart h6 {
font-family:Arial;
font-size: 1.1em;
margin: 0;
display:inline;
color: #9acd32;}

div#ecoart texpink {
font-family:Arial;
font-size: 1.2em;
margin: 0;
border-bottom: 0px solid #000000;
margin-bottom: 0px;
color: #ff1493;} 

div#ecoart texgras {
font-family:Arial;
font-size: 1.2em;
font-weight:bold
margin: 0;
border-bottom: 0px solid #000000;
margin-bottom: 0px;
color: #9acd32;} 

div#ecoart texhi {
font-family:Arial;
font-size: 1.2em;
font-weight:normal
margin: 0;
border-bottom: 0px solid #000000;
margin-bottom: 0px;
color: #0000;}


div#ecoart texhi22 {
font-family:Arial;
font-size: 2.2em;
margin: 0;
border-bottom: 0px solid #000000;
margin-bottom: 5px;
color: #000;}




A:link { color:#000000; text-decoration: none;}
A:visited { color :#000000;text-decoration: none; }
A:hover {color:#ff1493;text-decoration: none ;}
A:active {color:#ff1493;text-decoration: none; }


div#ecoart imgt{
font-family:Arial;
font-size: 0.2em;
margin: 0;
border-bottom: 0px solid #000000;
margin-bottom: 5px;
color: #000;}

/* M.R.
        ____   ____  ____  ____
      / \   \/\    \/\   \/\   \
%    /   \___\ \ ___\ \___\ \___\
%    \  /  __/ /    / /   / /   /
%     \/_/\   \ ___/\/___/\/___/
%       /  \___\ M.R   /  \___\
%       \  /   /__   _\  /   /
%        \/___/\   \/ \\/___/
%           /   \__/   \___\
%           \   /  _\  /   /
%            \ /_ /\ \/___/
%                /  \___\
%                \  /   /
%                 \/___/    
 */ 



#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}


.sitemap {display: none; width: 100%; float: left; line-height: 100%}
.sitemap li ul li {font: normal 11px Arial, 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 Arial, 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 Arial, 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 Arial, 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_studivz, 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_studivz {background: transparent url(i/social/studivz.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_studivz_info {background: transparent url(i/social/studivz_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} 


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#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 Arial, 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: 181px; height: auto; overflow: hidden; display: inline; float: left; margin: 0 14px 0 0}
div.highlight_shrink {width: 180px !important}



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: #9acd32}


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: #0000}

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 {width: 220px; 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 */



/* sozialnetwork*/
.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 */



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

/* Search */
#search_box_home {display: block; width: 200px; height: 30px; border: 1px solid #ccc; position: absolute; top: 0; right: 0}
#search_box_home #query {position: absolute; top: 0; left: 0; width: 160px; border: 0; font: normal 13px Arial, Helvetica, sans-serif; color: #333; padding: 2px 4px; margin: 0; border: 0; background: #CCC; vertical-align: middle; display: inline-block; float: left}
#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}