/*
global.css
*/

/*
common definitions
container
navigationen
special textdefinitions
flyout
*/

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

body {
	font-family: Georgia, Arial, Geneva, Verdana, sans-serif;
	font-size: 13px;
	line-height: 22px;
	background-color: #FFFFFF;
	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;
}

.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: 944px;
	padding-left: 0px;
	padding-top: 0px;
	float: left;
}

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


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



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

.level-1			{ display:block; float:left; }
.level-1 a			{ 
				 	  display:block;
				  	  color:#ffffff;
				  	  text-decoration:none;
				  	  height:38px;
				 	}
.level-1 a:hover 	{ color:#ffffff; 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:159px; } 
#n-projects a 		{ background:url(../images/b_projects.png) 0 0 no-repeat; width:220px; } 
#n-about a			{ background:url(../images/b_about.png) 0 0 no-repeat; width:150px; }
#n-links a 			{ background:url(../images/b_links.png) 0 0 no-repeat; width:127px; }
#n-contact a 		{ background:url(../images/b_contact.png) 0 0 no-repeat; width:188px; }


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

.level-2			{ display:block; float:left; }
.level-2 a			{ 
				 	  display:block;
				  	  color:#ffffff;
				  	  text-decoration:none;
				  	  height:64px;
				 	}
.level-2 a:hover 	{ color:#ffffff; 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:236px; } 


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

.level-3						{ display:block; float:left; }
.level-3 a						{ 
				 				  display:block;
				  				  color:#ffffff;
				  	 			  text-decoration:none;
				  	 			  height:118px;
				 				}
.level-3 a:hover 				{ color:#ffffff; 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; }




/*####################################################*/
/*navi-artists-typo*/
#navi-artists-typo			{ float:left; width:944px; margin: 0 auto 0 auto; background-color:#FFFFFF; }
.navi-artists-typo-box		{ float:left; height:44px;}

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

#n-mb-2 a 						{ background:url(../images/b_artists_typo_mb.png) 0 0 no-repeat; width:412px; } 
#n-dh-2 a 						{ background:url(../images/b_artists_typo_dh.png) 0 0 no-repeat; width:343px; }  
#n-rk-2 a 						{ background:url(../images/b_artists_typo_rk.png) 0 0 no-repeat; width:379px; } 
#n-an-2 a 						{ background:url(../images/b_artists_typo_an.png) 0 0 no-repeat; width:317px; }
#n-mvf-2 a 						{ background:url(../images/b_artists_typo_mvf.png) 0 0 no-repeat; width:482px; } 
#n-dvn-2 a 						{ background:url(../images/b_artists_typo_dvn.png) 0 0 no-repeat; width:305px; }
#n-as-2 a 						{ background:url(../images/b_artists_typo_as.png) 0 0 no-repeat; width:394px; } 
#n-jsa-2 a 						{ background:url(../images/b_artists_typo_jsa.png) 0 0 no-repeat; width:509px; } 
#n-jc-2 a 						{ background:url(../images/b_artists_typo_jc.png) 0 0 no-repeat; width:391px; }
#n-bn-2 a 						{ background:url(../images/b_artists_typo_bn.png) 0 0 no-repeat; width:351px; }



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

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

#n-mehr a 				{ background:url(../images/b_pfeil_mehr.gif) 0 0 no-repeat; width:41px; } 
#n-top a 				{ background:url(../images/b_pfeil_top.gif) 0 0 no-repeat; width:61px; } 
#n-preisinfo a			{ background:url(../images/b_preisinfo.gif) 0 0 no-repeat; width:254px; }
#n-download a 			{ background:url(../images/b_download.gif) 0 0 no-repeat; width:121px; }
#n-mailto-content a 	{ background:url(../images/b_mailto-content.gif) 0 0 no-repeat; width:120px; }
#n-download-druck a 	{ background:url(../images/b_download_druck.gif) 0 0 no-repeat; width:164px; } 
#n-download-web a 		{ background:url(../images/b_download_web.gif) 0 0 no-repeat; width:158px; }



/*####################################################*/
/*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-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;
	color: #b3b3b3;
	margin-bottom: 22px;
}

.black-italic-right {
	font-style: italic;
	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;
}