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

BODY {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
}

UL {
	list-style:none;
	padding:0px;
	margin:0px;
}

IMG {
	border:0;
}

.clear {
	clear:both;
}

.green {
	color:#0C0;
	font-weight:bold;
}

.spacer_10 {
	height:10px;
}

.spacer_20 {
	height:20px;
}

.page {
	position:relative;
	width:100%;
	width:1280px;
	height:1050px;
	color:#FFF;
}

.header {
	position:absolute;
	top:20px;
	width:1280px;
	font-size:12px;
	font-weight:bold;
}

.logo {
	float:left;
	width:416px;
	height:121px;
}

.navigation {
	position:relative;
	float:left;
	background:url(images/bg_header.png);
	border-left:#CCC 1px dotted;
	width:863px;
	height:121px;
}

.navigation_links {
	position:absolute;
	top:20px;
	left:0px;
	height:117px;
}

.navigation ul {
	float:left;
	padding-left:55px;
	padding-top:17px;
}

.navigation a {
	text-decoration:none;
	color:#FFFFFF;
}

.navigation a:hover {
	color:#d11010;
	text-decoration:none;
}

.icons {
	top:105px;
	position:absolute;
	left:245px;
}

.content {
	position:absolute;
	background:url(images/bg_home.png);
	left:320px;
	top:210px;
	width:477px;
	height:780px;
	padding:30px;
}

.welcome {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:28px;
	color:#9fa1a5;
	text-align:center;
}

.content_text {
	padding-top:220px;
	text-align:justify;
}

.headerimg { width:477px; height:200px; position:absolute; background-repeat:no-repeat; border:#424242 1px solid;}
.headerimgs { z-index:1; position:absolute; }
#headertxt { position:absolute; top:167px; left:10px; width:300px; }
#firstline { background:#FFF; font-size:14px; font-weight:bold; padding:3px 5px 3px 5px; color:#000;float:left; display:block;}
#secondline { color:#CD2B3A; text-decoration:none; font-size:16px; padding:2px 10px 2px 10px; float:left; display:block; clear:both; text-align:right; margin-top:1px;}

/* WELCOME */

.icon_soundcloud {
	position:absolute;
	top:450px;
	left:60px;
}

.icon_itunes {
	position:absolute;
	top:400px;
	left:150px;
}

/* GALLERY */

.gallery {
	position:relative;
	width:100%;
	background:url(images/bg_002.jpg) no-repeat;
	width:1280px;
	height:1050px;
}

/* BIOGRAPHY */

.biography_content {
	position:absolute;
	background:url(images/bg_home.png);
	left:40px;
	top:210px;
	width:477px;
	height:780px;
	padding:30px;
	text-align:justify;
}

/* UNTERRICHT */

.lesson_content {
	position:absolute;
	background:url(images/bg_lesson.png);
	left:30px;
	top:210px;
	width:608px;
	height:780px;
	padding:30px;
	text-align:justify;
}

/* GALLERY */

.gallery_content {
	position:absolute;
	top:270px;
	left:30px;
	max-width:1000px;
}

.gallery_wrapper {
	float:left;
	background:url(images/bg_gallery.png);
	padding:15px;
	margin-right:20px;
	margin-bottom:20px;
	cursor:pointer;
}

.gal_wrapper {
	float:left;
	margin-right:15px;
	margin-bottom:15px;
	background:url(images/bg_gallery.png);
	padding:15px;
}

.gal_nav_wrapper {
}
	
.gal_nav {
	display:inline-block;
	padding:7px;
	font-size:12px;
	background:url(images/bg_gallery.png);
	font-weight:bold;
	min-width:196px;
}

.gallery_wrapper a {
	text-decoration:none;
	color:#FFFFFF;
}

.gallery_wrapper a:hover {
	color:#d11010;
	text-decoration:none;
}


.gallery_image {
	background:#FFF;
	border:#000 1px solid;
	padding:3px;
}

.gal_image {
	background:#FFF;
	padding:3px;
	border:#000 1px solid;
}

.gallery_title {
	font-size:14px;
	font-weight:bold;
	text-align:center;
	padding:3px 0px;
	background:#000;
}

.gal_nav_link {
	color:#FFF;
	text-decoration:none;
}

.gal_nav_link:hover {
	color:#FFF;
	text-decoration:underline;
}

/* CONCERT */

.concert_content {
	position:absolute;
	top:170px;
	left:30px;
	width:680px;
	background:url(images/bg_gallery.png);
	padding:30px;
}

.rows {
	border-color:#6b6b6b #282626 #282626 #6b6b6b;
	border-style:solid;
	border-width:1px;
	padding:1px 3px 1px 3px;
}

.rows_left {
	border-color:#6b6b6b #282626 #282626 #6b6b6b;
	border-style:solid;
	border-width:1px;
	padding:1px 3px 1px 3px;
}

.d_listings_title {
	background-color:#424242;
	color:#FFF;
	font-weight:bold;
	padding:1px 6px 1px 6px;
	border-color:#6b6b6b #282626 #282626 #6b6b6b;
	border-style:solid;
	border-width:1px;
}

/* PROJECT */

.project_content {
	position:absolute;
	top:170px;
	left:30px;
	width:800px;
	background:url(images/bg_gallery.png);
	padding:30px;
}

.project_left {
	float:left;
	width:220px;
	height:220px;
}

.project_right {
	float:left;
	text-align:justify;
}

.project_title {
	font-size:30px;
	font-weight:bold;
	margin-bottom:10px;
}

.project_text {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
}

/* CONTACT /*/

.contact_content {
	position:absolute;
	top:170px;
	left:30px;
	width:500px;
	background:url(images/bg_gallery.png);
	padding:30px;
}

.contact_left {
	width:80px;
	border-bottom:#CCC 1px dotted;
	margin-right:10px;
	padding:3px;
}

.contact_input {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:11px;
	width:150px;
}

.contact_message {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:11px;
	width:490px;
	height:100px;
}

.spacer {
	width:30px;
}

.submit_button {
	width:120px;
	color:#FFF;
	font-size:12px;
	font-weight:bold;
	background:#9a2e2e;
	border:#000 1px solid;
	cursor:pointer;
}

.submit_button:hover {
	background:#500;
}

.contact_address {
	position:absolute;
	top:170px;
	left:600px;
	background:url(images/bg_gallery.png);
	padding:30px;
	font-size:14px;
}
