@charset "UTF-8";
/* CSS Document */ /* 1c91dc */

body { background: #cfe3f3; font-family: Arial, Helvetica, sans-serif; font-size: 13px; padding: 0px; margin: 0px; color:#fff;}

html { padding: 0; margin: 0;}

a:link { text-decoration:underline; color: #B3DAF3; border: 0px; -moz-outline-style: none;}
a:active { text-decoration: none; color: #fff; border: 0px; -moz-outline-style: none;}
a:visited { text-decoration: underline; color: #B3DAF3; border: 0px; -moz-outline-style: none;}
a:hover	{ text-decoration: none; color : #fff; border: 0px; -moz-outline-style: none;} 
a:focus { outline: underline;-moz-outline-style: none;}


h1, h2, h3, h4 { font-family:"Lucida Sans Unicode", Arial, sans-serif}
h1 {
	font-size:22px;
	font-weight:normal;
	line-height:22px;
	background:url(../img/headingbg.png) repeat-x;
	margin: 0 -10px 10px -10px;
	padding:3px 0 5px 10px;
	}
h2 {
	color: #003366;
	font-size: 20px;
	font-weight: bold;
	line-height: 18px;
	margin: 10px 0 10px 0;
}
h3 {
	color: #003366;
	font-size: 16px;
	font-weight:bold;
	line-height: 16px;
	margin: 10px 0 5px;
}

img { padding: 0px; margin: 0px; border: none; text-align: center;}
hr { border-left:0px solid #abb0b5; border-right:0px solid #abb0b5; border-top:1px dotted #abb0b5; border-bottom:0px solid #abb0b5; height : 1px;  }
big {font-size: 14px;}
small {font-size: 10px;}
b {font-weight: bold;}
u {text-decoration: underline;}
i {font-style: italic;}

form { padding: 0px; margin: 0px;}
form.cols p {
	float: left;
	width: 255px;
}
form.cols p.right {
	float: left;
	width: 280px;
}
form.cols input { 
	display: block;
	width: 200px;
	height: 15px;
}
form.cols textarea {
	height: 130px;
	width: 280px;
}
form.cols input.button {
	height: 30px;
	width: 131px;
	background: url(../img/button.png) top left no-repeat;
}
form.cols input.button:hover {
	background: url(../img/button.png) bottom left no-repeat;
}
input {
	font-family: 'Verdana'; 
	color: #282b31; 
	font-size: 11px;
	margin-bottom: 20px;	
}
input.button {
	font-family: "Lucida Sans Unicode", Arial, sans-serif;
	font-size: 16px;
	color: #000;
	height: 30px;
	width: 131px;
	background: url(../img/button.png) top left no-repeat;
	border: 0;
	padding: 0px 0 5px 0;
	margin: 30px 0 0 0;
}
input.button:hover {
	background: url(../img/button.png) bottom left no-repeat;
}

textarea { 
	font-family: 'Verdana'; 
	color: #282b31; 
	font-size: 11px;
	margin-bottom: 20px;
}
select { 
	font-family: 'Verdana'; 
	color: #282b31; 
	font-size: 11px;
}
label {
	display: block;
}

li {
	list-style-type: square;
	color: #B3DAF3;
}

.hidden {
	display: none;
}

#wrapper {
	background:url(../img/wrapperbg.png);
	width: 1026px;
	height:770px;
	padding:10px;
	margin: 2% auto 0;
}

#container {
	background: #FFF url(../img/bg.png) left top no-repeat;
	width:1024px;
	height:768px;
	border: 1px solid #000;
	position:relative;
}

/* Header -------------------------------------------------- */

#header {
	text-indent: -4999px;
	background-image: url(../img/header.png);
	background-repeat: no-repeat;
	background-position: 40px 25px;
	height: 100px;
	width: 1024px;
}

/* Nav -------------------------------------------------- */

#nav {
	background:url(../img/nav.png) left top no-repeat;
	margin-top: 60px;
	margin-left: 23px;
	float:left;
	height:351px;
	width:126px;
	padding: 30px 30px 154px 23px;
}

#nav div {
	background:url(../img/contentbg.png);
	width:116px;
	height:353px;
	padding: 0 0 0 10px;
	}	
	
#nav a {
	text-decoration:none;
	color: #fff;
}

#nav a:hover {
	text-decoration:underline;
}

#nav div ul {
	margin:0;
	padding:0;
}

#nav div li {
	margin:0;
	padding:0;
	list-style:none;
	font-family:"Lucida Sans Unicode", Arial, sans-serif;
	font-size:22px;
	line-height:2.3em;
	text-align:center;
}



/* Content -------------------------------------------------- */

#contentwrapper {
	background:url(../img/contentrand.png) left top no-repeat;
	margin-top: 4px;
	margin-right: 51px;
	height: 578px;
	width: 636px;
	padding: 18px 19px 57px 17px;
	float:right;
}

#content {
	background:url(../img/contentbg.png);
	height:550px;
	width:606px;
	padding:15px 15px;
	overflow:auto;
	position:relative;
}

#content .notify {
	background:url(../img/wrapperbg.png);
	display: block;
	margin:15px 5px;
	padding:5px;
	text-align:center;
	border-top: 1px solid #E2F6FF;
	border-bottom: 1px solid #E2F6FF;
}

#content .page {
	padding-top: 20px;
	border: 0px;
	margin-top: 10px;
	color: #B3DAF3;
}

#content .page a {
	border: 1px solid #B3DAF3;
	margin: 2px;
	padding: 1px 3px;
	line-height: 14px;
	text-decoration: none;
}


#content .page a:hover {
	background: #fff;
	border: 1px solid #fff;
	color: #197ab8;
	font-weight: bold;
}

#content .page .active {
	border: 1px solid #fff;
	background: #fff;
	color: #197ab8;
	font-weight: bold;
}

#content .page .textlink {
	border: 0px;
	color: #B3DAF3;
	margin: 0;
	padding: 0;
}

#content .page .textlink:hover {
	border: 0;
	color: #fff;
	font-weight: normal;
	background: none;
}

#content .entry {
	background: url(../img/box-oben.png) top left no-repeat;
	width: 550px;
	padding: 10px 15px 0;
	margin: 20px auto 0 auto;
	overflow: hidden;
	color: #000;
}
#content .entry a {
	color: #000;
}
#content .name {
	background: url(../img/box-line.png) bottom left no-repeat;
	padding-bottom: 5px;
	font-weight: bold;
	color: #006699;
	font-size: 1.1em;
	margin: 0;
}

#content .datum {
	color: #006699;
	font-size: 0.9em;
	float: right;
	margin: 0;
}
#content .text {
	color: #000;
	margin-bottom: 5px;
	font-size: 1.1em;
}
#content .footer {
	margin: 0 auto;
	height: 14px;
	width: 580px;
	background: url(../img/box-unten.png) top left no-repeat;
}

/* Slide Panel ----------------------------------------------- */
.panel {
	position: absolute;
	width: 591px;
	margin: -10px 0 40px 0;
	display: block;
}

.panel .open {
}

.panel .close {
	display:none;
}
.panel .toggle_div {
	background:#197ab8 url(../img/wrapperbg.png);
	border-bottom: 1px solid #fff;
	padding: 10px;
	overflow: hidden;
	width: 571px;
}

.panel .toggle_button {
  	float: right;
  	height: 27px;
	margin: -1px 0 0 0;
	text-align: center;
	font-size: 1.1em;
	font-family:"Lucida Sans Unicode", Arial, sans-serif;
}

.panel .toggle_button li {
	background: url(../img/tab_m.png) top left;
	list-style-type: none;
	display: inline;
	height: 21px;
	padding: 6px 0 0 0;
	margin: 0;
	float: left;
}

.panel .toggle_button li.left {
	background: url(../img/tab_l.png) top left no-repeat;
  	height: 27px;
	width: 23px;
	padding: 0;
	margin: 0;
  	display: inline;
	float: left;
}

.panel .toggle_button li.right {
	background: url(../img/tab_r.png) top right no-repeat;
	height: 27px;
	width: 23px;
	padding: 0;
	margin: 0 15px 0 0;
  	display: inline;
	float: left;
}

.panel .toggle_button a {
	display: block;
	height: 15px;
	line-height: 15px;
	padding-left: 20px;
	cursor: pointer;
}

.panel .toggle_button a.bopen {background: url(../img/bt_open.png) no-repeat left top;}
.panel .toggle_button a.bclose {background: url(../img/bt_close.png) no-repeat left top;}
.panel .toggle_button a:hover.bopen {background: url(../img/bt_open.png) no-repeat left bottom;}
.panel .toggle_button a:hover.bclose {background: url(../img/bt_close.png) no-repeat left bottom;}

/* News --------------------------------------------------- */
#news .panel {
	position: static;
}
#news .name {
	font-size: 1.4em;
	color: ;
}

/* Guestbook ---------------------------------------------- */

#guestbook .name a {
	font-weight: normal;
	font-size: 0.9em;
	float: right;
}

/* Live --------------------------------------------------- */
#live .panel {
	position: static;
}
#live .entry {
	width: 460px;
	padding: 20px 60px 10px;
}
#live h2, #live h3 {
	margin-left: -10px;
}
#live .entry .name {
	background: none;
	font-size: 1.2em;
	font-weight: bold;
	margin: 20px 0 5px;
	color: #333;
}

#live .entry .name a{
	background: none;
	font-size: 0.8em;
	font-weight: normal;
	color: #000;
}
#live .entry .text {
	margin: 0;
}
#live .entry .name_s {
	background: none;
	font-size: 1.1em;
	font-weight: bold;
	margin: 5px 0 2px;
	color: #333;
}

#live .entry .name_s a{
	background: none;
	font-size: 0.9em;
	font-weight: normal;
	color: #000;
}
#live .entry .text_s {
	margin: 0;
}
#live .entry .desc {
	margin: 5px 0 15px;
}
#live .imp {
	color: #333;
	font-weight: bold;
	font-size: 1.1em;
}
#live .linie {
	margin: 20px -40px 0;
	text-indent: 30px;
	background: url(../img/box-line.png) top left no-repeat;
	padding-top: 20px;
}
#live .hist {
	margin: 5px 0 2px;
}
#live .hist span{
	color: #333;
	font-weight: bold;
} 
/* Band --------------------------------------------------- */

#band ul {
	display: block;
  	height: 27px;
	margin-top: -11px;
	margin-bottom: 2px;
	vertical-align: center;
	font-size: 1.1em;
	font-family:"Lucida Sans Unicode", Arial, sans-serif;
	padding: 0 0 0 180px;
}

#band ul li {
	display: inline-block;
	height: 27px;
	background: url(../img/tab_m.png) top left;
	list-style-type: none;
	margin: 0;
	padding: 0 5px;
	float: left;
}

#band ul li:hover, #band ul li:active {
	background: url(../img/tab_mw.png) top left;
}

#band ul li.left {
    display: inline-block;
	background: url(../img/tab_l.png) top left no-repeat;
  	height: 27px;
	width: 23px;
	padding: 0;
	float: left;
}

#band ul li.right {
	display: inline-block;
	background: url(../img/tab_r.png) top right no-repeat;
	height: 27px;
	width: 23px;
	padding: 0;
	float: left;
}

#band ul li a {
	display: block;
	height: 24px;
	padding-top: 3px;
	text-decoration: none;
}

#band ul li a:hover, #band ul li a:active, #band ul li a.act {
	background: url(../img/tab_pfeil.png) bottom center no-repeat;
	color: #fff;
}
#band .bio {
	font-size:1.0em;
	color:#000;
	width: 550px;
	height:100px;
	margin:0 auto;
	background:url(../img/raum_leer_rev.jpg);
	border-left: 8px solid #B3DAF3;
	border-right: 8px solid #B3DAF3;
	border-bottom: 8px solid #B3DAF3;
}
#band .bio .rev {
	border-top:1px solid #666;
	width: 550px;
	background:#c0e2f6;
	top:365px;
	position: absolute;
	filter:alpha(opacity=90);
	-moz-opacity: 0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
}
#band .bio .rev p {
	padding:5px 10px;
}

#band .bandimg {
	background:url(../img/raum_leer.jpg) left top no-repeat;
	width: 550px;
	height: 375px;
	margin:auto;
	border-top: 8px solid #B3DAF3;
	border-left: 8px solid #B3DAF3;
	border-right: 8px solid #B3DAF3;
}

#band .bandimg p {
	height: 375px;
	width: 550px; 
}

#band .bandimg .tobse {
	background: url(../img/tobse_allein.png) right top no-repeat;
}

#band .bandimg .thomas {
	background: url(../img/thomas_allein.png) right top no-repeat;
}

#band .bandimg .timo {
	background: url(../img/timo_allein.png) left top no-repeat;
}

#band .bandimg .marius {
	background: url(../img/marius_allein.png) left top no-repeat;
}
#band p {
	margin: 0;
}
#band .frage {
	margin: 15px 0 5px 0;
	color:  #B3DAF3;
	font-weight: bold;
	font-size: 1.1em;
}
#band .einzelbild {
	float: right;
	margin: 10px 10px 0 0;
	width: 200px;
}

/* Kontakt --------------------------------------------------*/
#kontakt .spamcode {
	vertical-align: top;
}
#kontakt .spamcode input {
	margin-right: 20px;
}
#kontakt img {
	display:inline;
	background:url(../img/wrapperbg.png);
	height:20px;
	width:57px;
	padding: 2px;
	margin-left: 10px;
}

/* Audio ---------------------------------------------------*/

#audio div {
	height: 200px;
	margin: 0 0 10px 0;
}
#audio h2 {
	margin-bottom: 5px;
}

#audio  .toggle_div_audio {
	position: absolute;
	width: 606px;
	margin: -10px 0 40px 0;
	background:#197ab8 url(../img/wrapperbg.png);
	border-bottom: 1px solid #fff;
	padding: 10px;
	overflow: hidden;
	margin: 0;
	visibility: hidden;
}

#audio  .toggle_button_audioup {
	position: absolute;
  	float: right;
  	height: 27px;
	margin: -1px 0 0 0;
	text-align: center;
	font-size: 1.1em;
	font-family:"Lucida Sans Unicode", Arial, sans-serif;
	visibility: hidden;
}

#audio  .toggle_button_audioup li {
	background: url(../img/tab_m.png) top left;
	list-style-type: none;
	display: inline;
	height: 21px;
	padding: 6px 0 0 0;
	margin: 0;
	float: left;
}

#audio  .toggle_button_audioup li.left {
	background: url(../img/tab_l.png) top left no-repeat;
  	height: 27px;
	width: 23px;
	padding: 0;
	margin: 0;
  	display: inline;
	float: left;
}

#audio  .toggle_button_audioup li.right {
	background: url(../img/tab_r.png) top right no-repeat;
	height: 27px;
	width: 23px;
	padding: 0;
	margin: 0 15px 0 0;
  	display: inline;
	float: left;
}

#audio  .toggle_button_audioup a {
	display: block;
	height: 15px;
	line-height: 15px;
	padding-left: 20px;
	cursor: pointer;
	background: url(../img/bt_close.png) no-repeat left top;
}
#audio  .toggle_button_audioup a:hover {
	background: url(../img/bt_close.png) no-repeat left bottom;
}

#audio img {
	margin: 0px 30px 10px 0px;
	border: 0;
	height: 150px;
	width: 150px;
	float: left;
}
#audio ul {
	margin: 0;
	padding: 0;
}

#audio li {
	margin: 3px 0;
}

#audio li .titel {
	color: #fff;
	font-size: 1.2em;
	font-weight: normal;
}
#audio li .unimp {
	color: #006699;
}

#audioedit div {
	height: 200px;
	margin: 20px 0 0 0;
}

#audioedit img {
	margin: 0px 30px 10px 0px;
	border: 0;
	height: 150px;
	width: 150px;
	float: left;
}

/* Photo ---------------------------------------------------*/
#photo .galpic {
	float: left;
	width: 100px;
	height: 100px;
	border: 8px solid #B3DAF3;
	margin: 5px;
}
#photo .galpic:hover {
border-color: #fff;
}
#photo .galpic #group {
	height: 108px;
	width: 108px;
	position: absolute;
	display: block;
}
#photo .galpic #group img {
	position: absolute;
	height: 100px;
	width: 100px;
}
#photo .galpic #group img:hover {
	height: 106px;
	width: 106px;
	top: -3px;
	left: -3px;
}
#photo .galpic .del {
	display: block;
	position: absolute;
	height: 30px;
	width: 30px;
	margin: -15px;
	}
#photo .galpic .del img{
	height: 30px;
	width: 30px;
}
#upload {  
    font-family: "Lucida Sans Unicode", Arial, sans-serif;
	font-size: 16px;
	color: #000;
	height: 30px;
	width: 131px;
	background: url(../img/button.png) top left no-repeat;
	border: 0;
	padding: 0;
	margin: 30px 30px 10px 0;
    text-align:center;     
    cursor:pointer !important;
    -moz-border-radius:5px; -webkit-border-radius:5px; 
}
#upload .hover {
	background: url(../img/button.png) bottom left no-repeat;
}
#photoupload #status {
	font-size: 1.1em;
}
#photoupload ul#files {
	list-style-type:none; 
	padding:0; 
	margin:10px 0 0 0;
}
#photoupload ul#files li {
	list-style-type: none;
	border:1px solid #ccc;
	color: #000;
	font-size: 12px;
	line-height: 16px;
	background-color: #B3DAF3;
	border: 1px solid #003366;
	padding:10px;
	margin:0 5px 5px 0;
	width:120px; 
	float:left;  
	text-align: center;
	display: block;
	-moz-border-radius:5px; -webkit-border-radius:5px;
}
#photoupload ul#files li .stat {
	height: 16px;
	width: 16px;
	border: 0;
	margin-left: 10px;
	display: inline-block;
}
#photoupload ul#files li .thumb {
	max-height: 100px;
	max-width: 100px;
	border: 0;
	display: block;
	margin: auto;
}
/* Links ---------------------------------------------------*/
#links {
	font-size:1.1em;
}
#links li {
	list-style-type: square;
	padding: 5px 0;
}
#links li p {
	color: #fff;
}
#links li a {
	display: inline-block;
	width: 250px;
}
#links p.desc {
	display: inline;
}
/* -------------------------------------------------- */

#instrument {
	position:absolute;
	right: -50px;
	bottom: 1px;
	height:335px;
	width:133px;
}	

/* -------------------------------------------------- */

#footer {
	background:url(../img/footer.png);
	margin: 0 0 0 15px;
	padding:0;
	height:71px;
	width:271px;
	float:left;
}

#footer a {
	color: #fff;
	text-decoration:none;
}

#footer ul {
	margin:28px 0 0 20px;;
	padding:0;
}

#footer li {
	margin:0;
	padding:0 8px 0 0;
	font-family:"Lucida Sans Unicode", Arial, sans-serif;
	font-size:15px;
	list-style: none;
	float: left;
	background: url(../img/contentbg.png);
}

#control {
	width:1026px;
	margin:0 auto;
	padding:5px 0;
	text-align:right;
}

#control img {
	float: left;
	border: 0;
	width: 91px;
	height: 25px;
}

#control a {
	margin-right: 8px;
	color:#a5b3bf;
}

#control a:hover {
	color:#000;
	text-decoration:underline;
}