@font-face {
    font-family: 'MuseoSlab500';
    src: url('fonts/Museo_Slab_500-webfont.eot');
    src: url('fonts/Museo_Slab_500-webfont.eot?iefix') format('eot'),
         url('fonts/Museo_Slab_500-webfont.woff') format('woff'),
         url('fonts/Museo_Slab_500-webfont.ttf') format('truetype'),
         url('fonts/Museo_Slab_500-webfont.svg#webfontyumMOUTD') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'Museo700';
    src: url('fonts/Museo700-Regular-webfont.eot');
    src: url('fonts/Museo700-Regular-webfont.eot?iefix') format('eot'),
         url('fonts/Museo700-Regular-webfont.woff') format('woff'),
         url('fonts/Museo700-Regular-webfont.ttf') format('truetype'),
         url('fonts/Museo700-Regular-webfont.svg#webfontNpXBDqia') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MuseoSans500';
    src: url('fonts/museosans_500-webfont.eot');
    src: url('fonts/museosans_500-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/museosans_500-webfont.woff') format('woff'),
         url('fonts/museosans_500-webfont.ttf') format('truetype'),
         url('fonts/museosans_500-webfont.svg#MuseoSans500') format('svg');
    font-weight: normal;
    font-style: normal;
}

* {
    margin: 0;
    padding: 0;
}

ul {
	list-style: none outside none;	
}

body {
	/*background-color: #c9d7d7;*/
    background-image: url(../bilder/background-stripes_heller.gif);
    background-repeat: repeat;
    font-family: 'MuseoSans500', Helvetica, Arial, sans-serif;
    font-size: 12px;
    height: 100%;
   /* letter-spacing: 0.1em; */
}

html {
	height: 100%;
}

p {
	font-family: "MuseoSans500";
	font-size: 12px;
	line-height: 20px;
	color: #2a2c2c;
}

h1 {
	font-family: "Museo700";
	font-size: 20px;
	line-height: 20px;
	font-weight:normal;
	font-style: normal;
	letter-spacing: 0.04em;
	color: #2a2c2c;
}

h2 {
	font-family: "Museo700";
	font-size: 14px;
	line-height: 20px;
	font-weight:normal;
	font-style: normal;
	color: #4a6d76;
}

a:visited {
	text-decoration: none;
}

span.fett {
	font-family: 'Museo700';
	color:  #3d494a;
}

/*#links ul li ul a:hover {
    text-decoration: none;
}*/

#verlaufsebene {
	background-image: url(../bilder/verlauf_stripes.png);
	background-repeat: repeat-x;
	height: 200px;
}

#wrapper {
    margin: 0 auto;
    width: 870px;
    padding-top: 15px;
    margin-top: -196px;
    min-height: 100%;
}
/*#test_wrapper {
	margin: 0 auto;
    width: 870px;
    padding-top: 15px;
}*/

#logo {
	width: 870px;
	height: 40px;
	margin: 0 auto;
}

#head {
	height: 330px;
	font-family: "MuseoSlab500";
	line-height: 22px;
}
#head_start {
	height: 610px;
	font-family: "MuseoSlab500";
	line-height: 22px;
}

#head a, #head_start a {
	color: #2a2c2c;
	text-decoration: none;
}

#head a:visited, #head_start a:visited {
	color: #2a2c2c;
	text-decoration: none;
}

#head li, #head_start li {
	padding: 0px 4px;
	margin: 4px 0px;
}

#head li:hover, #head_start li:hover {
	background: #fff;
}

#bannerA {
	height: 330px;
	background: url(../bilder/studioa2.png);
}
#bannerB {
	height: 330px;
	background: url(../bilder/studiob.png);
}

#bannerC {
	height: 330px;
	background: url(../bilder/studioc2.png);
}
#banner_liverecording {
	height: 330px;
	background: url(../bilder/banner_liverecording.png);
}
#banner_kontakt {
	height: 330px;
	background: url(../bilder/banner_kontakt.png);
}
#banner_instrumente {
	height: 330px;
	background: url(../bilder/banner_instrumente.png);
}
#banner_impressum {
	height: 330px;
	background: url(../bilder/banner_impress.png);
}
#banner_musikproduktion {
	height: 330px;
	background: url(../bilder/banner_musikproduktion.png);
}
#banner_lageplan {
	height: 330px;
	background: url(../bilder/banner_lageplan.png);
}
#banner_clients {
	height: 330px;
	background: url(../bilder/banner_clients.png);
}
#banner_start {
	height: 610px;
	background: url(../bilder/banner_start.png);
}
#banner_team {
	height: 330px;
	background: url(../bilder/banner_team.png);
}
/*Navigation*/

#navigation li.nav_bg {
	background-image: url(../bilder/transparenz.png);
}

#navigation2 li.studio_nav_bg {
	background-image: url(../bilder/transparenz.png);
	/*background: rgba(0%, 40%, 30%, 0.6);*/
}

#navigation2 li.studio_nav_bg:hover {
	background: #F74C13;
	/*background: rgba(238%, 123%, 70%, 0.9);*/
}

/* Studio Navigation ausblenden */
#navigation2 {
	display: none;
}

/* Studio Navigation einblenden */
li:hover #navigation2 {
	display: block;
	position: absolute;
	top: 105px;
	margin-left: 14px;
	width: 100px; 
	padding-left: 19px;
	padding-bottom: 3px;
}

#navigation {
	float: left;
	width: 160px;
	padding-left: 35px;
	padding-top: 150px;
}

#navigation li {
	padding-left: 6px;
	letter-spacing:0.03em;
}

#navigation2 li {
	padding-left: 6px;
	letter-spacing:0.03em;
}

/* Breite der Navigations Elemente */

li.impressum {
	width: 110px;
}

li.studios {
	width: 60px;
}

li.mics {
	width: 149px;
}

li.liverecord {
	width: 116px;
}

li.clients {
	width: 59px;
}

li.produktion {
	width: 138px;
}

li.produktion_long {
	width: 143px;
}

li.kontakt {
	width: 67px;
}


li.studioa {
	width: 65px;
}

li.studiob {
	width: 65px;
}

li.studioc {
	width: 65px;
}
li.lageplan {
	width: 87px;
}
li.lageplan_short {
	width: 75px;
}

#language {
	float: right;
	display: block;
	background-image: url(../bilder/transparenz_schwarz.png);	
	padding-left: 8px;
	padding-right: 8px;
	margin-top: 282px;
	margin-right: 3px;
	letter-spacing: 0.03em;
}
#select_lang, #select_lang2 {
	float: left;
	display: block;
	background-image: url(../bilder/transparenz_schwarz.png);	
	padding-left: 8px;
	padding-right: 8px;
	margin-top: 16px;
	margin-left: 8px;
	letter-spacing: 0.03em;
}
#select_lang {
	margin-left: 493px;
}

/*#language a:hover, #select_lang a:hover,  #select_lang2 a:hover{
	color:  #F74C13;
}
#language a, #select_lang a, #select_lang2 a:hover {
	color: #a4b9bc;
}
# #select_lang2 a:hover {
	color: #a4b9bc;
} */

#language a, #select_lang a, #select_lang2 a {
	color: #a4b9bc !important;
}

#language a:hover, #select_lang a:hover, #select_lang2 a:hover {
	color: #F74C13 !important;
}

#schatten {
	background-image: url(../bilder/banner_schatten.png);
	width: 870px;
	height: 9px;
}
/* startkasten */

#start_kasten {
	width: 300px;
    float: right;
    margin-top: 320px;
    background: #fdfefd;
    padding: 4px 8px 20px 19px;
}

/*Part1*/

.ingeneral {
	width: 384px;
    float: left;
    margin-left: 16px;
    padding-left: 19px;
    margin-top: 16px;
    padding-top: 10px;
    padding-bottom: 24px;
    padding-right: 8px;
    background: #fdfefd;
    margin-bottom: 20px;
    float: left;
}
.ingeneral p, h1 {
	padding-top: 8px;
}

/* Footer-styles */

#footer {
	background-color: #dce9ef;
	background-image: url(../bilder/footer_verlauf.png);
	background-position: bottom;
	background-repeat: repeat-x;
	height: 110px;
	width: 100%;
	clear: both;
	margin-top: 30px;
	bottom: 0px !important;
}
#footer_inhalt {
	margin: 0 auto;
	width: 800px;
    padding-top: 20px;
}
#footer p {
	color: #4a6d76;
}
#footer_social p {
	color: #F74C13;
}
#footer_social {
	float: right;
	width: 208px;
	margin-top: -36px;
}
.social_button {
	padding-top: 4px;
	padding-left: 8px;
	float: left;
}
.social_text {
	float: left;
	padding-right: 16px;
}

/*Equipment allgem.*/

#equipment_container, #standort_container {
	width: 838px;
	background-color: #fdfefd;
	float:left;
	margin-top: 16px;
	margin-left: 16px;
	margin-bottom: 40px;
}

#equipment_container ul {
	padding-bottom: 40px;
}

/* Spalten */

#spalte1, #spalte2, #spalte3, #spalte4, #spalte1_unten{
	width: 188px;
	float: left;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 24px;
	line-height: 20px;
}
#spalte1 {
	margin-left: 11px;
}
#spalte1_unten {
	clear: both;
	margin-left: 11px;
}
#spalte2_unten, #spalte3_unten, #spalte4_unten {
	width: 188px;
	float: left;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 24px;
	line-height: 20px;
}

.box_head {
	margin-top: 16px;
	margin-left: 16px;
	clear: both;
	float: left;
	width: 838px;
	border-bottom: 4px solid #2a2c2c;
	padding-bottom: 2px;
}
/* Galeriestyles */

#galerie_block_general {
	float: right;
	width: 408px;
	margin-top: 16px;
	margin-left: 20px;
}
#galerie_block_links {
	float: left;
	margin-left: 16px;
	margin-top: 16px;
}
.galerie_block_links_paddingbottom {
	padding-bottom: 32px;
}
.galerie_paddings {
	float: left;
	height: 75px;
	width: 75px;
	padding-right: 9px;
	padding-bottom: 9px;
}

/*musikproduktionen spalten*/

#kontaktspalte_rechts {
	float: left;
	margin-top: 32px;
	margin-left: 32px;
	margin-bottom: 40px;
}
#kontaktspalte_rechts, #einspalter_links li, #einspalter_ohne_hintergrund li, #equipment_container li {
	line-height: 20px;
}
#logospalte {
	background-image: url(../bilder/logo_musikproduktion.png);
	background-repeat: no-repeat;
	width: 100px;
	height: 80px;
	float: left;
	margin-top: 34px;
	margin-left: 32px;
}

#einspalter_links {
	width: 188px;
	margin-left: 16px;
	padding-right: 8px;
	padding-top: 16px;
	float: left;
	background: #fdfefd;
}

#einspalter_ohne_hintergrund {
	width: 188px;
	padding-right: 8px;
	float: left;
}

/*Formular*/
.padding_booking_head {
	padding: 16px;
}

#formular {
	width: 420px;
    float: right;
    margin-right: 16px;
    margin-top: 16px;
    padding-bottom: 8px;
    background: #fdfefd;
    margin-bottom: 8px;
}
.tabellen_style {
	text-align: left;
	border-spacing: 8px;
	padding: 8px;
}
.tabelle_eingabe {
	border: 0px;
	width: 220px;
	padding: 3px;
	background-color: #d6e8eb;
	size: "100";
	width: "100";
	resize: none;
}
td {
	font-family: 'MuseoSans500', Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight:normal;
	font-style: normal;
    color: #2a2c2c;
	width: 160px;
}
.check {
	margin-bottom: 8px;
	width: 24px;
}
.button {
	background-color:#2d3a3c; 
	color: #fdfefd;
	border: 0px;
	padding: 4px;
	margin-right: 4px;
	width:80px;
}
/*Kontaktseite*/
/*.kontaktbild {
	float: left;
	width: 188px;
	height: 128px;
	background-image: url(../bilder/aussenansicht2.png);
	background-repeat: no-repeat;
	padding-bottom: 60px;
}*/
#standort_container {
	background-image: url(../bilder/karte2.png);
	background-repeat: no-repeat;
	height: 740px;
}
#kontakt_container {
	width: 400px;
	padding: 16px;
	float: left;
}

/*Footer links*/

.info_link {
	clear: both;
}
.diverse {
	padding-top: 60px;
}
.info_link a, .footer_link a {
	text-decoration: underline;
	color: #3d494a;
}
.footer_link {
	float: left;
	padding-top: 16px;
	padding-right: 8px;
}

/*Impressum*/

#dreispalter {
	width: 596px;
	padding: 16px 8px 16px 8px;
	float: left;
}

/*map*/

.hidden {
	visibility: hidden;
	width: 596px;
	height:300px;

}

.einspalter_padding {
	margin-top: 16px;
	padding-top: 16px;
	padding-left: 16px;
	padding-right: 8px;
	padding-bottom: 20px;
	margin-bottom: 150px;
}

#mapcontainer {
	margin-top: 16px;
	margin-left: 24px;
	margin-bottom: 40px;
	height: 300px;
	float: left;
}

#A_mousecontainer {
	height:100px;
	width: 187px;
	margin-left: 240px;
	margin-top: 8px;
	position: absolute;
}

#B_mousecontainer {
	height:110px;
	width: 160px;
	margin-left: 8px;
	margin-top: 8px;
	position: absolute;
}

#C_mousecontainer {
	height:112px;
	width: 147px;
	margin-left: 427px;
	margin-top: 8px;
	position: absolute;
}

#studio_a_highlight, #studio_b_highlight, #studio_c_highlight{
	position: absolute;
	/*margin-top: 67px;
	margin-left: 252px;*/
}

.clean_map {
	position: absolute;
	/*margin-top: 67px;
	margin-left: 252px;*/
}

.linkreiniger a {
	text-decoration: none;
}

/*clients*/

.linkstyle_clients a {
	text-decoration: underline;
	color: #4a6d76;	
}

.linkstyle_clients li {
	list-style: square;
	list-style-position: inside;
	color: #4a6d76;
}

.padding_clientblocks {
	padding-bottom: 20px;
}

.padding_clientblocks2 {
	padding-top: 40px;
}

.padding_links_dreispalter_listyle {
	padding-top: 8px;
	padding-left: 14px;
	list-style: square;
	list-style-position: inside;
}
.padding_links_dreispalter_listyle a {
	text-decoration: underline;
	color: #3d494a;
}

.linkstyle_studios li {
	list-style: square;
	list-style-position: inside;
	color: #FFF;
	font-family: "MuseoSans500";
	font-size: 12px;
	line-height: 20px;
	color: #2a2c2c;
	padding-top: 12px;
}

.padding_agb li {
	padding-top: 34px;
}

#sent_message {
	padding-top: 24px;
	padding-left: 16px;
	padding-right: 8px;
	padding-bottom: 32px;
	width: 396px;
	height: 120px;
    float: right;
    margin-right: 16px;
    margin-top: 16px;
    background: #fdfefd;
    margin-bottom: 8px;
}

#back_button {
	height: 16px;
	width: 40px;
	background-color:#2d3a3c;
	padding: 6px;
	margin-top: 24px; 
	margin-bottom: 24px;
}
#back_button a {
	color: #fdfefd;
	text-decoration: none;
	text-align: center;
	
}