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

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

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

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

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

}

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















* 
{
	margin:0; /* Aussenabst‰nde auf 0 setzen */
	padding:0; /* Innenabst‰nde auf 0 setzen */
	outline-style:none;
}

html, body 
{
	height:100%;
	background: none; 
	color:none;
	margin:0px;
}

/*Dieser div zentriert die Ansicht in der vertikalen */
#distance 
{

/* Da mit dem Div nur die Ausrichtung erfolgen soll, reicht eine Breite von 1 aus */
	width:1px; 
 /* Damit wird das DIV halb so hoch wie die Seite dargestellt wird. */
	height:50%;
	
/* Ohne diesen Befehl w¸rde alles erst ab der H‰lfte anfangen. 
Hat dieser Wert die Hlfte des Inhaltscontainers als negativen Wert, rutscht der Inhalt entsprechend hoch */
	margin-bottom:-400px; 
	margin-left:250px;
}


h1
{
	font-family: 'WCWunderbachMixBtaRegular';
	font-size:5.2em;
	color:#1A135B;
}

h1 a
{
	color:#1A135B;
}

h1 a:hover
{
	color:#790A0E;
}

h2
{
	font-family: 'AmbleBoldItalic';
	font-size:2em;
	color:#5F7316;
	margin-top:45px;
	margin-bottom:15px;
}

h3
{
	font-family: 'AmbleBold';
	font-size:1em;
	color:#5F7316;
	margin-top:15px;
	margin-bottom:5px;
}

p
{
	font-family: 'AmbleLight';
	font-size:1em;
	color:#790A0E;
}







#kopf_grau
{
	width:80%;
	height:175px;
	background:#A6A6A6;
	position:fixed;
	z-index:3;
}

#kopf_weiss
{
	width:783px;
	height:92px;
	border:1px solid black;
	margin-top:65px;
	margin-left:85px;
	background:#fff;
	z-index:3;
}

#kopf_foto
{
	width:405px;
	height:140px;
	margin-top:-52px;
	margin-left:52px;
	background:none;
	z-index:3;
	float:left;
}

#kopf_foto:hover
{
	background:url(../images/band_hover_bg.png) no-repeat;
}

#kopf_logo
{
	width:170px;
	height:280px;
	margin-top:-117px;
	margin-left:548px;
	font-family: 'WCWunderbachMixBtaRegular';
	background:none;
	z-index:3;
}

#kopf_logo:hover h1
{
	color:#790A0E;
}

#links
{
	width:168px;
	height:581px;
	margin-top:175px;
	border:1px solid black;
	background:#fff;
	position:fixed;
	z-index:4;
}

/*  Die Auszeichnungen für das Navigations-Menu !!  */

#navi
{
	width:150px;
	height:300px;
	margin-top:80px;
	margin-left:10px;
	background:none;
	z-index:4;
}

a
{
	text-decoration:none;
}

.aussen
{
	display:block;
	width:150px;
	height:28px;
	margin-top:3px;
	margin-left:0px;
    font-family: 'AmbleBold';
    font-size:1.2em;
    text-align:center;
    padding-top:7px;
    color:white;
	background:#790A0E;
	z-index:4;
}

.aussen:hover
{
    display:block;
	color:#1A135B;
	background:#AFBF75;
}

.innen
{
	margin-left:150px;
	display:none;
	position:absolute;
}

.menu_unterpunkt
{
	width:150px;
	height:28px;
	margin-top:1px;
	margin-left:1px;
    text-align:center;
    padding-top:7px;
	font-family: 'AmbleBold';
    color:#fff;
	background:#790A0E;
	z-index:4;
	float:left;
}

.menu_unterpunkt_corrent
{
	width:150px;
	height:28px;
	margin-top:1px;
	margin-left:1px;
    text-align:center;
    padding-top:7px;
	font-family: 'AmbleBold';
    color:#1A135B;
	background:#5F7316;
	z-index:4;
	float:left;
}

.menu_unterpunkt:hover
{
	color:#1A135B;
	background:#AFBF75;
}

.aussen:hover .innen
{
	display:block;
}

.corrent_page_item
{
	display:block;
	width:150px;
	height:28px;
	margin-top:3px;
	margin-left:0px;
    font-family: 'AmbleBold';
    font-size:1.2em;
    text-align:center;
    padding-top:7px;
    color:#1A135B;
	background:#5F7316;
	z-index:4;
}

.corrent_page_item:hover .innen
{
	display:block;
}



#inhalt_back_kopf
{
	width:677px;
	height:77px;
	margin-top:176px;
	margin-left:191px;
	border:0px solid black;
	background:#fff;
	position:fixed;
	z-index:4;
}

p
{
	font-family: 'AmbleLight';
	font-size:0.7em;
	color:#790A0E;
}






/*  Das ist der allgemeine Inhaltsrahmen zum scrollen!!  */

#inhalt_scroll
{
	width:600px;
	height:160px;
	margin-top:257px;
	margin-left:205px;
	margin-bottom:30px;
	border:1px solid black;
	color:black;
	background:#f6f6f6;
	padding:24px;
	z-index:2;
}

#inhalt_scroll_pictures
{
	width:640px;
	height:160px;
	margin-top:257px;
	margin-left:205px;
	margin-bottom:30px;
	border:1px solid black;
	color:black;
	background:#f6f6f6;
	padding:4px;
	z-index:2;
}

#inhalt_scroll_videos
{
	width:600px;
	height:160px;
	margin-top:257px;
	margin-left:205px;
	margin-bottom:30px;
	border:1px solid black;
	color:black;
	background:#f6f6f6;
	padding:24px;
	z-index:2;
}

#inhalt_scroll_videos h6
{
	font-family: 'AmbleBold';
	margin-top:10px;
	margin-bottom:0px;
	color:#1A135B;
	background:none;
	padding-right:0px;
	padding-bottom:10px;
	float:right;
	z-index:2;
}

#inhalt_scroll_videos a
{
	color:#5F7316;
}

#inhalt_scroll_videos a:hover
{
	color:#790A0E;
}










/*  Die Auszeichnungen für die Discogrphy-Seite!!  */

.disc_rahmen
{
	display:table;
	width:558px;
	height:220px;
	margin-top:20px;
	margin-left:0px;
	border:1px solid #790A0E;     /*  rot  */
	color:black;
	background:#AFBF75;     /*  hellgruen  */
	padding:20px;
	z-index:2;
}

.disc_top
{
	width:500px;
	height:100px;
	margin-top:0px;
	margin-left:0px;
	border:0px solid #fff;
	color:black;
	background:none;
	padding:0px;
	z-index:2;
	float:left;
}

.disc_thumbnail
{
	width:100px;
	height:100px;
	margin-top:0px;
	margin-left:0px;
	border:1px solid #fff;
	color:black;
	background:none;     /*  rot   #790A0E  */
	padding:0px;
	z-index:2;
	float:left;
}

.disc_title
{
	width:300px;
	height:50px;
	margin-top:45px;
	margin-left:115px;
	border:0px solid #fff;
	color:black;
	background:none;
	padding:0px;
	z-index:2;
}

.disc_liste
{
	display:table;
	width:500px;
	height:100px;
	margin-top:15px;
	margin-left:30px;
	border:0px solid #fff;
	color:black;
	background:none;
	padding:0px;
	z-index:2;
	float:left;
}

.disc_liste01
{
	display:table;
	width:200px;
	height:100px;
	margin-top:0px;
	margin-left:0px;
	border:0px solid #fff;
	color:#1A135B;                      /*  blau #1A135B  */
	background:none;
	padding:0px;
	z-index:2;
	float:left;
}

.disc_liste01 h3
{
	margin-top:0px;
	color:#790A0E;     /*  rot  */
}

.disc_liste01 p
{
    font-family: 'AmbleRegular';
	line-height:14px;
	color:#790A0E;     /*  rot  */
}

.disc_liste02
{
	display:table;
	width:240px;
	height:100px;
	margin-top:0px;
	margin-left:210px;
	border:0px solid #fff;
	color:#1A135B;                      /*  blau #1A135B  */
	background:none;
	padding:0px;
	z-index:2;
}

.disc_liste02 h3
{
	margin-top:0px;
	color:#790A0E;     /*  rot  */
}

.disc_liste02 p
{
    font-family: 'AmbleRegular';
	line-height:14px;
	color:#790A0E;     /*  rot  */
}






/*  Die Auszeichnung für die Road-Seite!!  */

.road_rahmen
{
	display:table;
	width:560px;
	height:220px;
	margin-top:20px;
	margin-left:0px;
	border:0px solid white;
	color:black;
	background:#DCDCDC; 
	padding:20px;
	z-index:2;
}

.road_top
{
	width:200px;
	height:250px;
	margin-top:0px;
	margin-left:0px;
	border:0px solid #fff;
	color:black;
	background:none;
	padding:0px;
	z-index:2;
	float:left;
}

.road_thumbnail
{
	width:50px;
	height:50px;
	margin-top:20px;
	margin-left:80px;
	border:0px solid #fff;
	color:black;
	background:none;
	padding:0px;
	z-index:2;
	float:right;
}

.road_adresse
{
	width:200px;
	height:150px;
	margin-top:-50px;
	margin-left:0px;
	border:0px solid #fff;
	color:black;
	background:none;
	padding:-20px;
	z-index:2;
	position:absolute;
}

.road_adresse h3
{
	color:#790A0E;
	background:none;
	padding:0px;
	z-index:2;
}

.road_adresse h4
{
    font-family: 'AmbleBoldItalic';
	font-size:1.3em;
	line-height:1.1em;
	color:#5F7316;                                     /*  dunkelgruen  */
	background:none;
	padding:0px;
	z-index:2;
}

.road_adresse h5
{
    font-family: 'AmbleBold';
	font-size:1.2em;
	line-height:1.3em;
	color:#1A135B;                                     /*  blau  */
	background:none;
	padding:0px;
	z-index:2;
}

.road_adresse p
{
    font-family: 'AmbleBold';
	font-size:0.8em;
	color:#1A135B;
	background:none;
}

.road_map
{
	width:319px;
	height:250px;
	margin-top:0px;
	margin-left:0px;
	border:2px solid #5F7316;
	color:black;
	background:none;
	padding:0px;
	z-index:2;
	float:right;
}

.road_map_1
{
	display:block;
	width:319px;
	height:250px;
	margin-top:0px;
	margin-left:0px;
	border:2px solid #5F7316;
	color:black;
	background:url(../images/berlin_sw.jpg) no-repeat;
	padding:0px;
	z-index:2;
	float:right;
}

.road_map_1:hover
{
	background:url(../images/berlin.jpg) no-repeat;
}


.road_map_2
{
	width:319px;
	height:250px;
	margin-top:0px;
	margin-left:0px;
	border:2px solid #5F7316;
	color:black;
	background:url(../images/kopenhagen_sw.jpg) no-repeat;
	padding:0px;
	z-index:2;
	float:right;
}

.road_map_2:hover
{
	background:url(../images/kopenhagen.jpg) no-repeat;
}


.road_map_3
{
	display:block;
	width:319px;
	height:250px;
	margin-top:0px;
	margin-left:0px;
	border:2px solid #5F7316;
	color:black;
	background:url(../images/wien_sw.jpg) no-repeat;
	padding:0px;
	z-index:2;
	float:right;
}

.road_map_3:hover
{
	display:block;
	background:url(../images/wien.jpg) no-repeat;
}







/*  Die Auszeichnung für die Bilder-Galerie !!  */

#frame
{
	display:table;
	width:100%;
	height:520px;
	margin-top:0px;
	margin-left:0px;
	border:1px solid #790A0E;     /*  rot  */
	color:black;
	background:none;
	z-index:2;
}







/*  Die Auszeichnungen für die Video-Seite!!  */

.vorschau_rahmen
{
	display:table;
	width:558px;
	height:220px;
	margin-top:20px;
	margin-left:0px;
	border:1px solid #790A0E;
	color:black;
	background:#AFBF75;
	padding:20px;
	z-index:2;
}

.vorschau_links
{
	width:250px;
	height:90px;
	padding:10px;
	margin-top:10px;
	float:left;
	background:white;
}

.vorschau_rechts
{
	width:250px;
	height:90px;
	padding:10px;
	margin-top:10px;
	float:right;
	background:white;
}

.vorschau_bild
{
	width:130px;
	height:90px;
	padding:0px;
	background:none;
	float:left;
}

.vorschau_text
{
	width:88px;
	height:68px;
	padding:10px;
	border:1px solid #B4B4B4;
	background:none;
	float:right;
}

.vorschau_text h3
{
	margin-top:-5px;
}

.video_rahmen
{
	display:table;
	width:598px;
	height:360px;
	margin-top:20px;
	margin-left:0px;
	border:1px solid #790A0E;
	color:black;
	background:none;
	padding:0px;
	z-index:2;
}








/*  Weisser Rahmen unter dem Inhalts-Scroll-Rahmen  */

#inhalt_back
{
	width:678px;
	height:620px;
	margin-top:175px;
	margin-left:190px;
	border:1px solid black;
	background:#fff;
	position:fixed;
	z-index:1;
}










/* Style fuer Kontaktformular */




.font-big {
    font-family: 'AmbleBold';
 font-size:16px; font-weight:bold;
 padding-left:10px;
 color:#1A135B;                                             /*  blau  */
}
.font-small {
    font-family: 'AmbleLight';
 font-size:10px; font-weight:normal;
 padding-left:0px;
 color:#790A0E;                                               /*  rot  */
}
.table {
 background-color:#FFFFFF;
 width:100%;
}
.table2 {
 background-color:#FFFFFF;
 width:100%;
}
.head {
 background-color:#AFBF75;               /*  hellgruen  */
}
.main {
 background-color:#ECECEC;
    font-family: 'AmbleLight';
 font-size:13px; font-weight:normal;
  padding-left:10px;
 color:#790A0E;                                               /*  rot  */
}
.foot {
 background-color:#AFBF75;               /*  hellgruen  */
}
.align {
 text-align:left;
}
.textarea {
 background-color:#ECECEC;
 color:#000000;
    font-family: 'AmbleLight';
 font-size:12px;
 font-weight: normal;
 border : 1px solid #808080;
}
.input {
 background-color:#ECECEC;
 color:#000000;
    font-family: 'AmbleLight';
 border : 1px solid #808080;
 font-size:12px;
}
.select {
 background-color:#ECECEC;
 color:#000000;
    font-family: 'AmbleLight';
 border : 1px solid #808080;
 font-size:12px;
}
.textarea:hover, .textarea:focus, .input:hover, .input:focus, .select:hover, .select:focus {
 border : 1px solid #000000;
}
.button {
 width: 130px;
}

.main a
{
 color:#5F7316;                                             /*  blau  */
}

.main a:hover
{
 color:#790A0E;                                             /*  rot  */
}