
img { border: 0; }

html { height: 95%; }

body {
	font: normal 14px/19px Verdana, Arial, Helvetica, sans-serif;
	color: #4f5e65;
	background-color: #efece1;
	margin: 0; padding: 0;
	width: 6500px;
	height: 100%;
}

* {margin: 0; padding: 0;}

#page {
	position: absolute;
	top: 50%;
	margin: -250px 0 0 0;
	padding: 0;
	height: 509px;
	width: 6500px;
}

.menu { position: absolute; z-index: 500; }
.menu ul { list-style: none; }

 a:link { text-decoration:underline; color:#426f89;  }
 a:visited { text-decoration:underline; color:#426f89; }
 a:hover { text-decoration:none; color:#469cd1; cursor: pointer; }
 a:active { text-decoration:none; color:#426f89; outline: none; }
 a:focus { text-decoration:none; color:#426f89; outline: none; }

h1 {font: normal 14px/10px Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration:none; padding: 3px; }
h2 {font: normal 14px/30px Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration:none; }

h1 a:link, h2 a:link, .ueb a:link, a.fade { text-decoration:none; color:#426f89; font-weight: bold; }
h1 a:visited, h2 a:visited, a.fade { text-decoration:none; color:#426f89; font-weight: bold;}
h1 a:hover, h2 a:hover, a.fade { text-decoration:none; color:#426f89; font-weight: bold;}
h1 a:active, h2 a:active, a.fade { text-decoration:none; color:#426f89; font-weight: bold;}
h1 a:focus, h2 a:focus, a.fade { text-decoration:none; color:#426f89; font-weight: bold;}

.blau { color: #426f89;}

/* NEUES ________________________________________*/

#neues {
	position: absolute;
	width: 947px; height: 509px;
	background-image: url(Zeugs/news_back.jpg); background-repeat: no-repeat;
}

#newsarchiv, #newsaktuell  { 
	position: absolute;
	margin: 150px 0 0 174px; padding: 4px 0 0 0; 
	height: 315px; width: 403px;
	overflow: auto;
	z-index: 10;
} 

#newsarchiv { 
	position: absolute; 
	margin: 150px 0 0 174px; padding: 0; 
	height: 319px; width: 403px;
	overflow: auto;
	z-index: 5;
}

#accordion {width: 380px; white-space: normal;}

.archivdatum { 	font: normal 14px/19px Verdana, Arial, Helvetica, sans-serif; }

h3.toggler, h3.toggler2 {
	cursor: pointer;
	font: normal 14px/10px Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color:#426f89;	
	margin: 5px 0 10px 0;
}

#menu_A { margin: 158px 0 0 50px; }

#newssteuerung { position: absolute; margin: 480px 0 0 420px; } 
#archiv { margin: 10px 0 0 30px; }
#archiv2 { margin: -28px 0 0 20px; visibility: hidden; }
#language { margin: -25px 0 0 410px; }

#blende1 { position: absolute; background-color: #f9f9f9; width: 410px; height: 215px; margin: 141px 0 0 170px; z-index: 10; text-align: center; padding-top: 115px; }


/* STUDIO ________________________________________*/

#studio {
	position: absolute;
	margin-left: 947px; padding-left: 100px;
	width: 840px; height: 509px;
	background-image: url(Zeugs/studio_back.jpg); background-repeat: no-repeat;
}

.studiotab { position: absolute; width: 647px; height: 400px; margin-top: 50px; padding: 0;	}

.studiotext { position: absolute; overflow: auto; }

#studio1 { background-image: url(Zeugs/studio_konzept.gif); background-repeat: no-repeat; }
#studio1_text {	width: 575px; height: 150px; margin: 67px 0 0 45px; }

#studio2 { background-image: url(Zeugs/studio_ausstattung.gif); background-repeat: no-repeat; }
#studio2_text {	width: 575px; height: 270px; margin: 60px 0 0 42px; }

#studio3 { background-image: url(Zeugs/studio_mikro.gif); background-repeat: no-repeat; }
#studio3_text { width: 520px; height: 100px; margin: 57px 0 0 90px; }

.studiobutton { position: absolute; height: 20px; }

#button_konzept { margin: 9px 0 0 48px; width: 115px; height: 23px; padding: 6px 0 0 12px; }
#button_ausstattung { margin: 10px 0 0 231px; width: 206px; height: 23px; padding: 6px 0 0 11px; }
#button_mikro{ margin: 12px 0 0 503px; width: 95px; height: 21px; padding: 7px 0 0 11px; }

#equipment { position: absolute; margin-top: 360px; width: 630px; }
#sputnik { position: absolute; margin: 50px 0 0 5px; }

#blende2 { position: absolute; background-color: #efece1; width: 800px; height: 309px; margin-left: 1047px; z-index: 10; text-align: center; padding-top: 200px; }

/* REFERENZEN ________________________________________*/

#referenzen {
	position: absolute;
	margin-left: 1787px; padding: 0 0 0 30px;
	width: 1060px; height: 509px;
	background-image: url(Zeugs/references_back.jpg); background-repeat: no-repeat;
	overflow: hidden;
}

#ref_lesen { position: absolute; bottom: 0; margin: 0 0 15px 15px; height: 460px; width: 900px; overflow: hidden; z-index:5; }

#stapel_blende { background-color: #efece1; position: absolute; margin: 50px 0 0 15px; height: 460px; width: 900px;}
*:first-child+html #stapel_blende { margin-left: -385px; }

#ref_blende { position: absolute; margin: 400px 0 0 15px; height: 40px; width: 900px; background-image: url(Zeugs/ref_blende.png); background-repeat: repeat-x; z-index: 10; }
#ref_blende2 { margin-top: -80px; position: absolute; height: 500px; width: 900px; background-image: url(Zeugs/ref_blende2.png); background-repeat: repeat-x; z-index: -1; }

#ref_switch { position: relative; margin: 0 0 0 400px; z-index: 50; }

#ref_sw_l { position: relative; margin: -23px 0 0 120px; z-index: 50; } 
#ref_sw_l2 { position: relative; margin: -27px 0 0 120px; z-index: 20; }
#check-blende { background-color: #efece1; height: 27px; margin-top: -27px; z-index: 50; }   
 
.referenz {	position: absolute;	height: 380px; width: 890px; margin: 45px 0 0 5px;}

.ref_text {	position: absolute;	width: 800px; overflow: auto; }

#CDstapel { outline: none; margin-top: -50px; }

#ref1 { background-image: url(Zeugs/ref_musikproduktion.gif); background-repeat: no-repeat; visibility: visible; }
#ref_text_1 {margin: 75px 0 0 28px;}

#ref2 { background-image: url(Zeugs/ref_komponist.gif); background-repeat: no-repeat; visibility: hidden; }
#ref_text_2 {margin: 75px 0 0 28px;}

#ref3 {	background-image: url(Zeugs/ref_arrangeur.gif); background-repeat: no-repeat; visibility: hidden; }
#ref_text_3 {margin: 75px 0 0 28px;}

#ref4 { background-image: url(Zeugs/ref_instrumentalist.gif); background-repeat: no-repeat;	visibility: hidden; }
#ref_text_4 {margin: 75px 0 0 28px;}

#ref5 { background-image: url(Zeugs/ref_tontechniker.gif); background-repeat: no-repeat; visibility: hidden; }
#ref_text_5 {margin: 80px 0 0 35px;}

#button_komponist {	position: absolute;	margin: 25px 0 0 190px; padding: 7px 0 0 3px; height: 22px; width: 220px;  }
#button_arrangeur { position: absolute; margin: 23px 0 0 413px; padding: 10px 0 0 21px; height: 23px; width: 109px; }
#button_instrumentalist { position: absolute; margin: 17px 0 0 544px; padding: 14px 0 0 50px; height: 25px; width: 121px; }
#button_techniker { position: absolute; margin: 13px 0 0 717px; padding: 15px 0 0 20px; height: 28px; width: 137px; }
#button_produktion { position: absolute; margin: 23px 0 0 17px; padding: 9px 0 0 17px; height: 25px; width: 155px; }

#menu_B { margin: 39px 0 0 1697px;}

#home_1 { position: absolute; margin: 369px 0 0 1717px; z-index: 2 }

/* MUSIK ________________________________________*/

#musik {
	position: absolute;
	margin-left: 2847px;
	width: 740px; height: 509px;
	padding-left: 150px;
	background-image: url(Zeugs/musik_back.jpg); background-repeat: no-repeat;
}

#Player { outline: none; }

/* KONTAKT ________________________________________*/

#kontakt {
	position: absolute;
	margin-left: 3737px;
	width: 939px; height: 509px;
	background-image: url(Zeugs/contact_back.jpg); background-repeat: no-repeat;
}

form { margin: -13px 0 0 100px; padding: 33px 0 0 20px; width: 600px; height: 325px; background-image: url(Zeugs/contact_links.png); background-repeat: no-repeat; z-index: 10; }
form p { margin: 100px 0 0 180px; }

label { width:150px; display: block; float: left; text-align: right; padding-right: 15px; }

input { width: 200px; margin-bottom: 15px; margin-right: 100px; }

.eingabe, textarea { padding: 2px 1px 2px 1px; font: normal 13px/19px Verdana, Arial, Helvetica, sans-serif; color: #4f5e65; background-color: #f9f9f9; border: 1px solid #a5acb2; }

textarea { width:400px; height: 150px; }

#button { margin: 10px 0 0 165px; height: 29px; width: 64px;}

#kontaktformular { position:absolute; margin: 50px 0 0 65px; z-index: 5; }

#menu_C { position: absolute; margin: 45px 0 0 5px; }

#myspace { position: absolute; margin: 430px 0 0 -10px; }
#home_2 { position: absolute; margin: 300px 0 0 60px; z-index: 50 }
#imp_but { position: relative; margin: -29px 0 0 -235px; z-index: 10;}
#imp_but2 { position: relative; margin: 29px 0 0 -235px; z-index: 5; }

*:first-child+html #imp_but {  margin: -30px 0 0 -235px; }

#warten { 
	visibility: hidden;
	position:absolute;
	height: 73px; width: 74px;
	margin: 80px 0 0 620px;
}

#imp_slider { 
	position: absolute; z-index: 1;
	background-image: url(Zeugs/impressum_back.png); background-repeat: no-repeat;
	width: 360px; height: 202px; 
	margin: 230px 0 0 205px;
	text-align: center;
}
#imp_slider p { padding-top: 90px; }

/* LINKS ________________________________________*/

#links {
	position: absolute;
	margin-left: 4676px;
	width: 950px; height: 509px;
	background-image: url(Zeugs/links_back_e.jpg); background-repeat: no-repeat;
}

.linkbild { position:absolute; width: 598px; height: 113px; margin: 75px 0 0 67px; }


#linke_seite span { padding: 6px 0 7px 0; }
#rechte_seite span { padding: 6px 0 7px 0; }

#linke_seite { position:absolute; z-index: 3; width: 300px; margin: 190px 0 0 104px; }

#rechte_seite { position:absolute; z-index: 3; margin: 190px 0 0 404px; }

#menu_D { margin: 85px 0 0 823px; }
*:first-child+html #menu_D { margin: 90px 0 0 823px; }

#l_1 { background-image: url(Zeugs/animiert/l_1.jpg) }
#l_2 { background-image: url(Zeugs/animiert/l_2.jpg) }
#l_3 { background-image: url(Zeugs/animiert/l_3.jpg) }
#l_4 { background-image: url(Zeugs/animiert/l_4.jpg) }
#l_5 { background-image: url(Zeugs/animiert/l_5.jpg) }
#l_6 { background-image: url(Zeugs/animiert/l_6.jpg) }
#l_7 { background-image: url(Zeugs/animiert/l_7.jpg) }

#r_1 { background-image: url(Zeugs/animiert/r_1.jpg) }
#r_2 { background-image: url(Zeugs/animiert/r_2.jpg) }
#r_3 { background-image: url(Zeugs/animiert/r_3.jpg) }
#r_4 { background-image: url(Zeugs/animiert/r_4.jpg) }
#r_5 { background-image: url(Zeugs/animiert/r_5.jpg) }
#r_6 { background-image: url(Zeugs/animiert/r_6.jpg) }
#r_7 { background-image: url(Zeugs/animiert/r_7.jpg) }

/* Abspann ________________________________________*/

#hand { position: absolute; right: 100px; z-index: 1 }
#home_3 { position: absolute; right: 350px; margin-top: 200px; z-index: 2 }

