html , body , div , h1 , h2 , h3 , h4 , h5 , h6 , ul , ol , span , a , table , td , form , img , li , blockquote, textarea, input, select {

margin: 0;

padding: 0; 

font-family: Verdana, Arial, Geneva, sans-serif; color: #ffffff; }

html , body { font-size: 100%; padding: 0; margin: 0; background: #2d2d2d url(../img/page_bg.png) repeat-x; } 




/*	Global	
---------------------------------------------------------------------------------------------------------------------------*/

a:link, a:visited {
font-size: 11px; font-weight: normal; text-decoration: none; color: #00DEFF; padding: 0; margin: 0; } 
a:hover, a:active {
font-size: 11px; font-weight: normal; text-decoration: none; color: #ffffff; padding: 0; margin: 0; } 

h1 {font-size : 19px; font-weight: normal; color: #00DEFF; margin: 0; padding: 0; text-transform: uppercase;} 

h2 {font-size : 13px; font-weight: bold; color: #ffffff; margin: 0; padding: 0; }  

h3 {font-size : 11px; font-weight: normal; } 

h4 {font-size : 11px; font-weight: normal; } 

h5 {font-size : 11px; font-weight: normal; } 

h6 {font-size : 11px; font-weight: normal; } 


/*---------------------------------------------------------------------------------------------------------------------------*/

#wrapper {
width: 988px;
margin: auto;
padding: 5px 0 0 0;
}

/*---------------------------------------------------------------------------------------------------------------------------*/





/*	Logo	
---------------------------------------------------------------------------------------------------------------------------*/

#logo {
margin: 0 0 10px 0px;
padding: 0;
background: url(../img/logo_top.jpg) no-repeat;
width: 888px;
height: auto;
}

#logo p {font-size: 0.7em; text-transform: uppercase; margin: 0 0 15px 55px; color: #00DEFF}

/*---------------------------------------------------------------------------------------------------------------------------*/




/*	Navigation	
---------------------------------------------------------------------------------------------------------------------------*/

#nav {
float: left;
display: inline;
width: auto;
height: auto;
padding: 0px 0px 0px 0px;
margin: 0px 0px 4px 0px;
}

#nav li {
	margin: 0 20px 0 0;
	float: left;
	padding: 0;
	display: inline;
	list-style-type: none;
	text-transform: uppercase;
	}

#nav a {
	float: left;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
	color: #FFF;
	font-size: 0.8em;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 

}
	
#nav a:hover {
	color: #00DEFF;
	}

#nav a:active, #nav a.selected {
	
	}
	

/*---------------------------------------------------------------------------------------------------------------------------*/




/*	Illu	
---------------------------------------------------------------------------------------------------------------------------*/

#illu {
float: left;
display: inline;
width: 750px;
height: 236px;
margin: 0;
padding: 0;
background-color: #FFFFFF; 
}

/*---------------------------------------------------------------------------------------------------------------------------*/


/*	Main Page Content	
---------------------------------------------------------------------------------------------------------------------------*/

#page-content {
float: left;
display: inline;
width: 745px;
margin: 0;
padding: 0px 5px 0px 0px; 
background: #000000; 
}

	div.page-head {
	width: 740px;
	height: 20px;
	padding: 15px 0px 5px 8px; 
	margin: 0; 
	text-decoration: none; 
	background: #363636; 
	}
	
	div.page-content-text {
	color: #ffffff;
	font-size : 11px; 
	font-weight: normal; 
	padding: 15px 0px 5px 20px; 
	margin: 0; 
	text-decoration: none; 
	}
	
	div.page-content-text h2 {padding: 0px; margin: 20px 0 10px 0;}
	
	div.page-content-ul { 	 
			width: 100%; 
			padding: 0; 
			margin: 0 0 0 15px; 
			}



div.page-small-content img {
float: right;
display: inline;
margin: 5px 10px 5px 5px;
padding: 0;
border: 2px solid #363636;
}

div.page-small-quote img {
float: left;
display: inline;
margin: 0px 10px 0px 0px;
padding: 0;
}

div.page-small-studio-pop img {
float: left;
display: inline;
margin: 0;
padding: 0px 20px 10px 15px;
}

.page-small-studio-pop, .gallerycontainer {padding: 0; margin: 0;}


/*---------------------------------------------------------------------------------------------------------------------------*/



/*	Dates	
---------------------------------------------------------------------------------------------------------------------------*/

#date {
float: right;
display: inline;
width: 230px;
height: 236px;
background: url(/img/skills_bg.jpg);
margin: 0px 0px 0px 0px;
padding: 0;
}

	div.date-head {
	width: 200px;
	padding: 4px 10px 6px 15px; 
	margin: 0; 
	border-top: 1px solid #363636;
	background: #363636;
	}
	
	div.date-head p {
		   	font-size: 11px; font-weight: bold; color: #00DEFF; padding: 6px 10px 6px 10px; margin: 0; text-decoration: none; text-transform: uppercase;
	}

	
			div.date-content {
			width: 225px
			float: right;
			display: inline;
			margin: 0px 0px 0px 0px;
			padding: 0;
			}
	
			ul.first { 	 
			padding: 0; 
			margin: 0 0 0 15px; 
			}
		
			li.first {	 
			font-size: 11px; 
			list-style: none; 
			display: list-item; 
			padding: 0 7px 10px 0;  
			background: url(/img/skills_line.gif) bottom left no-repeat; 
			line-height: 100%; 
			}
	
			li.last { 	 
			font-size: 11px; 
			list-style: none; 
			display: list-item; 
			padding: 0 7px 10px 0;   
			line-height: 100%; 
			}
			
			p.time {
 	   	    font-size: 11px; 
			font-weight: bold; 
			color: #ffffff; 
			padding: 0 0 0 14px; 
			margin: 0; 
			text-decoration: none; 
			line-height: 110%;  
			width: 200px; 
			}
			
			p.location {
			font-size: 11px; 
			font-weight: normal; 
			color: #cbcbcb; 
			padding: 0px 5px 0px 14px; 
			margin: 0; 
			}
			
			
			
			
			
/*	Specialist Skills
---------------------------------------------------------------------------------------------------------------------------*/

		ul.skills { 	 	
		margin: 0px 0px 0px 0px; 
		padding: 0; 
		width: 225px; }

		ul.skills li { 	 	
		display: block; 
		font-size: 11px; 
		color: #ffffff; 
		font-weight: bold; 
		line-height: 150%; 
		list-style: none; 
		display: list-item; 
		margin: 0 0px 0 0; 
		padding: 3px 0 5px 10px; 
		background: url(/img/skills_line.gif) bottom left no-repeat; 
		}

		ul.skills li:hover {  	
		display: block; 
		font-size: 11px; 
		color: #c3c3c3; 
		font-weight: bold; 
		line-height: 150%; 
		list-style: none; 
		display: list-item; 
		margin: 0 0px 0 0; 
		padding: 3px 0 5px 10px; 
		background: #414141 url(/img/skills_line.gif) bottom left no-repeat; 
		}

		p.skills { 	        
		font-size: 11px; 
		color: #ffffff; 
		padding: 3px 0px 3px 0px; 
		margin: 0 0 0 10px; 
		}

		.skills span {
		font-weight: normal;
		} 

		a.skills:link, a.events:visited {
		font-size: 11px; 
		font-weight: normal; 
		color: #ffffff; 
		padding: 0; 
		margin: 0; 
		text-decoration: none; 
		display: block; 
		}

		a.skills:hover, a.events:active {
		font-size: 11px; 
		font-weight: normal; 
		color: #00deff; 
		padding: 0; 
		margin: 0; 
		text-decoration: none; 
		display: block; 
		}			
			


/*	Teaser	
---------------------------------------------------------------------------------------------------------------------------*/

#teaser-container {
float: left;
display: inline;
width: 988px;
height: 187px;
margin: 0 0 10px 0;
padding: 0;
background: url(../img/home_lower_bg.jpg) 100px top;
}

	div.teaser {
	width: 357px;
	float: left;
	display: inline;
	margin: 15px 13px 0 8px;
	padding: 0;
	}
	
	div.teaser-head, div.teaser-small-head {
	width: 100%;
	margin: 0;
	padding: 0;
	background: #363636;
	}
	
	div.teaser-head p, div.teaser-small-head p {
   	font-size: 11px; font-weight: bold; color: #00DEFF; padding: 6px 10px 6px 10px; margin: 0; text-decoration: none; text-transform: uppercase;
	}
		
			div.teaser-content {
			float: left;
			display: inline;
			margin: 10px 0 0 0;
			padding: 0;
			width: 307px;
			} 
			
			div.teaser-content p, div.teaser-small-content p, div.teaser-right-content p {
			font-size: 11px; font-weight: normal; color: #ffffff; padding: 0; margin: 0; text-decoration: none; line-height: 130%; 
			}
			
			div.teaser-content img {
			float: left;
			display: inline;
			margin: 0 10px 0 0;
			padding: 0;
			border: 2px solid #363636;
			}
			
			div.teaser-content img:hover {
			float: left;
			display: inline;
			margin: 0 10px 0 0;
			padding: 0;
			border: 2px solid #00DEFF;
			}
			
			a.more:link, a.more:visited {
			font-weight: bold; text-decoration: none; color: #00DEFF; padding: 0 0 10px 12px; margin: 0; line-height: 140%; background: url(../images/bullet_mehr.gif) left no-repeat; }
			a.more:active, a.more:hover {
			font-weight: bold; text-decoration: none; color: #ffffff; padding: 0 0 10px 12px; margin: 0; line-height: 140%; background: url(../images/bullet_mehr_over.gif) left no-repeat; }
			
/*---------------------------------------------------------------------------------------------------------------------------*/





/*	Teaser-small	
---------------------------------------------------------------------------------------------------------------------------*/

div.teaser-small {
width: 214px;
float: left;
display: inline;
margin: 15px 0 0 12px;
padding: 0;
}

div.teaser-small-content {
float: left;
display: inline;
margin: 10px 0 0 0;
padding: 0;
width: 205px;
} 

div.teaser-small-content img {
float: left;
display: inline;
margin: 0 10px 0 0;
padding: 0;
border: 2px solid #363636;
}

div.teaser-small-content img:hover {
float: left;
display: inline;
margin: 0 10px 0 0;
padding: 0;
border: 2px solid #00DEFF;
}



/*	Book Now	
---------------------------------------------------------------------------------------------------------------------------*/

div.book-now-wrap {
width: 230px;
height: auto;
float: left;
display: inline;
margin: 0px 0px 0px 5px;
padding: 0px 0px 0px 0px;
background: #000000;
}


/*---------------------------------------------------------------------------------------------------------------------------*/



/*	Footer	
---------------------------------------------------------------------------------------------------------------------------*/

#footer {
/*position: absolute;
top: 150px;
left: 0px;*/
float: left;
display: inline;
clear: both;
width: 988px;
margin: 5px 0 50px 0;
padding: 13px 0 0px 0;
background: #2A2A2A;
border-bottom: 1px solid #2E9AAB;
}

	div.metanav {
	float: left;
	display: inline;
	margin: 0 0 0 4px;
	padding: 0;
	}
	
	div.metanav p {
	font-size: 11px; font-weight: normal; color: #000000; padding: 0; margin: 0; text-decoration: none;  
	}
	
	a.metanav-first:link, a.metanav-first:visited {
	float: left; font-size: 11px; font-weight: normal; text-decoration: none; color: #ffffff; padding: 0 8px 0 8px; margin: 0; background: url(../images/footer_trenner.gif) right no-repeat; }
	a.metanav-first:hover, a.metanav-first:active {
	float: left; font-size: 11px; font-weight: normal; text-decoration: none; color: #b3b3b3; padding: 0 8px 0 8px; margin: 0; background: url(../images/footer_trenner.gif) right no-repeat; }
	
	a.metanav-last:link, a.metanav-last:visited {
	float: left; font-size: 11px; font-weight: normal; text-decoration: none; color: #ffffff; padding: 0 8px 0 8px; margin: 0; background: none;}
	a.metanav-last:hover, a.metanav-last:active {
	float: left; font-size: 11px; font-weight: normal; text-decoration: none; color: #b3b3b3; padding: 0 8px 0 8px; margin: 0; background: none; }
	
	
div.copyright {
float: right;
display: inline;
margin: 0 12px 0 0;
padding: 0;
}

	div.copyright p {
	font-size: 11px; font-weight: normal; color: #ffffff; padding: 0; margin: 0; text-decoration: none;
	}
	

div.greenislandmedia {
float: left;
display: inline;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 10px;
}
	
/*---------------------------------------------------------------------------------------------------------------------------*/
	






/*	content-sequence
---------------------------------------------------------------------------------------------------------------------------*/

#content-sequence {
float: left;
display: inline;
width: 948px;
margin: 5px 0 0 0;
padding: 0 0 30px 0;
background: url(../images/bg_sequence.jpg) repeat-x;
}

div.content-wrapper {
float: left;
display: inline;
width: 709px;
margin: 0;
padding: 0;
}
	
	div.path {
	width: 686px;
	margin: 15px 0 0 12px;
	padding: 0;
	background: #2D2D2D;
	}
	
	div.head {
	float: left;
	display: inline;
	width: 672px;
	margin: 15px 0 0 20px;
	padding: 0;
	}
	
		div.path p {
		font-size: 11px; font-weight: normal; color: #ffffff; padding: 6px 10px 6px 10px; margin: 0; text-decoration: none; } 

		a.path-link:link, a.path-link:visited {
		font-size: 11px; font-weight: normal; text-decoration: none; color: #00DEFF; padding: 1px 2px 1px 2px; margin: 0; }
		a.path-link:hover, a.path-link:active {
		font-size: 11px; font-weight: normal; text-decoration: none; color: #000000; padding: 1px 2px 1px 2px; margin: 0; background: #00DEFF;  }
		
		div.path span {
		color: #00DEFF;
		}
		

div.sequence-container {
width: 672px;
float: left;
display: inline;
margin: 10px 0 0 20px;
padding: 0;
}

	div.sequence-container img {
	float: left;
	display: inline;
	clear: both;
	margin: 0 15px 0 0;
	padding: 0;
	border: 3px solid #ffffff;
	} 

	div.sequence-container p, div.colum1 p, div.colum2 p {
	font-size: 11px; font-weight: normal; color: #ffffff; text-decoration: none; line-height: 160%; } 
	
	div.colum1 {
	float: left;
	display: inline;
	width: auto;
	margin: 0;
	padding: 0;
	}
	
	div.colum2 {
	float: left;
	display: inline;
	width: 300px;
	margin: 0 0 0 40px;
	padding: 0;
	}

	
	
/*	sequence-teaser
---------------------------------------------------------------------------------------------------------------------------*/

div.teaser-right-wrapper { 
float: left;
display: inline;
margin: 0;
padding: 0;
background: url(../images/line_content_sequence.gif) repeat-y;
}

div.teaser-right {
width: 234px;
float: left;
display: inline;
margin: 0;
padding: 0;

}
	
	div.teaser-right-container {
	width: 212px;
	float: left;
	display: inline;
	margin: 15px 0 10px 12px;
	padding: 0;
	}
	
		div.teaser-right-head {
		width: 217px;
		margin: 0;
		padding: 0;
		}
			
			div.teaser-right-head p {
   			font-size: 11px; font-weight: bold; color: #00DEFF; padding: 6px 10px 6px 10px; margin: 0; text-decoration: none; background: #363636; 
			}

				div.teaser-right-content {
				float: left;
				display: inline;
				margin: 10px 0 0 0;
				padding: 0;
				width: 197px;
				} 
				
				div.teaser-right-content img {
				float: left;
				display: inline;
				margin: 0 7px 0 0;
				padding: 0;
				border: 2px solid #00DEFF;
				}
				
				div.teaser-right-content img:hover {
				border: 2px solid #ffffff;
				}
							
			
/*	Contact
---------------------------------------------------------------------------------------------------------------------------*/			



div.Contact {
float: left;
display: inline;
margin: 0;
padding: 0;
}

form {
margin: 0;
padding: 0; 
}	

fieldset {
border: 0px solid #000000;
padding: 15px 0px 15px 0; 
margin: 0;
}

legend {
display: none; font-size: 11px; font-weight : bold; color: #83B641; margin: 0 5px 10px 10px; padding: 0 5px 0 5px; }

label.left {
float: left; 
display: inline;
clear: both;
text-align: left; 
width: 170px; 
margin: 5px 0 10px 0;
font-size: 11px; 
line-height: 150%; 
}  

select.form_select {
float: left; 
display: inline;
font-size: 11px; 
font-weight: normal; 
color: #000000;
width: 177px; 
margin-left: 0px; 
margin-top: 5px; 
color: #000000;
}

textarea.form {
float: left; 
display: inline;
font-size: 11px; 
line-height: 150%;
font-weight: normal;
color: #000000;
width: 170px; 
margin-left: 0px; 
margin-top: 5px; 
padding: 3px 0 3px 5px;
border-style: inset;
border-width: 1px
} 

input.form {
float: left; 
display: inline;
font-size: 11px; 
font-weight: normal; 
color: #000000;
width: 170px; 
margin: 5px 0px 0 0;
padding: 3px 0 3px 5px;
border-style: inset;
border-width: 1px;
}

input.form_select {
float: left; 
display: inline;
font-size: 11px; 
font-weight: normal; 
color: #000000;
width: 180px; 
margin: 5px 10px 0 0;
padding: 3px 0 3px 5px;
border-style: inset;
border-width: 1px;
} 

input.formular-kurz {
float: left; 
display: inline;
font-size: 11px; 
font-weight: normal;
color: #000000; 
width: 50px; 
margin: 5px 0 0 0;
padding: 3px 0 3px 5px;
border-style: inset;
border-width: 1px;
}

form br {
clear : both; 
} 

.rot {
padding: 0;
margin: 0;
color: #ff0000; 
} 

input.right {
float: left; 
width: auto; 
height: 24px;
clear: both; 
margin: 4px 5px 0 0;
font-size: 11px; 
font-weight: bold; 
} 

label.right {
text-align: left; 
margin-right: 0; 
margin-left: 0; 
padding-left: 0px; 
font-size: 11px; 
font-weight: bold; 
line-height: 140%; 
} 

div.send {
float: left;
display: inline;
margin: 15px 0 0 100px;
padding: 0;
}

div.thanku {
float: left;
display: inline;
clear: both;
margin: 15px 0 0 100px;
padding: 0;
}

input.button-send { 	  width: 85px; float: left; display: inline; font-size: 11px; font-weight: normal; color: #C4C4C4; padding: 3px 10px 3px 10px; margin: 0; background: #000000 url(../images/bg_send_off.jpg); border: 1px solid #595959; text-decoration: none; display: block; }
input.button-send:hover { width: 85px; float: left; display: inline; font-size: 11px; font-weight: normal; color: #C4C4C4; padding: 3px 10px 3px 10px; margin: 0; background: #000000 url(../images/bg_send_over.jpg); border: 1px solid #595959; text-decoration: none; display: block; }




/*	Musicbox
---------------------------------------------------------------------------------------------------------------------------*/


#musicbox-content {
float: left;
display: inline;
margin: 30px 0 0 100px;
padding: 0;
}

	div.musicbox-logo {
	margin: 0 0 20px 0;
	padding: 0;
	background: url(../images/logo_jack.gif) no-repeat;
	width: 214px;
	height: 40px;
	}
	
	
	div.musicbox-info {
	float: left;
	display: inline;
	width: 380px;
	margin: 0;
	padding: 0;
	}

		div.musicbox-info p {
		font-size: 11px; font-weight: normal; color: #ffffff; text-decoration: none; line-height: 160%;  
		}

		div.musicbox-info span {
		color: #00deff;
		font-weight: bold;
		}

		div.musicbox-enter {
		float: left;
		display: inline;
		width: 100%;
		margin: 0;
		padding: 0;
		}

		a.openbox:link, a.openbox:visited {
		width: 73px; height: 22px; font-size: 11px; font-weight: bold; text-decoration: none; color: #ffffff; padding: 4px 0 0 24px; margin: 0; float: left; display: inline; background: url(../images/button_start_jack.gif) no-repeat;  }
		a.openbox:hover, a.openbox:active {
		width: 73px; height: 22px; font-size: 11px; font-weight: bold; text-decoration: none; color: #00BFDB; padding: 4px 0 0 24px; margin: 0; float: left; display: inline; background: url(../images/button_start_jack_over.gif) no-repeat;  }

.contact {float: right; width: 400px; color: #333}
.contact form, .contact {padding: 0; margin: 0;}
.contact ul {list-style-type:none;width:auto; padding: 0; margin: 0;}
.contact li {list-style-type:none;float: left; padding: 0; margin: 0;}
.contact li.special {display:none;}
.contact label { padding: 4px; margin: 5px 0 0 0;}
.contact input {
	width:250px;
	background: #E7E5DD;
	border: 1px solid #000;
	padding: .4em; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; color: #000;
	}

.contact textarea {
	width:370px;
	background: #E7E5DD;
	border: 1px solid #000;
	padding: .4em; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; color: #000; font-size: 1em;
}
.clear {clear: both; margin: 10px 0 0 0}
.contact .submitbutton {
	padding: 5px;
	margin: 20px 25px 5px 0 ;
	float: right;
	width: auto;
	text-align: center;
	background: #00DEFF;
	color: #000;
	border: 0px;
	border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;
	text-transform: uppercase;
	}

.contact input:focus, .contact textarea:focus  {
	border: 1px solid #00DEFF;
	background-color: #161616;
	color: #FFFFFF;
}

.contact .submitbutton:hover {background: #069; cursor: pointer; color: #FFF;}