/* 	CSS Document
	TAO Music & Mediaproductions - STUDIOS
	12-2009
	lisabelle@gmx.de
*/



html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: normal;
font-size: 100%;
text-decoration: none;
list-style:none;
background-repeat:no-repeat;
}




html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}

body {
	margin: 0;
	background: #dce1e4 url(../bilder/bgall.jpg) top left repeat;
	font-size: 12px;
	color: #444751;
	line-height: 20px;
	font-family:"Lucida Grande","Lucida Sans Unicode","bitstream vera sans","trebuchet ms",verdana;
	text-shadow:1px 1px 0 #FFFFFF;
}

h1, h2, h3, h4 { 
	margin-top: 0px;
	margin-bottom: 10px;
	color: #444751;
	font-weight: normal;

}
h1 { 
	font-size: 18px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
/*	line-height: 110%;*/
}
h2, h2 a { 
	font-weight: bold;
	font-size: 16px;	
	color: #444751;
	text-decoration: none;
	text-transform: uppercase;		
}
h3, h3 a { 
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 12px;	
	color: #444751;
	text-decoration: none;
	text-transform: uppercase;
}


a  { 
	font-weight: bold;
	font-size: 12px;	
	color: #911133;
	text-decoration: none;
}


a:hover  { 
	font-weight: bold;
	font-size: 12px;	
	color: #444751;
	text-decoration: underline;
}

a img  { 
	border: none;
}

.schnellclear { 
	clear:both;
}


/* -----------------------MAIN THINGY----------------------------- */

#header_wrap {
	width:100%;
	position:relative;
	background: #dce1e4 url('../bilder/bg.jpg') no-repeat top center;
}

#header { 
	margin:0 auto;
	width: 940px;
	height:230px;
	padding-top: 24px;
}

#logo { 
	float: left;
	width: 240px;
	display:inline;
	text-indent:-9999px;
}

#logo h1 a { 
	display: block;
	width: 240px;
	height: 142px;
	background: url('../bilder/logo.png') no-repeat;
}


#navspruch {
	float:right;
	display:inline;
	width:600px;
	margin-top:10px;
}

#spruch {
	margin-top:40px;
}

.intro {
	display:block;
	width:598px;
	height:114px;
}

body#home2 .intro {
	background: url(../bilder/spruch/intro.png) top left no-repeat;
}

body#media .intro {
	background: url(../bilder/spruch/media.png) top left no-repeat;
}

body#studios .intro {
	background: url(../bilder/spruch/studios.jpg) top left no-repeat;
}

body#artists .intro {
	background: url(../bilder/spruch/artists.jpg) top left no-repeat;
}

body#services .intro {
	background: url(../bilder/spruch/services.jpg) top left no-repeat;
}

body#team .intro {
	background: url(../bilder/spruch/about.png) top left no-repeat;
}

body#contact .intro {
	background: url(../bilder/spruch/contact.png) top left no-repeat;
}

body#impressum .intro {
	background: url(../bilder/spruch/intro.jpg) top left no-repeat;
}




/* -----------------------DANN INHALT----------------------------- */

#main {
	margin:0 auto;
	padding-bottom: 150px;
	width:940px;
} 



.playerkasten {
	width:940px;
	border-top: 1px solid #bdc1c7;
	padding: 30px 0px;
}

a.player {	
	margin-top:15px;
	margin-left:120px;
	display:block;
	background:url(../bilder/img/splash3.png) no-repeat;
	width:425px;
	height:298px;
	padding:0 126px 75px 127px;	
	text-align:center;
	color:#fff;
	text-decoration:none;
	cursor:pointer;
}

/* splash image */
a.player img {
	margin-top:115px;
	border:0;	
}

img.mediaplayer {
	width: 127px;
	height: 70px;
}


#ueberuns, .studios { 
	width: 940px;
	min-height:200px;
	overflow:hidden;
	position:relative;
	margin-bottom: 7px;
	margin-top: 18px;
	padding-top: 24px;
	border-top: 1px solid #bdc1c7;
}

#ueberuns {
	background:url(../bilder/inhaltbg/ueberuns.jpg) bottom left no-repeat;
}
	
#ueberuns ul {
	margin-bottom:10px;
	padding:0;
	text-transform:uppercase;
}


.titel	{ 
	width: 320px;
	float: left;
	margin-right: 20px;
}

.beschreibung { 
	width: 600px;
	float: left;
}

.beschreibung p { 
	margin: 0;
	padding-bottom: 0px;
}


.col1, .col2 {
	float:left;
	width:300px;
}

.col3 {
	float:left;
	width:290px;
	margin-left: 10px;
}

img.feat {
	width: 200px;
	height:auto;
	border:1px solid white;
	margin-bottom: 10px;
	float:right;
}

img.art {
	width: 290px;
	height:auto;
	border:1px solid white;
	margin-bottom: 10px;
}

.audioplayer {
	margin: 10px 0px 20px 0px;
}

ul.kunden {
margin-bottom:10px;
padding:0;
text-transform:uppercase;
}
	
.pbreite{
	width: 280px;
}

#promo {
		width: 900px;
		height:170px;
		margin-bottom: 17px;
		margin-top: 18px;
		padding-top: 24px;
		padding-left:40px;
		border-top: 1px solid #bdc1c7;
		text-align:center;
}

#promo img {
	border-width:0;
	float:left;
	margin:0 60px 0 0px;
}

/* -----------------------CONTACT MASK----------------------------- */


legend {display: none;}

.zemSubmit {
border:6px solid #CCCCCC;
cursor:pointer;
height:40px;
width:150px;
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size:12px;
background-color:#FFF;
}

.zemSubmit:hover {
color: #911133;
background-color:#FFF;
border-color:#911133;
}

input,
textarea,
select {
	padding: 4px;
	width: 250px;
	height:15px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #444751;
	background-color: #EEEEEE;
	border: 4px solid #CCCCCC;
	margin-bottom: 20px;
	margin-top: 4px;
}

textarea {
	height:100px;
	width: 400px;
	margin-bottom: 10px;
	font-size:13px;
}

input:focus,
input:hover,
textarea:focus,
textarea:hover,
select:focus,
select:hover {
	border-color:#911133;
	background-color: #E4F7FA;
}

ul.zemError {
	color:#911133;
	margin-bottom:30px;
}




/* -----------------------FOOTATA----------------------------- */


#footer {
	position: relative;
	margin-top: -150px; 
	height: 150px;
	clear:both;
	background: url(../bilder/footer_bg.jpg) top left repeat-x;
	border-top: 1px solid #bdc1c7;
} 

#footerinner {
	margin:0 auto;
	width: 940px;
	color:#5b5d68;
} 

.logos {
	float:left;
	margin: 20px 50px 0 0;
}

.logos img {
	float:left;
	margin: 10px 10px;
}

.info {
	float:left;
	margin: 25px 90px 0 50px;
}

.credits {
	float:left;
	margin: 25px 0px 0 0;
}

.credits a{
	color: #911133;
}


/* STICKY FOOTER \*/
clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



/* -----------------------NAVIGATIONEEE----------------------------- */

ul#nav {
height:37px;
padding:0;
width:600px;
list-style:none;
}
ul#nav li {
display:inline;
float:left;
}
ul#nav li a {
display:block;
height:37px;
list-style-type:none;
}
ul#nav li a#home {
background:transparent url(../bilder/navi_bg.jpg) no-repeat scroll 0 0;
text-indent:-9999px;
width:85px;
}
ul#nav li a#home:hover, ul#nav li a#home:active, ul#nav li a#home.active {
background:transparent url(../bilder/navi_bg.jpg) no-repeat scroll 0 -37px;
}

ul#nav li a#studio2 {
background:transparent url(../bilder/navi_bg.jpg) no-repeat scroll -85px 0;
text-indent:-9999px;
width:85px;
}
ul#nav li a#studio2:hover, ul#nav li a#studio2:active, ul#nav li a#studio2.active {
background:transparent url(../bilder/navi_bg.jpg) no-repeat scroll -85px -37px;
}

ul#nav li a#media2 {
background:transparent url(../bilder/navi_bg.jpg) no-repeat scroll -170px 0;
text-indent:-9999px;
width:76px;
}
ul#nav li a#media2:hover, ul#nav li a#media2:active, ul#nav li a#media2.active {
background:transparent url(../bilder/navi_bg.jpg) no-repeat scroll -170px -37px;
}

ul#nav li a#artists2 {
background:transparent url(../bilder/navi_bg.jpg) no-repeat scroll -246px 0;
text-indent:-9999px;
width:85px;
}
ul#nav li a#artists2:hover, ul#nav li a#artists2:active, ul#nav li a#artists2.active {
background:transparent url(../bilder/navi_bg.jpg) no-repeat scroll -246px -37px;
}

ul#nav li a#services2 {
background:transparent url(../bilder/navi_bg.jpg) no-repeat scroll -331px 0;
text-indent:-9999px;
width:91px;
}
ul#nav li a#services2:hover, ul#nav li a#services2:active, ul#nav li a#services2.active {
background:transparent url(../bilder/navi_bg.jpg) no-repeat scroll -331px -37px;
}

ul#nav li a#team2 {
background:transparent url(../bilder/navi_bg.jpg) no-repeat scroll -422px 0;
text-indent:-9999px;
width:70px;
}
ul#nav li a#team2:hover, ul#nav li a#team2:active, ul#nav li a#team2.active {
background:transparent url(../bilder/navi_bg.jpg) no-repeat scroll -422px -37px;
}

ul#nav li a#contact2 {
background:transparent url(../bilder/navi_bg.jpg) no-repeat scroll -492px 0;
text-indent:-9999px;
width:107px;
}
ul#nav li a#contact2:hover, ul#nav li a#contact2:active, ul#nav li a#contact2.active {
background:transparent url(../bilder/navi_bg.jpg) no-repeat scroll -492px -37px;
}