/*
global.css
*/

/*
common definitions
container
navigationen
special textdefinitions
flyout
*/

/*####################################################*/
/*common definitions*/

body {
	font-family: Georgia, Arial, Geneva, Verdana, sans-serif;
	font-size: 17px;
	line-height: 30px;
	background-color: #fefcf6;
	background-image:url(../images/pic_bg.png);
	background-repeat:repeat-x;
	margin: 0px;
	padding: 0px;
}

p { 
	margin-top: 0px;
	margin-bottom: 12px;
	text-align: left;
	}
	
	
a.textcontent:link {
	font-style: italic;
	color: #b3b3b3;
	text-decoration: none;
}

	
a.textcontent:visited {
	font-style: italic;
	color: #b3b3b3;
	text-decoration: none;
}

a.textcontent:active, a.textcontent:hover {
	font-style: italic;
	color: #000;
	text-decoration: line-through;
}


a.textcontent-small:link {
	font-style: italic;
	font-size: 13px;
	color: #b3b3b3;
	text-decoration: none;
}

	
a.textcontent-small:visited {
	font-style: italic;
	font-size: 13px;
	color: #b3b3b3;
	text-decoration: none;
}

a.textcontent-small:active, a.textcontent-small:hover {
	font-style: italic;
	font-size: 13px;
	color: #000;
	text-decoration: line-through;
}

.clear {
	clear: both;
	margin: 0;
	padding: 0;
	font-size: 0;
	height: 0;
	line-height: 0;
}



/*####################################################*/
/*container*/

#container-global {
	width: 944px;
	margin: 0 auto 0 auto;
	margin-top:0px;
}

#container-animation {
	width: 945px;
	padding-left: 0px;
	padding-top: 0px;
	float: left;
}

#container-header {
	padding-left: 0px;
	padding-top: 4px;
}


#container-artists {
	width: 944px;
	padding-left: 0px;
	padding-top: 10px;
	float: left;
}



/*####################################################*/
/*mainnavi*/
#mainnavi			{ float:left; width:943px; margin: 0 auto 0 auto; background-color:#FFFFFF; }
.mainnavi-box		{ float:left; height:57px;}

.level-1			{ display:block; float:left; }
.level-1 a			{ 
				 	  display:block;
				  	  color:#fefcf6;
				  	  text-decoration:none;
				  	  height:57px;
				 	}
.level-1 a:hover 	{ color:#fefcf6; background-position: bottom!important; }
.level-1 a span		{ display:none;  }
#level-1-marker 	{ background-position: bottom!important; }

#n-artists a 		{ background:url(../images/b_artists.png) 0 0 no-repeat; width:208px; } 
#n-projects a 		{ background:url(../images/b_projects.png) 0 0 no-repeat; width:286px; } 
#n-about a			{ background:url(../images/b_about.png) 0 0 no-repeat; width:203px; }
#n-contact a 		{ background:url(../images/b_contact.png) 0 0 no-repeat; width:246px; }


/*####################################################*/
/*navi-home*/
#navi-home			{ float:left; width:497px; margin: 0 auto 0 auto; background-color:#FFFFFF; }
.navi-home-box		{ float:left; height:72px;}

.level-2			{ display:block; float:left; }
.level-2 a			{ 
				 	  display:block;
				  	  color:#fefcf6;
				  	  text-decoration:none;
				  	  height:72px;
				 	}
.level-2 a:hover 	{ color:#fefcf6; background-position: bottom!important; }
.level-2 a span		{ display:none;  }
#level-2-marker 	{ background-position: bottom!important; }

#n-home a 			{ background:url(../images/b_home.png) 0 0 no-repeat; width:497px; } 


/*####################################################*/
/*navi-artists-overview*/
#navi-artists-overview			{ float:left; width:944px; margin: 0 auto 0 auto; background-color:#fefcf6; }
.navi-artists-overview-box		{ float:left; height:118px;}

.level-3						{ display:block; float:left; }
.level-3 a						{ 
				 				  display:block;
				  				  color:#fefcf6;
				  	 			  text-decoration:none;
				  	 			  height:118px;
				 				}
.level-3 a:hover 				{ color:#fefcf6; background-position: bottom!important; }
.level-3 a span					{ display:none;  }
#level-3-marker 				{ background-position: bottom!important; }

#n-mb a 						{ background:url(../images/b_artists_overview_mb.png) 0 0 no-repeat; width:94px; } 
#n-dh a 						{ background:url(../images/b_artists_overview_dh.png) 0 0 no-repeat; width:94px; }  
#n-rk a 						{ background:url(../images/b_artists_overview_rk.png) 0 0 no-repeat; width:94px; } 
#n-an a 						{ background:url(../images/b_artists_overview_an.png) 0 0 no-repeat; width:94px; }
#n-mvf a 						{ background:url(../images/b_artists_overview_mvf.png) 0 0 no-repeat; width:94px; } 
#n-dvn a 						{ background:url(../images/b_artists_overview_dvn.png) 0 0 no-repeat; width:94px; } 
#n-as a 						{ background:url(../images/b_artists_overview_as.png) 0 0 no-repeat; width:94px; } 
#n-jsa a 						{ background:url(../images/b_artists_overview_jsa.png) 0 0 no-repeat; width:94px; }
#n-jc a 						{ background:url(../images/b_artists_overview_jc.png) 0 0 no-repeat; width:94px; }
#n-bn a 						{ background:url(../images/b_artists_overview_bn.png) 0 0 no-repeat; width:98px; }
#n-ms a 						{ background:url(../images/b_artists_overview_ms.png) 0 0 no-repeat; width:98px; }



/*####################################################*/
/*navi-artists-line-01*/
#navi-artists-line-01			{ float:left; width:984px; margin: 0 auto 0 auto; background-color:#fefcf6; }
.navi-artists-line-01-box		{ float:left; height:285px;}

.level-4						{ display:block; float:left; }
.level-4 a						{ 
				 				  display:block;
				  				  color:#fefcf6;
				  	 			  text-decoration:none;
				  	 			  height:285px;
				 				}
.level-4 a:hover 				{ color:#ffffff; background-position: bottom!important; }
.level-4 a span					{ display:none;  }
#level-4-marker 				{ background-position: bottom!important; }


/*navi-artists-line-02*/
#navi-artists-line-02			{ float:left; width:984px; margin: 0 auto 0 auto; background-color:#fefcf6; }
.navi-artists-line-02-box		{ float:left; height:285px;}

.level-4						{ display:block; float:left; }
.level-4 a						{ 
				 				  display:block;
				  				  color:#fefcf6;
				  	 			  text-decoration:none;
				  	 			  height:285px;
				 				}
.level-4 a:hover 				{ color:#ffffff; background-position: bottom!important; }
.level-4 a span					{ display:none;  }
#level-4-marker 				{ background-position: bottom!important; }


/*navi-artists-line-03*/
#navi-artists-line-03			{ float:left; width:984px; margin: 0 auto 0 auto; background-color:#fefcf6; }
.navi-artists-line-03-box		{ float:left; height:285px;}

.level-4						{ display:block; float:left; }
.level-4 a						{ 
				 				  display:block;
				  				  color:#fefcf6;
				  	 			  text-decoration:none;
				  	 			  height:285px;
				 				}
.level-4 a:hover 				{ color:#ffffff; background-position: bottom!important; }
.level-4 a span					{ display:none;  }
#level-4-marker 				{ background-position: bottom!important; }


/*navi-artists-line-04*/
#navi-artists-line-04			{ float:left; width:984px; margin: 0 auto 0 auto; background-color:#fefcf6; }
.navi-artists-line-04-box		{ float:left; height:285px;}

.level-4						{ display:block; float:left; }
.level-4 a						{ 
				 				  display:block;
				  				  color:#fefcf6;
				  	 			  text-decoration:none;
				  	 			  height:285px;
				 				}
.level-4 a:hover 				{ color:#ffffff; background-position: bottom!important; }
.level-4 a span					{ display:none;  }
#level-4-marker 				{ background-position: bottom!important; }


/*artists*/
#n-mb-2 a 						{ background:url(../images/container_artist_mb.jpg) 0 0 no-repeat; width:321px; } 
#n-dh-2 a 						{ background:url(../images/container_artist_dh.jpg) 0 0 no-repeat; width:321px; }
#n-gh-2 a 						{ background:url(../images/container_artist_gh.jpg) 0 0 no-repeat; width:321px; }

#n-me-2 a 						{ background:url(../images/container_artist_me.jpg) 0 0 no-repeat; width:321px; }
#n-mvf-2 a 						{ background:url(../images/container_artist_mvf.jpg) 0 0 no-repeat; width:321px; } 
#n-bv-2 a 						{ background:url(../images/container_artist_bv.jpg) 0 0 no-repeat; width:321px; } 

#n-dvn-2 a 						{ background:url(../images/container_artist_dvn.jpg) 0 0 no-repeat; width:321px; }  
#n-mb-02-2 a 					{ background:url(../images/container_artist_mb_02.jpg) 0 0 no-repeat; width:321px; }
#n-ms-2 a 						{ background:url(../images/container_artist_ms.jpg) 0 0 no-repeat; width:321px; }

#n-poae-2 a 						{ background:url(../images/container_artist_poae.jpg) 0 0 no-repeat; width:321px; } 
#n-bn-2 a 						{ background:url(../images/container_artist_bn.jpg) 0 0 no-repeat; width:321px; }  
#n-evs-2 a 						{ background:url(../images/container_artist_evs.jpg) 0 0 no-repeat; width:321px; } 

#n-mp-2 a 						{ background:url(../images/container_artist_mp.jpg) 0 0 no-repeat; width:321px; } 


/*####################################################*/
/*content elements*/
#header-logo {
	float:left;
}

#spacer-black {
	height: 4px;
	width: 944px;
	background-color: #000;
}

#spacer-header {
	height: 30px;
}

#spacer-mainnavi {
	height: 30px;
	width: 944px;
}

#spacer-artists-overview {
	height: 39px;
	width: 944px;
}

#spacer-footer {
	height: 63px;
	width: 944px;
	background: url('../images/pic_linien_footer.png');
	background-repeat:no-repeat;
}

#spacer-footer-bottom {
	height: 60px;
}

#box-text-artist {
	width: 570px;
	padding-left: 0px;
	padding-top: 40px;
	float: left;
}

#box-pics-artist {
	width: 374px;
	padding-left: 0px;
	padding-top: 0px;
	bottom: 0;

}

#box-pics-artist-01 {
	width: 374px;
	padding-left: 0px;
	padding-top: 0px;
	bottom: 0;

}

#box-pics-artist-02 {
	width: 374px;
	padding-left: 0px;
	padding-top: 0px;
	bottom: 0;

}

#box-overview-artist {
	width: 944px;
	padding-left: 0px;
	padding-top: 0px;
	float: left;
}



/*####################################################*/
/*special textdefinitions*/

h1
{
    width: 944px;
}

h1.back
{
    margin: 0px 0px 0px 0px;
}

h1 img
{
    display: block;
}


.introtext {
	font-style: italic;
	font-size: 20px;
	line-height: 30px;
	color: #b3b3b3;
	margin-bottom: 22px;
}

.black-italic-right {
	font-style: italic;
	font-size: 13px;
	color: #000;
	text-align: right;
}

.grey-italic-right {
	font-style: italic;
	color: #b3b3b3;
	text-align: right;
}

.grey-small {
	font-size: 11px;
	color: #b3b3b3;
}

.grey-small-right {
	font-size: 11px;
	color: #b3b3b3;
	text-align: right;
}

.white-italic {
	font-style: italic;
	color: #fff;
}


/*####################################################*/
/*flyout*/

p.artist
{
    margin: 0px 0px 23px 0px;
}

a.artist
{
    float: left;
    display: block;
    margin: 0px 1px 1px 0px;
}

a.artist:hover div
{
    /*
    display: block;
    */
}

div.flyoutArtist
{
    display: none;
    position: absolute;
    width: 300px;
}

div.flyoutArtist td.left
{
    width: 8px;
    height: 55px;
    background: transparent url(../images/flyout_left.png) no-repeat scroll;
}

div.flyoutArtist td.center
{
    padding: 4px 0px 0px 0px;
    height: 48px;
    background: transparent url(../images/flyout_bg.png) no-repeat scroll top center;
    color: #6c6d69;
    white-space: nowrap;
}

div.flyoutArtist td.center p
{
    padding: 3px 5px 5px 5px;
    background: #000;
}

div.flyoutArtist td.right
{
    width: 10px;
    height: 55px;
    background: transparent url(../images/flyout_right.png) no-repeat scroll;
}

div.flyoutArtist
{
    margin: -28px 0px 0px 20px;
}