@charset "utf-8";
/* CSS Document */

/*	Copyright (c) 2013 Agentur3B GmbH
	
	@author:	Jens Metzler/Agentur3B GmbH
	@version:	v1
	@customer:	LiKE TH!S - Acoustic Cover Rockband
------------------------------------------------------------------------------------------------------*/

/*	RESET
------------------------------------------------------------------------------------------------------*/
html {overflow-y:scroll; background:#000; }

html, body {height: 100%;}

div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}

body {
	margin: 0px 0px 0px 0px;
	background: url(../img/takamine_background.png);
	background-position: top center;
	background-repeat: no-repeat;
	background-color: #000;
		
}


/*	GLOBAL
------------------------------------------------------------------------------------------------------*/
#logo a {
	margin: 75px 0px 0px 175px;
	padding: 0px 0px 0px 0px;
    position: absolute;
    display: block;
    height: 95px;
    width: 175px;
    background:url(../img/logo.png) no-repeat scroll 0% 0% transparent;
	overflow: hidden;
	text-indent: -9999px; 
}

.twentysecond_music {
	margin: 45px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
    position: left;
	
}

.facepile {
	margin: 500px 0px 0px 395px;
	padding: 0px 0px 0px 0px;
    height: 235px;
	width: 235px;
	position: absolute;
	border-color: #333;
}
	
	
.wrapper {
	margin: 0px auto 0px auto;
	padding: 0px;
	width: 1200px;
	height: 100%;
	/*border: 1px solid #0f0;*/
	background: url(../img/takamine_wrapper.png) no-repeat;
}
.fixfloat {clear: both; margin: 0px;}

/*	NAVIGATION
------------------------------------------------------------------------------------------------------*/
ul#menu {
	margin: 277px 0px 0px 150px;
	padding: 0px 0px 0px 0px;
	width: 240px;
	float: left;
	list-style: none;
	background-attachment:fixed;
}

ul li a {
	text-align: center;
	padding: 4px 20px 0px 20px;
	display: block;
	text-decoration: none;
	font-family: 'anudawregular';
	font-size: 20px;
	color: #fff;
	transition: all 0.5s ease-out 0s;

}

ul li a:hover,
ul li a.active {
	color: #ff6600;
}


/*	CONTENT
------------------------------------------------------------------------------------------------------*/
.content {
	margin: 0px 0px 0px 13px;
	padding: 0px 0px 0px 0px;
	background:url(../img/content.png);
	width: 720px;
	float: left;
	height: 100%;
	
}

.gitarrenhals {
	margin: 281px 0px 0px 396px;
	padding: 0px 0px 0px 0px;
	background:url(../img/gitarren_hals.png) no-repeat;
	position: absolute;
	min-height: 290px;
    width: 730px;	
}
.saiten_bild a {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	position: absolute;
	overflow: hidden;
	text-indent: -9999px;
}

.galerie a {
	min-height: 280px;
    width: 282px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	float:left;
	overflow: hidden;
	text-indent: -9999px;
}

.col_1,.col_2 {
	width: 265px;
	min-height: auto;
	float: left;

}

.col_1 {margin: 50px 0px 0px 80px; /*background: #ff6600*/}

.col_2 {margin: 50px 0px 0px 30px; /*background: #F3C*/}

.col_3 {margin: 30px 0px 0px 80px; 
		/*background: #FF0;*/
		width: 565px;
		height: 100%; 
		float: left;
		

}

.col_4 {margin: 20px 0px 0px 30px;  
		/*background: #0FF*/;
		width: 265px;
		height: auto;
		float: left;
		

}

.news { 
	font-family: 'Arimo', Tahoma, Geneva, sans-serif;
	margin: 20px 0px 0px 80px;
	width: 300px;
	min-height: auto;
	float: left;

}

.news a {
	margin-left: 2px;
	text-decoration: none;
	color:#fff;
	transition: all 0.5s ease-out 0s;
} 

.news a:hover {
	color: #ff6600;
}

.kontakt_links {
	font-family: 'Arimo', Tahoma, Geneva, sans-serif;
	font-size: 13px;
	margin: 0px 0px 0px 0px;
	min-height: auto;
	float: left;
	/*position: absolute;*/
	width: 109px;
}

.kontakt_links  a {
	text-decoration: none;
	color:#fff;
	transition: all 0.5s ease-out 0s;
}

.kontakt_links  a:hover {
	color: #ff6600;
}

/*	GLOBAL
------------------------------------------------------------------------------------------------------*/
#audio {
	margin-top: 150px;
	display:block;
}
/*	BANDMITGLIEDER LINKS
------------------------------------------------------------------------------------------------------*/
.bandmitglied_profil a {
	min-height: 275px;
	width: 100px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	position: absolute;
	overflow: hidden;
	text-indent: -9999px;
}

.bandmitglied_profil a.marco {margin: 57px 0px 0px 13px;	width: 100px; height: 275px; background:url(../img/marco_farbig_hover.png) no-repeat; opacity:0; 
transition: all 0.5s ease-out 0s;}
.bandmitglied_profil a.marco:hover {margin: 57px 0px 0px 13px;	width: 100px; height: 275px; opacity:100}

.bandmitglied_profil a.reinhold {margin: 36px 0px 0px 95px;	width: 170px; height: 297px; background:url(../img/reinhold_farbig_hover.png) no-repeat; opacity:0; transition: all 0.5s ease-out 0s;}
.bandmitglied_profil a.reinhold:hover {margin: 36px 0px 0px 95px;	width: 170px; height: 297px; opacity:100}

.bandmitglied_profil a.melanie {margin: 73px 0px 0px 228px;	width: 145px; height: 260px; background:url(../img/melanie_farbig_hover.png) no-repeat; opacity:0;transition: all 0.5s ease-out 0s; }
.bandmitglied_profil a.melanie:hover {margin: 73px 0px 0px 228px;	width: 145px; height: 260px;opacity:100}

.bandmitglied_profil a.thomas {margin: 29px 0px 0px 328px;	width: 153px; height: 304px; background:url(../img/thomas_farbig_hover.png) no-repeat; opacity:0; 
transition: all 0.5s ease-out 0s;}
.bandmitglied_profil a.thomas:hover {margin: 29px 0px 0px 328px;	width: 153px; height: 304px; opacity:100 }

.bandmitglied_profil a.pierre {margin: 34px 0px 0px 407px;	width: 152px; height: 299px; background:url(../img/pierre_farbig_hover.png) no-repeat; opacity:0; 
transition: all 0.5s ease-out 0s;}
.bandmitglied_profil a.pierre:hover {margin: 34px 0px 0px 407px;	width: 152px; height: 299px; opacity:100}
	
.zurueck a {	margin: 0px 0px 0px 80px;	 font-family: 'Arimo', Tahoma, Geneva, sans-serif; font-size: 13px; font-weight: bold; color: #fff; text-decoration: none;
				transition: all 0.5s ease-out 0s;}
				
.zurueck a:hover { color: #ff6600; }

/*	FOTOS HINTER SAITEN
------------------------------------------------------------------------------------------------------*/
.saiten_bild a.marco {margin: 332px 0px 0px 476px;	width: 160px; height: 170px; background:url(../img/marco.png) 0px 0px no-repeat;}
.saiten_bild a.marco:hover {background:url(../img/marco.png) 0px -170px;}

.saiten_bild a.melanie {margin: 318px 0px 0px 633px; width: 140px; height: 140px; background:url(../img/melanie.png) 0px 0px no-repeat;}
.saiten_bild a.melanie:hover {background:url(../img/melanie.png) 0px -140px}

.saiten_bild a.reinhold {margin: 390px 0px 0px 765px; width: 150px; height: 150px; background:url(../img/reinhold.png) 0px 0px no-repeat;}
.saiten_bild a.reinhold:hover {background:url(../img/reinhold.png) 0px -150px;}

.saiten_bild a.pierre {margin: 248px 0px 0px 765px; width: 145px; height: 140px; background:url(../img/pierre.png) 0px 0px no-repeat;}
.saiten_bild a.pierre:hover {background:url(../img/pierre.png) 0px -140px;}

.saiten_bild a.thomas {margin: 334px 0px 0px 910px; width: 150px; height: 155px; background:url(../img/thomas.png) 0px 0px no-repeat;}
.saiten_bild a.thomas:hover {background:url(../img/thomas.png) 0px -155px;}

/*	FOTOS
------------------------------------------------------------------------------------------------------*/
.bilder-versteckt {
	display: none;
}

.galerie a.bkf {margin: 110px 0px 0px 75px;	width: 282px; height: 280px; background:url(../img/galerie_bkf.png) 0px 0px no-repeat;}
.galerie a.bkf:hover {background:url(../img//galerie_bkf.png) 0px -280px;}

.galerie a.muelheim {margin: 150px 0px 0px 10px;	width: 285px; height: 280px; background:url(../img/galerie_muelheim.png) 0px 0px no-repeat;}
.galerie a.muelheim:hover {background:url(../img/galerie_muelheim.png) 0px -280px;}

.galerie a.spork {margin: 0px 0px 0px 75px;	width: 285px; height: 280px; background:url(../img/galerie_spork.png) 0px 0px no-repeat;}
.galerie a.spork:hover {background:url(../img/galerie_spork.png) 0px -280px; float:}

.galerie a.molkerei {margin: 50px 0px 0px 10px;	width: 285px; height: 280px; background:url(../img/galerie_alte_molkerei.png) 0px 0px no-repeat;}
.galerie a.molkerei:hover {background:url(../img/galerie_alte_molkerei.png) 0px -280px;}

.bandfoto {
	margin: 215px 0px 0px 75px;
	padding: 0px 0px 0px 0px;
	height: 395px;
	width: 595px;
	background: url(../img/bandfoto.png) no-repeat;
}

.marco {
	margin: 50px 0px 0px 375px;
	padding: 0px 0px 0px 0px;
	height: 175px;
	width: 270px;
	background: url(../img/marco_v2.png) no-repeat;
}

.reinhold {
	margin: 50px 0px 0px 375px;
	padding: 0px 0px 0px 0px;
	height: 175px;
	width: 270px;
	background: url(../img/reinhold_v2.png) no-repeat;
}

.melanie {
	margin: 50px 0px 0px 375px;
	padding: 0px 0px 0px 0px;
	height: 175px;
	width: 270px;
	background: url(../img/melanie_v2.png) no-repeat;
}

.pierre {
	margin: 50px 0px 0px 375px;
	padding: 0px 0px 0px 0px;
	height: 175px;
	width: 270px;
	background: url(../img/pierre_v2.png) no-repeat;
}

.thomas {
	margin: 50px 0px 0px 375px;
	padding: 0px 0px 0px 0px;
	height: 175px;
	width: 270px;
	background: url(../img/thomas_v2.png) no-repeat;
}

/*	INSTRUMENTE
------------------------------------------------------------------------------------------------------*/
.gitarre {
	margin: 265px 0px 0px 135px;
	padding: 0px 0px 0px 0px;
	height: 347px;
	width: 493px;
	background:url(../img/marco_yamaha_apx_6a.png) no-repeat;
}

.schlagzeug {
	margin: 370px 0px 0px 345px;
	padding: 0px 0px 0px 0px;
	height: 235px;
	width: 302px;
	background:url(../img/reinhold_drumset.png) no-repeat;
}

.microfon {
	margin: 470px 0px 0px 380px;
	padding: 0px 0px 0px 0px;
	height: 131px;
	width: 266px;
	background: url(../img/melli_thomas_microfon.png) no-repeat;
}

.gitarre2 {
	margin: 150px 0px 0px 250px;
	padding: 0px 0px 0px 0px;
	height: 449px;
	width: 353px;
	background :url(../img/pierre_takamine.png) no-repeat;
}

.e-gitarre_microfon{
	margin: 630px 0px 0px 80px;
	padding: 0px 0px 0px 0px;
	height: 381px;
	width: 547px;
	background: url(../img/thomas_e-gitarre_microfon.png) no-repeat;
}