﻿
* {margin: 0; padding: 0;}

body 
{	
	background:white; 
	font-size:14px;
	color:silver;
	font-family: "Bauhaus 93" Tahoma, Verdana, Sans-Serif;
	text-align:center;  /* Zentrierung im Internet Explorer */
	background-image: url("../images/tapete.gif");
}

/*html>body { display: block; } */ /* Farbangleichung an den Internet Explorer  */ 

#wrap
{
	margin:0 auto;      /* standardkonforme horizontale Zentrierung */
	width:880px;
	height:660px;
	/*text-align:left;*/
	border:0px solid yellow;
	/* falls zentrierung gewuenscht
	margin: -300px 0 0 -400px;
	position:absolute; 
	top: 50%; 
	left: 50%; 
	*/
}

#top
{
	float:left;
	width:710px;
	height:210px;
	border:0px solid yellow;
	background-image: url("../images/top.png");
}

#wrapContent
{
	text-align:left;
	float:left;
	width:710px;
	height:450px;
	border:0px solid green;
	margin-top:0px;
	/*background-color:rgb(59,8,17);*/ /*#3b0811;*/
	background-color:black;
	background-image: url("../images/bgLine.jpg");	
	background-repeat:repeat-x;
	
}
#content
{
	float:left;	
	width:580px;
	height:450px;
	border:0px solid green;
	margin-left:10px;
}

#left
{
	float:left;
	width:170px;
	height:660px;
	margin:0px;
	border:0px solid red;
	background-image: url("../images/left.png");	
}

#wrapMenu
{
	float:left;
	width:100px;
	height:400px;
	margin-top:16px;
	border:0px solid gray;
	/*background-color:#3b0811;*/
}

.box
{	
	display:inline;
	float:left;	
	width:481px;
	height:404px;
	margin-top:16px; 
	margin-left:60px;
	border:0px solid gray;
	font-family:Arial, Helvetica, Sans-Serif;
	font-size:0.86em;
	background-image:url('../images/contentBoxBackground.png');
	
	
}

.boxText
{	
	display:inline;
	float:left;	
	width:481px;
	height:404px;
	border:0px solid gray;
	font-family:Arial, Helvetica, Sans-Serif;	
}

.boxText p { padding-left:20px; padding-top:10px; color:white; line-height:1.4em; }
.boxText h2 { padding-top:20px; padding-left:20px; font-size:120%; text-align:left; }
.boxText ul { list-style-type:disc; padding-left:34px; }
.boxText li { line-height:1.4em; color:white; text-decoration:none;  padding-top:10px; }
.boxText table { width:92%; margin-top:10px; margin-left:20px;color:white; line-height:1.3em;}S
.boxText td.left { width:80px; padding:0; text-align:left;}
.boxText td.right { width: 350px; text-align:left; }
.boxText a { color: white; font-weight:bold;}


.menu
{		
	float:left;
	padding-top:10px;
	height:10px;
	width:100%;
	border:0px solid red;
	text-decoration:none;
	color:white;

}

.menu a, #menu a:visited 
{	
	text-decoration:none; 
	text-align:left;  
	color:white; 
	display:block; 
	width:40px;  
	padding:5px;
	margin:0;

}

.menu a:link { color:orange; 	text-decoration:none;}
.menu a:hover { color:orange; 	text-decoration:none;}
.menu a:active { color:orange;	text-decoration:none;}


/* menue with image links */
#picmenu {display:block; height:280px; min-height:280px; margin:0px;}

#picmenu ul {margin:0; padding:0px; list-style-type:none;  }

#picmenu li {display:block; float:left; width:120px; height:26px;border:0px solid #000; padding-top:0px;}


#picmenu li.listHome {background:url("../images/txtHome.png") no-repeat;}
#picmenu li.listHomeCurrent {background:url("../images/txtHomeHover.png") no-repeat;}

#picmenu li.listKuenstlerin {background:url("../images/txtKuenstlerin.png") no-repeat;}
#picmenu li.listKuenstlerinCurrent {background:url("../images/txtKuenstlerinHover.png") no-repeat;}

#picmenu li.listMusik {background:url("../images/txtMusik.png") no-repeat;}
#picmenu li.listMusikCurrent {background:url("../images/txtMusikHover.png") no-repeat;}

#picmenu li.listKontakt {background:url("../images/txtKontakt.png") no-repeat;}
#picmenu li.listKontaktCurrent {background:url("../images/txtKontaktHover.png") no-repeat;}

#picmenu li.listSoloprogramme {background:url("../images/txtSoloprogramme.png") no-repeat;}
#picmenu li.listSoloprogrammeCurrent {background:url("../images/txtSoloprogrammeHover.png") no-repeat;}

#picmenu li.listProjekte {background:url("../images/txtProjekte.png") no-repeat;}
#picmenu li.listProjekteCurrent {background:url("../images/txtProjekteHover.png") no-repeat;}

#picmenu li.listIndividuelles {background:url("../images/txtIndividuelles.png") no-repeat;}
#picmenu li.listIndividuellesCurrent {background:url("../images/txtIndividuellesHover.png") no-repeat;}

#picmenu li.listImpressum {background:url("../images/txtImpressum.png") no-repeat;	margin-top:200px; }
#picmenu li.listImpressumCurrent {background:url("../images/txtImpressumHover.png") no-repeat;	margin-top:200px; }

#picmenu a {display:block; width:120px; padding-top:16px; text-decoration:none; text-align:center; color:gray; font-size:0.8em;}

#picmenu a#itemHome:hover {background-image: url("../images/txtHomeHover.png"); background-repeat:no-repeat; width:120px;}
#picmenu a#itemKuenstlerin:hover  {background-image: url("../images/txtKuenstlerinHover.png"); background-repeat:no-repeat; width:120px;}
#picmenu a#itemKontakt:hover  {background-image: url("../images/txtKontaktHover.png"); background-repeat:no-repeat; width:120px;}
#picmenu a#itemMusik:hover  {background-image: url("../images/txtMusikHover.png"); background-repeat:no-repeat; width:120px;}
#picmenu a#itemSoloprogramme:hover  {background-image: url("../images/txtSoloprogrammeHover.png"); background-repeat:no-repeat; width:120px;}
#picmenu a#itemProjekte:hover  {background-image: url("../images/txtProjekteHover.png"); background-repeat:no-repeat; width:120px;}
#picmenu a#itemIndividuelles:hover  {background-image: url("../images/txtIndividuellesHover.png"); background-repeat:no-repeat; width:120px;}
#picmenu a#itemImpressum:hover  {background-image: url("../images/txtImpressumHover.png"); background-repeat:no-repeat; width:120px;}



a img { border: 0; }
img { 	border:0; }

h4 { text-align:center; color:gray; }
h3 { text-align:center; color:gray; }
h2 { text-align:center; color:gray; }
h1 { text-align:center; visibility:hidden; }

.links
{
	margin-top:80px; 
	list-style-type:none; 
	padding-left:2px; 	
	text-decoration:none; 
}

.menulist 
{
	margin:0; 
	list-style-type:none; 
	padding-left:2px; 	
	padding-top:15px; 
	text-decoration:none; 
	font-size:0.9em;
	width:100px;
}
.menulist ul { list-style-type:none; }
.menulist li a { line-height:20px; color:white; text-decoration:none; }
.menulist li a b { display:block; }
.menulist li.current a { color:orange; }
.menulist li a:hover { color:orange; }
.menulist li.current a:hover { }
