@charset "utf-8";
@import url('reset.css');
@import url('type.css');
/* CSS Document */

/* Generelle Einstellungen */

body {
	background:#000000;
	}

hr {
	display:block;
	width:75px;
	height:20px;
	border:none;
	margin:0px 0px 15px 0px;
	background:url(../img/hr.png) no-repeat;
	}

div#wrapper {
	width:800px;
	margin:auto;
	}

div.clear {
	clear:both;
	}

object {
	padding-bottom:15px;
	}

/* Head Bereich */

div#head {
	background:url(../img/header-image.jpg) no-repeat #000000;
	width:800px;
	height:227px;
	padding-top:77px;
	position:relative;
	}

a#head-logo {
	background:url(../img/bv-logo.png) no-repeat;
	display:block;
	width:494px;
	height:78px;
	text-indent:-9999px;
	font-size:1px;
	margin:0px auto 0px auto;
	}
	
ul#menu {
	position:absolute;
	left:219px;
	top:198px;
	}
	
ul#menu li {
	background:url(../img/button-sprite.png) no-repeat;
	float:left;
	height:50px;
	}

ul#menu li a {
	display:block;
	text-indent:-9999px;
	height:100%;
	width:100%;
	}

ul#menu li#start {
	background-position:0px 0px;
	width:38px;
	}

ul#menu li#start:hover, ul#menu li#start.active {
	background-position:0px -55px;
	}

ul#menu li#repertoire {
	background-position:-38px 0px;
	width:72px;
	}

ul#menu li#repertoire:hover, ul#menu li#repertoire.active {
	background-position:-38px -55px;
	}
	
ul#menu li#media {
	background-position:-110px 0px;
	width:54px;
	}

ul#menu li#media:hover, ul#menu li#media.active {
	background-position:-110px -55px;
	}

ul#menu li#gallery {
	background-position:-164px 0px;
	width:62px;
	}

ul#menu li#gallery:hover, ul#menu li#gallery.active {
	background-position:-164px -55px;
	}

ul#menu li#contact {
	background-position:-224px 0px;
	width:57px;
	}

ul#menu li#contact:hover, ul#menu li#contact.active {
	background-position:-224px -55px;
	}

ul#menu li#guestbook {
	background-position:-280px 0px;
	width:69px;
	}

ul#menu li#guestbook:hover, ul#menu li#guestbook.active {
	background-position:-280px -55px;
	}

ul#menu li#about {
	background-position:-371px 0px;
	width:50px;
	margin-left:20px;
	}

ul#menu li#about:hover, ul#menu li#about.active {
	background-position:-371px -55px;
	}


/* Content Bereich */

div#content {
	background:url(../img/content-image.jpg) no-repeat;
	width:690px;
	padding:58px 55px 47px 55px;
	height:565px;
	}

div#text {
	width:360px;
	height:565px;
	padding-right:15px;
	border-right:2px solid #616161;
	text-align:left;
	float:left;
	}

div#text-comments {
	width:360px;
	height:565px;
	padding-right:15px;
	border-right:2px solid #616161;
	text-align:left;
	float:left;
	overflow:auto;
	}

div#termine {
	padding-left:15px;
	width:298px;
	float:left;
	}

div.repertoire-entry-left {
	width:180px;
	margin-bottom:20px;
	float:left;
	}

div.repertoire-entry-left ul {
	list-style:square;
	margin-left:15px;
	}

div.repertoire-entry-left li {
	margin-bottom:10px;
	}

div.repertoire-entry-right {
	width:180px;
	margin-bottom:20px;
	float:left;
	}

div.repertoire-entry-right ul {
	list-style:square;
	margin-left:15px;
	}

div.repertoire-entry-right li {
	margin-bottom:10px;
	}

div.gig {
	width:284px;
	padding-left:15px;
	margin-bottom:15px;
	}

div.gig-date {
	padding-right:15px;
	float:left;
	}

div.gig-text {
	padding-left:15px;
	border-left:2px solid #616161;
	float:left;
	}

div#slideshow {
	width:360px;
	height:460px;
	}

img.default-slide{
	height:458px;
	width:358px;
	border:1px solid #616161;
	}

img.slide {
	display:none;
	height:458px;
	width:358px;
	border:1px solid #616161;
	}

/* Gästebuch */

div.input-name {
	width:298px;
	margin-bottom:10px;
	font-weight:bold;
	color:#EBD4C4;
	font-size:15px;
	font-family:'Kreon' ,serif;
	}

div.input-area {
	width:298px;
	margin-bottom:15px;
	}

div.input-area input {
	width:273px;
	height:18px;
	border:0px;
	background:url(../img/input.png) no-repeat;
	font-size:12px;
	line-height:18px;
	padding:6px 10px 6px 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#F0F0F0;
	}

div.input-area textarea {
	width:273px;
	height:88px;
	border:0px;
	background:url(../img/textarea.png) no-repeat;
	font-size:12px;
	line-height:18px;
	padding:6px 10px 6px 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#F0F0F0;
	}

div.comment {
	width:100%;
	text-align:left;
	}

div.absender {
	border-bottom:2px solid #616161;
	font-family:'Kreon' ,serif;
	font-size:15px;
	color:#EBD4C4;
	padding-bottom:8px;
	width:100%;
	}

div.comment-text {
	padding-top:5px;
	line-height:18px;
	font-size:12px;
	width:100%;
	margin-bottom:15px;
	}

div.input-area input.submit {
	width:293px;
	background:url(../img/input.png) no-repeat;
	height:30px;
	border:none;
	font-family:'Kreon' ,serif;
	color:#EBD4C4;
	font-size:14px;
	line-height:18px;
	font-weight:bold;
	}	

div.input-area input.submit:hover {
	color:#FFFFFF;
	}

/* Foot Bereich */

div#foot {
	width:800px;
	height:57px;
	padding-top:150px;
	background:url(../img/footer-image.jpg) no-repeat;
	}