* {
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	text-decoration: none;
}

ol, ul {
	list-style: disc;
}

/* Global styles Grundgerüst */

html {
	background-color: #000;
	font-family: eurostileregular, sans-serif;
	font-size: 14px;
	font-weight: normal;
	background: #000 url('../images/page_bg.jpg') 0% 0% no-repeat fixed;
}

body {
	margin-left: 0px;
}

#wrapper {
	margin-left: 0px; 
	margin-top: 20px;
	width: 943px;
	min-height: 300px;
}

#head {
	width: 907px;
	height: 30px;
	margin-top: 0px;
	margin-left: 35px;
	background: transparent url('../images/artists-alliances.png') 0% 0% no-repeat;

}

#container {
	width: 900px;
	min-height: 460px;
	margin-left: 35px;
	border: #ccc 4px solid;
	background: transparent url('../images/on_stage.png') 0% 0% repeat-y fixed;

}

#navi {
	width: 230px;
	float: left;
   font-family: 'eurostilebold';
   font-size: 20px;
   color: #fff;
   padding-top: 35px;
}

#content {
	width: 670px;
/*	background: rgba(255,255,255,0.5); */
	background: transparent url('../images/white.png') repeat;
	float: left;
	color: #000;
   padding-top: 25px;
	padding-bottom: 20px;
/*	overflow: auto; */
/*	height: 680px; */
}

#footer {
	width: 902px;
	position: relative;
	color: #fff;
	margin-left: 35px;
}


/* -- Schriften-Definitionen */

#content p, #content #page2 p {
	font-family: eurostileregular, sans-serif;
	letter-spacing: 0.035em;
	font-size: 16px;
}

#content h1 {
   font-family: 'eurostilebold';
   font-size: 24px;
   padding-top: 0px;
   line-height: 24px;
}
#content h1 span {
   font-family: 'eurostilebold';
   font-size: 20px;
}

#content h2 {
   font-family: 'eurostileregular';
   font-size: 16px;
   padding-top: 0px;
   line-height: 16px;
}


#content #logo {
	padding-top: 10px;
}

#footer p { margin-left: 110px; margin-top: 5px }
#footer a { float: right; text-decoration: none; color: #fff; }

/* -- Seiten Definitionen */

#page3 {
	width: 425px;
	float: left;
}

#page6 {
	width: 380px;
	float: left;
}

#page3 ul { margin-top: -7px; padding-top: 0px;}

#page3r {
	float: right;
	width: 220px;
	background-color: transparent;
	overflow: hidden;
}

#page6r {
	float: left;
	width: 225px;
	background-color: transparent;
	overflow: hidden;
	margin-top: 37px;
	min-height: 300px;
}



#page3r p {
	text-align: center;
	margin-right: 10px;
	line-height: 24px;
	font-size: 14px;
}

#page3r p span {
	padding: 1px 5px;
	background-color: #fdc689
}

/* Sub-Seiten Definition */

#content #page2, #content #page3, #content #page4, #content #page5, #content #page6, #content #page7, #content #page8  {
	margin-left: 20px;
	position: relative;
	overflow: hidden;
}

#content #page5 img { margin-bottom: 20px; }

#content #page3, #content #page6, #content #page5, #content #page7 {
	text-align: left;
}

#content #page4, #content #page5, #content #page6, #content #page7 {
	margin-right: 10px;
}

#content #page2 {
	text-align: center;
}

#content #page2 p, #content #page2 h1, #content #page3 p, #content #page3 h1 {
		max-width: 440px;
}


#page4 div.person {
	width: 220px;
	height: auto;
	float: left;
	margin-bottom: 30px;
}

#page4 div.info 	{ 
	float: left;
	width: 400px;
}

/* -- interne Links */

#content #page6r a, #content #page6r a:link, #content #page6r a:visited {
	text-decoration: none;
	color: #fff;
}

#content #page6r a:hover {
	text-decoration: underline;
	color: #000;
}


/* -- Navigation */

#navi .navchild {
	width: 240px;
	height: 32px;
	background: #000 url('../images/nav-left1.png') 0% 0% no-repeat;
	border: 4px #ccc solid;
	margin-left: -35px;
	margin-bottom: 20px;
	border-radius: 17px;
	-webkit-border-radius:17px;
	-moz-border-radius:17px;
	
}

#navi .navchild:hover, #navi .current {
	background: #000 url('../images/nav-left2.png') 0% 0% no-repeat;
	text-shadow: #333 2px 2px 2px;	
}

#navi .navchild a, #navi .navchild a:link, #navi .navchild a:visited{
	color: #fff;
	text-decoration: none;
	padding: 6px 0px;
	display: block;
	padding-left: 40px;
}

/* -- Sub-Navi */

#navi .sub {
	margin-bottom: 0px;
}

#navi .subnav {
	width: 190px;
	background-color: #000;
   font-size: 16px;
	border: 4px #ccc solid;
	margin-top: -4px;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	margin-left: -8px;
}

#navi .subnav2 {
	height: 0px;
	opacity: 0;
	width: 190px;
	background-color: #000;
   font-size: 16px;
	border: 4px #ccc solid;
	margin-top: -4px;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	margin-left: -8px;
	visibility: hidden;
	display: none;
}


#navi #first {
	margin-bottom: 0px;
}


#navi .last {
	margin-bottom: 20px;
}

#navi .subnav a, #navi .subnav a:link, #navi .subnav a:visited,
#navi .subnav2 a, #navi .subnav2 a:link, #navi .subnav2 a:visited {
	color: #fff;
	text-decoration: none;
	padding: 6px 0px;
	display: block;
	padding-left: 20px;
}
#navi .subnav2 a, #navi .subnav2 a:link, #navi .subnav2 a:visited {
	visibility: hidden;
	display: none;
}

#navi .subnav:hover, #navi #currentsub,
#navi .subnav2:hover, #navi .subnav2 #currentsub {
	background: #e68d06;
	text-shadow: #333 2px 2px 2px;
	color: #fff;
}
/* Pure CSS3 jQuery-Like fadeIn
---------------------------------------------------- */
.faaadein {
	/* CSS needed for animation
	---------------------------------------------------- */
	-webkit-animation:fadeIn 0.7s ease-in 1;
	-moz-animation:fadeIn 0.7s ease-in 1;
	-o-animation:fadeIn 0.7s ease-in 1;
	animation:fadeIn 0.7s ease-in 1;
	position: relative;
}



/* Key Frames
---------------------------------------------------- */
@-webkit-keyframes fadeIn { from { opacity:0;height:0px; } to { opacity:1;height: 30px; } }
@-moz-keyframes fadeIn { from { opacity:0;height:0px; } to { opacity:1;height: 30px; } }
@-o-keyframes fadeIn { from { opacity:0;height:0px; } to { opacity:1;height: 30px; } }
@keyframes fadeIn { from { opacity:0;height:0px; } to { opacity:1;height: 30px; } }