/* allgemeine formatierng Start */
body {
	background-color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #ccc;
}
	a { color:#ccc;}
		/*a:hover {font-weight:bold;}*/
	img {border:none;}
/* allgemeine formatierng Ende */
div.sitenavi p{
	display: inline;
	vertical-align: middle;
	width: 100%;
}
	img.valbutton {
		width:80px;
		height:15px;
	}
/*Imagemap Start*/
/** allgemeine Elemente **/
dl#brain {
	display:block;
	width: 683px;
	height: 600px;
	background:url(images/brain.jpg) no-repeat;
	position:relative;
	margin: auto;
		
}
	dl#brain dd {
	  position:absolute;
	  padding:0;
	  margin:0;
	}
	dl#brain dd img {
		float: left;
		margin: 0 15px 15px 0;
	}
	dl#brain ul {list-style-type:none; padding: 0px; margin: 0px;}  
		/*dl#brain ul li.subtitel {padding-bottom: 5px; font-size:medium; font-weight:bold;}*/
	dl#brain a span, #brain a:visited span {
	  display:none;
	}
	dl#brain a#title {
	  display:block;
	  width:683px;
	  height:0;
	  /* padding-top:137px; anpassen*/
	  overflow:hidden;
	  position:absolute;
	  left:0;
	  top:0;
	  cursor:default;
	  background-position: 0 0;
	  z-index:0;
	}
	/* the hack for IE pre IE6 */
	* html #brain a#title {
	  height:137px; 
	  he\ight:0;
	}
	dl#brain a:hover span {
		position:absolute;
		width:683px; 
		display:block; 
		color:#fff; 
		text-align: justify; 
	  }
	/* the hack for IE pre IE6 */
	* html dl#brain a:hover span {
	  width:683px; w\idth:683px; 
	}
/** **/
dl#brain a#zausellink:hover, dl#brain a#webberichtlink:hover, dl#brain a#cvlink:hover, dl#brain a#musiklink:hover, dl#brain a#hochzeitslink:hover, dl#brain a#internlink:hover {
  background-position:0 0;
  font-weight:normal;
}
/*** Zauselmonster ***/
	dl#brain #zauselmonster {
	  left:204px;
	  top:441px;
	  z-index:20;
	}
		dl#brain a#zausellink {
		  display:block;
		  width:391px;
		  height:159px;
		  background:transparent url(images/hover_14.gif) -391px -159px no-repeat;
		  text-decoration:none;
		  z-index:20;
		}
			dl#brain a#zausellink:hover span {
			  left:-204px;
			  top:-441px;
			  z-index: 50;
			}
/*** Webbericht ***/
	dl#brain #webbericht {
	  left:407px;
	  top:324px;
	  z-index:20;
	}
		dl#brain a#webberichtlink {
		  display:block;
		  width:276px;
		  height:117px;
		  background:transparent url(images/hover_12.gif) -276px -117px no-repeat; 
		  text-decoration:none;
		  z-index:20;
		}
			dl#brain a#webberichtlink:hover span {
			  left:-407px;
			  top:-324px;
			  z-index: 50;
			}
/*** CV ***/
	dl#brain #cv {
	  left:4px;
	  top:32px;
	  z-index:20;
	}
		dl#brain a#cvlink {
		  display:block;
		  width:109px;
		  height:177px;
		  background:transparent url(images/hover_05.gif) -109px -177px no-repeat; 
		  text-decoration:none;
		  z-index:20;
		}
			dl#brain a#cvlink:hover span {
			  left: 150px;
			  top: 0px;
			  z-index: 50;
			}
/*** Musik ***/
	dl#brain #musik {
	  left:4px;
	  top:209px;
	  z-index:20;
	}
		dl#brain a#musiklink {
		  display:block;
		  width:109px;
		  height:115px;
		  background:transparent url(images/hover_06.gif) -109px -115px no-repeat;
		  text-decoration:none;
		  z-index:20;
		}
			dl#brain a#musiklink:hover span {
			  left:150px;
			  top:-100px;
			  z-index: 50;
			}			
/*** Hochzeitsblog ***/
	dl#brain #hochzeitsblog {
	  left:224px;
	  top:324px;
	  z-index:20;
	}
		dl#brain a#hochzeitslink {
		  display:block;
		  width:183px;
		  height:117px;
		  background:transparent url(images/hover_11.gif) -183px -117px no-repeat; 
		  text-decoration:none;
		  z-index:20;
		}
			dl#brain a#hochzeitslink:hover span {
			  left: -224px;
			  top: -324px;
			  z-index: 50;
			}
/*** intern ***/
	dl#brain #intern {
	  left:113px;
	  top:209px;
	  z-index:20;
	}
		dl#brain a#internlink {
		  display:block;
		  width:294px;
		  height:115px;
		  background:transparent url(images/hover_07.gif) -294px -115px no-repeat; 
		  text-decoration:none;
		  z-index:20;
		}
			dl#brain a#internlink:hover span {
				left: -63px;
				top: -109px;
				z-index: 50;
			}