/* @override http://sonnenstudiomusic.com/web/css/sonnenstudio_css.css */

/* @override http://sonnenstudiomusic.com/web/css/sonnenstudio_css.css */

/* @override http://sonnenstudiomusic.com/web/css/sonnenstudio_css.css */

/* CSS Document */

html, body{
	width:100%;
	height:100%;
	min-height:100%;
	margin:0px;
	padding:0px;
	font-size: 10px;
	font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
	color:#000;
  background: #000 url(../bilder/allgemein/bg_references.jpg) center top repeat-y;
}
body{
	background-color:#000000;
}

td img {
  display: block;
}

table, tr, th, td{
	margin:0px;
	padding:0px;
}
h1, h2 {
	font-size: 15px;
	padding: 0;
	margin: 0;
	font-weight: bold;
}

#referenzuebersicht h1 {
  text-transform: uppercase;
  margin: 0 0 15px 0;
}

p {
	font-size:10px;
	font-weight: normal;
	padding: 0px;
	margin:0px;
}

#referenzuebersicht p {
  font-size:12px;
}

a{
	color:#ff0000;
	text-decoration:none;
}

a:link,  a:visited,  a:hover,  a:active{
	color: #FF0000;
	text-decoration: none;
}
div#centerBox {
	position: absolute;
	left: 50%;
	width: 998px;
	margin-left: -499px; 
	top: 0px;
	z-index:auto;
}
div#unten {
	position: absolute;
	left: 0px;
	top: 0px;
	z-index:1;
}
div#oben {
	position: absolute;
	left: 0px;
	top: 0px;
  width: 998px;
  height: 210px;
  min-height: 210px;
  background: url(/web/bilder/navigation/menubg.gif) top left no-repeat;
	z-index:2;
}
a i {
  display: none;
}
div#oben a {
  display: block;
  position: absolute;
}
a#homelink {
  top: 135px;
  left: 104px;
  width: 142px;
  height: 65px;
  background: url(/web/bilder/navigation/home.png) top left no-repeat;
}
a.homelink_f2 {
  background: url(/web/bilder/navigation/home_hover.png) top left no-repeat !important;
}
a#referenceslink {
  top: 132px;
  left: 245px;
  width: 140px;
  height: 62px;
  background: url(/web/bilder/navigation/references.png) top left no-repeat;
}
a.referenceslink_f2 {
  background: url(/web/bilder/navigation/references_hover.png) top left no-repeat !important;
}
a#producerslink {
  top: 132px;
  left: 391px;
  width: 141px;
  height: 62px;
  background: url(/web/bilder/navigation/producers.png) top left no-repeat;
}
a.producerslink_f2 {
  background: url(/web/bilder/navigation/producers_hover.png) top left no-repeat !important;
}
a#studioslink {
  top: 130px;
  left: 533px;
  width: 141px;
  height: 62px;
  background: url(/web/bilder/navigation/studios.png) top left no-repeat;
}
a.studioslink_f2 {
  background: url(/web/bilder/navigation/studios_hover.png) top left no-repeat !important;
}
a#loginlink {
  top: 132px;
  left: 677px;
  width: 141px;
  height: 62px;
  background: url(/web/bilder/navigation/login.png) top left no-repeat;
}
a#loginlink:hover,
a.loginlink_f2 {
  background: url(/web/bilder/navigation/login_hover.png) top left no-repeat !important;
}
a#contactlink {
  top: 130px;
  left: 825px;
  width: 140px;
  height: 62px;
  background: url(/web/bilder/navigation/contact.png) top left no-repeat;
}
a#contactlink:hover,
a.contactlink_f2 {
  background: url(/web/bilder/navigation/contact_hover.png) top left no-repeat !important;
}
div#homeContainer {
	position: absolute;
	left: 104px;
	top: 134px;
  width: 146px;
  height: 101px;
  background: url(/web/bilder/navigation/home_gaffa.png) top left no-repeat;
	display:none;
}
a#hometext {
	position: absolute;
  display: block;
	left: 17px;
	top: 18px;
  width: 51px;
  height: 30px;
  background: url(/web/bilder/navigation/hometext.png) top left no-repeat;
}
a#hometext:hover {
  background: url(/web/bilder/navigation/hometext_hover.png) top left no-repeat;
}
a#abouttext {
	position: absolute;
  display: block;
	left: 17px;
	top: 57px;
  width: 91px;
  height: 27px;
  background: url(/web/bilder/navigation/abouttext.png) top left no-repeat;
}
a#abouttext:hover {
  background: url(/web/bilder/navigation/abouttext_hover.png) top left no-repeat;
}
div#referencesContainer {
	position: absolute;
	left: 246px;
	top: 136px;
  width: 155px;
  height: 227px;
  background: url(/web/bilder/navigation/references_gaffa.png) top left no-repeat;
	display:none;
}
a#referencestext {
	position: absolute;
  display: block;
	left: 11px;
	top: 13px;
  width: 116px;
  height: 29px;
  background: url(/web/bilder/navigation/referencestext.png) top left no-repeat;
}
a#referencestext:hover {
  background: url(/web/bilder/navigation/referencestext_hover.png) top left no-repeat;
}
a#commercialstext {
	position: absolute;
  display: block;
	left: 12px;
	top: 86px;
  width: 108px;
  height: 29px;
  background: url(/web/bilder/navigation/commercialstext.png) top left no-repeat;
}
a#commercialstext:hover {
  background: url(/web/bilder/navigation/commercialstext_hover.png) top left no-repeat;
}
a#musicproductiontext {
	position: absolute;
  display: block;
	left: 11px;
	top: 112px;
  width: 132px;
  height: 27px;
  background: url(/web/bilder/navigation/musicproductiontext.png) top left no-repeat;
}
a#musicproductiontext:hover {
  background: url(/web/bilder/navigation/musicproductiontext_hover.png) top left no-repeat;
}
a#filmmoviestext {
	position: absolute;
  display: block;
	left: 12px;
	top: 139px;
  width: 104px;
  height: 21px;
  background: url(/web/bilder/navigation/filmmoviestext.png) top left no-repeat;
}
a#filmmoviestext:hover {
  background: url(/web/bilder/navigation/filmmoviestext_hover.png) top left no-repeat;
}
a#corporatesoundtext {
	position: absolute;
  display: block;
	left: 12px;
	top: 166px;
  width: 126px;
  height: 23px;
  background: url(/web/bilder/navigation/corporatesoundtext.png) top left no-repeat;
}
a#corporatesoundtext:hover {
  background: url(/web/bilder/navigation/corporatesoundtext_hover.png) top left no-repeat;
}
div#producersContainer {
	position: absolute;
	left: 389px;
	top: 119px;
  width: 153px;
  height: 213px;
  background: url(/web/bilder/navigation/producers_gaffa.png) top left no-repeat;
	display:none;
}
a#producerstext {
	position: absolute;
  display: block;
	left: 23px;
	top: 33px;
  width: 108px;
  height: 30px;
  background: url(/web/bilder/navigation/producerstext.png) top left no-repeat;
}
a#producerstext:hover {
  background: url(/web/bilder/navigation/producerstext_hover.png) top left no-repeat;
}
a#ansgartext {
	position: absolute;
  display: block;
	left: 28px;
	top: 76px;
  width: 67px;
  height: 21px;
  background: url(/web/bilder/navigation/ansgartext.png) top left no-repeat;
}
a#ansgartext:hover {
  background: url(/web/bilder/navigation/ansgartext_hover.png) top left no-repeat;
}
a#saschatext {
	position: absolute;
  display: block;
	left: 31px;
	top: 104px;
  width: 61px;
  height: 25px;
  background: url(/web/bilder/navigation/saschatext.png) top left no-repeat;
}
a#saschatext:hover {
  background: url(/web/bilder/navigation/saschatext_hover.png) top left no-repeat;
}
a#tobitext {
	position: absolute;
  display: block;
	left: 35px;
	top: 133px;
  width: 36px;
  height: 20px;
  background: url(/web/bilder/navigation/tobitext.png) top left no-repeat;
}
a#tobitext:hover {
  background: url(/web/bilder/navigation/tobitext_hover.png) top left no-repeat;
}
a#larstext {
	position: absolute;
  display: block;
	left: 33px;
	top: 160px;
  width: 41px;
  height: 21px;
  background: url(/web/bilder/navigation/larstext.png) top left no-repeat;
}
a#larstext:hover {
  background: url(/web/bilder/navigation/larstext_hover.png) top left no-repeat;
}
div#studiosContainer {
	position: absolute;
	left: 533px;
	top: 132px;
  width: 154px;
  height: 201px;
  background: url(/web/bilder/navigation/studios_gaffa.png) top left no-repeat;
	display:none;
}
a#studiostext {
	position: absolute;
  display: block;
	left: 14px;
	top: 21px;
  width: 76px;
  height: 29px;
  background: url(/web/bilder/navigation/studiostext.png) top left no-repeat;
}
a#studiostext:hover {
  background: url(/web/bilder/navigation/studiostext_hover.png) top left no-repeat;
}
a#studiostext {
	position: absolute;
  display: block;
	left: 34px;
	top: 21px;
  width: 76px;
  height: 29px;
  background: url(/web/bilder/navigation/studiostext.png) top left no-repeat;
}
a#studiostext:hover {
  background: url(/web/bilder/navigation/studiostext_hover.png) top left no-repeat;
}
a#mittetext {
	position: absolute;
  display: block;
	left: 13px;
	top: 57px;
  width: 47px;
  height: 27px;
  background: url(/web/bilder/navigation/mittetext.png) top left no-repeat;
}
a#mittetext:hover {
  background: url(/web/bilder/navigation/mittetext_hover.png) top left no-repeat;
}
a#pbergtext {
	position: absolute;
  display: block;
	left: 14px;
	top: 87px;
  width: 107px;
  height: 26px;
  background: url(/web/bilder/navigation/pbergtext.png) top left no-repeat;
}
a#pbergtext:hover {
  background: url(/web/bilder/navigation/pbergtext_hover.png) top left no-repeat;
}
a#partnerstext {
	position: absolute;
  display: block;
	left: 15px;
	top: 170px;
  width: 60px;
  height: 18px;
  background: url(/web/bilder/navigation/partnerstext.png) top left no-repeat;
}
a#partnerstext:hover {
  background: url(/web/bilder/navigation/partnerstext_hover.png) top left no-repeat;
}
div#studiosFlash {
	position: absolute;
	left: 460px;
	top: 350px;
	width:520px;
	height:380px;
	/*z-index:2;*/
}
div#styleophone {
	position: absolute;
	left: 90px;
	top: 580px;
	height:auto;
	/*z-index:2;*/
}
div#compReferenzen {
	position: absolute;
	left: 140px;
	top: 1100px;
	height:auto;
	color:#FFFFFF;
	/*z-index:2;*/
}
div#referencesBack {
	position: absolute;
	left: 0px;
	top: 0px;
	width:998px;
	height:768px;
}
div#referenzmenues {
	left: 110px;
	top: 190px;
	width:217px;
	height:243px;
  background: url(../bilder/navigation/referencessub.png) top left no-repeat;
	position: absolute;
}
div#referenzaktuell {
  position: absolute;
  top: 119px;
  left: 22px;
  width: 107px;
  height: auto;
  text-align: center;
}

div#referenzaktuell img {
  margin: 0 auto;
}

a#referenzarchiv {
  display: block;
  position: absolute;
  top: 134px;
  left: 50px;
  width: 62px;
  height: 25px;
  background: url(../bilder/navigation/references_archiv.gif) top left no-repeat;
}

div#referenzuebersicht {
	background-image:url(../bilder/allgemein/endloszettel_references.jpg);
	background-position:left top;
	background-repeat:repeat-y;
	position: absolute;
	left: 0px;
	top: 276px;
	padding:10px;
	height:auto;
	width:998px;
	/*overflow:auto;
	border:#000000 solid 2px;
	z-index:2;*/
}
div#dateienuebersicht {
	/*background-image:url(../bilder/allgemein/endloszettel.jpg);*/
	background-position:left top;
	background-repeat:repeat-y;
	position: absolute;
	left: 90px;
	top: 276px;
	padding:10px;
	height:auto;
	width:780px;
	color:#FFFFFF;
	/*overflow:auto;
	border:#000000 solid 2px;
	z-index:2;*/
}
div#fernseher {
	position: absolute;
	left: 0px;
	top: 0px;
	width:680px;
	height:488px;
	overflow:visible;
}
#fett{
	font-weight:bold;
}
.stdTabelle{
	/*border:#222222 solid 1px;*/
}
.stdTabelle th{
	padding:2px 8px 2px 4px;
	font-size: 11px;
}
.stdTabelle td{
	padding:2px 2px 2px 4px;
	/*border-right:#222222 solid 1px;*/
	font-size: 10px;
}
.stdTabelleOver{
	border:#222222 solid 1px;
	background-color:#222222;
}
.stdinput{
	margin-left:10px;
	padding:1px 5px 1px 5px;
	border:#000000 solid 1px;
	font-size: 10px;
	font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
	color:#000000;
	width:300px;
}
.achtung {
	font-size: 10px;
	font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
	color:#FF358B;
}
div#dateiansicht{
padding: 5px 10px;
margin:0px; 
}
.downloadKasten{
	margin:0px;
	padding:0px 0px 0px 0px;
	border:#000000 solid 0px;
	font-size: 10px;
	font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
	text-align:left;
	cursor:pointer;
	color:#000000;
	background-color:transparent;
	width:300px;
}
.dateitabelle{
	/*border:#222222 solid 1px;*/
	color:#FFFFFF;
	padding:0px 0px 20px 0px;
}
.dateitabelle th{
	padding:2px 8px 2px 4px;
	font-size: 11px;
}
.dateitabelle td{
	/*padding:2px 2px 2px 4px;
	border-right:#222222 solid 1px;*/
	font-size: 10px;
}

.dateitabelle a:link, .dateitabelle a:visited, .dateitabelle a:hover, .dateitabelle a:active{
	color: #FF0000;
	text-decoration: none;
}
.dateitabelle a:hover{
	text-decoration: underline;
}

div#homeTextWrapper {
  font-size: 12px;
  margin: 0px 0 0 0;
  padding: 0;
  width: 464px;
  height: 661px;
  overflow-x: hidden;
  overflow-y: auto;
}

div#homeTextWrapper1 {
  font-size: 12px;
  padding: 0;
  width: 464px;
  height: 661px;
  overflow-x: hidden;
  overflow-y: auto;
	margin: 0px 0 0 0px;
	
}


div#homeTextWrapper a {
  color: #CC9933;
}

div#homeTextWrapper p {
  font-size: 12px;
}

div#studiosframe {
  position: absolute;
  top: 275px;
  left: 40px;
  width: 656px;
  height: 553px;
  background-position: 18px 41px;
 background-repeat:no-repeat;
}

div#studiomitte {
  position: absolute;
  top: 275px;
  left: 726px;
  color: #fff;
  font-size: 12px;
  width: 250px;
  text-transform: uppercase;
}

div#studiopberg {
  position: absolute;
  top: 535px;
  left: 726px;
  color: #fff;
  font-size: 12px;
  width: 250px;
  text-transform: uppercase;
}

div#studiomitte h2 {
  width: 285px;
  height: 23px;
  margin: 0 0 4px 0;
  background: url(../bilder/webseiten/prenzlauerberg.gif) top left no-repeat;
}

div#studiopberg h2 {
  width: 229px;
  height: 25px;
  margin: 0 0 4px 0;
  background: url(../bilder/webseiten/prenzlauerberg.gif) top left no-repeat;
}

div#studiomitte h2 i,
div#studiopberg h2 i,
div#partners h1 i {
  display: none;
}

div.picture {
  width: 250px;
  padding: 0;
  margin: 4px 0 0 0;
}

div.picture img {
  float: left;
  margin: 0 6px 12px -1px;
  border: 1px solid transparent;
}

div.picture img:hover {
  border: 1px solid white;
}

div#partners {
  position: absolute;
  top: 280px;
  left: 135px;
  color: #fff;
  font-size: 14px;
}

div#partners h1 {
  width: 392px;
  height: 28px;
  margin: 0 0 16px 0;
  background: url(../bilder/webseiten/hl_partners.gif) top left no-repeat;
}

div#partners a {
  color: #fff;
  line-height: 32px;
}

div.contactUnten {
  width: 743px;
  height: auto;
  padding: 255px 0 0 255px;
  background: url(../bilder/webseiten/ContactBg.jpg) top left no-repeat;
  color: #fff;
  font-size: 14px;
}

span.phone {
  font-size: 13px;
}

span.phoneBold {
  font-size: 13px;
  font-weight: bold;
}

div.contactUnten a {
  color: #fff;
}

div.contactUnten h2 {
  width: 342px;
  height: 46px;
  margin: 0 0 0 -5px;
  background: url(../bilder/webseiten/hl_contact.gif) top left no-repeat;
}

div.contactUnten h2.small {
  width: 214px;
  height: 30px;
  margin: 110px 0 0 0;
  background: url(../bilder/webseiten/hl_contact_small.gif) top left no-repeat;
}

div.contactUnten h2 i {
  display: none;
}

div.contactUnten h3 {
  margin: 0;
}

p.imprint {
  margin: 80px 0 0 0;
  font-size: 9px;
  width: 530px;
}

a#planMitte {
  position: absolute;
  display: block;
  top: 300px;
  left: 520px;
  width: 496px;
  height: 410px;
  background: url(../bilder/webseiten/planmitte.png) top left no-repeat;
}

a#planPBerg {
  position: absolute;
  display: block;
  top: 630px;
  left: 520px;
  width: 407px;
  height: 336px;
  background: url(../bilder/webseiten/planpberg.gif) top left no-repeat;
}

div#phoneMitte {
  top: 480px;
}

div#phonePBerg {
  top: 720px;
}

div.phoneIcon {
  position: absolute;
  display: block;
  left: 185px;
  width: 66px;
  height: 50px;
  background: url(../bilder/webseiten/phoneicon.gif) top left no-repeat;
}

div#faxMitte {

	position: relative;
	bottom: 515px;
}

div#faxPBerg {
  top: 800px;
}

div.faxIcon {
  position: absolute;
  display: block;
  left: 190px;
  width: 59px;
  height: 39px;
  background: url(../bilder/webseiten/faxicon.gif) top left no-repeat;
}

div#designBy {
 



  width: 236px;
  height: 52px;
  background: url(../bilder/webseiten/designby.gif) top left no-repeat;
	margin-top: 80px;
	position: relative;
	right: 50px;
}

div#newsHead {
  position: absolute;
  display: block;
  top: 320px;
  left: 230px;
  width: 500px;
  height: 50px;
  background: url(../bilder/webseiten/newshead.gif) top left no-repeat;
}